/* ==========================================================================
   DMOなんじょう 組織サイト ― デザイントークン v1.0
   確定日：2026-07-05（トップページ実物モックv2にて発注者承認・確定）
   デザイン方向：キナリト系の雑誌文法（色面・コラージュ・縦書き・右端固定レール）
   ※詳細は「決定メモ_DMOデザイン方向v2と実装順_2026-07-05.md」を参照
   正本：デザイン方向書 v5（DMOサイト＝用件別入口・常設の相談導線）
       ＋ 書体定着 v2（DMOサイト全体＝ふだんの声。ハレは使わない）
       ＋ デザイン_tokens_v1.css 末尾のDMO草案
   ──────────────────────────────────────────────
   家訓（3サイト共通）：明るさが基準／細い線で凛と／動きはフェードのみ／
   写真が主役・色は脇役／確認日と出典を小さく必ず／個人名は公開物に入れない
   DMOの追加の掟：数値には定義・出典・更新日の三点を必ず添える（サイトの紋）
   ========================================================================== */
:root{

  /* --- 色：白の地（組織サイトの机。旅ポータルの砂よりわずかに白い） --- */
  --shiro:#FCFCF9;
  --shiro-2:#F5F4EE;          /* わずかな段差用。多用しない */

  /* --- 色：墨緑のインク（3サイト共通。文字と骨格） --- */
  --ink:#15211F;
  --ink-soft:#4C5A56;
  --ink-faint:#939C96;

  /* --- 色：晴れた海と空の間（DMOの一色。ベタの色面はこの色だけ・暗くしない） --- */
  --sora:#2E86AB;
  --sora-koi:#1E6787;         /* hover・押下・本文リンク */

  /* --- 色：グラフ限定パレット（この4色から増やさない。地の文・装飾には使わない） --- */
  --g-sora:#2E86AB;
  --g-wakaba:#6FA867;
  --g-hikari:#F2B33D;
  --g-sango:#F0708C;

  /* --- 線：細く凛と --- */
  --sen:rgba(21,33,31,.14);
  --sen-faint:rgba(21,33,31,.07);

  /* --- 書体：ふだんの声のみ（ハレ書体はDMOでは読み込まない） --- */
  --font-body:"Noto Sans JP",sans-serif;         /* 本文・UI（400/500） */
  --font-head:"Noto Sans JP",sans-serif;         /* 見出し（700・字間.1〜.14em） */
  --font-latin:"Space Grotesk",sans-serif;       /* 欧文・数字（時代の錨） */
  --ls-head:.12em;

  /* --- 版面 --- */
  --maxw:1180px;
  --pad-x:clamp(16px,3.5vw,44px);
  --lh-body:1.9;
  --radius:4px;               /* 角丸は小さく。ピル型は使わない */
}

/* 声の掟（クラスで統制し、例外は作らない） */
.h-ke{font-family:var(--font-head);font-weight:700;letter-spacing:var(--ls-head);line-height:1.6}
.t-latin{font-family:var(--font-latin);font-variant-numeric:tabular-nums;letter-spacing:.04em}

/* DMOの紋：定義・出典・更新日の三点スタンプ */
.stamp{display:flex;flex-wrap:wrap;gap:2px 14px;font-family:var(--font-latin);
  font-size:10px;letter-spacing:.06em;color:var(--ink-faint)}
.stamp b{font-weight:500;color:var(--ink-soft)}

/* 基盤 */
*{box-sizing:border-box}
body{margin:0;background:var(--shiro);color:var(--ink);
  font-family:var(--font-body);line-height:var(--lh-body);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}
a:focus-visible,button:focus-visible{outline:2px solid var(--sora-koi);outline-offset:3px}

/* 動きはフェードのみ。reduced-motion 尊重 */
.fade{opacity:0;transform:translateY(8px);animation:fadein 1.2s cubic-bezier(.2,.6,.2,1) forwards}
.fade.d1{animation-delay:.12s}.fade.d2{animation-delay:.3s}.fade.d3{animation-delay:.5s}
@keyframes fadein{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fade{opacity:1;transform:none;animation:none}}