/*
Theme Name: もののけ、みーつけた
Theme URI: https://mononoke-mitsuketa.com/
Author: MEGURIWA / コーディ（おばだいデザイン rev3 百鬼夜行）
Description: 妖怪の民俗ポータル「もののけ、みーつけた」。夜系（薄藍×ネオングリーン）。二層構造（幹=妖怪辞書CPT / 枝=連載・対談・イベント）。型は007/010方式（共通CSS1本→テーマ化）。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mononoke
*/

/* =========================================================================
   もののけ、みーつけた — 共通CSS（1本）
   008 Yokai / design rev2「百鬼夜行」 by おばだい 2026-06-15
   芯: 器はポップ（Reggae One・ネオングリーンの差し）／中身は重厚（浮世絵が主役）。
   配色: 薄めの藍トーン（黒背景をやめる）。差し色はネオングリーン一本。本文はゴシックで軽く。
   二層構造（幹=辞書／枝=対談・イベント・連載）をナビ・テンプレに最初から織り込む。
   rev3（2026-06-15・ボス指摘反映: 背景を藍へ／差し色ネオングリーン／本文ゴシック／索引=地図）
   ========================================================================= */
:root{
  /* 夜（地）＝薄めの藍トーン（黒背景をやめる・ティール寄りの深い藍） */
  --yo:#16384e;        /* 藍の地（添付トーン） */
  --yo2:#1d4660;       /* 段（カード地） */
  --yo3:#27536f;       /* 一段明るい藍 */
  --line:rgba(232,237,228,.16);  /* 罫 */
  --line2:rgba(232,237,228,.30);
  /* 文字（藍の上の生成り白） */
  --sumi:#eef1e8;      /* 主文字 */
  --sumi-2:rgba(238,241,232,.78);
  --sumi-3:rgba(238,241,232,.55);
  /* 差し色＝ネオングリーン一本（朱・金は廃止） */
  --neon:#aee23c;      /* ライム寄りネオングリーン（基調の差し色） */
  --neon-2:#c4f25a;    /* 明るい蛍光側（光らせる用） */
  --neon-deep:#7fa82a; /* 沈めた緑（藍地での文字可読用） */
  --gun:#3f7fb0;       /* 群青（補助・稀） */
  /* レイアウト */
  --maxw:1180px; --readw:680px; --r:6px; --r-lg:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *{animation:none!important;transition:none!important}}
body{margin:0;font-family:"Zen Kaku Gothic New",sans-serif;color:var(--sumi);background:var(--yo);line-height:1.85;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
/* 地紋（極薄・緑のにじみだけ。面塗りはしない） */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(circle at 82% 12%,rgba(174,226,60,.07),transparent 44%),
  radial-gradient(circle at 12% 88%,rgba(63,127,176,.08),transparent 46%)}

/* ---------- 汎用 ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.read{max-width:var(--readw);margin:0 auto}
.maru{font-family:"Zen Maru Gothic",sans-serif}
.pop{font-family:"Reggae One",cursive;font-weight:400}
/* 朱の落款印（Signature・くり返し使う） */
.seal{display:inline-flex;align-items:center;justify-content:center;font-family:"Zen Maru Gothic",sans-serif;font-weight:700;color:#0f2230;background:var(--neon);border-radius:3px;line-height:1;letter-spacing:.08em}
.seal--sm{font-size:11px;padding:5px 7px}
.dot{color:var(--neon)}      /* 「、」「け」を朱に＝みーつけた印 */
.kin{color:var(--neon)}
/* ---------- HEADER（二層ナビ・7項目想定の枠） ---------- */
.site-head{position:sticky;top:0;z-index:50;background:rgba(10,30,42,.82);backdrop-filter:saturate(1.1) blur(10px);border-bottom:1px solid var(--line)}
.site-head__in{display:flex;align-items:center;gap:22px;height:66px}
.brand{display:flex;align-items:baseline;gap:11px}
.brand__mark{font-family:"Reggae One",cursive;font-size:22px;letter-spacing:.02em;color:var(--sumi)}
.brand__sub{font-family:"Zen Maru Gothic",sans-serif;font-size:10px;color:var(--sumi-3);letter-spacing:.2em}
.nav{margin-left:auto;display:flex;gap:20px;align-items:center}
.nav a{font-family:"Zen Maru Gothic",sans-serif;font-size:14px;color:var(--sumi-2);transition:color .2s;position:relative}
.nav a:hover{color:var(--sumi)}
.nav a.is-soon{cursor:pointer} /* 2026-07-02 もののび: 一覧が実物を返すようになったのでクリック可能に（沈め色解除・バッジは維持=正式点灯までの育成中表示） */
.nav a.is-soon::after{content:"準備中";font-size:9px;position:absolute;top:-10px;left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--neon);letter-spacing:.08em}
.nav__cta{font-family:"Zen Maru Gothic",sans-serif;font-size:13px;padding:8px 15px;border:1px solid var(--gun);color:var(--sumi);border-radius:999px}
.nav__cta:hover{background:var(--gun)}
.nav-toggle{display:none}

