@charset "UTF-8";

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

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

	body{
	font-family	:"BIZ UDPゴシック","Open Sans","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo","游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic Medium" , "Yu Gothic";	
	}


/**記事カードタイトル**/
	.entry-card-title{ 
	line-height:1.5em;
		
	}

	.entry-card-snippet{
	font-size:0.8rem;
	font-weight:normal;
	line-height:1.4rem;
	}
	.card-thumb img{
	border:solid thin #f5f5f5;
	}

	/* h1 */
	.article h1{
		line-height:2.5rem;
		padding:0;
		margin:2rem 0 1rem 0;
		font-size:30px;
	}


.entry-title, .article h2{
	font-size:27px;
}

	/* h2 */
.article h2{
	font-weight:900;
	background-color:#ffffff
	border:none;
	border-top:none;
	border-bottom:none;
	padding:20px;
	padding-bottom:5px;
	text-align:center;
	margin-top:120px;
	margin-bottom:60px;
	line-height:2.5rem;
	}

.article h2:before{
	border:none;
	}

.article h2:after{
	border-bottom:initial;
	width:50px;
	height:6px;
	background-color:#c1ab05;
	left:calc(50% - 25px);
	bottom:-12px;
}





	/* h3 */
	.article h3{
		font-size:20px;
		border-bottom:0;
		background-color:#fffacd;
		padding:15px 20px;
		}


	/* h4 */
	.article h4{
		border-bottom:0;
		border-left:solid thick #000000;
		padding-top:0.3rem;
		padding-bottom:0.3rem;
		font-size:18px;
	}

	/* h5 */
	.article h5{
		font-size:17px;
	}

	.gsc-search-box table{
		margin-bottom:0;
	}

	table tr:nth-of-type(2n+1){
		background-color:#fff;
	}


	/* カテゴリーラベル */
	.cat-label{
	padding:0.1rem 0.3rem;	
	border:solid thin #fff;
	margin-left:0.3rem;
	margin-top:0.3rem;
	background-color:#001e43;
	opacity:0.8;
	}
	.eye-catch .cat-label{
	border:solid thin #fff;
	background-color:#001e43;
	opacity:0.8;
	}
	.related-entry-card .cat-label{
	opacity:0;	
	}

	/* カルーセル */
	.carousel{
	line-height:1rem;
	}
	.carousel-entry-card-title{
	font-weight:normal;
	font-size:0.7rem;
	line-height:1rem;
	margin-bottom:4px;
	overflow:visible;
	}


	/* 関連記事 */
	.rect-mini-card .related-entry-card-title{
		font-weight:normal;		
	}

	/* 人気の記事　新着記事の見出し */
	.sidebar h3{
	font-size:1rem;
	}

	/* 人気の記事　新着記事 */
	.widget-entry-cards .widget-entry-card-content{
		line-height:1.1rem;
		font-size:0.75rem;
		font-weight:normal;
		padding-left:0.5rem;
	}	

	/* カテゴリー アーカイブ */
	.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a{
	border-bottom:dotted 1px #333;	
	padding-bottom:5px;
	padding-left:20px;
	font-size:15px;
	}



.pager-post-navi a.prev-post .prev-post-title{
	font-size:0.8rem;
	line-height:1.4rem;
	margin-left:1.5rem;
	margin-right:1.5rem;
}
.pager-post-navi a.next-post .next-post-title{
	font-size:0.8rem;
	line-height:1.4rem;
	margin-left:1.5rem;
	margin-right:1.5rem;
}


.rect-mini-card .related-entry-card-title{
	line-height:1.5em;	
	font-size:0.8rem;
 }

/* メインのロゴ */
.logo-image{
	padding:25px 0 10px;
}

	/*ブログカード*/
	.blogcard-wrap{
		margin-top:60px;
		margin-bottom:60px;
		margin-right:0;
		margin-left:0;
		width:100%;
	}
	.blogcard{
		border:0;
		background-color:#eae8e1;
		padding:17px;
	}
	.blogcard-title{
		font-size:17px;
		line-height:30px;
		margin-bottom:4px;
	}
	.blogcard-snippet{
		font-size:14px;
		line-height:23px;
	}
	.bct-together .blogcard::before{
		
		padding:7px 8px 7px 10px;
		top:-20px;
		border-radius:3px;
	}


