@charset "UTF-8";
/* ======================================================================
   neon-skin.css — 案6「Neon Nectar」ダークスキン（オーバーライド専用）
   ふたりでムラムラ♡ / muramura2.net
   ----------------------------------------------------------------------
   読み込み前提: Affinger親CSS → style.css(子) → ★このファイル の順で最後に読む。
   （enqueue は functions.php に追記。手順は notes.md 参照）

   詳細度戦略（notes.md にも記載）:
   - このファイルは常に style.css より後に読まれるので、クラス同士・ID同士が
     「同じ詳細度」なら後勝ちで勝てる → 大半は !important 不要。
   - ただし例外が2種類あり、そこだけ割り切って !important を使う（各所コメント明記）:
       (1) style.css がヘッダーを白背景 !important で塗っている箇所
       (2) functions.php が <body> 内インライン <style> で出す
           .age-gate / .fr-mini（DOM後方＝後勝ちしてしまう）
   - Affinger本体が #main / #content など ID で背景色を敷くので、こちらも
     同じ ID セレクタで受けて後勝ちさせる。
   ====================================================================== */

/* フォント: 案6と同じ2書体のみ。enqueueで<link>を足す方式でも良いが、
   単体で完結させるため先頭@importでも保険をかけておく（@importは必ず先頭） */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@500;700&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');

/* ======================================================================
   A. 変数・ベース地色・アンビエントグロー
   ====================================================================== */
:root {
  --nn-bg:   #0b0810;
  --nn-surf: #171019;
  --nn-surf2:#211826;
  --nn-line: rgba(255,255,255,.09);
  --nn-rose: #ff5c8a;
  --nn-rose2:#ff8fb3;
  --nn-rose-d:#e0356b;
  --nn-gold: #ffcf7a;
  --nn-plum: #a25cff;
  --nn-tx:   #f5ecf1;
  --nn-mut:  #b7a4b2;
  --nn-grad: linear-gradient(135deg,#ff5c8a 0%,#ff7aa0 40%,#a25cff 100%);
  --nn-shadow: 0 18px 50px rgba(0,0,0,.55);
}

/* 横スクロール厳禁（モバイル89%）。
   overflow-x:hidden はbodyをスクロールコンテナ化して window.scrollY が常に0になり
   「ページトップへ戻る」やGA4スクロール計測を壊すため、スクロールコンテナを
   作らない overflow-x:clip を使う（QAで発覚・2026-07-17） */
html, body {
  overflow-x: clip;
  max-width: 100%;
}

body {
  background: var(--nn-bg);
  color: var(--nn-tx);
  font-family: "Zen Kaku Gothic New", -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* アンビエントグロー（背面固定・クリック透過） */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(60vw 60vw at 82% -8%, rgba(255,92,138,.16), transparent 60%),
    radial-gradient(50vw 50vw at 8% 8%,  rgba(162,92,255,.13), transparent 60%);
}
/* 本文は必ずグローの上へ */
#wrapper, #wrapper-in, #container, .container-fluid {
  position: relative;
  z-index: 1;
  background: transparent !important; /* 親の白背景を無効化 */
}

.nn-mincho { font-family: "Shippori Mincho B1", serif; }

/* ======================================================================
   B. サイト全体のコンテナ（Affingerの白箱を漆黒系へ）
   ---------------------------------------------------------------------- */
/* 主要ラッパは透明にして body の地色を透かす。ID受けで親に後勝ち */
/* Affingerカスタマイザー生成CSS(st-themecss-loader.php)が
   body.front-page main / body:not(.front-page) main の両方を #fff !important で塗る
   （後者は@media max-width:599pxでも発火＝スマホの記事本文が白化）ため、
   同詳細度以上のセレクタを明示して後勝ちさせる（QAで発覚・2026-07-17） */
#content, #contentInner, #main, #main-wrap, main,
body.front-page main, body:not(.front-page) main,
body.home main, body.page main,
.container, .site, #outer-wrap {
  background: transparent !important;
}

/* 記事ボックス（.post/.home-post/article）はダークカード化 */
.post, .home-post, article.post, .entry-content > .post {
  background: transparent;
  color: var(--nn-tx);
  box-shadow: none;
}

/* Affingerがpost外枠に付けがちな白＋影を除去 */
#main .post, #left .post, .st-widget, .wp-block-group {
  border-color: var(--nn-line);
}

/* パンくず */
#breadcrumb, .breadcrumb, #pankuzu {
  background: transparent !important;
  color: var(--nn-mut) !important;
}
#breadcrumb a, .breadcrumb a { color: var(--nn-rose2) !important; }
#breadcrumb span[itemprop="name"] { color: var(--nn-mut) !important; }

/* ======================================================================
   B-2. ヘッダー（style.css が白背景 !important で塗っている → !important で上書き）
   ---------------------------------------------------------------------- */
#header-full {
  background: rgba(11,8,16,.92) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--nn-line) !important; /* 従来のピンク実線 → 細ライン */
  box-shadow: 0 1px 0 rgba(255,92,138,.25) !important;
}
#headbox-bg-fixed, #headbox-bg, #headbox { background: transparent !important; }

/* サイト名を白系＋キャッチはミュート（style.cssのピンク!importantを上書き） */
.sitename a, .sitename,
#st-mobile-logo a, #st-mobile-logo.st-mobile-title a { color: var(--nn-tx) !important; }
.sitenametop, h1.descr.sitenametop,
#st-mobile-logo .sitenametop, #st-mobile-logo h1.descr { color: var(--nn-mut) !important; }

/* PCナビ */
#st-menuwide nav a, #st-menuwide-fixed nav a { color: var(--nn-mut) !important; }
#st-menuwide nav a:hover, #st-menuwide-fixed nav a:hover { color: var(--nn-rose2) !important; }

/* スマホ・タブレット ナビバー */
#s-navi { background: rgba(11,8,16,.96) !important; }
#s-navi .acordion { border-bottom: 1px solid var(--nn-line) !important; }
#s-navi .op-menu i, #s-navi .op-search i { color: var(--nn-tx) !important; }
.acordion_tree { background: var(--nn-surf) !important; }
.acordion_tree a { color: var(--nn-tx) !important; border-color: var(--nn-line) !important; }

/* ======================================================================
   B-3. サイドバー
   ---------------------------------------------------------------------- */
#sidebar, #side, #st-sidebar { background: transparent !important; color: var(--nn-tx); }
#sidebar .st-widget, #sidebar .widget {
  background: var(--nn-surf);
  border: 1px solid var(--nn-line);
  border-radius: 14px;
  color: var(--nn-tx);
}
#sidebar h4, #sidebar .widget_title, #sidebar .st-widgettitle {
  background: transparent !important;
  color: var(--nn-tx) !important;
  border-left: 3px solid var(--nn-rose) !important;
}
#sidebar a { color: var(--nn-rose2); }

