@charset "UTF-8";

/*
 * フォント設定（Windows / Mac / Android / iOS で視認性の高いスタック）
 *
 * 【変数】
 *   --font-body / --font-heading … 本文・見出し（デフォルトで Noto Sans JP を読み込み時は GF が適用される）
 *   --font-system-sans / --font-system-serif … システムフォントのみのスタック
 *   --font-sans / --font-serif … 用途別ショートカット（プロジェクトで上書き可）
 *
 * 【Futura PT（Adobe Fonts）】英数用。`parts/header.php` で Typekit CSS を読み込み、ファミリー名は PostScript 名（futura-pt / futura-pt-condensed / futura-pt-bold）。
 *   URL の差し替え・オフは `medix_adobe_fonts_kit_url`（`functions.php` の `medix_adobe_fonts_kit_url()`）。
 *   自前ホストする場合のみ `fonts/FuturaPT-*.woff2` と下記 @font-face を併用可（通常はキットのみで十分）。
 *   その他のプリセットを使う場合は functions.php で add_filter('sitebase_google_fonts_url', ...) に
 *   追加するか、子テーマでフォントURLを enqueue してから .font-xxx クラスを使用。
 *
 * プリセットクラス: .font-noto-sans / .font-noto-serif / .font-mplus1p / .font-mplus-rounded
 *   .font-zen-maru / .font-zen-kaku / .font-kosugi-maru / .font-shippori-mincho / .font-dot-gothic
 */

/* ---- システムフォントスタック（OS ごとの最適フォールバック） ---- */
:root {
  /* ゴシック体：Mac → Windows → 共通（Android/iOS は Hiragino または Noto にフォールバック） */
  --font-system-sans:
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Yu Gothic",
    "Meiryo",
    "MS PGothic",
    "Hiragino Kaku Gothic Pro",
    sans-serif;

  /* 明朝体 */
  --font-system-serif:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho ProN W3",
    "MS PMincho",
    "MS Mincho",
    serif;

  /* 本文・見出し（ローカル M PLUS 1 を優先。functions の medix_font_body_variable で上書き可） */
  --font-mplus1: "M PLUS 1", var(--font-system-sans);
  --font-body: var(--font-mplus1);
  --font-heading: var(--font-body);

  /* 用途別のショートカット（プロジェクトで上書き可） */
  --font-sans: var(--font-mplus1);
  --font-serif: var(--font-system-serif);

  /* Adobe Fonts（Typekit）の PostScript 名。400/700・italic は font-weight / font-style で切替 */
  --font-futura-pt: "futura-pt", "Futura", "Century Gothic", "Trebuchet MS", sans-serif;
  --font-futura-pt-condensed: "futura-pt-condensed", "futura-pt", "Futura", sans-serif;
  /* キット内の別ファミリー（font-weight:700 でも本文ファミリーと混ざらないようにする用途） */
  --font-futura-pt-bold: "futura-pt-bold", "futura-pt", sans-serif;
  --font-stack-site: var(--font-mplus1);
}

/* ---- M PLUS 1（fonts/MPLUS1/ 自前ホスト） ---- */
@font-face {
  font-family: "M PLUS 1";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/MPLUS1/MPLUS1%5Bwght%5D.woff2") format("woff2");
}

/* ---- Futura PT（任意：自前 woff2 を置く場合のみ有効。Adobe キット利用時はキット側の @font-face が優先） ---- */
/*
@font-face {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/FuturaPT-Book.woff2") format("woff2"),
    url("../fonts/FuturaPT-Book.woff") format("woff");
}
@font-face {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/FuturaPT-Medium.woff2") format("woff2"),
    url("../fonts/FuturaPT-Medium.woff") format("woff");
}
@font-face {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/FuturaPT-Bold.woff2") format("woff2"),
    url("../fonts/FuturaPT-Bold.woff") format("woff");
}
*/

/* 英数のみ Futura にしたいブロック用（weight / style はマークアップ側で指定） */
.font-futura-pt {
  font-family: var(--font-futura-pt);
}

.font-futura-pt-condensed {
  font-family: var(--font-futura-pt-condensed);
}

.font-futura-pt-bold {
  font-family: var(--font-futura-pt-bold);
  font-weight: 700;
}


/* ---- Google Fonts プリセット（GF 読み込み後に使用） ---- */
/* 本文用：Noto Sans JP を優先（テーマでデフォルト読み込み時は --font-body に設定される想定） */
.font-noto-sans {
  font-family: "Noto Sans JP", var(--font-system-sans);
}

.font-noto-serif {
  font-family: "Noto Serif JP", var(--font-system-serif);
}

.font-mplus1 {
  font-family: var(--font-mplus1);
}

.font-mplus1p {
  font-family: "M PLUS 1p", var(--font-system-sans);
}

.font-mplus-rounded {
  font-family: "M PLUS Rounded 1c", var(--font-system-sans);
}

.font-zen-maru {
  font-family: "Zen Maru Gothic", var(--font-system-sans);
}

.font-zen-kaku {
  font-family: "Zen Kaku Gothic New", var(--font-system-sans);
}

.font-kosugi-maru {
  font-family: "Kosugi Maru", var(--font-system-sans);
}

.font-shippori-mincho {
  font-family: "Shippori Mincho", var(--font-system-serif);
}

.font-dot-gothic {
  font-family: "DotGothic16", var(--font-system-sans);
}

/* 英数・ラテン用（和文と併用する見出し向け） */
.font-noto-sans-latin {
  font-family: "Noto Sans JP", "Noto Sans", var(--font-system-sans);
}


/* ---- 共通で body にフォントを適用（common.css で --font-body を参照） ---- */
/* 当ファイルでは変数定義のみ。common.css の body で var(--font-body) を使用すること。 */