/* 前の記事　次の記事 */
	.pager-post-navi a{
		padding:1rem;
		width:95%;	
	}
	.pager-post-navi{
		background-color:#fff;
	}
	.pager-post-navi a + a{
		margin-top:0;
	}
	.pager-post-navi a.prev-post .prev-post-title{
		margin:0 0 0 0.8rem;
		font-size:1rem;
	}
	.pager-post-navi a.next-post .next-post-title{
		margin:0 0.8rem 0 0;
		font-size:1rem;
	}


	/* 記事の文章 */
	.entry-content{
	margin-top:50px;
	}

　.entry-content>*, .demo .entry-content p{	
		font-size:1rem;
		line-height:1.8rem;
	}
	p, .paragraph{
	margin:0.6rem 0.9rem;
	}

	/* 目次 */
	.toc{
		margin-top:2rem;
		margin-left:0;
		margin-right:0;
		padding:0.7rem 2rem 0.7rem 2rem;	
		width:100%;
		border-right:0;
		border-left:0;
		background-color:#ececec;
	}
	.toc ol.toc-list, .toc ul.toc-list{
		margin:0.5rem 1rem 0 1rem;
	}
		.toc ol.toc-list ol, .toc ol.toc-list ul, .toc ul.toc-list ol, .toc ul.toc-list ul{
		font-size:0.8rem;
	}
	.toc ol.toc-list li, .toc ul.toc-list li{
		margin-left:auto;
		margin-right:auto;
	}
	

	.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption{
		font-size: 15px;
    	text-align: center;
	}

	/* 表 */
	.scrollable-table th, .scrollable-table td{
	padding-left:0.7rem;
	}

	/* サイドバー見出し下の線 */
	.sidebar h3{
	border-bottom-width:4px;
	}
	
	/* もしもアフィリエイト */
	div.easyLink-box{
	border:5px solid #ccc !important;
	}

	/* 表 テーブル */
	figure.wp-block-table.alignwide table, figure.wp-block-table.alignfull table{
	margin-bottom:0px;
	}
	.scrollable-table{
	margin-bottom:5px;
	}


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

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

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

	
/**記事カードタイトル**/	
.entry-card-title{ 
	font-size:1.1rem;
	}
.entry-card-snippet{
	font-size:0.8rem;
	}

.cat-label{
	padding:3px 5px;
	}