/* ======================================================================
   B-4. フッター
   ---------------------------------------------------------------------- */
#footer, footer#footer, .footer, #footer-in, #copyright {
  background: transparent !important;
  color: var(--nn-mut) !important;
  border-top: 1px solid var(--nn-line);
}
#footer a, .footer a, #copyright a { color: var(--nn-rose2) !important; }

/* ======================================================================
   C. リンク・ボタン（グローバル）
   ---------------------------------------------------------------------- */
a { color: var(--nn-rose2); }
a:hover { color: var(--nn-rose); }

/* Affingerボタン → ネオングラデ */
.st-btn a, a.st-btn-c, .wp-block-button__link, .entry-content a.btn {
  background-image: var(--nn-grad) !important;
  background-color: transparent !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(162,92,255,.28);
}

/* ページネーション */
.st-pagelink a, .pagination a, .page-numbers {
  background: var(--nn-surf) !important;
  color: var(--nn-tx) !important;
  border: 1px solid var(--nn-line) !important;
}
.st-pagelink .current, .page-numbers.current {
  background-image: var(--nn-grad) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* ======================================================================
   D. 記事本文の可読性（sakuhin個別 / まとめ / エッセイ）
   ----------------------------------------------------------------------
   方針: 本文カラムは「ダークカード上の明るい文字」に統一。
   DAAプラグイン・Gutenbergが白背景前提で吐くテーブル/引用も読めるよう補正。 */
.entry-content, .article, .post_content {
  color: var(--nn-tx);
}
.entry-content p, .entry-content li, .entry-content dd, .entry-content dt,
.entry-content span, .entry-content td, .entry-content th {
  color: var(--nn-tx);
}
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5,
.article h2, .article h3 {
  color: var(--nn-tx);
  background: transparent;
}
/* Affinger見出し（下線/背景バー系）をダークに寄せる */
.entry-content h2 {
  border-color: var(--nn-rose) !important;
  background-image: none !important;
}
.entry-content h3 { border-color: var(--nn-line) !important; }

.entry-content a { color: var(--nn-rose2); text-decoration: underline; }
.entry-content a:hover { color: var(--nn-rose); }

/* テーブル（品番・作品情報テーブル、DAAスペック表など） */
.entry-content table { border-color: var(--nn-line) !important; background: transparent !important; }
.entry-content th {
  background: var(--nn-surf2) !important;
  color: var(--nn-tx) !important;
  border-color: var(--nn-line) !important;
}
.entry-content td {
  background: var(--nn-surf) !important;
  color: var(--nn-tx) !important;
  border-color: var(--nn-line) !important;
}

/* 引用・コード・区切り */
.entry-content blockquote {
  background: var(--nn-surf);
  border-left: 3px solid var(--nn-rose);
  color: var(--nn-mut);
}
.entry-content hr { border-color: var(--nn-line); }
.entry-content code, .entry-content pre {
  background: var(--nn-surf2) !important;
  color: var(--nn-rose2) !important;
}

/* 投稿下のタグリンク（Affinger .tags / .entry-tags） */
.tags a, .entry-tags a, .post-tag a, a[rel="tag"] {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-line) !important;
  color: var(--nn-rose2) !important;
  border-radius: 999px;
}
.tags a:hover, .entry-tags a:hover, a[rel="tag"]:hover {
  background-image: var(--nn-grad) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* ======================================================================
   E. DAAプラグイン（作品カード / CTA / ギャラリー / lightbox）
   ----------------------------------------------------------------------
   ※ DAAの正確なクラス名は本番ページで要確認（notes.md リスク欄）。
     ここでは class に "daa" を含む要素を広めにダーク化しておく。 */
[class*="daa-product"], [class*="daa-card"], .daa-product, .daa-box {
  background: var(--nn-surf) !important;
  color: var(--nn-tx) !important;
  border: none !important; /* 2026-07-18 シンジFB: DAAエリアの枠線は不要 */
  border-radius: 16px;
}
[class*="daa-"] table { background: transparent !important; }
[class*="daa-"] th { background: var(--nn-surf2) !important; color: var(--nn-tx) !important; border-color: var(--nn-line) !important; }
[class*="daa-"] td { background: var(--nn-surf) !important; color: var(--nn-tx) !important; border-color: var(--nn-line) !important; }
[class*="daa-"] p, [class*="daa-"] span, [class*="daa-"] li { color: var(--nn-tx); }

/* DAA CTA / 購入ボタン（"btn"/"button"/"cta"を含むもの） */
[class*="daa-"] a[class*="btn"], [class*="daa-"] a[class*="button"],
[class*="daa-"] a[class*="cta"], a.daa-btn {
  background-image: var(--nn-grad) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 0 26px rgba(255,92,138,.45), 0 12px 30px rgba(162,92,255,.28);
}

/* 「無料サンプルあり」案内文（functions.phpが挿入） */
.sakuhin-free-sample-note { color: var(--nn-gold) !important; font-weight: 700; }

/* lightbox 本体の暗幕はそのまま。閉じるボタンの視認性だけ担保 */
.daa-lightbox-close { color: #fff !important; text-shadow: 0 2px 8px rgba(0,0,0,.8); }

/* ======================================================================
   F. 一覧・アーカイブのカード + サイト内の作品カード群
   ----------------------------------------------------------------------
   Affingerの一覧カードは白箱前提。正確なクラスはテーマ差があるため
   代表的な候補を受けてダーク化（notes.md リスク欄で本番確認を明記）。 */
.card, .st-cardbox, .a-wrap, .entry-card, #list .card, .kanren .kanren-a, .blogcard {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-line) !important;
  border-radius: 16px !important;
  color: var(--nn-tx) !important;
  box-shadow: none !important;
}
.card .entry-card-title, .card-title, .a-wrap .entry-title,
#list .entry-title, .kanren-title {
  color: var(--nn-tx) !important;
}
.card .post-date, .card .date, .a-wrap time, .cat-name, .clearfix .cat {
  color: var(--nn-mut) !important;
}

/* 関連作品（sakuhin個別・the_content末尾） / related-sakuhin(旧) */
.related-sakuhin, .sakuhin-related { border-top-color: var(--nn-line) !important; }
.related-sakuhin__title, .sakuhin-related__title {
  color: var(--nn-tx) !important;
  border-left-color: var(--nn-rose) !important;
  background: none !important;
}
.related-sakuhin__item span, .sakuhin-related__name { color: var(--nn-mut) !important; }
.related-sakuhin__item a { color: inherit; }
.related-sakuhin__item img, .sakuhin-related__thumb {
  background: var(--nn-surf2) !important;
}

