@charset "UTF-8";
/**===============================================================
   [foundation] tokens
==================================================================
   @description
       CSS変数の定義シート。
       色・タイポグラフィは Rider(style.bundle.css) のトークン
       (--bs-*) をそのまま使い、ここには Rider に無いものだけ置く。

       Figma: ラプレッスンDS_0415 (eG0jJ9L3OZErLESNlJL3EA)
       Rider は html,body が font-size:13px (768px未満は12px) なので 1rem = 13px。
         fs-7 = 12px / fs-6 = 14px / fs-4 = 16px / fs-3 = 18px / fs-1 = 23px / fs-2x = 26px
=================================================================*/
:root {
  /* Space Token (Figma: Foundations > Space)。px固定（remではない） */
  --app-space-4: 4px;
  --app-space-8: 8px;
  --app-space-12: 12px;
  --app-space-16: 16px;
  --app-space-20: 20px;
  --app-space-24: 24px;
  --app-space-36: 36px;
  --app-space-48: 48px;

  /* 固定ヘッダー。navbar と .v2-page のオフセットはこの1箇所で同期する */
  --app-header-bar-height: 60px; /* 白いバー本体 */
  --app-header-height: 61px; /* バー + 下線1px = ページが空けるべき高さ */

  /* SP下部の固定ナビ(#floatnav)。フッター下余白と同期する。
     内訳: padding 8px + アイコン(.icon-sm = 24px) + ラベル行18px + padding 8px + 罫線1px */
  --app-floatnav-height: 61px;

  /* お知らせページのバナー */
  --app-color-banner-border: #f5f5f5;
  --app-color-banner-dh-bg: #EAD02F;
  --app-color-banner-dh-bg-hover: #DBBD28;
}