@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
*/

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

/******************全体******************/
body{color:#343434;}
/*a{color:#7a6553;}*/

#sidebar a:hover{
	background-color:rgba(254,253,210,0.5);
}

@media screen and (min-width: 1024px){
	
	.site-logo-image:hover{
		margin-bottom:16px;
		opacity:0.8;
		transition:0.5s;
	}
}

/*□見出しリセット□*/
.entry-content h1, .article h1,
.entry-content h2, .article h2,
.entry-content h3, .article h3,
.entry-content h4, .article h4,
.entry-content h5, .article h5,
.entry-content h6, .article h6{
	padding:0;
	border:0;
	font-weight:bold;
	margin: 20px auto;
}

/*各見出しデザイン*/
/*■h1■*/
h1.entry-title, .article h1 {
  border-bottom: 6px solid #98E2E4;
  padding:3px;
  margin-bottom: 14px;
}

h1.entry-title:first-letter, .article h1:first-letter {
  font-size: 1.5em;
  color: #FA7B36;
}

/*■h2■*/
.entry-content h2, .article h2 {
	position: relative;
	background: #FA7B36;
	box-shadow: 0px 0px 0px 5px #FA7B36;
	border: dashed 1px #FEDDCA;
	padding: 14px 0 10px 0;
	text-align:center;
	color: #fff;
	text-shadow:1px 1px 2px #7F3A0B; 
}

.entry-content h2:after, .article h2:after {
  position: absolute;
  content: '';
  left: -8px;
  top: -8px;
  border-width: 0 0 20px 20px;
  border-style: solid;
  border-color: #fff #fff #F1C054;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15);
}

/*■H3■*/
.entry-content h3, .article h3 {
	border: solid 4px #F8C216;
	padding:10px 4px;
	margin-bottom:28px;
	box-shadow:3px 3px 0 #fffbc5;
}

.entry-content h3::before, .article h3::before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	color: #FA7B36;
	padding: 0 6px;
	font-size:1.3em;
}

#post-38 .entry-content h3, #post-38 .article h3{
	border:none;
	box-shadow:none;
	background-color:#fff;
	border-bottom:solid #def2eb 8px;
	letter-spacing:1.8px;
	text-align:center;
	padding:20px 12px 4px;
	margin-bottom:0;
	display:inline-block;
}

#post-38 .wp-block-column{
	text-align:center;
}


#post-38 .entry-content h3::before, #post-38 .article h3::before {
	padding-left:0;
	content: "\f02b";
}

/*■H4■*/
.entry-content h4, .article h4 {
	padding: 14px 2px 12px 10px;
	background-color: #EDF9F6;
	font-size:1.3em;
}
.entry-content h4::before, .article h4::before {
	font-family: "Font Awesome 5 Free";
	content: "\f142";
	padding-right: 10px;
	color:#83D3D9;
}


/*■H5■*/
.entry-content h5, .article h5 {
	margin: 0.5em auto 1.2em;
	padding: 0.7em;
	border-left:solid 10px #FA7B36;
	background-color:#FFFBC5;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}

/*■H6■*/
.entry-content h6, .article h6 {
	border-bottom: 4px dotted #FEDEDA;
	padding: 0.3em;
	margin-bottom: 0.3em;
	text-align:center;
	width:75%;
}
	
.entry-content h6:first-letter, .article h6:first-letter {
	font-size: 1.5em;
	color: #D43C4E;
	padding-right:4px;
}

.grecaptcha-badge {
	visibility: hidden;
}

.page .date-tags {
	display: none;
}

/*目次*/
.toc .toc-content .toc-list li{
	font-weight: bold;
	line-height: 1.8em;
}

.toc .toc-content .toc-list li li li {
	font-weight: normal;
	font-size: 0.95em;
}
.toc .toc-content .toc-list li li li li, li li li li li {
	font-weight: normal;
	font-size: 0.9em;
}

.toc-list > li a::before {
/*h2*/
	font-family: "Font Awesome 5 Free";
	content: "\f02e";
	color: #FA7B36;
	padding-right: 0.4em;
}

.toc-list > li li a::before {
/*h3*/
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	color: #F1C054;
	font-size: 1em;
	font-weight: 900;
	padding-right: 0.4em;
}

.toc-list > li li li a::before {
/*h4*/
	font-family: "Font Awesome 5 Free";
	content: "\f304";
	color: #BCCAA4;
	font-size: 1em;
	padding-right: 0.4em;
}

.toc-list > li li li li a::before {
/*h5*/
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	color: #D0E4E3;
	font-size: 1em;
	padding-right: 0.4em;
}

.toc-list > li li li li li a::before {
/*h6*/
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	color: #FCA69A;
	font-size: 1em;
	padding-right: 0.4em;
}

#toc {
	margin-bottom: 3em;
	border:solid 3px #343434;
	box-shadow:3px 3px 0 #C5C5C5;
}

.toc-list li{
	border:none !important;
}

#post-38 .widget-entry-card-link{
	margin:10px auto 20px;
}	


/********レスポンシブ*********/
/*1024px以下*/
@media screen and (max-width: 1024px){
	
	.header{
		display:none;
	}
	
.navi .new-entry-cards.large-thumb a,
.widget-entry-cards.large-thumb a{
	width:100%;
	margin:0 auto;
}
	
.widget-entry-card-title,
.popular-entry-card-title{
	font-size: 14px;
}

#navi .navi-in > .menu-mobile li{
	width: 50%;
	border-left: 0.7px solid #fff;
}
}

.footer-bottom.fnm-text-width .menu-footer li {
	width:130px;
}