/* 最近チェックしたページ（rv-widget / 一覧） */
.rv-widget { background: var(--nn-surf) !important; border-top: 1px solid var(--nn-line) !important; }
.rv-widget .rv-widget-title { color: var(--nn-tx) !important; border-left-color: var(--nn-rose) !important; }
.rv-card, .rv-list-card { color: var(--nn-tx) !important; }
.rv-card .rv-thumb, .rv-list-card .rv-thumb { background: var(--nn-surf2) !important; }
.rv-list-card { border-bottom-color: var(--nn-line) !important; }
.rv-list-card:hover { background: var(--nn-surf2) !important; }
.rv-date { color: var(--nn-mut) !important; }
.rv-more-link a { color: var(--nn-rose2) !important; }
.rv-btn-prev, .rv-btn-next { background-image: var(--nn-grad) !important; }
.rv-page-num { color: var(--nn-mut) !important; }
.rv-empty { color: var(--nn-mut) !important; }

/* タグ一覧ページ（page-tag-list） */
.tag-list-page h1 { color: var(--nn-tx); }
.tag-list-page .tag-list__lead { color: var(--nn-mut); }
.tag-list__section {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-line) !important;
  box-shadow: none !important;
}
.tag-list__section h2 { background-image: var(--nn-grad) !important; }
.tag-list__item a {
  background: var(--nn-surf2) !important;
  border: 1px solid var(--nn-line) !important;
  color: var(--nn-rose2) !important;
}
.tag-list__item a:hover {
  background-image: var(--nn-grad) !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* X（Twitter）シェアボタン（sakuhin個別） — 黒地に白のままでも可読。境界だけ足す */
.sakuhin-x-share__btn { border: 1px solid var(--nn-line); }

/* ======================================================================
   G. トップページ（.neon-home スコープ）
   ====================================================================== */

/* --- G-1. ヒーロー --- */
.neon-home .top-hero {
  background: transparent !important;
  border-bottom: 1px solid var(--nn-line);
  padding: 54px 20px 46px;
  text-align: center;
}
.neon-home .neon-hero__eyebrow {
  color: var(--nn-rose2);
  font-weight: 700;
  letter-spacing: .24em;
  font-size: 12px;
  margin-bottom: 16px;
}
.neon-home .top-hero__copy,
.neon-home .neon-hero__title {
  font-family: "Shippori Mincho B1", serif;
  font-size: clamp(30px, 7.2vw, 54px);
  font-weight: 700;
  line-height: 1.3;
  color: var(--nn-tx);
  margin-bottom: 0;
}
.neon-home .neon-hero__title .g {
  background: var(--nn-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 22px rgba(255,92,138,.4));
}
.neon-home .top-hero__desc,
.neon-home .neon-hero__sub {
  color: var(--nn-mut);
  font-size: 15px;
  line-height: 1.8;
  max-width: 460px;
  margin: 18px auto 0;
}
/* パルスグロー付きCTA */
.neon-home .neon-cta {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 30px;
  background: var(--nn-grad);
  color: #fff !important;
  font-weight: 900;
  font-size: 15.5px;
  padding: 16px 42px;
  border-radius: 999px;
  text-decoration: none !important;
  box-shadow: 0 0 30px rgba(255,92,138,.5), 0 14px 34px rgba(162,92,255,.3);
  animation: nn-pulse 2.4s ease-in-out infinite;
}
@keyframes nn-pulse {
  0%,100% { box-shadow: 0 0 26px rgba(255,92,138,.45), 0 14px 34px rgba(162,92,255,.28); }
  50%     { box-shadow: 0 0 44px rgba(255,92,138,.70), 0 14px 40px rgba(162,92,255,.40); }
}
@media (prefers-reduced-motion: reduce) {
  .neon-home .neon-cta { animation: none; }
}
.neon-home .neon-trust {
  display: flex;
  gap: 8px 18px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 24px;
  font-size: 12px;
  color: var(--nn-mut);
}
.neon-home .neon-trust span::before { content: "\2665 "; color: var(--nn-rose); }

/* --- G-2. ティッカー（流れる新着タイトル・電光掲示板ルック） --- */
.neon-ticker {
  position: relative;
  z-index: 1;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 8px;
  background: #060309;
  overflow: hidden;
  white-space: nowrap;
  margin: 2px 0 10px;
  box-shadow: inset 0 2px 10px rgba(0,0,0,.9), inset 0 0 26px rgba(255,120,40,.05);
}
/* LEDドットマトリクス風オーバーレイ（クリックは透過） */
.neon-ticker::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(0,0,0,.5) 32%, transparent 34%);
  background-size: 3px 3px;
  z-index: 2;
}
.neon-ticker__track {
  display: inline-block;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  color: #ffb648;
  text-shadow: 0 0 5px rgba(255,150,40,.85), 0 0 16px rgba(255,110,30,.4);
  white-space: nowrap;
  animation: nn-tk 30s linear infinite;
}
.neon-ticker__item { margin-right: 34px; color: inherit; text-decoration: none; }
.neon-ticker__item b {
  color: var(--nn-rose);
  text-shadow: 0 0 6px rgba(255,92,138,.9), 0 0 14px rgba(255,92,138,.45);
  margin-right: 10px;
}
.neon-ticker__item:hover,
.neon-ticker__item:focus-visible { color: #ffd98f; text-decoration: underline; text-underline-offset: 3px; }
/* リンクを狙いやすいようホバー/フォーカス中は流れを止める */
.neon-ticker:hover .neon-ticker__track,
.neon-ticker:focus-within .neon-ticker__track { animation-play-state: paused; }
/* インスタンスごとの速度バリエーション（猥雑な賑やかし用。逆方向は読みにくいため廃止） */
.neon-ticker--slow .neon-ticker__track { animation-duration: 42s; }
.neon-ticker--fast .neon-ticker__track { animation-duration: 22s; }
/* フッター内ティッカー: 「#footer a」の一括リンク色(!important)に勝ってLEDアンバーを維持 */
#footer a.neon-ticker__item, .footer a.neon-ticker__item { color: inherit !important; }
#footer a.neon-ticker__item:hover,
#footer a.neon-ticker__item:focus-visible { color: #ffd98f !important; }
#footer .neon-ticker__item b, .footer .neon-ticker__item b { color: var(--nn-rose) !important; }
@keyframes nn-tk { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .neon-ticker__track { animation: none; }
}

/* --- G-3. セクション見出し（案6トーン＋SEO語併記） --- */
.neon-home .top-section-title {
  background: transparent !important;
  border: none !important;
  border-left: none !important;
  padding: 0 !important;
  margin: 40px 0 16px !important;
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  font-weight: 700;
}
.neon-home .neon-sechead__main {
  font-family: "Shippori Mincho B1", serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--nn-tx);
  white-space: nowrap;
}
.neon-home .neon-sechead__main .g {
  background: var(--nn-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.neon-home .neon-sechead__seo {
  font-size: 12px;
  font-weight: 700;
  color: var(--nn-mut);
}
.neon-home .neon-sechead__en {
  font-size: 10.5px;
  letter-spacing: .28em;
  color: var(--nn-rose2);
  font-weight: 700;
}
.neon-home .neon-sechead__ln {
  flex: 1;
  min-width: 24px;
  height: 1px;
  background: var(--nn-line);
}

/* --- G-4. 気分で選ぶ（ネオンピル） --- */
.neon-home .top-mood__grid { gap: 10px; }
.neon-home .top-mood__card {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-line) !important;
  color: var(--nn-tx) !important;
  border-radius: 999px;
  padding: 14px 10px;
  transition: box-shadow .2s, border-color .2s, background .2s, transform .15s;
}
.neon-home .top-mood__card:hover {
  background-image: var(--nn-grad) !important;
  border-color: transparent !important;
  box-shadow: 0 0 20px rgba(255,92,138,.45);
  transform: translateY(-2px);
  opacity: 1;
}
.neon-home .top-mood__card:hover .top-mood__label { color: #fff; }
.neon-home .top-mood__label { color: inherit; }

/* とりあえず観て選ぶカード（トップ内・footerナビ共通で使う配色） */
.top-mood__card--play-video,
.top-mood__card--play-img-video,
.top-mood__card--play-img-doujin {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-line) !important;
  color: var(--nn-rose2) !important;
}
.top-mood__card--play-video:hover,
.top-mood__card--play-img-video:hover,
.top-mood__card--play-img-doujin:hover {
  background-image: var(--nn-grad) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.top-mood__card--play-video:hover .top-mood__label,
.top-mood__card--play-img-video:hover .top-mood__label,
.top-mood__card--play-img-doujin:hover .top-mood__label { color: #fff; }

/* footerの「とりあえず観て選ぶ」ナビ（rp-footer-nav） */
.rp-footer-nav { background: var(--nn-surf) !important; border-top: 1px solid var(--nn-line) !important; }
.rp-footer-nav__label { color: var(--nn-rose2) !important; }

/* --- G-5. 作品グリッド（新着同人/動画・まとめ・イチオシ・エッセイ・X） --- */
.neon-home .top-sakuhin-card {
  background: var(--nn-surf);
  border: 1px solid var(--nn-line);
  border-radius: 16px;
  overflow: hidden;
  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s, border-color .28s;
}
.neon-home .top-sakuhin-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--nn-shadow);
  border-color: rgba(255,92,138,.45);
  opacity: 1;
}
.neon-home .top-sakuhin-card img {
  border-radius: 0;
  background: var(--nn-surf2);
}
.neon-home .top-sakuhin-card__no-thumb {
  background: linear-gradient(135deg,#3a2140,#241627);
}
.neon-home .top-sakuhin-card__title {
  color: var(--nn-tx);
  padding: 9px 11px 12px;
  font-weight: 500;
}
.neon-home .top-see-all a { color: var(--nn-rose2); }

/* --- G-6. X フォローカード --- */
.neon-home .top-x-follow__card {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-line) !important;
  border-radius: 18px;
}
.neon-home .top-x-follow__icon svg { fill: var(--nn-tx); }
.neon-home .top-x-follow__handle { color: var(--nn-tx) !important; }
.neon-home .top-x-follow__desc { color: var(--nn-mut) !important; }
.neon-home .top-x-follow__btn {
  background-image: var(--nn-grad) !important;
  background-color: transparent !important;
}

/* --- G-7. 特集フィーチャー（任意・トップ末尾） --- */
.neon-home .neon-feature { margin: 48px 0 0; }
.neon-home .neon-feature__in {
  background: linear-gradient(120deg,#2a1230 0%,#3d1533 55%,#4a1a2e 100%);
  border: 1px solid rgba(255,92,138,.3);
  border-radius: 22px;
  padding: 40px 26px;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(255,92,138,.14) inset;
}
.neon-home .neon-feature__en { font-size: 11px; letter-spacing: .3em; color: var(--nn-gold); font-weight: 700; }
.neon-home .neon-feature__ttl {
  font-family: "Shippori Mincho B1", serif;
  font-size: 24px;
  font-weight: 700;
  margin: 10px 0;
  color: var(--nn-tx);
}
.neon-home .neon-feature__ttl .g {
  background: var(--nn-grad); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.neon-home .neon-feature__desc { color: var(--nn-mut); font-size: 14px; max-width: 520px; margin: 0 auto; }

/* ======================================================================
   H. フッター上の ふたリズム2 バナー + 周期ミニフォーム
   ----------------------------------------------------------------------
   .fr-mini は functions.php が <body>内インライン<style>で出す（DOM後方）。
   通常セレクタでは負けるので、この2ブロックのみ !important で確実に上書き。
   ★ input[type=date] の width:1px/min-width:100% ハックには一切触れない。 */
.futa-rhythm-banner { background: transparent; }
.futa-rhythm-banner__link {
  background: linear-gradient(135deg,#2a1230 0%,#3d1533 60%,#4a1a2e 100%);
  border: 1px solid rgba(255,92,138,.3);
  color: var(--nn-tx) !important;
}
.futa-rhythm-banner__title { color: var(--nn-rose2) !important; }
.futa-rhythm-banner__desc  { color: var(--nn-mut) !important; }
.futa-rhythm-banner__cta   { background-image: var(--nn-grad) !important; }

/* fr-mini（インライン<style>を上書き＝!important 必須） */
.futa-rhythm-banner .fr-mini {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-line) !important;
}
.futa-rhythm-banner .fr-mini__lead { color: var(--nn-rose2) !important; }
.futa-rhythm-banner .fr-mini__label { color: var(--nn-mut) !important; }
.futa-rhythm-banner .fr-mini__note  { color: var(--nn-mut) !important; }
/* 入力欄: 色だけ変える。width/min-width は指定しない（iOS Safari はみ出しハック維持） */
.futa-rhythm-banner .fr-mini__form input {
  background: var(--nn-surf2) !important;
  border: 1px solid var(--nn-line) !important;
  color: var(--nn-tx) !important;
}
/* date入力のカレンダーアイコンをダーク地で視認可能に */
.futa-rhythm-banner .fr-mini__form input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(1) opacity(.7);
}

/* ======================================================================
   I. 年齢確認モーダル（.age-gate）
   ----------------------------------------------------------------------
   functions.php の <body>内インライン<style>を上書き（DOM後方）→ !important。
   JS・表示ロジックには一切触れない（見た目のみ）。 */
.age-gate { background: rgba(6,4,9,.94) !important; }
.age-gate .age-gate__box {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-line) !important;
  box-shadow: 0 10px 50px rgba(0,0,0,.6), 0 0 40px rgba(255,92,138,.12) !important;
}
.age-gate .age-gate__text { color: var(--nn-tx) !important; }
.age-gate .age-gate__btn--yes {
  background-image: var(--nn-grad) !important;
  background-color: transparent !important;
  color: #fff !important;
}
.age-gate .age-gate__btn--no {
  background: var(--nn-surf2) !important;
  color: var(--nn-mut) !important;
}

/* ======================================================================
   J. セーフティ（画像・埋め込みのはみ出し防止）
   ---------------------------------------------------------------------- */
img, video, iframe, table { max-width: 100%; }
.entry-content table { display: block; overflow-x: auto; } /* 広い表は自前スクロール */

/* ======================================================================
   K. QA修正（2026-07-17 Sonnetエージェント横断QAの指摘対応）
   ---------------------------------------------------------------------- */

/* K-1. 記事タイトル・本文見出しが旧テーマの濃グレー(#333/#1a1a1a)のまま
   黒地に沈む問題。entry系見出しを明色化 */
h1.entry-title, .entry-title, .entry-title a,
.entry-content .wp-block-heading,
.entry-content h2, .entry-content h3, .entry-content h4,
article h1, article h2:not([class*="daa-"]), article h3:not([class*="daa-"]) {
  color: var(--nn-tx) !important;
}

/* K-2. アーカイブの投稿カードが白箱のまま＋日付が白文字で消える問題 */
/* box-sizing: Affingerのカード幅は calc(50% - 16px) ぴったり計算のため、
   ここで足した1px枠線がcontent-boxだと幅超過→スマホ2列が1列に崩れる（2026-07-18修正） */
.post-card-list-item.post-card, .post-card {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-line) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
.post-card .post-card-title, .post-card-title a { color: var(--nn-tx) !important; }
.post-card .post-card-date, .post-card-date { color: var(--nn-mut) !important; }

/* K-3. DAAの「Xでフォローする」ボタンが白on白で消える問題 */
.daa-engagement-x-button, a.daa-engagement-x-button {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-rose) !important;
  color: var(--nn-rose2) !important;
}
.daa-engagement-x-button:hover { background: var(--nn-surf2) !important; }

