@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/********************************************
メモ：
css で使われる px はデバイスピクセルではなく
dip (Density-independent Pixels) である。
********************************************/

/********************************************
** Font Awesomeのカラー定義
********************************************/

/*Text*/
.col-text{
	color:#141414;
}
/*Dark Green*/
.col-dgreen{
	color:#306020;
}
/*Light Green*/
.col-lgreen{
	color:#97af8f;
}
/*Gold*/
.col-gold{
	color:#f3aa11;
}
/*Wine Red*/
.col-winered{
	color:#ed113e;
}
/*Microsoft Word*/
.col-word{
	color:#185abd;
}
/*Microsoft Excel*/
.col-excel{
	color:#107c41;
}
/*Adobe Acrobat*/
.col-pdf{
	color:#b80000;
}
/*Google Icon*/
.col-google{
	color:#007b8b;
}

/********************************************
** 子テーマ用のスタイル
********************************************/

/*メインカラム*/
#main{
	border-radius:0;
	padding-top:20px;
	padding-bottom:20px;
}
/*サイドバー*/
#sidebar{
	border-radius:0;
	padding-bottom:10px;
}
/*サイドバー（モバイル）*/
#slide-in-sidebar{
	padding:20px;
}
/*グローバルメニュー*/
.navi-in .has-icon{
	display:none; /*angle downマークを非表示*/
}
/*コンテンツ上部*/
.topBlock > p{
	display:inline-block;
	padding:0.5em 1.5em;
	background-color:lightyellow;
	border-radius:7px;
}
/*エントリーカード*/
.entry-card-wrap{
	border-radius:0;
}
.a-wrap{
	padding-left:0;
}
/*エントリーカードの背景*/
.entry-card-wrap.a-wrap{
	padding:0;
	margin:0;
	background-image:repeating-linear-gradient(
		135deg,
		#cce5ff 0%,
		#eff7ff 70%,
		#fdebf2
	);
}
/*エントリーカードの画像*/
.entry-card-thumb{
	width:32%;
	margin:2%;
}
.ect-entry-card img{
	border-radius:7px;
}
/*エントリーカードの記述*/
.entry-card-content{
	padding-top:2%;
	padding-bottom:2%;
	padding-left:0;
	padding-right:2%;
	margin:0;
}
/*エントリーカードのタイトル*/
.entry-card-title{
	font-size:1em;
	padding-left:1%;
	padding-bottom:4px;
	margin:0;
}
/*エントリーカードのスニペット*/
.entry-card-snippet{
	font-size:1em;
	padding-left:1%;
	padding-right:0;
	padding-bottom:0;
	margin:0;
}
/*エントリーカードのインフォメーション*/
.entry-card-info > *{
	font-size:0.8em;
	padding-bottom:6px;
	padding-right:6px;
	margin:0;
}
/*エントリーカードのカテゴリーラベル*/
.cat-label{
	display:none;　
}
/*フッター*/
.footer-bottom{
	padding:0;
	margin:0;
}
/*記事コンテンツ*/
.article{
	padding-left:20px !important;
	padding-right:20px !important;
	margin-bottom:0 !important;
}
/*目次*/
.toc{
	width:100%;
	padding:0.5em 1em;
}
/*目次タイトル*/
.toc-title{
	background-color:white;
	padding:0 16px 0 16px;
}
.toc-title::before{
	display:inline;
	font-family:"Font Awesome 5 Free";
	content:"\f03a";  /*list*/
	font-weight:bold; /*Classic Solid*/
	font-size:1em;
	padding:0.4em;
	border-radius:50%;
	color:white;
	background-color:#97af8f;
	margin-right:8px;
}
/*目次リスト*/
.toc-content{
	overflow:hidden;
}
.toc-content a{
	display:block;
}
.toc-content a:hover{
	text-decoration:none;
	background-color:#e0e8de;
}
/*目次リスト：H2見出し*/
.toc-list > li a::before{
	display:inline-block;
	font-family:"Font Awesome 5 Free";
	content:"\f35a";  /*arrow-alt-circle-right*/
	color:#97af8f;
	font-weight:bold; /*Classic Solid*/
	margin-right:5px;
}
/*目次リスト：H3見出し*/
.toc-list > li li a::before{
	display:inline-block;
	font-family:"Font Awesome 5 Free";
	content:"\f105";  /*angle-right*/
	color:#97af8f;
	font-weight:bold; /*Classic Solid*/
	margin-right:5px;
}
/*H1見出し*/
.article h1{
	font-size:1.5em;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:10px;
}
/*H2見出し*/
.article h2{
	border-top:0;
	border-bottom:0;
	font-size:1.3em;
	border-radius:5px;
	padding-top:8px;
	padding-bottom:8px;
	margin-top:36px;
	margin-bottom:24px;
}
/*H3見出し*/
.article h3{
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:12px;
	margin-left:0;
	margin-right:0;
}
/*H5見出し*/
.article h5{
	font-size:1.2em;
	margin-top:20px;
}
/*サイドバー内の見出し*/
.sidebar h3{
	font-size:1.2em;
	border-radius:3px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:0;
	border-bottom:solid 3px #87ceeb;
}
.sidebar h3:after{
	position:absolute;
	content:" ";
	display:block;
	border-bottom:solid 3px #eaa8bf;
	bottom:-3px;
	left:0;
	width:15%;
}
/*箇条書きのインデント*/
.article ul{
	padding-left:1em; /*左端に合わせる*/
}
/*テーブルヘッダー*/
.wp-block-table thead{
	border-bottom-width:2px;
}
/*テーブルヘッダー欄*/
table th, .scrollable-table th{
	color:#3eb370;
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:0.4em;
	padding-right:0.4em;
}
/*テーブルデーター欄*/
table td, .scrollable-table td{
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:0.6em;
	padding-right:0.6em;
}
/*アイコンボックス*/
.common-icon-box{
	padding-top:12px;
	padding-bottom:12px;
}
/*案内ボックス*/
.success-box{
	border-radius:0;
	padding-top:0.4em;
	padding-bottom:0.4em;
}
.light-box{
	border-radius:0;
	padding-top:0.4em;
	padding-bottom:0.4em;
}
/*見出しボックス*/
.caption-box-label{
	padding-top:5px;
	padding-bottom:5px;
}
.caption-box{
	border-radius:5px;
}
.caption-box-content{
	padding:1em 1em;
}
/*タブ見出しボックス*/
.tab-caption-box-label{
	border-radius:7px 7px 0 0;
	padding-top:5px;
	padding-bottom:5px;
}
.tab-caption-box-content{
	border-radius:0 7px 7px 7px;
	padding:0.8em 1em;
}
/*SNSシェアメッセージ*/
.sns-share-message{
	margin-bottom:8px !important;
}
.sns-share-message::before{
	display:inline;
	font-family:"Font Awesome 5 Free";
	content:"\f064";  /*share*/
	font-weight:bold; /*Classic Solid*/
	font-size:1em;
	color:#97af8f;
	margin-right:6px;
}
/*SNSシェアボタン*/
.button-caption{
	display:none;
}
.sns-share-buttons{
	flex-wrap:nowrap;
	justify-content:center;
	margin-bottom:0;
}
.bc-brand-color-white a{
	border:none;
}
.social-icon{
	font-size:18px;
}
.sns-share.ss-col-6 .sns-buttons{
	column-gap:0;
}
#main .sns-share a{
	width:40px;
	height:18px;
}
/*クレジット表示*/
.copyright a{
	text-decoration:none; /*アンダーラインを非表示*/
}
/*トップに戻るボタン*/
.go-to-top-button{
	width:52px;
	height:52px;
	border-radius:50%;
	border:2px solid #306020;
	font-size:18px;
	display:flex;
	flex-direction:column;
	opacity:0.7;
}
.go-to-top-button:after{
	content:'トップ';
	font-size:12px;
}
.go-to-top-button:hover{
	border:2px solid #306020;
	opacity:1;
}
/*ボックスメニュー*/
.box-menu{
	min-height:60px;
}
.box-menu-icon{
	font-size:24px;
	color:#97af8f;
}
.box-menu-label{
	color:#555555;
}
.box-menu:hover{
	box-shadow:none; /*枠線強調なし*/
	background:#e0e8de;
}
/*モバイルフッターメニュー*/
.menu-drawer a:hover{
	background-color:#e0e8de;
}
/*メニューを閉じるボタン*/
.menu-close-button {
	margin-top:10px;
}

