/* ============================================================
   ISPO Unified Font Configuration
   ------------------------------------------------------------
   ファイル名: font.css
   管理: 石井優制作事務所株式会社
         (Ishii Suguru Production Office Co., Ltd.)
   対象: 全ブランド (official.media™ / creative.management™ /
         price.vision™ / insight.page™ / contents.directory™ 等)
   ------------------------------------------------------------
   フォントソース: Adobe Fonts (kitId = euo4ede)
   タイトル: Helvetica LT Pro（英字700）+ Hiragino Kaku Gothic ProN（日本語600）
   本文: Helvetica LT Pro（英字400）+ Yu Gothic Pr6N（日本語サンセリフ）+
         A-OTF Ryumin Pr6N（日本語セリフ）
   ============================================================ */


/* ------------------------------------------
   フォント変数定義
   ------------------------------------------ */
:root {
  /* タイトル（英字 + 日本語） */
  --font-title: "helvetica-lt-pro", "hiragino-kaku-gothic-pron", sans-serif;

  /* 本文（英字 + 日本語サンセリフ） */
  --font-sans: "helvetica-lt-pro", "yu-gothic-pr6n", sans-serif;

  /* 明朝体（Ryumin） */
  --font-serif: "a-otf-ryumin-pr6n", serif;

  /* 等幅フォント */
  --font-mono: "source-han-code-jp", monospace;
}


/* ------------------------------------------
   ベース設定（本文）
   ------------------------------------------ */
html, body {
  font-family: var(--font-sans);
  font-weight: 400;
  font-style: normal;
  line-height: 1.7;
  color: #222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "palt" 1;
}


/* ------------------------------------------
   タイトル設定（英字=Helvetica Bold / 日本語=Hiragino 600）
   ------------------------------------------ */
h1, h2, h3, .title-text {
  font-family: var(--font-title);
  font-weight: 700; /* Helvetica */
  line-height: 1.3;
  letter-spacing: 0.02em;
  color: #111;
}

/* 日本語部分に自動的にヒラギノ角ゴ ProN 600 が適用されるように */
@supports (font-family: "hiragino-kaku-gothic-pron") {
  h1, h2, h3, .title-text {
    font-family: "helvetica-lt-pro", "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 600; /* ヒラギノ600が優先される */
  }
}


/* ------------------------------------------
   明朝体セクション（Ryumin Pr6N）
   ------------------------------------------ */
.serif-text {
  font-family: var(--font-serif);
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.8;
  color: #222;
}


/* ------------------------------------------
   装飾要素
   ------------------------------------------ */
strong, b { font-weight: 600; }
em, i { font-style: italic; }
code, pre {
  font-family: var(--font-mono);
  background: #f8f8f8;
  padding: 0.25em 0.4em;
  border-radius: 4px;
  font-size: 0.95em;
}


/* ------------------------------------------
   Adobe Fonts 読み込み状態制御
   ------------------------------------------ */
.wf-loading body { visibility: hidden; } /* FOUT防止 */
.wf-active body { visibility: visible; transition: opacity 0.2s ease-in; }
.wf-inactive body { visibility: visible; opacity: 1; }