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

/************************************
** 
.a-wrap:first-of-type{
	border-top: 2px dotted #ddd;
}
.a-wrap{
	border-bottom: 2px dotted #ddd;
	margin:0;
	padding: 4.5% 3.5%;
}
.ecb-entry-border .a-wrap{
	margin:0 0 3%;
}
.ect-tile-card .a-wrap{
	padding: 1.5%;
}
.list.ecb-entry-border .entry-card-wrap,.page-numbers,.pagination .current{
	border-color:#ccc;
}
.ecb-entry-border .entry-card-wrap:first-of-type,.ect-vertical-card .a-wrap.a-wrap{
	border-top:1px solid #ccc;
}
article .blogcard-wrap,article .blogcard-wrap:first-of-type{
	margin:0;
	border:none;
	padding:0;
}
.entry-card-snippet{
	height: 3.6em;
	max-height: 3.6em;
	line-height: 1.8;
}
.related-entry-card-snippet{
	height: 4.8em;
	max-height: 4.8em;
	line-height: 1.6;
	margin-top:10px;
}
.entry-card-thumb, .author-thumb, .blogcard-thumbnail, .related-entry-card-thumb, .popular-entry-card-thumb,.new-entry-card-thumb,.widget-entry-card-thumb{
	margin-right: 3.5%;
}
.entry-card-title{
	font-size:1.5em;
	padding-bottom:10px;
}
.footer-bottom-logo .logo-image {
	max-width: 100%;
}
.new-entry-card img,.eye-catch-wrap img,.entry-card-thumb img,.related-entry-card img,.widget-entry-card img,.blogcard-thumbnail img{
	border:4px solid #eee;
	box-shadow:.5px .5px 4px rgba(0,0,0,.3);
	border-radius:3px;
}
.widget-entry-card-content,.related-entry-card-content{
	padding:0 0 0 5px;
	font-size:.9em;
}
.eye-catch .cat-label,.cat-label{
	top:8px;
	left:8px;
}
.eye-catch{
	margin-bottom:15px;
}
.header-container{
	box-shadow:0px 3px 10px rgba(0,0,0,.2);
}
#header-container .navi{
	background: linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.3) 100%);
}
.article h2,h3.widget-title,h3.footer-title{
	box-shadow:0px 1px 5px rgba(0,0,0,.2);
}
.header-container-in,.footer{
	background: linear-gradient(135deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.1) 100%);
}
.header-container:after,.footer:before{
	content: "";
	display: block;
	height: 5px;
	background: repeating-linear-gradient(  115deg,rgba(255,255,255,.3),rgba(255,255,255,.3) 4px,rgba(0,0,0,.3) 5px,rgba(0,0,0,.3) 9px );
}
.tagline{
	background:#333;
	margin:0 0 10px;
	padding:.7em 1em;
	color:#fff;
	line-height:1.5em;
}
h1.entry-title,h1.archive-title,h2 related-entry-heading{
	position:relative;
	padding:1em 1.5em;
	margin-top:0;
	margin-bottom:15px;
}
h1.entry-title:before,h1.entry-title:after,h1.archive-title:before,h1.archive-title:after,h2 related-entry-heading:before{
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
}
h1.entry-title:before,h1.archive-title:before{
	border-left:2px solid #333;
	border-top:2px solid #333;
	top: 0;
	left: 0;
}
h1.entry-title:after,h1.archive-title:after{
	border-right:2px solid #333;
	border-bottom:2px solid #333;
	bottom: 0;
	right: 0;
}
.article h2{
	padding:1em;
	position:relative;
}
.article h2:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 14px solid rgba(236, 212, 83, 1.0);
	border-right: 14px solid transparent;
}
h2.related-entry-heading{
	border-top: 2px dotted #ddd;
	background:#f9f9f9;
	margin:25px 0 0;
	padding:1em;
}
h2.related-entry-heading:before{
	font-family: FontAwesome;
	content: "\f064";
	opacity:.3;
}
.pager-post-navi{
	background:#f9f9f9;
	border:1px solid #ccc;
	padding:5px 0;
}
.pager-post-navi a.a-wrap{
	padding: 15px 10px;
	border: 1px solid #eee;
	margin: 5px 10px;
	background: #fff;
}
.footer{
	padding:0;
	box-shadow:0px -3px 10px rgba(0,0,0,.2);
}
.footer-in{
	padding:10px 0 0;
}
h3.footer-title{
	margin:30px 0 10px;
	padding: .3em 1em;
	box-shadow:0px .5px 3.5px rgba(0,0,0,.1);
	background: rgba(255,255,255,.3);
	border-left:10px solid rgba(0,0,0,.1);
}
.article .toc,.a-wrap .blogcard{
	border:3px solid #eee;
}
.toc-title{
	background:#f9f9f9;
}
.a-wrap .blogcard{

}
.pager-post-navi a.a-wrap::before{
	color:#ccc;
}
.cat-link{
	background:#eee;
}
.cat-link a:hover{
	color:#000;
}
.cat-link::before,h1 span:before,.post-date:before,.post-update:before{
	opacity:.6;
	vertical-align: middle;
}
.widget ul li a:before{
	font-family: FontAwesome;
	content: "\f138";
	margin:0 5px 0 0;
	opacity: .3;
}
.post-date,.post-update{
	font-family:Georgia;
	font-size:.9em;
}
.recb-entry-border .related-entry-card-wrap:first-of-type,.related-entries.recb-entry-border .related-entry-card-wrap {
	border: 1px solid #eee;
	margin: 5px 0 0;
	padding: .5em;
}
.blogcard-snippet{
	line-height:1.5em;
	margin:10px 0 0;
}
.blogcard-footer{
	padding:10px 0 0;
}
.blogcard-site{
	float:right;
	justify-content: flex-end;
}
.blogcard-date{
	float:left;
}
.pagination-next{
	display:none;
}
.pagination{
	margin:52px 0 24px;
}
@media screen and (max-width: 480px){
.entry-card-title,.e-card-title{
	font-size:1em;
	line-height: 1.5;
	padding-bottom:20px;
}
.e-card-title{
	padding:0;
}
.related-entry-card-snippet{
	display:none;
}
.entry-card-content{
	padding:0;
}
.pagination-next{
	display:block;
	margin:30px 0 0;
}
.pagination{
	margin:30px 0 0;
}
}

************************************/
/*必要ならばここにコードを書く*/

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

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

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