@charset "UTF-8";
/* ==========================================================================
   Design Tokens
   出典: takara__claude-docs/design.md（Figma / Design Tokens Importer 生成）
   ※ --color-* / --typography-* は design.md の「CSS Variables」節をそのまま転記。
     手で書き換えないこと。Figma更新時は design.md を再生成して差分を反映する。
   ========================================================================== */

:root {
  /* ---- Color（design.md 定義済み） ---- */
  --color-wh: #ffffff;
  --color-t-txt01: #1e2727;
  --color-t-main01: #05504b;
  --color-t-base01: #f7f6f1;
  --color-t-ac01: #00b900;
  --color-t-ac02: #bf9439;
  --color-t-bdr01: #d9d9d9;

  /* ---- Typography（design.md 定義済み） ---- */
  --typography-t-28sb-family: "Shippori Mincho", serif;
  --typography-t-28sb-size: 28px;
  --typography-t-28sb-weight: 600;
  --typography-t-28sb-line-height: 1.7;
  --typography-t-28sb-letter-spacing: 0.05em;

  --typography-t-24sb-family: "Shippori Mincho", serif;
  --typography-t-24sb-size: 24px;
  --typography-t-24sb-weight: 600;
  --typography-t-24sb-line-height: 1.7;
  --typography-t-24sb-letter-spacing: 0.05em;

  --typography-t-20sb-family: "Shippori Mincho", serif;
  --typography-t-20sb-size: 20px;
  --typography-t-20sb-weight: 600;
  --typography-t-20sb-line-height: 1.7;
  --typography-t-20sb-letter-spacing: 0.05em;

  --typography-t-18sb-family: "Shippori Mincho", serif;
  --typography-t-18sb-size: 18px;
  --typography-t-18sb-weight: 600;
  --typography-t-18sb-line-height: 1.7;
  --typography-t-18sb-letter-spacing: 0.05em;

  --typography-t-16sb-family: "Shippori Mincho", serif;
  --typography-t-16sb-size: 16px;
  --typography-t-16sb-weight: 600;
  --typography-t-16sb-line-height: 1.7;
  --typography-t-16sb-letter-spacing: 0.05em;

  --typography-t-14sb-family: "Shippori Mincho", serif;
  --typography-t-14sb-size: 14px;
  --typography-t-14sb-weight: 600;
  --typography-t-14sb-line-height: 1.7;
  --typography-t-14sb-letter-spacing: 0.05em;

  --typography-t-16r-family: "Zen Kaku Gothic New", sans-serif;
  --typography-t-16r-size: 16px;
  --typography-t-16r-weight: 400;
  --typography-t-16r-line-height: 2;
  --typography-t-16r-letter-spacing: 0.05em;

  --typography-t-14r-family: "Zen Kaku Gothic New", sans-serif;
  --typography-t-14r-size: 14px;
  --typography-t-14r-weight: 400;
  --typography-t-14r-line-height: 2;
  --typography-t-14r-letter-spacing: 0.05em;

  /* ==========================================================================
     ⚠ 以下は design.md に対応トークンが存在しない値。
        Figmaデザイン上では使われているが、Figma側で変数化されていないため
        暫定的にここで定義している。Figmaで変数化 → design.md 再生成 →
        このブロックを削除して --color-* に置き換えるのが正しい状態。
        （詳細: docs/design-pc-top.md「デザイントークンのギャップ」）
     ========================================================================== */

  /* Color gaps */
  --x-hero-marker: #4cae62;          /* ヒーロー見出しの蛍光ペン風グリーン */
  --x-hero-marker-2: #5cb96e;        /* 同・2行目以降のやや明るいグリーン */
  --x-trouble-bg: #e8e8e6;           /* TROUBLEセクション背景グレー */
  --x-badge-from: #6cb98a;           /* 月桂冠バッジ グラデーション開始 */
  --x-badge-to: #4f9e73;             /* 月桂冠バッジ グラデーション終了 */
  --x-cta-from: #0a6b52;             /* 予約CTA帯 グラデーション（明） */
  --x-cta-to: #023127;               /* 予約CTA帯 グラデーション（暗） */
  --x-cta-line: #c9a227;             /* 予約CTA帯 ゴールドライン */
  --x-features-from: #d8f0dd;        /* FEATURES背景グラデーション（上） */
  --x-features-to: #bde6c8;          /* FEATURES背景グラデーション（下） */
  --x-info-bg: #f2faf1;              /* INFORMATIONセクション背景 */
  --x-txt-mute: #6b7573;             /* 補助テキスト */

  /* 外部サービスのブランドカラー。
     デザインシステムの色ではなく、LINE社のブランドガイドラインで
     指定されている色なので、design.md 側で管理する対象ではない。 */
  --x-line: #06c755;
  --x-line-dark: #05b34c;

  /* Layout（Figma実測。design.md に Spacing トークンが未定義のため暫定） */
  --x-canvas: 1440px;                /* デザイン基準幅 */
  --x-container: 1160px;             /* コンテンツ幅（1440 - 140*2） */
  --x-gutter: 140px;                 /* 左右余白 */
  --x-col-gap: 24px;                 /* カラム間ガター */

  /* Radius（design.md 未定義） */
  --x-radius-none: 0;
  --x-radius-sm: 4px;

  /* Shadow（design.md 未定義） */
  --x-shadow-card: 0 2px 12px rgba(30, 39, 39, .06);
}