@charset "UTF-8";
/* ==========================================================================
   システムトークン（色を含まない）
   --------------------------------------------------------------------------
   フォント・レイアウト幅・角丸。色替えの複製サイトでも共通で使う。
   色は tokens-brand.css 側にあり、このファイルには hex値を書かない。

   出典：lgram-media-redesign rev.19 / assets/style.css セクション1
   ========================================================================== */
:root{

  /* --- Type ---------------------------------------------------------------
     現行の Hiragino スタックを維持する（Web font は読み込まない方針＝editorial-font）。
     Noto Sans JP は1書体で数百KB増えるため、表示速度を優先。
     ウェイトは 400 / 700 の2段に整理する（現行は本文が 500 固定）。 */
  --font: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium",
          "游ゴシック Medium", Meiryo, sans-serif;

  /* --- Layout -------------------------------------------------------------
     --w-side は現行 Cocoon 設定が 300px。320px に変えるかは P8（サイドバー）で判断する。 */
  --w-wrap:      1180px;   /* 標準コンテナ */
  --w-wrap-wide: 1560px;   /* フッターの3サービスバナー行だけ広くする */
  --w-main:       800px;
  --w-side:       320px;
  --w-read:       720px;   /* 本文の最大行長 ≒ 全角42文字（現行 768px ≒ 48文字） */

  --h-header:      64px;   /* SP は 56px */

  /* --- Radius ------------------------------------------------------------- */
  --radius:         8px;
  --radius-lg:     12px;   /* 一覧カード（editorial-card variant） */
}