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

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

/************************************
** ミナイデヨル Cocoon カスタムCSS（仕様書より）
************************************/
:root{
--mn-bg:#0B1026;
--mn-panel:#141428;
--mn-panel2:#0A0A0F;
--mn-gold:#F6C86B;
--mn-pink:#FF8FAB;
--mn-cream:#F5F0E6;
--mn-violet:#8B7CFF;
--mn-sun:#FFD028;
--mn-red:#FF3B5C;
--mn-sub:#B8B4C8;
}
body{ background-color:var(--mn-bg); color:var(--mn-cream); }
.main,.sidebar,.article{ background-color:transparent; color:var(--mn-cream); }
a{ color:var(--mn-gold); }
a:hover{ color:var(--mn-pink); }
#header-container,.header,#navi,#footer{ background-color:var(--mn-bg); color:var(--mn-cream); }
#navi.navi-in a,.header.site-name-text,#footer a{ color:var(--mn-cream); }
#navi.navi-in a:hover{ background-color:rgba(246,200,107,.18); color:var(--mn-gold); }
.article h2{ background-color:rgba(246,200,107,.12); border-left:6px solid var(--mn-gold); color:var(--mn-gold); padding:.55em .8em; }
.article h3{ border-bottom:2px solid var(--mn-gold); color:var(--mn-cream); padding-bottom:.3em; }
.article h4{ color:var(--mn-gold); border:none; }
.sidebar h2,.sidebar h3{ background-color:rgba(246,200,107,.12); color:var(--mn-gold); }
.entry-card,.related-entry-card{ background-color:var(--mn-panel); border:1px solid rgba(246,200,107,.25); border-radius:10px; overflow:hidden; }
.entry-card-title,.related-entry-card-title{ color:var(--mn-cream); }
.entry-card-snippet,.related-entry-card-snippet{ color:var(--mn-sub); }
.date-tags,.entry-card-meta{ color:var(--mn-sub); }
.cat-label{ border:none; border-radius:4px; font-weight:700; opacity:.95; }
.cat-link{ border-radius:20px; font-weight:700; }
.mn-badge-off{ display:inline-block; background:var(--mn-red); color:#fff; font-weight:800; font-size:.85em; padding:.15em .6em; border-radius:4px; letter-spacing:.03em; }
.mn-badge-limit{ display:inline-block; background:var(--mn-sun); color:#0B1026; font-weight:800; font-size:.8em; padding:.15em .6em; border-radius:4px; }
.mn-badge-term{ display:inline-block; background:var(--mn-violet); color:#fff; font-weight:700; font-size:.8em; padding:.15em .6em; border-radius:20px; }
.mn-price{ color:var(--mn-red); font-weight:800; font-size:1.25em; }
.mn-price s{ color:var(--mn-sub); font-size:.75em; font-weight:400; }
.mn-conclusion{ background:linear-gradient(135deg, rgba(246,200,107,.16), rgba(255,143,171,.10)), var(--mn-panel); border:1px solid var(--mn-gold); border-radius:12px; padding:1em 1.2em; margin:1.2em 0; }
.mn-conclusion .mn-conclusion-title{ color:var(--mn-gold); font-weight:800; font-size:1.05em; margin:0 0 .4em; }
.mn-conclusion p{ margin:.3em 0; }
.mn-btn{ display:inline-block; background:var(--mn-gold); color:#0B1026!important; font-weight:800; text-decoration:none; padding:.7em 1.6em; border-radius:999px; margin-top:.6em; }
.mn-btn:hover{ background:var(--mn-pink); color:#0B1026!important; }
.mn-work{ background:var(--mn-panel); border:1px solid rgba(246,200,107,.25); border-radius:12px; overflow:hidden; margin:1.2em 0; }
.mn-work-thumb{ position:relative; aspect-ratio:16/9; background:var(--mn-panel2); }
.mn-work-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.mn-work-thumb .mn-badge-off{ position:absolute; top:8px; left:8px; font-size:1em; }
.mn-work-body{ padding:.9em 1.1em 1.1em; }
.mn-work-title{ font-weight:800; margin:.2em 0 .4em; color:var(--mn-cream); }
.mn-work-meta{ color:var(--mn-sub); font-size:.9em; margin:.2em 0; }
.mn-work .mn-btn{ background:var(--mn-red); color:#fff!important; }
.mn-work .mn-btn:hover{ background:var(--mn-pink); color:#0B1026!important; }
.mn-flash{ background:var(--mn-sun); color:#0B1026; font-weight:800; border-radius:8px; padding:.7em 1em; margin:1em 0; display:flex; flex-wrap:wrap; gap:.4em .8em; align-items:center; }
.mn-flash .mn-flash-date{ background:#0B1026; color:var(--mn-sun); border-radius:4px; padding:.1em .6em; }
.toc{ background-color:var(--mn-panel); border:1px solid rgba(246,200,107,.25); }
.toc a{ color:var(--mn-cream); }
.post-date,.post-update,.author-info{ color:var(--mn-sub); }
@media screen and (max-width:480px){
.mn-conclusion{ padding:.9em; }
.mn-btn{ display:block; text-align:center; }
.mn-flash{ font-size:.92em; }
}

/* Age Gate ポップアップ（最終版：A本番実績 × B新デザイン統合）
前半=Aの汎用セレクタ（保険）、後半=Bの具体セレクタ（本命・後勝ち） */

/* --- A：汎用指定（本番稼働実績あり・保険として残す） --- */
body[class*="age-gate"],
[class*="age-gate"] {
  background-color: #141428!important;
  color: #F5F0E6!important;
  border-color: rgba(246,200,107,.4)!important;
}
[class*="age-gate"] button {
  background-color: #F6C86B!important;
  color: #0B1026!important;
  border: none!important;
  font-weight: 800;
  border-radius: 999px;
}
[class*="age-gate"] button:hover {
  background-color: #FF8FAB!important;
  color: #0B1026!important;
}
[class*="age-gate"] a {
  color: #F6C86B!important;
}

/* --- B：具体指定（新デザイン本命。要実物確認のクラス含む） --- */
.age-gate {
  background-color: rgba(11,16,38,.92)!important;
}
.age-gate-form,
.age-gate.age-gate-wrapper {
  background-color: #141428!important;
  color: #F5F0E6!important;
  border: 1px solid rgba(246,200,107,.4)!important;
  border-radius: 12px;
}
.age-gate-heading,
.age-gate-challenge,
.age-gate-message {
  color: #F5F0E6!important;
}
.age-gate-form button,
.age-gate-submit,
.age-gate.age-gate-button {
  background-color: #F6C86B!important;
  color: #0B1026!important;
  border: none!important;
  font-weight: 800;
  border-radius: 999px;
}

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

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

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

/************************************** Appeal area contrast fix (light box + white text was unreadable)************************************/.appeal-content{background-color:rgba(11,16,38,.88)!important;border:1px solid rgba(246,200,107,.4);border-radius:12px;}.appeal-content .appeal-title,.appeal-content .appeal-message{color:#F5F0E6!important;}
 /* B2: Age Gate v3 BEM real classes - overrides B above */ .age-gate__background,.age-gate__background-color{background-color:rgba(11,16,38,.92)!important;} .age-gate,.age-gate__form{background-color:#141428!important;color:#F5F0E6!important;border:1px solid rgba(246,200,107,.4)!important;border-radius:12px;} .age-gate__heading,.age-gate__headline,.age-gate__challenge,.age-gate__subheadline,.age-gate h1,.age-gate h2,.age-gate p{color:#F5F0E6!important;} .age-gate__button{background-color:#F6C86B!important;color:#0B1026!important;border:none!important;font-weight:800;border-radius:999px;}

/* フロントページのエントリーカード下のPV表示を非表示（アクセス集計は有効のまま） */
.entry-card .admin-pv {
  display: none !important;
}