/* K-4. タグ一覧の件数バッジのコントラスト不足 */
.tag-list__count {
  background: var(--nn-surf2) !important;
  color: var(--nn-rose2) !important;
}

/* K-5. パンくずリンクの視認性（暗地でも明るいピンクに） */
#breadcrumb a, .breadcrumb a, #pankuzu a {
  color: var(--nn-rose2) !important;
}

/* ======================================================================
   L. カード統一（2026-07-18 シンジFB）
   ----------------------------------------------------------------------
   一覧・関連記事の .post-card をトップの .top-sakuhin-card と同じ
   見た目（角丸16px・ホバーで浮き＋グロー・タイトル0.78em/500）に揃える。 */

.post-card-list-item.post-card {
  border-radius: 16px !important;
  overflow: hidden;
  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s, border-color .28s;
}
.post-card-list-item.post-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--nn-shadow) !important;
  border-color: rgba(255,92,138,.45) !important;
}
/* Affinger標準のホバー減光（opacity:.6）はトップに無い挙動なので無効化 */
.post-card-image:hover, .post-card-title:hover { opacity: 1; }

/* 画像の高さ・トリミングをトップ（130px / モバイル100px）と同一に */
.post-card .post-card-image img {
  height: 130px; object-fit: cover; background: var(--nn-surf2);
}
@media only screen and (max-width: 599px) {
  .post-card .post-card-image img { height: 100px; }
}