/********************************************
** WPFormsの設定
********************************************/

/*フィールド間隔*/
.wpforms-field{
	padding-top:4px !important;
}
/*必須フィールドインジケータを白抜き文字に変更*/
.wpforms-required-label{
	font-size:1em !important;
	color:#fff !important;
	background-color:#ff7f7f !important;
	border-radius:5px !important;
	padding:0px 2px !important;
	margin-left:4px !important;
}
/*送信完了後のコメント欄*/
.wpforms-confirmation-container-full{
	background:#f4f7f4;
	border:1px solid #97af8f;
}

/********************************************
** レスポンシブデザイン用のメディアクエリ
********************************************/

/*1023px以下（サイドバーがスライドインになる条件）*/
@media screen and (max-width:1023px){

	/*サイドバー（縁取りを消去）*/
	.sidebar{
		border:none;
		box-shadow:none;
	}
	/*サイドバー内の見出し（モバイル表示時になぜか4px分だけ狭くなるので拡大）*/
	.sidebar h3{
		padding-top:6px;
		padding-bottom:6px;
	}
	/*PC用テキストウィジェットのブレイクポイントを834px以下から変更*/
	.widget_pc_text{
		display:none;
	}
	.widget_mobile_text{
		display: block;
	}
}

/*834px以下（メインエリアが全幅表示になる条件）*/
@media screen and (max-width:834px){

	/*記事コンテンツ*/
	.article{
		padding-left:0 !important;
		padding-right:0 !important;
	}
}

/*480px以下（モバイル表示）*/
@media screen and (max-width:480px){

	/*アイコンボックスのアイコン位置を上から左に変更*/
	.common-icon-box::before{
		border-width:1px;
		border-right-style:solid;
		font-size:24px;
		left:10px;
		margin-left:0;
		padding-right:0.15em;
		top:50%;
		width:34px;
	}
	.common-icon-box{
		padding: 12px 20px 12px 62px;
	}
}