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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.single .eye-catch img {
  max-width: 400px;
  height:auto;
  margin: 0 auto;
  display: block;
}

.date-tags {
  display: none !important;
}

.genre-button ,
.creator-button {
  color: #d63384 !important;
  border: 2px solid #d63384 !important;
}

.genre-button:hover,
.creator-button:hover{
  color: #fff !important;
  background: #d63384 !important;
  border: 2px solid #fff !important;
}

.admin-pv {
  display: none !important;
}

.archive-button {
  display: inline-block;
  margin-top: 20px;
  padding: 8px 16px;
  background: #fff0f5;
  color: #d63384;
  border: 2px solid #d63384;
  border-radius: 20px;
  text-decoration: none;
  transition: 0.2s;
  font-weight: bold;
}

.archive-button:hover {
  background: #d63384;
  color: #fff;
}
h2.side-genre-title {
  font-size: 20px;
  font-weight: bold;
  margin: 18px 0 9px;
  padding-left: 8px;
  border-left: 3px solid #9c1f5a;
}
.side-genre-list{
	font-weight:bold;
}


/* サイト背景 */
body{
    background:#fff7fa;
}

/* h2見出し */
.article h2,
.entry-content h2{
    background:#fff5f8;
  border-left: 5px solid #ff6b81;

}
#sidebar h2,
#sidebar h3{
    background:#fff5f8;
    border-left:3px solid #f5a3b7;
}

/*フロントページ*/
body.page-id-1732 h2 a{
	color:black;
}
body.page-id-1732 h2 a:hover{
	color:#c94f63;
}
/*アーカイブページ*/
body.page-id-1790 h2 a{
	color:black;
}
body.page-id-1790 h2 a:hover{
	color:#c94f63;
}

/*純愛タグ*/
.tag-purelove {
  background-color: #ffedf0;
}
.tag-purelove .tag-description {
  background: #fff0f5;
}
.tag-purelove h1{
  background: #fff0f5;
  border-left: 5px solid #ff6b81;
  padding: 25px;
}
.tag-purelove h2,
.tag-purelove #sidebar h2,
.tag-purelove h3,
.tag-purelove #sidebar h3{
  background: #fff0f5;
  border-left:3px solid #ff6b81;
  padding: 10px;
}

/*ハーレムタグ*/
.tag-harem {
  background-color: #ffdadf;
}
.tag-harem h1{
  background: #ffe6ea;
  border-left: 5px solid #d63384;
  padding: 25px;
}
.tag-harem .tag-description {
  background: #ffd6d6;
}
.tag-harem h2,
.tag-harem #sidebar h2,
.tag-harem h3,
.tag-harem #sidebar h3{
  background: #ffe6ea;
  border-left:3px solid #d63384;
  padding: 10px;
}

/*コメディタグ*/
.tag-comedy {
  background-color: #fff7d6;
}
.tag-comedy h1{
  background: #fffbe6;
  border-left: 5px solid #f4c430;
  padding: 25px;
}
.tag-comedy .tag-description {
  background: #fffbe6;
}
.tag-comedy h2,
.tag-comedy #sidebar h2,
.tag-comedy h3,
.tag-comedy #sidebar h3{
  background: #fffbe6;
  border-left:3px solid #f4c430;
  padding: 10px;
}

/*ハードタグ*/
.tag-hardcore {
  background-color: #d6e4ff;
}
.tag-hardcore h1{
  background: #e6efff;
  border-left: 5px solid #4a6fa5;
  padding: 25px;
}
.tag-hardcore .tag-description {
  background: #dfe9ff;
}
.tag-hardcore h2,
.tag-hardcore #sidebar h2,
.tag-hardcore h3,
.tag-hardcore #sidebar h3{
  background: #e6efff;
  border-left:3px solid #4a6fa5;
  padding: 10px;
}

/* 純愛 */
body.page-id-2622 {
  background-color: #ffedf0;
}

body.page-id-2622 h1 {
  background: #fff0f5;
  border-left: 5px solid #ff6b81;
  padding: 25px;
}
body.page-id-2622 h2,
body.page-id-2622 .sidebar h2,
body.page-id-2622 h3,
body.page-id-2622 .sidebar h3{
  background: #fff0f5  !important;
  border-left: 3px solid #ff6b81  !important;
}
body.page-id-2622 .entry-content h2,
body.page-id-2622 .entry-content h3{
	  padding: 15px;
}
body.page-id-2622 h2 a{
  color:#333 !important;
}
body.page-id-2622 h2 a:hover{
  color:#d63384 !important;
}

/* ハーレム */
body.page-id-2644 {
  background-color: #ffdadf;
}

body.page-id-2644 h1 {
  background: #ffe6ea;
  border-left: 5px solid #d63384;
  padding: 25px;
}
body.page-id-2644 h2,
body.page-id-2644 .sidebar h2,
body.page-id-2644 h3,
body.page-id-2644 .sidebar h3{
  background: #ffe6ea  !important;
  border-left: 3px solid #d63384  !important;
  padding: 10px;
}
body.page-id-2644 .entry-content h2,
body.page-id-2644 .entry-content h3{
  padding: 15px !important;
}
body.page-id-2644 h2 a{
  color:#333 !important;
}
body.page-id-2644 h2 a:hover{
  color:#c94f63 !important;
}