/* タイトル・本文まわりをトップと同一トーンに */
.post-card .post-card-title { font-size: .78em !important; font-weight: 500 !important; line-height: 1.4 !important; }
.post-card .post-card-body { padding: 9px 11px 12px !important; }

/* 抜粋: 旧テーマの #777 のままでダーク地に沈んでいたのをミュート色へ */
.post-card .post-card-excerpt p, .post-card-excerpt p { color: var(--nn-mut) !important; }

/* 抜粋のフェードアウト: 白グラデのままだと白い帯に見えるのでカード背景色へのフェードに */
.post-card-list .post-card-excerpt p::after {
  background: linear-gradient(to bottom, rgba(23,16,25,0), var(--nn-surf)) !important;
}

/* 画像上のカテゴリチップ: 白地チップはダークテーマで浮くので暗チップ化。
   サイドバー新着(kanren dl)のサムネ上チップも同じ見た目に統一（M監査で発覚） */
.st-catgroup .catname,
.post-card .st-catgroup.itiran-category .catname {
  background: rgba(11,8,16,.78) !important;
  color: var(--nn-rose2) !important;
  border-radius: 999px !important;
}

/* ======================================================================
   M. 横断ばらつき統一（2026-07-18 Sonnet監査で検出した逸脱の修正）
   ---------------------------------------------------------------------- */

/* M-1. タグアーカイブの「関連タグ」ウィジェット: ライトモードの白ピンク箱が残存 */
.sakuhin-related-tags {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-line) !important;
  border-radius: 16px !important;
}
.sakuhin-related-tags__label { color: var(--nn-tx) !important; }
a.sakuhin-related-tags__item, .sakuhin-related-tags__item {
  background: var(--nn-surf2) !important;
  color: var(--nn-rose2) !important;
  border: 1px solid var(--nn-line) !important;
}
a.sakuhin-related-tags__item:hover {
  background-image: var(--nn-grad) !important;
  color: #fff !important;
}

/* M-2. 関連作品グリッド・最近チェック: カード面なし＆hoverなしだったのを
       .top-sakuhin-card と同じカード言語に */
