/*
 * デザイントークン（全ページ共通の正）
 * 出典：docs/mock/top-synth-c.html の :root（2026-06-25 トップFIX確定版）
 * 方針：墨×白モノトーン／赤はロゴ・角印・ワンポイントのみ／CTAは墨。
 *   他ページ実装時に brand-guidelines.md §11 と突き合わせて統合する。
 */
:root{
  /* 背景・面 */
  --bg:#ffffff; --bg-warm:#faf8f3; --bg-tint:#f3f5f7;
  /* hover/focus で敷く面＝寒色グレー（暖色ベージュを使わない）。ボタン・カード・メニュー等の hover はすべてこれを参照＝一元管理（2026-07-14 代表） */
  --hover-surface:#f3f5f7;
  /* 文字・罫 */
  --ink:#191714; --ink-sub:#5f5a53; --line:#e7e3db; --line-cool:#dde3e8;
  --on-accent:#ffffff;
  /* 赤（ロゴ・角印・ワンポイント専用） */
  --red:#a00f1e; --red-soft:#f7e9eb;
  /* 明るい赤＝暗背景（墨パネル）でのテキストリンク（矢印・下線）用。--red は黒地で沈むため（2026-07-14 代表） */
  --red-bright:#e24b4a;
  /* CTA＝墨（代表指示） */
  --cta:#191714; --cta-h:#2c2925;
  /* 書体 */
  --serif:"Noto Serif JP","游明朝体","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif; /* 先頭＝自己ホストの見出しサブセット（base.css @font-face・P2-7 2026-07-18） */
  --sans:"Noto Sans JP","游ゴシック体",YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  /* レイアウト */
  --maxw:1180px; --ease:cubic-bezier(.16,1,.3,1);
  /* 行長（measure）の正＝2026-07-01 確定ルール。本文17px基準。
     ・本文（長文・通常説明文）＝芯 約40字＝--measure（35〜45字の帯の中心）
     ・リード／キャッチ＝約50字まで＝--measure-lead（1〜3行の短文に限る）
     ・全幅ベタ流しは禁止（本文は必ず column 幅 or --measure で抑える）。
     詳細＝brand-guidelines.md §11／subpage-standard-and-components.md。 */
  --measure:40em; --measure-lead:52em;
  /* テキストリンクの下線色（白背景・共通の正＝本文・サイドナビ・パンくず・バナーで同一）。
     "目立たないが確実に見える"中濃グレー。hover は --ink。暗背景フッターのみ別途（明色）。 */
  --uline:#9a9183;
}
html.serif-fallback{--serif:"游明朝体","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;}