/*1024px以下タブレット*/
@media screen and (max-width: 1024px){
	
	.logo-menu-button img, .footer-bottom-logo img{
		max-width:200px !important;
		height:auto !important;
	}
}

@media screen and (max-width: 834px){
	#footer .navi-footer-in{
		max-width:480px !important;
		margin:0 auto;
	}
	
	.footer-bottom.fnm-text-width .menu-footer li {
		width:100px !important;
		border-right: 1px solid var(--cocoon-thin-color);
	}
}


/*480px以下スマホ*/
@media screen and (max-width: 480px){

	/*フッターメニュー*/
	
	#footer .navi-footer-in{
		max-width:260px !important;
		margin:0 auto;
	}
	
	#footer .menu-footer .menu-item{
		width:48% !important;
		border:none;
	}
	
	#footer .menu-footer .menu-item a{
		font-size:12px !important;
	}

}



/*【サイド】ウィジェットタイトル*/
#slide-in-sidebar .widget-sidebar-title, #sidebar .widget-sidebar-title{
	background-color: #F8C216;
	color: #fff;
	font-size: 1em;
	text-align:center;
}

.author-box .author-description {
	font-size: 12px;
}

/*【サイド】リンクのアイコン*/
.menu-drawer a::before, .widget_categories a::before,
#sidebar .widget_archive a::before, #sidebar .wp-block-heading::before{
	font-family: "Font Awesome 5 Free";
	content: "\f1b0";
	color:#FA7B36;
	font-weight:900;
	font-size:0.9em;
	padding-right:8px;
}

/*【サイド】【記事一覧】リンクの下線*/
#sidebar li, #slide-in-sidebar li,
.widget_new_entries a,
.widget_popular_entries a, .a-wrap{
	border-bottom:dotted 2px #ccc;
	text-decoration:none;
}

.sns-share-buttons a{
	border-radius:10px;
	margin:10px 0;
}

/*************ヘッダーメニュー*************/
.menu-header .menu-item{
	width:calc(100%/5) !important;
}

/*************トップページ*************/
.widget-entry-cards.card-large-image .a-wrap {
	max-width:800px;
}

.card-title{
	text-align:left;
	font-weight:bold;
}

/*************【モバイルスライドメニュー】*************/
@media (max-width: 1024px){
	
	.menu-drawer .menu-item{
		width:100% !important;
		font-weight:bold;
		text-decoration:none;
		padding:8px;
	}
}

/*リンクの下線（最後を削除）*/
.a-wrap:last-of-type,
#sidebar li:last-of-type, #slide-in-sidebar li:last-of-type,
.menu-drawer li:last-of-type, .widget_new_entries a:last-of-type, .widget_popular_entries a:last-of-type{
	border-bottom:none;
}

.item-label:hover{
	opacity:1 !important;
	background-color:#f8c216;
	font-size:1.2em;
}

.item-label{
	font-weight:bold;
}

/*************番号リスト*************/
.number_list ol, .check_list ul{
	font-weight:bold;
	border:solid 6px #DEF2EB;
	background-color:#FFFFFA;
	border-radius:14px;
	margin:20px auto;
	padding:20px 0 20px 34px;
	list-style:none;
}

.number_list ol {
	counter-reset: number;
}

.number_list ol li:before {
	content: counter(number);
	counter-increment: number;
	font-family: "Quicksand", sans-serif;
	background: #F8C216;
	color: #fff;
	font-size:0.85em;
	border-radius: 50%;
	width: 1.6em;
	height: 1.6em;
	line-height: 1.6;
	position: absolute;
	left: 0;
    top: 0;
	display: inline-block;
	position: relative;
	left: 0;
	top:0;
	text-align: center;
	vertical-align:middle;
	margin-right:10px;
}

/*************チェックリスト*************/
.check_list ul li{
	border-bottom:dashed 1px #C5C5C5;
	margin-right:30px;
	margin-bottom:4px;
}

.check_list ul li:before{
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
	color: #FA7B36;
	font-size: 1.2em;
	padding-right:10px;
}

@media (max-width: 480px){
	
	.number_list ol, .check_list ul{
		padding:16px 0 16px 8px;
	}
	.number_list ol li:before {
		margin-right:4px;
	}
	.check_list ul li{
	margin-right:10px;
	}
}

/*************ブログカード*************/
.blogcard{
	margin-top:40px;
	border:solid 2px #343434 !important;
	box-shadow: 3px 3px 4px #bdbdbd;
}

.blogcard-label{
	font-weight:bold;
	left:6px;
}

/*************テキスト装飾*************/
.important{color:#D43C4E;}
.center{text-align:center;}

/*マーカー黄色*/
.marker {background-color: #FFFF67;}
.marker-under {background: linear-gradient(transparent 60%, #FFF571 40%);}

/*マーカー赤*/
.marker-red {background-color: #FEDEDA;}
.marker-under-red {background: linear-gradient(transparent 60%, #FEDEDA 60%);}

/*マーカー青*/
.marker-blue {background-color: #D0E4E3;}
.marker-under-blue {background: linear-gradient(transparent 60%, #D0E4E3 60%);}

/*************テーブル*************/
.scrollable-table.stfc-sticky table:not(.wp-calendar-table) tr > *:first-child {
    background-color: #FCEC9E;
}

pre, .pager-links span, .scrollable-table table th, table th, .pagination .current {
	background-color:#FFF78F;
}

.wp-block-table td{
	background-color:#FEFDE0;
}

.instagram-media{
	margin:0 auto 30px!important;
	max-width:400px!important;
	min-width:300px!important;
}