/* コメディ */
body.page-id-2649 {
  background-color: #fff7d6;
}

body.page-id-2649 h1 {
  background: #fffbe6;
  border-left: 5px solid #f4c430;
  padding: 25px;
}
body.page-id-2649 h2,
body.page-id-2649 .sidebar h2,
body.page-id-2649 h3,
body.page-id-2649 .sidebar h3{
  background: #fffbe6  !important;
  border-left: 3px solid #f4c430  !important;
  padding: 10px;
}
body.page-id-2649 .entry-content h2{
	  padding: 15px;
}
body.page-id-2649 h2 a{
  color:#333 !important;
}
body.page-id-2649 h2 a:hover{
  color:#9c7a00 !important;
}

/* ハード */
body.page-id-2653 {
  background-color: #d6e4ff;
}

body.page-id-2653 h1 {
  background: #e6efff;
  border-left: 5px solid #4a6fa5;
  padding: 25px;
}
body.page-id-2653 h2,
body.page-id-2653 .sidebar h2,
body.page-id-2653 h3,
body.page-id-2653 .sidebar h3{
  background: #e6efff !important;
  border-left: 3px solid #4a6fa5 !important;
  padding: 10px;
}
body.page-id-2653 .entry-content h2{
	  padding: 15px;
}
body.page-id-2653 h2 a{
  color:#333 !important;
}
body.page-id-2653 h2 a:hover{
  color:#35527d !important;
}

/* footer上書き */
#footer h2,
#footer h3{
  background:none !important;
  border-left:none !important;
  padding:0 !important;
}

.sidebar-link.comic-artists {
  padding-left:15px;
  font-size: 1em;        /* デフォサイズ維持（=18px前後） */
  font-weight: 600;      /* 少し強調 */
}
.sidebar-link.comic-artists:hover {
  color:#2b6cb0;
}

/* フロントページアイキャッチ画像非表示 */
body.home .eye-catch,
body.front-page .eye-catch {
  display: none;
}

/* フロントページのボタン間隔 */
.wp-block-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:15px;
}
.creator-button-long{
    padding-left:0em;
    padding-right:0em;
}

/* 月間ランキング30のテーブル */
.fanza-ranking30 th:nth-child(1),
.fanza-ranking30 td:nth-child(1) {
  width: 100px;
}

.fanza-ranking30 th:nth-child(2),
.fanza-ranking30 td:nth-child(2) {
  width: 40px;
  font-size: 0.9em;
}

.fanza-ranking30 th:nth-child(3),
.fanza-ranking30 td:nth-child(3) {
  width: 320px;
  font-size: 0.9em;
}
.fanza-ranking30 th:nth-child(4),
.fanza-ranking30 td:nth-child(4) {
  width: 100px;
  font-size: 0.9em;
}

/* 記事下 */
.widget-below-sns-buttons .new-entry-cards ,
.widget-below-sns-buttons .popular-entry-cards{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.widget-below-sns-buttons .new-entry-card-title ,
.widget-below-sns-buttons .popular-entry-card-title {
  font-size: 14px;
  line-height: 1.4;
}
.widget-below-sns-buttons .card-content {
  padding: 4px 6px !important;
}

/* ヘッダー直下 人気記事*/
#content-top .swiper-wrapper {
  justify-content: center !important;
}
#content-top .swiper-slide {
  width: 19.7% !important;
  flex: 0 0 19.7% !important;
  max-width: 19.7% !important;
}
#content-top .popular-entry-card-content {
  padding: 6px 6px !important;
}
#content-top .popular-entry-card-title {
  font-size: 14px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#content-top .popular-entry-card-thumb img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* 広告のグリッド表示 */
.review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.review-card img {
  width: 100%;
  height: auto;
  display: block;
}

.review-title {
  margin: 12px 0 8px;
  font-weight: bold;
}

/* 関連記事のグリッド表示 */
.related-posts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
/* フロント関連記事のグリッド表示 */
.front-posts {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  #content-top {
    display: none;
  }
  /* スマホ用ウィジェット */
  .widget-below-sns-buttons .new-entry-cards ,
  .widget-below-sns-buttons .popular-entry-cards{
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .widget-below-sns-buttons .new-entry-card-title,
  .widget-below-sns-buttons .popular-entry-card-title {
    font-size: 12px;
    line-height: 1.3;
  }
  .wp-block-query .wp-post-image {
    width: 60%;
    height: auto;
    object-fit: cover;
    margin: 0 auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
	
  .single .eye-catch-wrap {
    max-width: 600px;
    margin: 0 auto;
  }
  .single .eye-catch {
    width: 60%;
    margin: 0 auto;
  }
.single .entry-content img {
  width: auto !important;
  max-width: 80% !important;
  height: auto !important;
  display: block;
}
/* 関連記事のグリッド表示 */	
 .related-posts , .front-posts{
    grid-template-columns: repeat(2, 1fr);
  }
}

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