.sakuhin-related__card, .rv-card {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-line) !important;
  border-radius: 16px !important;
  overflow: hidden;
  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s, border-color .28s;
}
.sakuhin-related__card:hover, .rv-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--nn-shadow);
  border-color: rgba(255,92,138,.45);
}
.sakuhin-related__name, .rv-title {
  color: var(--nn-tx) !important;
  font-weight: 500;
  display: block;
  padding: 8px 10px 10px;
}
.sakuhin-related__no-img { background: linear-gradient(135deg,#3a2140,#241627) !important; }

/* M-3. サイドバー新着(kanren dl)のタイポをカード系トークンに */
#side .kanren-t {
  font-size: .82em !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--nn-tx) !important;
}
#side .kanren .blog_info p { color: var(--nn-mut) !important; }

/* M-4. /tag-list/ 人気度バッジ: 旧ブランド赤(#e00055系)の3段階をダーク版3段階へ
       （style.css側が[data-weight]の高詳細度+!importantなので同詳細度で後勝ち） */
.tag-list__item[data-weight="high"] .tag-list__count { background: rgba(255,92,138,.92) !important; color: #fff !important; }
.tag-list__item[data-weight="mid"]  .tag-list__count { background: rgba(255,143,179,.20) !important; color: var(--nn-rose2) !important; }
.tag-list__item[data-weight="low"]  .tag-list__count { background: var(--nn-surf2) !important; color: var(--nn-mut) !important; }

/* M-5. /tag-list/ の「もっと見る」: 白地+旧ブランド赤 → ダークチップ */
.tag-list__more {
  background: var(--nn-surf2) !important;
  color: var(--nn-rose2) !important;
  border: 1px solid var(--nn-rose) !important;
}
.tag-list__more:hover { background: var(--nn-grad) !important; color: #fff !important; }

/* M-6. ページャーの角を他のチップ類と揃える */
a.page-numbers, span.page-numbers { border-radius: 10px !important; }

/* ======================================================================
   N. ランダム再生ページ（2026-07-18 シンジFB第3弾: 白テーマ残骸のダーク化）
   ----------------------------------------------------------------------
   テンプレのインラインCSS（旧白テーマ前提）を後勝ちで上書き。
   見出しはテンプレ側で neon-sechead 構造に変更済み（ラッパーに .neon-home 付与）。 */

/* 見出し余白: G-3が padding:0 !important のため margin で確保 */
.rp-page .top-section-title, .rpi-page .top-section-title { margin: 8px 16px 16px !important; }

/* 前/次ボタン: 白ピル → ダークチップ（hoverでグラデ） */
.rp-btn, .rpi-btn {
  background: var(--nn-surf2) !important;
  border: 1px solid var(--nn-rose) !important;
  color: var(--nn-rose2) !important;
}
.rp-btn:hover, .rpi-btn:hover {
  background: var(--nn-grad) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.rp-counter, .rpi-counter { color: var(--nn-mut) !important; }

/* プレーヤー操作のアイコン丸ボタン（前/次/シアター） */
.rp-btn--icon, .rpi-btn--icon {
  width: 44px;
  height: 44px;
  padding: 0 !important;
  justify-content: center;
  border-radius: 50% !important;
  font-size: 18px;
  line-height: 1;
  flex: 0 0 auto;
}

/* 作品リンク: 旧ブランド赤 → accent */
.rp-info a, .rpi-info a { color: var(--nn-rose2) !important; }
.rp-info a:hover, .rpi-info a:hover { color: #fff !important; }

/* 画像エリアをカード面に（box-sizing必須: width:100%+枠線で横はみ出しするため） */
.rpi-image-outer {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-line);
  border-radius: 16px !important;
  box-sizing: border-box;
}

/* 速度スライダー・ツールチップ */
.rpi-speed-wrap input[type="range"] { accent-color: var(--nn-rose) !important; }
.rpi-speed-tooltip { background: var(--nn-surf2) !important; }
.rpi-speed-tooltip::after { border-top-color: var(--nn-surf2) !important; }

/* iOS再生オーバーレイの再生アイコン */
.rp-overlay__icon { background: rgba(23,16,25,.92) !important; color: var(--nn-rose2) !important; }

/* 相互リンク: 白地+旧3色ボーダー → トップの気分ピルと同言語 */
.rp-sibling-link,
.rp-sibling-link--video, .rp-sibling-link--img-video, .rp-sibling-link--img-doujin {
  background: var(--nn-surf) !important;
  border: 1px solid var(--nn-line) !important;
  border-radius: 999px !important;
  color: var(--nn-tx) !important;
  transition: box-shadow .2s, border-color .2s, background .2s, transform .15s;
}
.rp-sibling-link:hover {
  background-image: var(--nn-grad) !important;
  border-color: transparent !important;
  color: #fff !important;
  opacity: 1 !important;
  box-shadow: 0 0 26px rgba(255,92,138,.45);
}

/* Xシェアボタン: 真っ黒だと闇に溶けるので輪郭だけ */
.rp-share-x { background: var(--nn-surf2) !important; border: 1px solid var(--nn-line); }

/* --- M-1. ムラムラ度バッジ（DAA_Review_Meta::badge_html が出力） --- */
.mmz {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--nn-mut);
  white-space: nowrap;
}
.mmz__label { font-size: 10.5px; letter-spacing: .06em; }
.mmz__hearts {
  position: relative;
  display: inline-block;
  line-height: 1;
  color: rgba(255,255,255,.16);
  letter-spacing: 2px;
}
.mmz__fill {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  white-space: nowrap;
  color: var(--nn-gold);
  text-shadow: 0 0 7px rgba(255,200,80,.5);
  letter-spacing: 2px;
}
.mmz__num { color: var(--nn-gold); font-size: 12.5px; }

/* トップページカード内: タイトル下に配置 */
.neon-home .top-sakuhin-card .mmz { display: flex; padding: 0 11px 10px; margin-top: -6px; }

/* 一覧（アーカイブ）の .post-card: 抜粋の先頭に出す */
.post-card .mmz { display: flex; margin: 0 0 6px; }

/* カード・ランキング内はハートのみ（ラベル・数字なし。シンジFB 2026-07-18） */
.post-card .mmz__label,
.post-card .mmz__num,
.top-sakuhin-card .mmz__label,
.top-sakuhin-card .mmz__num,
.top-rank .mmz__label,
.top-rank .mmz__num { display: none; }
.post-card .mmz,
.top-sakuhin-card .mmz { gap: 5px; }
.post-card .mmz__hearts,
.post-card .mmz__fill,
.top-sakuhin-card .mmz__hearts,
.top-sakuhin-card .mmz__fill { letter-spacing: 1px; }

/* [class*="daa-"] span の一括ダーク色化（276行付近）に詳細度で勝つ */
[class*="daa-"] .mmz__hearts { color: rgba(255,255,255,.16); }
[class*="daa-"] .mmz__fill { color: var(--nn-gold); }

/* 作品ページ: ムラムラ度アピール枠（作品情報の上・DAAが出力） */
.daa-mmz-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 1.6em 0 1.2em;
  padding: 18px 16px;
  background: rgba(255,209,102,.05);
  border: 1px solid rgba(255,209,102,.35);
  border-radius: 14px;
  box-shadow: 0 0 24px rgba(255,209,102,.08) inset;
}
.daa-mmz-hero__label {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--nn-tx);
}
.daa-mmz-hero .mmz { gap: 12px; }
.daa-mmz-hero .mmz__hearts,
.daa-mmz-hero .mmz__fill { font-size: 26px; letter-spacing: 4px; }
.daa-mmz-hero .mmz__fill { text-shadow: 0 0 12px rgba(255,200,80,.65); }
.daa-mmz-hero .mmz__num { font-size: 22px; }