/* ---------- HERO（夜に余白・浮世絵が主役・器は一歩引く） ---------- */
.hero{position:relative;min-height:clamp(440px,68vh,620px);display:flex;align-items:flex-end;overflow:hidden}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
/* ヒーロー・スライドショー：スライドを重ねて静かにクロスフェード（1枚目=河童の夜は即表示・LCP） */
.hero__bg .hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease-in-out}
.hero__bg .hero__slide.is-active{opacity:1}
@media (prefers-reduced-motion:reduce){.hero__bg .hero__slide{transition:none}.hero__bg .hero__slide:not(.is-active){display:none}}
/* 藍のヴェール：画像下を藍に溶かして文字を載せる（黒で潰さず藍トーンを保つ） */
.hero__bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(22,56,78,.12) 0%,rgba(22,56,78,.52) 58%,var(--yo) 100%),
  linear-gradient(90deg,rgba(22,56,78,.62) 0%,rgba(22,56,78,.12) 52%,transparent 78%)}
.hero__in{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px 56px}
.hero__eyebrow{font-family:"Zen Maru Gothic",sans-serif;font-size:13px;letter-spacing:.22em;color:var(--neon);margin:0 0 18px}
.hero__title{font-family:"Reggae One",cursive;font-size:clamp(34px,5.6vw,66px);line-height:1.34;letter-spacing:.03em;margin:0;text-shadow:0 2px 24px rgba(8,24,36,.7)}
.hero__lead{font-size:16px;line-height:1.95;color:var(--sumi-2);max-width:26em;margin:22px 0 30px;text-shadow:0 1px 12px rgba(8,24,36,.8)}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.btn{font-family:"Zen Maru Gothic",sans-serif;font-weight:700;font-size:15px;padding:13px 24px;border-radius:999px;transition:transform .15s,background .2s;display:inline-block}
.btn--shu{background:var(--neon);color:#0f2230;font-weight:700}
.btn--shu:hover{background:var(--neon-2);transform:translateY(-1px)}
.btn--ghost{border:1px solid var(--line2);color:var(--sumi)}
.btn--ghost:hover{border-color:var(--neon);color:var(--neon)}
/* ---------- メディアの約束 ---------- */
.promise{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--yo2);padding:26px 0}
.promise__row{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}
.promise__item{display:flex;align-items:center;gap:9px;font-family:"Zen Maru Gothic",sans-serif;font-size:14px;color:var(--sumi-2)}
.promise__item i{width:7px;height:7px;border-radius:50%;background:var(--neon);flex:none;display:block}

/* ---------- セクション見出し ---------- */
.section{padding:62px 0}
.section__head{display:flex;align-items:baseline;gap:14px;margin-bottom:28px}
.section__ja{font-family:"Reggae One",cursive;font-size:25px;letter-spacing:.04em;color:var(--sumi)}
.section__en{font-family:"Zen Maru Gothic",sans-serif;font-size:11px;letter-spacing:.24em;color:var(--sumi-3)}
.section__more{margin-left:auto;font-family:"Zen Maru Gothic",sans-serif;font-size:13px;color:var(--neon)}
.section__more:hover{text-decoration:underline}
.section--soon .section__head{opacity:.6}
.soon-pill{font-family:"Zen Maru Gothic",sans-serif;font-size:10px;letter-spacing:.1em;color:var(--neon);border:1px solid var(--line2);border-radius:999px;padding:3px 10px;margin-left:4px}
/* ---------- 地方から探す：リスト版 ---------- */
.regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.region{background:var(--yo2);padding:22px 18px;transition:background .2s;position:relative;font-family:"Zen Maru Gothic",sans-serif;color:var(--sumi)}
.region:hover{background:var(--yo3)}
.region__ja{font-size:17px;font-weight:700;margin-bottom:3px}
.region__en{font-size:10px;letter-spacing:.16em;color:var(--sumi-3)}
.region__count{position:absolute;top:14px;right:14px;font-size:11px;color:var(--neon)}
.region--soon{opacity:.42} .region--soon .region__count{color:var(--sumi-3)}
/* ---------- 地方から探す：日本地図版 ---------- */
.jpmap{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.jpmap__svg{width:100%;height:auto}
.jpmap__svg .area{fill:var(--yo3);stroke:var(--line2);stroke-width:1.2;transition:fill .2s;cursor:pointer}
.jpmap__svg .area.on:hover{fill:var(--gun)}
.jpmap__svg .area.lit{fill:#2f6286}
.jpmap__svg .area.soon{opacity:.4;cursor:default}
.jpmap__svg .dot{fill:var(--neon)}
.jpmap__legend{font-family:"Zen Maru Gothic",sans-serif}
.jpmap__legend li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--sumi-2)}
.jpmap__legend a.lit{color:var(--sumi)} .jpmap__legend .c{margin-left:auto;color:var(--neon);font-size:12px}
.jpmap__legend .soon{color:var(--sumi-3)}

