@charset "UTF-8";

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

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

.header {
	box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);/*custom*/
}

.logo-text{
	padding:12px 0 0 0;
}

.cat-label {
	display:none;
}

.ect-vertical-card .entry-card-wrap .entry-card-content {
	padding:1em 1em 2em 1em;
}

.ect-vertical-card {
	justify-content: space-around;
}

.ect-vertical-card .entry-card-wrap {
	max-width:352px;
	margin: 1.5em 0;
	box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);
	border-radius: 4px;
}

.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
	object-fit:cover;
	max-height:207px;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#ez-toc-container {
   margin: 2.5em 0;
   width: 100%;
   box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);
   border-radius: 0px;
   border: none;
	background-color:#F8F8F8;
   border-top: 6px solid #FFAC4D;/*redの箇所を書き換えれば二重線の色変わります*/
}
div#ez-toc-container div.ez-toc-title-container{
	padding:20px 15px 0 15px;
}
div#ez-toc-container p.ez-toc-title {
   font-weight: 900;
   color:#FFAC4D;
	margin:0 0 0 0.5em;
	font-size:1.5em;
}
div#ez-toc-container p.ez-toc-title:before{
   font-family:"Font Awesome 5 Free";
   content:"\f0ca";
   font-weight:900;
   color:FFAC4D;
   margin-right:.5em;
}
div#ez-toc-container nav{
	padding:0 15px 20px 15px;
}
#ez-toc-container a{
  color:#707070;
	text-decoration: none;
}

.no-sidebar .wrap {
	width:100%;
    max-width: 800px;
}

.article h2{
	background-color:#FFE7CC;
}

.article h3{
	border-left: 7px solid #FFE7CC;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.sidebar h3{
	background-color:#FFE7CC;
}

.a-wrap{
	padding:0;
}

.entry-card-meta, .related-entry-card-meta{
	right:1em;
	bottom:0.5em;
}

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

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.main.main{
		padding:16px 0 16px 0;
	}
	.entry-content.cf{
		padding-right:16px;
		padding-left:16px;
		margin-top:3em;
	}
	.article-footer.entry-footer{
		padding-right:16px;
		padding-left:16px;
	}
	.under-entry-content{
		padding-right:16px;
		padding-left:16px;
	}
	
	.entry-title{
		padding: 0.6em 0.8em;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.ect-vertical-card .entry-card-wrap {
		max-width:288px;
		border-radius:3px;
		box-shadow: 0 0 2px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.22);
	}
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
		object-fit:cover;
		max-height:162px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	.ect-vertical-card.sp-entry-card-1-column .entry-card-wrap {
		margin:1.5em;
	}
}