.eye-catch .cat-label{
	padding:4px 6px;
	font-size:14px;
	}	
	
	/* h1 */
	.article h1{
		line-height:2.5rem;
		padding:0;
		margin:1rem 0 1rem 0;
	}
	
	
	/* h4 */
	.article h4{
		border-bottom:0;
		border-left:solid thick #000000;
		padding-top:0.3rem;
		padding-bottom:0.3rem;
	}
	
	
	
	/* 記事の文章 */
	.entry-content>*, .demo .entry-content p{	
		font-size:14px;
		line-height:22px;
	}
	p, .paragraph{
		margin:0.6rem 0.9rem;
	}
	
	
	/* 関連記事 */
	.rect-mini-card .related-entry-card-title{
		font-size:0.9rem;
		line-height:1.5rem;
	}
	/* 人気の記事　新着記事 */
	.widget-entry-cards .widget-entry-card-content{
		font-size:1rem;
		line-height:1.5rem;
	}
	/* 人気の記事　新着記事の見出し */
	.sidebar h3{
		font-size:1.2rem;
	}
	
	
	
	
	
　
	/* 前の記事　次の記事 */
	.post-navi-default.post-navi-border a{
	 border-top:none;
	}
	.pager-post-navi{
		background-color:#ffffff;
		margin-top:10px;
		margin-bottom:10px;	
		padding:10px 5px;
	}
	.pager-post-navi a.prev-post .prev-post-title{	
		margin-right:0;
		line-height:1rem;
		font-size:0.8rem;
	}
	.pager-post-navi a.next-post .next-post-title{
		margin-left:0;
		line-height:1rem;
		font-size:0.8rem;
	}
	
	
	
	.logo-image{
		padding:20px 0px 10px;
	}
	.entry-title, .archive-title{
		margin:16px 30px;
	}

	
	/* カテゴリー アーカイブ*/
	.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a{
		font-size:0.8rem;
	}
	
	
	
	
}




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

	
	/* カテゴリーラベル */
	.cat-label{
		padding:0.2rem 0.3rem;
		font-size:13px;
	}
	.eye-catch .cat-label{
		padding:4px 6px;
		font-size:12px;
		border:solid thin #fff;
		opacity:0;
	}
	
	
	/**記事カードタイトル**/	
	.entry-card-title{ 
		font-size:1rem;
	}

	
	
	/* 前の記事　次の記事 */
	.pager-post-navi{
		padding:10px 10px;
	}
	.pager-post-navi a{
		padding:0.7rem;
		width:100%;	
	}
	.pager-post-navi a + a{
		margin-top:0;
	}
	.pager-post-navi a.prev-post .prev-post-title{
		margin-left:0.8rem;
		font-size:0.75rem;
	}
	.pager-post-navi a.next-post .next-post-title{
		margin-right:0.8rem;
		font-size:0.75rem;
	}
	
	
	.logo-image{
		padding:15px 20px 10px;
	}
	.entry-title, .archive-title{
		margin:0px 6px;
	}
	.entry-card-thumb, .author-thumb, .blogcard-thumbnail, .related-entry-card-thumb, .popular-entry-card-thumb, .new-entry-card-thumb{
		margin-right:3%;
	}
	
	
	/* h1 */
	.article h1{
		line-height:29px;
		padding:0;
		margin:0 0 0.5rem 0;
		font-size:20px;
	}
	
	/* h2 */
	.article h2{
		line-height:2.5rem;
	}
	
	/* h3 */
	.article h3{
		font-size:18px;
		line-height:1.8rem;
		padding:10px 15px;
	}

	
	
	/* h4 */
	.article h4{
		border-bottom:0;
		border-left:solid thick #000000;
		padding-top:0.3rem;
		padding-bottom:0.3rem;
		font-size:16px;
	}
	
	/* h5 */
	.article h5{
		font-size:14px;
	}
	
	
	.block-box p:first-child{
		margin:1.2rem;
	}
	
	/* 関連記事 */
	.rect-mini-card .related-entry-card-title{
		font-size:0.75rem;
		line-height:1.1rem;
	}
	/* 人気の記事　新着記事の見出し */
	.sidebar h3{
		font-size:0.9rem;
	}
	/* 人気の記事　新着記事 */
	.widget-entry-cards .widget-entry-card-content{
		font-size:0.75em;
		line-height:1.1rem;
	}
	
	
	
	/* 記事の文章 */
	.entry-content>*, .demo .entry-content p{	
		font-size:14px;
		line-height:22px;
	}
	p, .paragraph{
		margin:0.6rem 0.9rem;
	}
	
	
	/* テーブル */
	table th, table td{
		padding:0.3rem 0.5rem 0.3rem 0.5rem;		
	}
	
	
	/* カテゴリー アーカイブ*/
	.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a{
		font-size:0.8rem;
	}
	
	
	/* もしもアフィリエイト */
	div.easyLink-box.easyLink-size-s{
		max-width:initial !important;
		margin:initial !important;
		
	}
	
	/* 目次 */
	.toc{
		margin-top:2rem;
		margin-left:0;
		margin-right:0;
		padding:0.7rem;	
		width:100%;
		border-right:0;
		border-left:0;
	}
	.toc ol.toc-list, .toc ul.toc-list{
		margin:0.5rem 1rem 0 1rem;
		padding-left:0;
	}
	.toc ol.toc-list, .toc ul.toc-list{
		font-size:12px;
	}
	.toc ol.toc-list li, .toc ul.toc-list li{
		margin-bottom:0;
	}
	
	
	
	/*ブログカード*/
	.blogcard{
		padding:13px;
	}
	.blogcard-title{
		font-size:14px;
		line-height:22px;
		margin-bottom:4px;
	}
	.blogcard-snippet{
		font-size:12px;
		line-height:18px;
	}
	.blogcard-footer{
		margin-top:5px;
	}
	.bct-together .blogcard::before{
		padding:6px 8px 6px 10px;
		top:-18px;
	}
	
	.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption{
		font-size: 12px;
    	text-align: center;
	}
	
	/* 写真・イメージ*/
	.wp-block-image img{
		max-height: 350px;
		object-fit:contain;
	}
	
	/* ラベルボックス */
	.block-box p:first-child{
		margin:0.6rem 0.9rem;
	}
	.block-box p:last-of-type{
		margin:0.6rem 0.9rem;
	}
	.label-box-content{
		padding:10px;
	}
	
	
}