/* ---------- 妖怪カード（浮世絵サムネが主役） ---------- */
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
@media (max-width:1100px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:880px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cards{grid-template-columns:1fr}}
.card{background:var(--yo2);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .18s,border-color .2s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-3px);border-color:var(--line2)}
.card__media{aspect-ratio:4/3;background:var(--yo3);position:relative;overflow:hidden}
.card__media img{width:100%;height:100%;object-fit:cover}
/* 浮世絵を主役にする：サムネ下端をわずかに夜へ溶かす */
.card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(16,42,58,.55))}
.card__seal{position:absolute;top:10px;left:10px;z-index:2}
.card__body{padding:15px 16px 17px;display:flex;flex-direction:column;gap:7px;flex:1}
.card__where{font-family:"Zen Maru Gothic",sans-serif;font-size:11px;letter-spacing:.1em;color:var(--neon)}
.card__name{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:20px;letter-spacing:.04em;color:var(--sumi)}
.card__name ruby rt{font-size:9px;color:var(--sumi-3);font-weight:400}
.card__sum{font-size:13.5px;color:var(--sumi-2);line-height:1.7;flex:1}
.card__foot{display:flex;align-items:center;gap:8px;font-family:"Zen Maru Gothic",sans-serif;font-size:12px;color:var(--sumi-3);margin-top:3px}
.card__cat{padding:3px 9px;background:var(--yo3);border-radius:999px;color:var(--sumi-2)}
.card--more .card__media{display:flex;align-items:center;justify-content:center;color:var(--neon);font-family:"Zen Maru Gothic",sans-serif;font-size:14px}
.card--more .card__media::after{display:none}
/* ---------- 読みもの／イベント（枝・帯） ---------- */
.branch{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.bcard{display:flex;gap:14px;background:var(--yo2);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;align-items:center}
a.bcard{transition:border-color .2s,transform .18s}a.bcard:hover{border-color:var(--gun);transform:translateY(-2px)} /* 2026-07-11 もののび: 読みもの/イベント帯の実カードをリンク化=クリック可の微hover */
.bcard__thumb{width:84px;height:84px;border-radius:var(--r);background:var(--yo3);flex:none;overflow:hidden}
.bcard__thumb img{width:100%;height:100%;object-fit:cover}
.bcard__k{font-family:"Zen Maru Gothic",sans-serif;font-size:11px;letter-spacing:.1em;color:var(--gun)}
.bcard__t{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:16px;color:var(--sumi);margin:3px 0 4px;line-height:1.5}
.bcard__m{font-family:"Zen Maru Gothic",sans-serif;font-size:12px;color:var(--sumi-3)}
.branch--soon{position:relative}
.branch--soon::after{content:"第二フェーズで点灯";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Zen Maru Gothic",sans-serif;font-size:13px;color:var(--neon);background:rgba(10,30,42,.55);border-radius:var(--r-lg);letter-spacing:.06em}
.branch--soon .bcard{filter:blur(1.5px);opacity:.5}

/* ---------- 裏テーマ（闇とロマンの帯・浮世絵夜景を敷く） ---------- */
.creed{background:#102c3e;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:72px 0;position:relative;overflow:hidden}
.creed::before{content:"";position:absolute;inset:0;background-image:url(img/creed_bg.jpg);background-size:cover;background-position:center 35%;opacity:.5}
.creed::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(16,44,62,.92) 0%,rgba(16,44,62,.72) 45%,rgba(16,44,62,.42) 100%)}
.creed__in{position:relative;z-index:2}
.creed__lead{font-family:"Zen Maru Gothic",sans-serif;font-size:13px;letter-spacing:.2em;color:var(--sumi-3);margin:0 0 18px}
.creed__big{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:clamp(18px,2.6vw,26px);line-height:1.95;letter-spacing:.03em;max-width:24em;color:var(--sumi);text-shadow:0 1px 14px rgba(8,24,36,.7)}
.creed__big em{color:var(--neon);font-style:normal}
/* ---------- FOOTER ---------- */
.site-foot{background:var(--yo2);border-top:1px solid var(--line);padding:48px 0 30px}
.foot__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;margin-bottom:30px}
.foot__brand .brand__mark{font-family:"Reggae One",cursive;font-size:19px;color:var(--sumi)}
.foot__brand p{font-size:13px;color:var(--sumi-3);margin:12px 0 0;max-width:24em;line-height:1.8}
.foot__col h4{font-family:"Zen Maru Gothic",sans-serif;font-size:12px;letter-spacing:.14em;color:var(--sumi-3);margin:0 0 12px}
.foot__col a{display:block;font-family:"Zen Maru Gothic",sans-serif;font-size:14px;color:var(--sumi-2);padding:5px 0}
.foot__col a:hover{color:var(--neon)}
.foot__col a.soon{color:var(--sumi-3)}
.foot__base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:18px;font-family:"Zen Maru Gothic",sans-serif;font-size:12px;color:var(--sumi-3)}

