@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* スクロールをスムースに */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 50px;
}
/* トップへ戻るボタン画像の表示調整 */
.go-to-top-button {
 width: 60px; /* ボタン画像の表示幅 */
 height: auto; /* ボタン画像の高さは自動調整 */
}
.go-to-top-button:hover { /* カーソルを合わせると少し拡大する */
  transform: scale(1.2);
}
.go-to-top {　
 right: 30px; /* 右から10pxの位置に配置 */
 bottom: 30px; /* 下から30pxの位置に配置 */
}

/***** 固定ページ全体 *****/
.entry-title, .page .date-tags, .page .author-info {	/* 固定ページのタイトル、投稿日、更新日、投稿者名 */
    display: none;	/* 非表示 */
}
#content, #footer {	 /*コンテンツ, フッター */
	margin-top: 0px;	/* 上部の空白の高さ */
}
#main, #main > .article > div {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
}
#main > .article {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
}
body > #container > #content > #content-in > #main {	/* コンテンツ幅 */
	padding-left: 20px;
	padding-right: 20px;
}
.is-style-outline {
	border-radius: 10px;
	box-shadow: 0px 0px 10px 3px #CCCCCC;
}
#main > .article > div > div > div > div > div >a:hover { /* 固定ページ上部にあるボタン（ホバー） */
	color: #000000;
	background-color: #EEEEEE;
}
h3, h4, h5, h6 { /* 見出しh3～h6 */
	margin-left: 1rem;
	margin-right: 1rem;
}


/***** 表のデザインを変更 *****/ 


/***** グローバルナビゲーション *****/
#navi .navi-in > ul > li {	/* 個々項目 */
	border-right: 1px solid #339999;
}
#navi .navi-in > ul > li:last-child {	/* 最後項目 */
	border-right-width: 0px;
}
.navi-in > ul > .menu-item-has-children > a::after {
	right: 10px;
}

/***** サブメニュー *****/
#navi .navi-in > .menu-header .sub-menu {
	background-color: #0099CC;
}
.navi .sub-menu {	/* サブメニュー全体 */
	padding: 0px !important;	/* 余白 */
}
.navi-in > ul .sub-menu li {	/* サブメニュー個々項目 */
	padding: 0px 0px 0px 0px !important;	/* 余白 */
	height: 45px !important;	/* 高さ */
	border-bottom: 1px solid #66CCCC;	/* ボーダー */
}
.navi-in > ul .sub-menu li:last-child {	/* サブメニュー最後項目 */
	border-bottom-width: 0px;	/* ボーダー */
}

/***** アピールエリア *****/
.appeal-title {	/* アピールエリアタイトル文字の色とサイズ、影 */
	font-size: 30px;
	color: #FFFFFF;
	text-shadow: 3px 3px 2px #000000;
	margin: 0px 30px 10px 30px;
}
.appeal-message {	/* アピールエリアメッセージ */
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 3px 3px 2px #000000;
	margin: 0px;
}
.appeal-content {	/* アピールエリアコンテンツ */
	background-color: rgba(60, 80, 100, 0.4);
	max-width: 100%;
}






/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*781px以下*/
@media screen and (max-width: 781px){
  /*必要ならばここにコードを書く*/
}
	
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}