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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
#main {width:68%; margin:0 auto;}
#sidebar {width:30%;}
#sidebar li{font-size:0.8em;}

.header {height:auto; display:none;}
.logo-image {padding:0;}
.tagline {display:none;}
.footer {padding-top:0;}
.sokumaga_logo {width:100%; background-color: #FFF; text-align:center; margin:0 0 1% 0; padding:0 5px 0 5px; font-size:0.6em; border-bottom:2px double #000;}
.sokumaga_logo img{width:200px; padding:15px;}
.sokumaga_head_l{padding-bottom:5px;}
.categoryid-2 .eye-catch img{width:100%; max-width:400px;}
.f_menu {font-size:0.6em; text-align:center; margin-bottom:2%;}
.f_menu a{text-decoration:none;}
.nani_sokumaga a.nani_sokumaga-button{max-width: 400px;
    background-color: #000;
	color:#FFF;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
    margin: auto;
    padding: 1em;
    text-align: center;
    border-radius: 4px;
    display: block;}
/*ABJ*/
#footer .abj .footer-bottom {font-size:0.6em;}
.footer-bottom {margin-top:1%;}
.abj img{width:40%; margin:2%;}

/*トップ見出し*/
.list-title {font-size:1em; margin-top:0;}
.list-new-entries h1{color: #000;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #CCC;
}

#popular_entries-2 .widget-index-bottom-title{text-align:center; color: #000;/*文字色*/ margin-bottom:10px; border-bottom: dashed 2px #CCC; font-weight:bold;}
#custom_html-7 .widget-index-bottom-title{text-align:center; color: #e4506c;/*文字色*/ margin-bottom:10px; border-bottom: dashed 2px #e4506c; font-weight:bold;}
#custom_html-7 .widget-index-top-title{text-align:center; color: #e4506c;/*文字色*/ margin-bottom:10px; border-bottom: dashed 2px #e4506c; font-weight:bold;}
#custom_html-8 .widget-below-sns-buttons-title{text-align:center; color: #e4506c;/*文字色*/margin-top:5%; margin-bottom:10px; border-bottom: dashed 2px #e4506c; font-weight:bold;}

.list-column h1{color: #000;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #CCC;
}

#content-in {background:#FFF;}
.home #content {margin-top:2%;}
.categoryid-2 #content {margin-top:0;}
.archive #content {margin-top:0;}

#carousel {margin:1% 0 3% 0;}
.carousel-in .list-title{font-size:0.8em; margin-top:1em; color: #000;/*文字色*/}
.carousel-entry-card-title{color: #000; font-size:0.6em;}

.sokumaga_read {text-align:center; font-size:0.8em; margin:1%;}

.list-title-in {padding:0;}
.list-title-in:before, .list-title-in:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 0;
    height: 0;
    background-color: #FFF;
	padding:0;
	margin:0;
}

/*パンくず*/
#breadcrumb {width:95%; max-width:1190px; border: 1px solid transparent; border-radius: 4px;}
.cat-link:hover {
  opacity: 0.5;
  color: #3d3d3d;
}

/*目次*/
#toc {border: 1px solid transparent; width:100%; border-radius: 4px; background:#FFF; text-align:center;}
#toc .toc-content {border-top:dotted 1px #CCC; margin-top:10px;}
#toc .toc-content li{margin:2%; text-decoration:underline; font-weight:bold;}

/*新着カード*/
.ect-3-columns .entry-card-wrap {width:30%; margin:1% 0.5% 1% 0.5%; border: 1px solid #CCC;}
.entry-card-wrap {padding:10px; border: 1px solid #CCC; box-shadow: 0px 0px 4px rgba(0,0,0,0.2); display:block;}

/*.entry-card-content {width:100%;}*/
.entry-card-content h2{font-size:1em; margin-top:1%; margin-bottom:1%; line-height:140%; color: #000;/*文字色*/}
.list-new-entries .entry-card-content h2{color: #000;/*文字色*/}
.entry-card-content .entry-card-snippet{font-size:0.8em; margin-top:3%;}


.list-more-button {
  display: inline-block;
  padding: 2%;
  text-decoration: none;
  color: #FFF;
  border: solid 2px #000;
  border-radius: 3px;
  transition: .4s;
  margin: 1em 0 2em;
  font-size: 16px;
  background: #000;
	width:96%;
}

.list-more-button:hover{background-color: #000; opacity: 0.7; color:#FFF;}

.list-new-entries .list-more-button {border: solid 2px #000; background: #000;}
.list-new-entries .list-more-button:hover{background-color: #000;}

.ect-3-columns > *{width:30%; margin:1%;}
/*ウィジェットカード*/
.widget-entry-card-link {box-shadow: 0px 0px 4px rgba(0,0,0,0.2);}
.widget-entry-cards .a-wrap {margin-bottom: 2%;}
.widget-entry-card-content {font-size:0.8em; font-weight:bold;}
.widget-entry-card-title {padding-right:1%; color: #000;/*文字色*/}

/*サイドバー*/
.widget-sidebar h3{color: #000;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #CCC;
  font-size:0.8em;
  margin:0 auto;}

/*おすすめ成分*/
#categories-3,#categories-4,#archives-3,#search-3,#custom_html-5 {text-align:center;}
#archives-3 {margin-top:2%;}
#categories-3 ul,#categories-4 ul,#archives-3 ul{width:95%; margin:0 auto; }
#categories-3 li,#categories-4 li,#archives-3 li{font-size:0.7em; margin:8px;}
#content-bottom-in a{background:#FFF;
	border:1px solid #CCC;
	border-radius: 10px;  
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	min-width:80px;
	display:block;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);}
#categories-4 a{background:#FFF;
	border:1px solid #CCC;
	border-radius: 10px;  
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	min-width:80px;
	display:block;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);}
#content-bottom-in i{padding:2px;}
#content-bottom-in a:hover{opacity: 0.7;}
#categories-3 .cat-item-2,#categories-4 .cat-item-3,#categories-4 .cat-item-4,#categories-4 .cat-item-21{display:none;}

#search-3 .search-box input{width:90%;}
#search-3 .search-box .search-submit {right:6%;}

/*カテゴリーリンク*/
#slide-in-categories-3 .cat-item-3{display:none;}

/*おすすめ漫画記事css*/
.categoryid-2 .entry-header h1{margin:1% 0 1% 0; padding:0; color: #000;/*文字色*/}
.osusume_point {width:95%; margin:0 auto;}
.categoryid-2 h2{margin:2% 0 2% 0; padding:0; color: #000;/*文字色*/}
.continuation{text-align:center; margin-top:2%; padding-top:2%; border-top:dotted 1px #CCC;}
.txt_box {font-size:0.8em;}
.txt_box h3{margin:2% 0 2% 0; padding:0;}
.txt_box h4{margin:2% 0 2% 0; padding:0;}
.float_btn {width:100%; margin:0 auto;}
.float_btn .btn{width:48%; line-height:50px; padding:0; margin:0 auto; display:inline-block;}
.float_btn .btn-success{background:#4e8cd3;}
.float_btn .btn-warning{background:#f1c747;}

.entry-footer .sns-share{border: 1px solid transparent; width:80%; margin:0 auto; border-radius: 4px; background:#eee; text-align:center; padding:5px;}
.author-info{width:95%; margin:0 auto;}
.date-tags {border-bottom:dotted 1px #CCC; margin-bottom:1%; padding-bottom:1%;}

.pagination-next {display:none;}
.pagination .current {font-weight:bold; color: #6594e0;/*文字色*/}

/*関連記事*/
#related-entries h2{position: relative;
  padding: 0.6em;
  background:#ffebbe;
  border-radius: 7px;
}

#related-entries h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}

.related-entry-card {box-shadow: 0px 0px 4px rgba(0,0,0,0.2); padding:2%; font-size:0.8em;}
.related-list .a-wrap {margin-bottom: 0%;}
.related-entry-card h3{color: #000;/*文字色*/}


/**********************
/* 新着記事にNEWマーク
* ********************/
.new_ribbon {
display: inline-block;
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 5px 0 5px;
z-index: 2;
width: 50px;
text-align: center;
color: white;
font-size: 15px;
background-color: #e74d6e; /*リボンの背景色*/
border-radius: 2px 0 0 0;
}
.cat-label{display:none;}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	/*.categoryid-3 #main {width:100%; margin:0 auto; padding:0px;}*/
	.sokumaga_logo img{width:150px; padding:15px;}
	.logo-image {padding-top:2%;}
	/*新着カード*/
.ect-3-columns .entry-card-wrap {width:98%; margin:2% 1% 2% 1%;}
.entry-card-wrap {padding:10px;}
.widget-entry-card-content {font-size:1em; font-weight:bold;}
}




/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.entry-footer .sns-share .button-caption {display:none;}
	#footer .abj,.footer-bottom {font-size:0.6em;}
	.footer-bottom {margin-top:1%;}
	.abj img{width:40%; margin:2%;}
}