/* ======================= 妖怪個別（本丸・左右二段組） ======================= */
.y-top{padding:34px 0 0}
.breadcrumb{font-family:"Zen Maru Gothic",sans-serif;font-size:12px;color:var(--sumi-3);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.breadcrumb a:hover{color:var(--neon)} .breadcrumb .sep{color:var(--line2)}
/* ヒーロー：浮世絵を大きく、夜に沈める */
.y-hero{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:clamp(300px,42vh,420px);display:flex;align-items:flex-end;margin-bottom:36px}
.y-hero__bg{position:absolute;inset:0}
.y-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 12%;filter:saturate(.82) brightness(.82)} /* おばだい案2：ヒーロー＝"場の空気"。上寄りトリミング＋彩度落とし。本文.lineage__figは無加工＝"資料" */
.y-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,42,.15),rgba(10,30,42,.55) 60%,rgba(10,30,42,.92))}
.y-hero__in{position:relative;z-index:2;padding:30px 30px 28px}
.y-where{font-family:"Zen Maru Gothic",sans-serif;font-size:13px;letter-spacing:.14em;color:var(--neon);margin:0 0 10px}
.y-name{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:clamp(34px,6vw,56px);letter-spacing:.06em;line-height:1.15;margin:0;color:var(--sumi);text-shadow:0 2px 20px rgba(10,30,42,.7)}
.y-name ruby rt{font-size:13px;color:var(--sumi-2);font-weight:400;letter-spacing:.1em}
.y-kana{font-family:"Zen Maru Gothic",sans-serif;font-size:13px;color:var(--sumi-2);letter-spacing:.18em;margin:10px 0 0}
/* 二段組レイアウト */
.y-grid{display:grid;grid-template-columns:1fr 320px;gap:42px;align-items:start}
/* 本文＝語り */
.y-summary{font-size:18px;color:var(--sumi);line-height:1.95;margin:0 0 34px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.y-block{margin-bottom:42px}
.y-block__head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.y-block__no{font-family:"Reggae One",cursive;font-size:14px;color:var(--neon)}
.y-block__ja{font-family:"Reggae One",cursive;font-size:21px;letter-spacing:.04em;color:var(--sumi)}
.y-prose p{margin:0 0 18px;font-size:17px;line-height:2.0;color:var(--sumi)}
/* lore＝伝承の声（引用） */
.y-quote{border-left:3px solid var(--gun);background:var(--yo2);padding:20px 24px;border-radius:0 var(--r) var(--r) 0;margin:4px 0 20px}
.y-quote p{font-family:"Shippori Mincho B1",serif;font-size:18px;line-height:1.95;margin:0 0 8px;color:var(--sumi)}
.y-quote cite{font-family:"Zen Maru Gothic",sans-serif;font-size:12px;color:var(--sumi-3);font-style:normal}

/* 絵の出自ブロック（系譜論の実装・媒体の背骨を記事面に） */
.lineage{background:linear-gradient(180deg,var(--yo2),#13354a);border:1px solid var(--line2);border-radius:var(--r-lg);padding:26px 28px;margin:8px 0 4px}
.lineage__k{font-family:"Zen Maru Gothic",sans-serif;font-size:11px;letter-spacing:.16em;color:var(--neon);margin:0 0 12px;display:flex;align-items:center;gap:8px}
.lineage__k::before{content:"";width:18px;height:1px;background:var(--neon)}
.lineage h3{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:19px;color:var(--sumi);margin:0 0 12px;letter-spacing:.04em}
.lineage p{font-size:15px;line-height:1.9;color:var(--sumi-2);margin:0 0 12px}
.lineage__brush{font-family:"Zen Maru Gothic",sans-serif;font-size:13px;color:var(--sumi-3);border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.lineage__brush b{color:var(--neon);font-weight:700}
/* 絵の出自 図版（おばだい決定・案2／正本 obadai_lineage_image_DECISION_2026-06-18）＝本文幅84%中央・極細1px枠(--line)・角丸3px・影なし */
.lineage__fig{width:84%;margin:18px auto 20px}
.lineage__fig img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:3px}
@media(max-width:600px){
  .lineage__fig{width:100%}
  .lineage__fig img{max-height:60vh;width:auto;max-width:100%;margin:0 auto}
}
/* 本文シーン画像（もののび要望／文字主体の記事に挿絵1枚＝壱 伝承を受ける。死守: 無キャプション・枠なし・煽らない。lineage__fig="資料"とは別系統＝"場の空気"なので軽い減光＋4:3クロップ） */
.y-fig{margin:6px 0 30px}
.y-fig img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 32%;max-height:60vh;border-radius:var(--r);filter:saturate(.88) brightness(.9)}
@media(max-width:600px){
  .y-fig{margin:4px 0 24px}
}
/* 右袖＝事実カード */
.aside{position:sticky;top:88px;display:flex;flex-direction:column;gap:18px}
.fcard{background:var(--yo2);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px}
.fcard h3{font-family:"Zen Maru Gothic",sans-serif;font-size:12px;letter-spacing:.14em;color:var(--sumi-3);margin:0 0 14px;display:flex;align-items:center;gap:8px}
.fcard h3 i{width:6px;height:6px;border-radius:50%;background:var(--neon);display:block}
.attr{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:7px 0;border-bottom:1px solid var(--line)}
.attr:last-child{border-bottom:none}
.attr dt{font-family:"Zen Maru Gothic",sans-serif;color:var(--sumi-3);flex:none}
.attr dd{margin:0;text-align:right;color:var(--sumi)}
.factbadge{display:inline-flex;align-items:center;gap:6px;font-family:"Zen Maru Gothic",sans-serif;font-size:12px;padding:6px 11px;border-radius:999px;letter-spacing:.04em}
.factbadge.need{background:rgba(200,155,60,.12);color:var(--neon);border:1px solid rgba(200,155,60,.3)}
.factbadge.verified{background:rgba(127,174,90,.14);color:var(--neon);border:1px solid rgba(127,174,90,.3)}
.fcard__sources li{font-size:13px;line-height:1.7;margin-bottom:9px;color:var(--sumi-2);list-style:none;padding-left:16px;position:relative}
.fcard__sources li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--gun)}
.fcard__sources a{color:var(--gun);text-decoration:underline;text-underline-offset:2px}
.fcard__sources ul{margin:0;padding:0}
.stamp{font-family:"Zen Maru Gothic",sans-serif;font-size:10px;padding:2px 6px;border-radius:3px;margin-left:5px;letter-spacing:.04em;white-space:nowrap}
.stamp--pd{background:rgba(127,174,90,.16);color:var(--neon)}
.stamp--official{background:rgba(58,110,165,.2);color:#7aa6d4}
/* visit */
.visit{background:linear-gradient(160deg,var(--gun),#1d4660);border-radius:var(--r-lg);padding:20px 22px;color:var(--sumi)}
.visit h3{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:18px;margin:0 0 4px;color:#fff}
.visit p{font-family:"Zen Maru Gothic",sans-serif;font-size:13px;color:rgba(236,231,219,.82);margin:0 0 14px}
.visit__item{background:rgba(10,30,42,.28);border:1px solid rgba(236,231,219,.18);border-radius:var(--r);padding:12px 14px;margin-bottom:10px}
.visit__item .p{font-family:"Zen Maru Gothic",sans-serif;font-weight:700;font-size:14px;margin-bottom:2px}
.visit__item .m{font-family:"Zen Maru Gothic",sans-serif;font-size:11px;color:rgba(236,231,219,.6)}
.visit__item a{font-family:"Zen Maru Gothic",sans-serif;font-size:12px;color:var(--neon);display:inline-block;margin-top:8px}
.visit__note{font-family:"Zen Maru Gothic",sans-serif;font-size:10.5px;color:rgba(236,231,219,.5);margin:8px 0 0}

/* 幹⇄枝の相互送客 */
.crosslink{margin:8px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.xl{display:flex;gap:12px;align-items:center;background:var(--yo2);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px}
.xl__k{font-family:"Zen Maru Gothic",sans-serif;font-size:10px;letter-spacing:.12em;color:var(--gun);margin-bottom:3px}
.xl__t{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:15px;color:var(--sumi);line-height:1.5}
.xl.soon{opacity:.5}
.xl.soon .xl__k{color:var(--sumi-3)}
/* 実リンクのcrosslink（第二フェーズ点灯・静かなホバー） */
a.xl{text-decoration:none;transition:border-color .25s ease,transform .25s ease}
a.xl:hover{border-color:var(--neon);transform:translateY(-2px)}
a.xl .xl__t{color:var(--sumi)}
.y-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0}
.y-tag{font-family:"Zen Maru Gothic",sans-serif;font-size:12px;padding:5px 11px;background:var(--yo2);border:1px solid var(--line);border-radius:999px;color:var(--sumi-2)}
.related{padding:54px 0;border-top:1px solid var(--line);margin-top:48px}
.disclaimer{font-family:"Zen Maru Gothic",sans-serif;font-size:11.5px;color:var(--sumi-3);line-height:1.7;background:var(--yo2);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-top:18px}
/* ======================= レスポンシブ ======================= */
@media (max-width:880px){
  .y-grid{grid-template-columns:1fr;gap:30px}
  .aside{position:static}
  .jpmap{grid-template-columns:1fr;gap:18px}
  .foot__grid{grid-template-columns:1fr 1fr}
  .nav{display:none}
  .nav-toggle{display:inline-flex;margin-left:auto;font-family:"Zen Maru Gothic",sans-serif;font-size:13px;border:1px solid var(--line2);padding:7px 13px;border-radius:999px;color:var(--sumi);background:transparent}
  .nav.open{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;gap:0;background:var(--yo);border-bottom:1px solid var(--line2);padding:8px 24px 16px}
  .nav.open a{padding:13px 0;border-bottom:1px solid var(--line)}
  .nav.open a.is-soon::after{position:static;transform:none;margin-left:8px}
  .nav.open .nav__cta{margin-top:10px;text-align:center}
}
@media (max-width:520px){
  body{font-size:16px}
  .foot__grid{grid-template-columns:1fr 1fr}
  .section{padding:48px 0}
  .hero__in{padding-bottom:40px}
  .promise__row{gap:16px}
}


/* ======================= 紹介カード（共通部品・3用途/外部送客のみ） =======================
   用途は data-kind で切替（product=商品/グッズ, maker=作家・工房, book=書籍）。
   飛び先は .refcard__btn を複数置ける（buy_links思想）。data-link で型を区別:
     affiliate=アフィ（#PR表示）, direct=素リンク（本人ショップ/BASE/minne/Creema等）, shop=将来Shopify送客。
   ★決済はサイト内に抱えない。常に「外部の買える場所/作家ページへ飛ばすボタン」(↗)。
   ★今は空枠でよい。妖怪個別・連載の下部に .refshelf を置けば差し込める。
   下敷き=010ふるさとセレクトの商品カード（.buy / buy_links / #PR）。 */
.refsec{padding:48px 0;border-top:1px solid var(--line);margin-top:8px}
.refsec__head{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}
.refsec__ja{font-family:"Reggae One",cursive;font-size:20px;letter-spacing:.04em;color:var(--sumi)}
.refsec__en{font-family:"Zen Maru Gothic",sans-serif;font-size:11px;letter-spacing:.22em;color:var(--sumi-3)}
.refsec__note{font-family:"Zen Maru Gothic",sans-serif;font-size:12px;color:var(--sumi-3);margin:0 0 22px;line-height:1.7}
.refshelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:18px}

.refcard{display:flex;flex-direction:column;background:var(--yo2);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .18s,border-color .2s}
.refcard:hover{transform:translateY(-3px);border-color:var(--line2)}
/* ビジュアル枠（商品写真/作家ポートレート/書影。縦横比固定で器が画像を主役に） */
.refcard__media{aspect-ratio:4/3;background:var(--yo3);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.refcard__media img{width:100%;height:100%;object-fit:cover}
.refcard__media .ph{font-family:"Zen Maru Gothic",sans-serif;font-size:12px;color:var(--sumi-3);letter-spacing:.08em}
/* 用途ラベル（左上・小さく） */
.refcard__kind{position:absolute;top:10px;left:10px;font-family:"Zen Maru Gothic",sans-serif;font-size:10px;letter-spacing:.1em;padding:4px 9px;border-radius:999px;background:rgba(22,56,78,.78);color:var(--neon);border:1px solid var(--line2)}
.refcard__body{padding:15px 16px 16px;display:flex;flex-direction:column;gap:7px;flex:1}
.refcard__name{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:17px;color:var(--sumi);line-height:1.5}
.refcard__one{font-family:"Zen Maru Gothic",sans-serif;font-size:13px;color:var(--sumi-2);line-height:1.7;flex:1}
/* 飛び先ボタン群（複数可＝buy_links思想）。外部送客の↗を必ず付す */
.refcard__links{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:6px;padding-top:12px;border-top:1px solid var(--line)}
.refcard__btn{font-family:"Zen Maru Gothic",sans-serif;font-size:13px;letter-spacing:.04em;color:var(--neon);white-space:nowrap;border-bottom:1.5px solid var(--neon-deep);padding-bottom:2px;transition:border-bottom-width .15s}
.refcard__btn .arr{font-style:normal;margin-left:5px}
.refcard__btn:hover{border-bottom-width:3px}
/* #PR（アフィのみ表示・本人ショップ/素リンクには付けない） */
.refcard__pr{font-family:"Zen Maru Gothic",sans-serif;font-size:10px;letter-spacing:.14em;color:var(--sumi-3);align-self:center}
/* 空枠プレースホルダ（第一フェーズ＝中身ゼロでも枠の意図が伝わる） */
.refshelf--empty{border:1px dashed var(--line2);border-radius:var(--r-lg);padding:30px;text-align:center}
.refshelf--empty p{font-family:"Zen Maru Gothic",sans-serif;font-size:13px;color:var(--sumi-3);margin:0;line-height:1.8}
.refshelf--empty .neon{color:var(--neon)}

/* ======================= 下層ページ共通（rev3拡張・最小限） ======================= */
/* 一覧ページ（地方/県/全妖怪トップ）の導入部 */
.listhead{padding:40px 0 0}
.listhead__lead{font-size:16px;color:var(--sumi-2);line-height:1.9;max-width:40em;margin:14px 0 0}
.archive{padding:40px 0 56px}
.archive + .archive{padding-top:0}
/* 県ピル（地方一覧で県を並べる） */
.prefrow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.pref{font-family:"Zen Maru Gothic",sans-serif;font-size:13px;padding:8px 15px;border:1px solid var(--line2);border-radius:999px;color:var(--sumi-2)}
.pref.on{color:var(--neon);border-color:var(--neon-deep)}
.pref.soon{opacity:.45}
.pref .c{color:var(--neon);margin-left:6px;font-size:11px}

/* About（媒体の思想） */
.about-hero{padding:54px 0 10px}
.about-hero h1{font-family:"Reggae One",cursive;font-size:clamp(30px,5vw,52px);line-height:1.3;letter-spacing:.03em;margin:0 0 8px;color:var(--sumi)}
.about-hero .en{font-family:"Zen Maru Gothic",sans-serif;font-size:12px;letter-spacing:.22em;color:var(--neon)}
.about-body{padding:30px 0 60px}
.about-body h2{font-family:"Reggae One",cursive;font-size:22px;letter-spacing:.04em;color:var(--sumi);margin:40px 0 14px}
.about-body p{font-size:16px;line-height:2.0;color:var(--sumi);margin:0 0 16px}
.about-promise{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:24px 0}
.about-promise__item{background:var(--yo2);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px}
.about-promise__item h3{font-family:"Zen Maru Gothic",sans-serif;font-size:14px;color:var(--neon);margin:0 0 6px;display:flex;align-items:center;gap:8px}
.about-promise__item h3 i{width:7px;height:7px;border-radius:50%;background:var(--neon);display:block}
.about-promise__item p{font-size:13px;color:var(--sumi-2);line-height:1.7;margin:0}

/* Contact / フォーム枠（HubSpot差し込み前提・今は枠だけ） */
.formframe{background:var(--yo2);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;max-width:560px}
.formframe label{display:block;font-family:"Zen Maru Gothic",sans-serif;font-size:13px;color:var(--sumi-2);margin:14px 0 6px}
.formframe input,.formframe textarea{width:100%;background:var(--yo);border:1px solid var(--line2);border-radius:var(--r);color:var(--sumi);font-family:inherit;font-size:15px;padding:11px 13px}
.formframe textarea{min-height:120px;resize:vertical}
.formframe .embed-note{font-family:"Zen Maru Gothic",sans-serif;font-size:11px;color:var(--sumi-3);margin-top:6px}
.formframe .btn--shu{margin-top:20px;border:none;cursor:pointer}

/* 定型ページ（Privacy等） */
.doc{padding:40px 0 60px;max-width:var(--readw);margin:0 auto}
.doc h1{font-family:"Reggae One",cursive;font-size:30px;color:var(--sumi);margin:0 0 8px}
.doc h2{font-family:"Zen Maru Gothic",sans-serif;font-size:16px;color:var(--neon);margin:30px 0 10px}
.doc p,.doc li{font-size:15px;line-height:1.9;color:var(--sumi-2)}

/* 404 */
.nf{min-height:62vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px}
.nf__big{font-family:"Reggae One",cursive;font-size:clamp(40px,9vw,96px);color:var(--neon);line-height:1;margin:0 0 18px}
.nf__msg{font-family:"Shippori Mincho B1",serif;font-size:clamp(18px,3vw,24px);color:var(--sumi);margin:0 0 10px}
.nf__sub{font-family:"Zen Maru Gothic",sans-serif;font-size:14px;color:var(--sumi-3);margin:0 0 28px}

/* talk / event（枝・準備中の器） */
.branch-hero{padding:40px 0 0}
.branch-hero__k{font-family:"Zen Maru Gothic",sans-serif;font-size:12px;letter-spacing:.16em;color:var(--gun);margin:0 0 10px}
.branch-hero h1{font-family:"Reggae One",cursive;font-size:clamp(26px,4.4vw,44px);line-height:1.35;color:var(--sumi);margin:0}
.portrait{aspect-ratio:1;background:var(--yo3);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;color:var(--sumi-3);font-family:"Zen Maru Gothic",sans-serif;font-size:12px}
.eventinfo{background:var(--yo2);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 24px}
.eventinfo .row{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.eventinfo .row:last-child{border-bottom:none}
.eventinfo dt{font-family:"Zen Maru Gothic",sans-serif;color:var(--sumi-3);min-width:84px;flex:none}
.eventinfo dd{margin:0;color:var(--sumi)}
.freshness{font-family:"Zen Maru Gothic",sans-serif;font-size:11px;color:var(--sumi-3);margin-top:14px}
.soonbox{border:1px dashed var(--line2);border-radius:var(--r-lg);padding:40px 30px;text-align:center}
.soonbox p{font-family:"Zen Maru Gothic",sans-serif;font-size:14px;color:var(--sumi-3);margin:0;line-height:1.8}
.soonbox .neon{color:var(--neon)}
/* ===== コーディ 2026-06-16: 端パディング修正 =====
   .wrap併用クラス（.listhead/.y-top/.refsec/.about-*/.doc/.branch-hero）の
   padding ショートハンドが .wrap の左右24pxを潰し、スマホで文字が端まで行く不具合。
   高詳細度(.wrap.X)の longhand で左右paddingだけ復活（縦は各クラスのまま維持）。 */
.wrap.listhead,.wrap.y-top,.wrap.refsec,.wrap.about-hero,.wrap.about-body,.wrap.doc,.wrap.branch-hero{padding-left:24px;padding-right:24px}
@media (max-width:520px){
  .wrap.listhead,.wrap.y-top,.wrap.refsec,.wrap.about-hero,.wrap.about-body,.wrap.doc,.wrap.branch-hero{padding-left:18px;padding-right:18px}
}

/* ===== コーディ 2026-06-17: モバイルのヘッダー窮屈を解消 =====
   スマホで「もののけ、みーつけた」(Reggae One 22px)＋YOKAI FOLKLORE＋メニューが収まらず2行折れ。
   モバイルは sub(YOKAI FOLKLORE)を隠し・ブランドを1行(nowrap)に収め・gapを詰めて余白を確保。 */
@media (max-width:880px){
  .site-head__in{gap:12px}
  .brand{gap:0}
  .brand__sub{display:none}
  .brand__mark{font-size:20px;white-space:nowrap}
}
@media (max-width:380px){
  .brand__mark{font-size:18px}
}


/* ── 読み物本文リンクの可視化（2026-07-02 もののび・ボス指示: リンクと分かるように）── */
.y-prose a{color:var(--neon);text-decoration:underline;text-decoration-color:var(--neon-deep);text-underline-offset:3px;transition:color .2s ease}
.y-prose a:hover{color:var(--neon-2);text-decoration-color:var(--neon)}
.y-prose a:visited{color:var(--neon)}
/* 主要送客リンク=ボタン風ブロック（refcard__btnの流儀・静かな灯り） */
.y-linkbtn,.y-prose a.y-linkbtn{display:inline-block;padding:10px 18px;margin:4px 0;border:1px solid var(--neon-deep);border-radius:8px;color:var(--neon);text-decoration:none;letter-spacing:.04em;transition:background .2s ease,color .2s ease}
.y-linkbtn:hover,.y-prose a.y-linkbtn:hover{background:rgba(174,226,60,.08);color:var(--neon-2)}

/* ===== もののび 2026-07-11（ボス指摘・本格公開後の初回フィードバック）=====
   ① 一覧ボタンは「セクション見出しの右」ではなく「全サムネイルの下」へ。
      縦スクロールで読む順（見出し→カード→で、もっと？）に導線を一致させる。
      → front-page.php: 妖怪(RECENT)/読みもの/イベント の3セクションに .section__cta を追加。 */
.section__cta{margin-top:26px;display:flex;justify-content:center}
.section__cta a{font-family:"Zen Maru Gothic",sans-serif;font-size:14px;letter-spacing:.06em;color:var(--neon);border:1px solid var(--line2);border-radius:999px;padding:13px 30px;transition:border-color .2s,background .2s}
.section__cta a:hover{border-color:var(--neon);background:rgba(174,226,60,.06)}
@media (max-width:520px){
  .section__cta{margin-top:20px}
  .section__cta a{display:block;width:100%;text-align:center;padding:14px 16px}
}

/* ② スマホで長い妖怪名がヒーローから溢れる（例:「むじな（のっぺらぼう）」11文字）。
      原因＝.y-name の clamp 下限34px＋ruby がiOS Safariで折り返さず、.y-hero(overflow:hidden)で切れる。
      → 折返しを明示許可し、狭幅では字を詰める。将来の長名（例:「さとりのばけもの」等）にも効く恒久対応。 */
.y-name{overflow-wrap:anywhere;word-break:normal;line-break:normal}
.y-name ruby{white-space:normal}
@media (max-width:520px){
  .y-hero__in{padding:24px 20px 22px}
  .y-name{font-size:clamp(26px,7.2vw,34px);letter-spacing:.02em;line-height:1.25;word-break:break-word}
  .y-name ruby rt{font-size:11px}
  .y-where{font-size:12px;margin-bottom:8px}
  .y-kana{font-size:12px;letter-spacing:.1em}
}

/* ── フッターSNS導線（2026-07-12 ボス指示「フッターでもいいからInstagramリンクをアイコンで」）──
   狙い: サイト＝出典と土地／IG＝動く絵巻。**サイトに無い体験**があることを示して連れて行く。 */
.foot__sns{display:flex;align-items:center;gap:14px;margin-top:18px}
.foot__sns a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line2);border-radius:999px;color:var(--sumi-2);transition:color .2s,border-color .2s,background .2s}
.foot__sns a:hover{color:var(--neon);border-color:var(--neon);background:rgba(174,226,60,.07)}
.foot__sns-note{font-family:"Zen Maru Gothic",sans-serif;font-size:12px;color:var(--sumi-3);letter-spacing:.06em}
@media (max-width:520px){.foot__sns{gap:12px}.foot__sns-note{font-size:11px}}

/* イベント右袖＝回遊装置（2026-07-21 もののび依頼／single-event.php）。
   レイアウトは既存 .y-grid（1fr 320px・880pxで1カラムへスタック）と .aside（sticky）をそのまま再利用＝新規レイアウトCSSなし。
   カードは .bcard、ボタンは .y-linkbtn を流用。見出しは .fcard h3 と同じ調子で揃える。 */
.sideblk{display:flex;flex-direction:column;gap:10px}
.sideblk h3{font-family:"Zen Maru Gothic",sans-serif;font-size:12px;letter-spacing:.14em;color:var(--sumi-3);margin:0;display:flex;align-items:center;gap:8px}
.sideblk h3 i{width:6px;height:6px;border-radius:50%;background:var(--neon);display:block}
.sideblk .y-linkbtn{display:block;text-align:center;margin:2px 0 0}
/* カード型モジュール（関連する妖怪／この地域の妖怪／ほかのイベント）＝小サムネ左＋名称右で体裁を揃える（v3 2026-07-21 ①もここへ合流） */
.sideblk--sm .bcard{padding:10px}
.sideblk--sm .bcard__thumb{width:56px;height:56px}
.sideblk--sm .bcard__t{font-size:14px;margin:0 0 3px}


/* ============ わかちあう / SHARE（記事末・回遊前） ============ */
.share{padding-top:6px}
.share__row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.share__btn{display:inline-flex;align-items:center;gap:8px;font-family:"Zen Maru Gothic",sans-serif;font-size:13px;letter-spacing:.04em;color:var(--sumi);background:transparent;border:1px solid var(--line2);border-radius:999px;padding:9px 17px;line-height:1;cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s,background .2s,transform .2s}
.share__btn:hover{border-color:var(--neon);color:var(--neon);transform:translateY(-1px)}
.share__copy.is-done{border-color:var(--neon);background:var(--neon);color:#0f2230;font-weight:700}
@media(max-width:520px){.share__btn{font-size:12px;padding:8px 14px}}