/* 全ページ: スワイプ時の左右ブレ防止（縦パン＋ピンチのみ許可）。
   iOS Safariの横ゴム挙動対策。トップ限定→2026-07-19にまとめ/作品ページでも再発報告があり全体適用 */
body { touch-action: pan-y pinch-zoom; }
/* 横スクロールが必要なUIは横パンを許可 */
.daa-detail-table-wrap { touch-action: pan-x pan-y pinch-zoom; }

/* --- M-3. sakuhin個別ページの整理（シンジFB 2026-07-18） --- */
/* タグ: 作品情報直下・#テキストリンク（囲み枠なし。functions.phpのthe_content 18が出力） */
.sakuhin-tags { margin: 1.4em 0 .4em; line-height: 2.1; }
.sakuhin-tags__item {
  display: inline-block;
  max-width: 100%;
  margin-right: .95em;
  color: var(--nn-rose2) !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.sakuhin-tags__item:hover { color: var(--nn-gold) !important; text-decoration: underline; text-underline-offset: 3px; }

/* Affinger標準のタグ表示（角丸囲み）・前後記事ナビ・サイドバー新着まとめは非表示
   （タグは上記sakuhin-tagsに移設 / まとめ導線は特集ボックスと重複のため） */
body.single-sakuhin .tagst,
body.single-sakuhin .p-navi { display: none !important; }
/* サイドバー(関連記事kanren)は一覧ページと同じく表示する（2026-07-23 シンジFB。
   以前は本文内「関連作品」との重複回避で非表示にしていたが、kanrenは記事横断（まとめ/エッセイ等）
   の関連記事、sakuhin-relatedは同ジャンルの他作品、と役割が違うため両立させる） */

/* 前後記事ナビは通常投稿（まとめ/イチオシ/エッセイ）でも非表示（ブログ的な前後ナビは違和感のため） */
body.single-post .p-navi { display: none !important; }
/* サイドバー(関連記事kanren)は一覧ページと統一して表示する（2026-07-23 シンジFB。sakuhinと同様の理由） */

/* --- M-4. 特集ボックス（sakuhin個別・DAA append_engagementが関連作品の後に出力） ---
   the_contentフィルタ移設で .daa-product 外に出たため、ここでフル定義する */
/* 見出し: .daa-product内の作品情報見出しと同スタイル（プラグインCSSはスコープ内限定のため再定義） */
h2.daa-section-heading {
  background: transparent !important;
  border: none !important;
  border-left: 3px solid #d4607a !important;
  font-size: 1.15em;
  font-weight: 700;
  line-height: 1.4 !important;
  margin: 1.8em 0 .7em;
  padding: 0 0 0 .6em !important;
}
.daa-engagement {
  background: var(--nn-surf);
  border: 1px solid var(--nn-line);
  border-radius: 14px;
  padding: 1.1em 1.25em;
  margin: 0 0 2em;
}
.daa-engagement-articles { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.daa-engagement-articles li { list-style: none !important; margin: 0 !important; padding: 0; }
.daa-engagement-articles li + li {
  margin-top: .7em !important;
  padding-top: .7em;
  border-top: 1px solid rgba(255,255,255,.05);
}
.daa-engagement-articles a {
  color: var(--nn-rose2) !important;
  font-weight: 700;
  text-decoration: none !important;
}
.daa-engagement-articles a:hover {
  color: var(--nn-gold) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.daa-engagement-x {
  display: flex;
  flex-wrap: wrap;
  gap: .6em;
  align-items: center;
  justify-content: space-between;
  margin-top: .9em;
  padding-top: .9em;
  border-top: 1px dashed var(--nn-line);
}
.daa-engagement-x-text { color: var(--nn-mut); font-size: .9em; }
.daa-engagement-x-button {
  display: inline-block;
  background: var(--nn-surf2);
  border: 1px solid var(--nn-line);
  border-radius: 999px;
  color: var(--nn-tx) !important;
  font-size: .9em;
  font-weight: 700;
  padding: .45em 1.1em;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background .2s, border-color .2s, box-shadow .2s;
}
.daa-engagement-x-button:hover {
  background-image: var(--nn-grad);
  border-color: transparent;
  color: #fff !important;
  box-shadow: 0 0 18px rgba(255,92,138,.4);
}

/* PR表記（フッターウィジェット .affiliate-notice）: ダークテーマに調和 */
.affiliate-notice {
  background: var(--nn-surf) !important;
  color: var(--nn-mut) !important;
  border: 1px solid var(--nn-line);
  border-radius: 999px;
  width: auto !important;
  max-width: 420px;
  padding: .55em 1.4em !important;
}
.affiliate-notice .pr { color: var(--nn-gold) !important; }

/* --- M-2. デイリーランキング（トップページ） --- */
.neon-home .top-rank__tabs { position: relative; }
.neon-home .top-rank__radio { position: absolute; opacity: 0; pointer-events: none; }
/* タブバー: ピル型ボタン群と差別化した「下線タブ」。フォルダタブ的に
   下線の上にインジケーターが乗り、非選択側は沈んで見える＝切替可能の記号性を出す */
.neon-home .top-rank__tabbar {
  display: flex;
  margin: 0 0 16px;
  border-bottom: 2px solid var(--nn-line);
}
.neon-home .top-rank__tab {
  flex: 1;
  min-width: 0;
  position: relative;
  text-align: center;
  padding: 10px 0 12px;
  cursor: pointer;
  background: transparent;
  border: none;
  color: var(--nn-mut);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .04em;
  opacity: .7;
  transition: color .2s, opacity .2s;
}
.neon-home .top-rank__tab::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: -2px;
  border-radius: 10px 10px 0 0;
  background: transparent;
  transition: background .2s;
}
.neon-home .top-rank__tab::after {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  bottom: -2px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: transparent;
  transition: background .2s, box-shadow .2s;
}
.neon-home .top-rank__tab:hover { color: var(--nn-tx); opacity: 1; }
.top-rank__radio--video:checked ~ .top-rank__tabbar .top-rank__tab--video,
.top-rank__radio--doujin:checked ~ .top-rank__tabbar .top-rank__tab--doujin {
  color: #fff;
  opacity: 1;
}
.top-rank__radio--video:checked ~ .top-rank__tabbar .top-rank__tab--video::before,
.top-rank__radio--doujin:checked ~ .top-rank__tabbar .top-rank__tab--doujin::before {
  background: rgba(255,92,138,.10);
}
.top-rank__radio--video:checked ~ .top-rank__tabbar .top-rank__tab--video::after,
.top-rank__radio--doujin:checked ~ .top-rank__tabbar .top-rank__tab--doujin::after {
  background-image: var(--nn-grad);
  box-shadow: 0 0 14px rgba(255,92,138,.6);
}
.neon-home .top-rank__pane { display: none; }
.top-rank__radio--video:checked ~ .top-rank__pane--video,
.top-rank__radio--doujin:checked ~ .top-rank__pane--doujin { display: block; }

.neon-home .top-rank__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.neon-home .top-rank__item { margin: 0; }
.neon-home .top-rank__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px 8px 8px;
  background: var(--nn-surf);
  border: 1px solid var(--nn-line);
  border-radius: 12px;
  color: var(--nn-tx);
  text-decoration: none;
  box-sizing: border-box;
  transition: border-color .2s, box-shadow .2s;
}
.neon-home .top-rank__link:hover {
  border-color: var(--nn-rose);
  box-shadow: 0 0 18px rgba(255,92,138,.25);
  color: var(--nn-tx);
}
.neon-home .top-rank__no {
  flex: 0 0 30px;
  text-align: center;
  font-weight: 800;
  font-style: italic;
  font-size: 15px;
  color: var(--nn-mut);
}
.neon-home .top-rank__thumb { flex: 0 0 72px; }
.neon-home .top-rank__thumb img { width: 72px; height: 54px; object-fit: cover; border-radius: 8px; display: block; }
.neon-home .top-rank__thumb--empty { height: 54px; background: var(--nn-surf2); border-radius: 8px; }
.neon-home .top-rank__body { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.neon-home .top-rank__title {
  font-size: 13px;
  line-height: 1.45;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.neon-home .top-rank .mmz { font-size: 11px; }

/* 1〜3位: 王冠色（金/銀/銅）＋大きめサムネ */
.neon-home .top-rank__item--1 .top-rank__no { color: #ffd166; font-size: 19px; text-shadow: 0 0 10px rgba(255,209,102,.6); }
.neon-home .top-rank__item--2 .top-rank__no { color: #cfd8e3; font-size: 17px; text-shadow: 0 0 10px rgba(207,216,227,.5); }
.neon-home .top-rank__item--3 .top-rank__no { color: #e8926b; font-size: 16px; text-shadow: 0 0 10px rgba(232,146,107,.5); }
.neon-home .top-rank__item--1 .top-rank__link { border-color: rgba(255,209,102,.4); }
.neon-home .top-rank__item--2 .top-rank__link { border-color: rgba(207,216,227,.3); }
.neon-home .top-rank__item--3 .top-rank__link { border-color: rgba(232,146,107,.3); }
.neon-home .top-rank__item--1 .top-rank__thumb,
.neon-home .top-rank__item--2 .top-rank__thumb,
.neon-home .top-rank__item--3 .top-rank__thumb { flex-basis: 100px; }
.neon-home .top-rank__item--1 .top-rank__thumb img,
.neon-home .top-rank__item--2 .top-rank__thumb img,
.neon-home .top-rank__item--3 .top-rank__thumb img { width: 100px; height: 70px; }
.neon-home .top-rank__item--1 .top-rank__title,
.neon-home .top-rank__item--2 .top-rank__title,
.neon-home .top-rank__item--3 .top-rank__title { font-size: 14px; font-weight: 700; }

/* --- M-5. まとめ(1120)・エッセイ(16)単体ページ: パンくず直下のカテゴリバッジを非表示
   （Affinger標準の.st-catgroup。パンくず自体に既にカテゴリ名リンクがあり重複。
   sakuhin単体ページはこのバッジ自体が出ない構造なので、それに揃える。シンジFB 2026-07-23） --- */
body.single-cat-1120 .st-catgroup,
body.single-cat-16 .st-catgroup { display: none !important; }

/* ======================================================================
   作品ページ冒頭の「無料サンプル」ジャンプ導線（functions.php priority 16 が出力）
   ----------------------------------------------------------------------
   指名検索の流入がファーストビューで離脱していた（滞在4〜11秒・1.0PV/セッション）。
   スマホ1画面目にサンプルへの入口を置いて、スクロール前に存在を伝える目的。
   flexアイテムには min-width:0 を明示（iOS Safariのはみ出し対策・CLAUDE.md参照）。
   ====================================================================== */
.sakuhin-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 22px;
}
/* 上の .entry-content a（色・下線）に詳細度で勝つため .entry-content を前置する */
.entry-content .sakuhin-jump__btn {
  flex: 1 1 240px;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4em;
  padding: 14px 18px;
  border-radius: 999px;
  border: 1px solid var(--nn-line);
  background: var(--nn-surf2);
  color: var(--nn-tx);
  font-weight: 700;
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
  text-decoration: none;
  transition: opacity .2s ease, transform .2s ease;
}
.entry-content .sakuhin-jump__btn--main {
  background: var(--nn-grad);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 8px 24px rgba(255, 92, 138, .28);
}
.entry-content .sakuhin-jump__btn:hover,
.entry-content .sakuhin-jump__btn:focus {
  opacity: .92;
  transform: translateY(-1px);
  text-decoration: none;
}
/* ジャンプ先がヘッダーに潜らないよう余白を確保する */
#daa-sample-video,
#daa-sample-images { scroll-margin-top: 72px; }

/* ── タグページの説明文（tag.php が term_description を出力）──
   index化したタグの本文が作品カードだけにならないよう、見出し直下に置く。 */
.sakuhin-tag-desc {
  margin: 0 0 18px;
  padding: 14px 16px;
  border-left: 3px solid var(--nn-rose);
  border-radius: 0 10px 10px 0;
  background: rgba(255, 255, 255, .035);
  color: var(--nn-mut);
  font-size: 14px;
  line-height: 1.85;
}
.sakuhin-tag-desc p { margin: 0; }
.sakuhin-tag-desc p + p { margin-top: .7em; }

/* end neon-skin.css */
