@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:80%; margin:0 auto;}
#sidebar {width:20%;}

.header {height:auto; display:none;}
.logo-image {padding:0;}
.tagline {display:none;}
.footer {padding-top:0;}
.sokumaga_logo {text-align:center; max-width:900px; margin:0 auto;}
.sokumaga_logo img{width:70%; padding-top:2%;}
.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;}

/*ABJ*/
#footer .abj,.footer-bottom {font-size:0.6em;}
.footer-bottom {margin-top:1%;}
.abj img{width:40%; margin:2%;}

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

#popular_entries-2 .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-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: #6594e0;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #6594e0;
}

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

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

.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:#feffd6; 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%;}
.entry-card-wrap {padding:10px; border:solid 1px #CCC; box-shadow: 0px 0px 4px rgba(0,0,0,0.2);}
/*.entry-card-content {width:100%;}*/
.entry-card-content h2{font-size:0.8em; margin-top:1%; margin-bottom:1%; line-height:140%; color: #6594e0;/*文字色*/}
.list-new-entries .entry-card-content h2{color: #5bc797;/*文字色*/}
.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 #6594e0;
  border-radius: 3px;
  transition: .4s;
  margin: 1em 0 2em;
  font-size: 16px;
  background: #6594e0;
	width:96%;
}

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

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

.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;}
.widget-entry-card-title {padding-right:1%; color: #6594e0;/*文字色*/}

/*おすすめ成分*/
#categories-3,#archives-3,#search-3,#custom_html-5 {text-align:center;}
#archives-3 {margin-top:2%;}
#categories-3 ul,#archives-3 ul{width:95%; margin:0 auto; display:inline-block;}
#categories-3 li,#archives-3 li{font-size:0.7em; display:inline-block; margin:8px;}
#content-bottom-in a{background:#FFF;
	border:1px solid #FFF;
	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.2);}
#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: #6594e0;/*文字色*/}
.osusume_point {width:95%; margin:0 auto;}
.categoryid-2 h2{margin:2% 0 2% 0; padding:0; color: #6594e0;/*文字色*/}
.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: #6594e0;/*文字色*/}


/**********************
/* 新着記事に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){
  /*必要ならばここにコードを書く*/
}

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




/*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%;}
}