/*
  よく変更する設定はこのファイルだけで調整できます。
  保存後、ブラウザを再読み込みしてください。
  ※画像に描かれた文字は変更されません。
*/
:root {
  /* 01 フォントの種類：この1行でHTMLの文字をまとめて変更 */
  --font-family: "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;

  /* 02 文字の大きさ：1 → 1.1 で全体を10%大きくする */
  --font-scale: 1;
  --font-base-size:16px;
  --font-size-11: 11px; /* ボタンの補足 */
  --font-size-12: 12px; /* 小見出し */
  --font-size-15: 15px; /* 本文・漫画の説明・FAQの質問 */
  --font-size-18: 18px; /* 小さいスマホのボタン */
  --font-size-20: 20px; /* 通常のボタン */
  --font-size-26: 26px; /* モーダル見出し・閉じる記号 */
  --font-size-30: 30px; /* セクション見出し */

  /* 03 文字の太さ：400=標準、700=太字。対応する太さはフォントによります */
  --font-weight-body: 400;
  --font-weight-label: 900;
  --font-weight-heading: 950;

  /* 04 主な配色 */
  --ink: #1d1714;              /* 基本文字 */
  --deep: #241512;             /* FAQの質問 */
  --text-muted: #5e514c;       /* 説明文 */
  --paper: #fffaf3;            /* ページ・FAQ・モーダルの背景 */
  --green: #41ad57;            /* 小見出し */
  --line: rgba(104, 65, 38, 0.18); /* FAQの枠線 */

  /* 05 ピンクのボタン：上・中・下の3色でグラデーション */
  --button-top: #ff6f94;
  --button-middle: #e92367;
  --button-bottom: #bd174e;
  --button-shadow: #8e1b40;
  --button-arrow: #df245f;

  /* 06 幅・余白：固定ボタンの幅もLPの横幅に連動 */
  --lp-width: 430px;
  --section-space-y: 48px; /* 基本の上下余白（各セクションの個別調整はstyle.css） */
  --section-space-x: 24px; /* 基本の左右余白（360px以下は18px） */
  --manga-gap: 18px;      /* 漫画と漫画の間隔 */
  --manga-radius: 14px;   /* 漫画カードの角丸 */
  --sticky-inset: 14px;   /* 固定ボタンの左右余白 */
}