@charset "utf-8";
/* ============================================================
   cochi 採用LP v11 — tokens（配色・書体・寸法）

   ★中身は現行本番 cochi.mykino.jp のCSSをそのまま引き継いだもの。
     岩田さん指示「デザインは現行LPのまま」（2026-08-19）。
     LIM標準の素CSS4分割に合わせて切り分けただけで、値は書き換えていない。
   ============================================================ */

/* ==========================================================
   cochi 採用LP v2 — スマホ特化（モバイルファースト）
   見本：LOWRYS FARM「Ready to Go Out?」の作法を継承
   ・base = スマホ設計 ／ ≥901px でPCの3カラム額縁を付与
   ・色：地1 + 文字1 + セージ1 + CTA1（コントラスト検証済み）
   ========================================================== */
:root{
  --bg:#fffdf7;          /* 地：明側＝ほぼ白のクリーム（セクションのメリハリ用） */
  --ink:#2b2620;         /* 文字：温かい濃茶（13.9:1） */
  --ink-soft:#5d5548;    /* 副文字 6.8:1 */
  --ink-mute:#6b6252;   /* 明側5.91:1／濃側#eee6cf 4.82:1（どちらもAA）*/
  --sage:#5b6b52;        /* アクセント：セージ濃（6.2:1） */
  --sage-pale:#e8ece2;
  --cta:#8a4b2a;         /* 旧CTA（現在は未使用・白文字6.73:1） */
  --cta-d:#733c20;
  --line-g:#3b7a52;      /* LINEグリーンをサイトのアース系トーンに調和させた深緑 */
  --line-g-d:#316b46;    /* 押下時 */
  --line-edge:#05943f;   /* 縁（地との境界を確保） */
  --line:#e2dbcb;
  --ff:'Noto Sans JP',system-ui,sans-serif;
  --fs:'Noto Serif JP',serif;
  --fe:'EB Garamond',serif;
  --fc:'Allura',cursive;   /* タグライン用の細い筆記体 */
  --pad:20px;                    /* スマホ左右余白 */
  --bar:calc(64px + env(safe-area-inset-bottom));
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
html,body{max-width:100%;overflow-x:hidden;}
/* overflow-x:hidden はスクロールコンテナを作って position:sticky を殺すため、
   対応ブラウザでは clip に上書きする（左右固定カラム／スマホ固定ヘッダーの生命線） */
@supports (overflow-x:clip){html,body{overflow-x:clip;}}
body{font-family:var(--ff);background:var(--bg);color:var(--ink);
  font-size:15px;line-height:1.95;letter-spacing:.03em;
  word-break:auto-phrase;line-break:strict;font-feature-settings:"palt";-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.nw{white-space:nowrap;}