/*
Theme Name: Well-Be Theme
Theme URI: https://example.com/wellbe-theme
Author: Well-Be
Description: 「Well-Be こころの相談室」オリジナルテーマ。
Version: 1.35.40
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: wellbe-theme
*/


/* ==================================================
   Well-Be 旧・共通文字サイズ設定（互換用。トップページは各PHP内の「▼」設定を優先）

   px の前の数字を変更して「ファイルを更新」してください。
   PC・タブレット：--font-用途名
   スマホ（767px以下）：--font-mobile-用途名

   現在のサイズ差・画面幅に応じた拡縮を保つための基準値です。
   例：--font-body: 16px → 17px でPCの本文を1px大きくします。
   スマホは --font-mobile-body: 16px → 17px と変更します。
   すべての本文を同じ大きさに揃える設定ではありません。
   既存のclamp・rem・emの大小関係は維持します。
   親文字に比例するem表記の注釈は、親サイズ変更にも追従します。
   予約フォーム専用・管理画面専用の文字設定は対象外です。
   初期値は従来の見た目と同じです。単位pxは消さないでください。
================================================== */
:root {
  /* 本文 */
  --font-body: 16px;
  --font-mobile-body: 16px;

  /* 補足・注釈 */
  --font-small: 13px;
  --font-mobile-small: 13px;

  /* ナビゲーション */
  --font-nav: 14px;
  --font-mobile-nav: 14px;

  /* 英字セクション見出し */
  --font-section-en: 13px;
  --font-mobile-section-en: 13px;

  /* 日本語セクション見出し */
  --font-section-title: 32px;
  --font-mobile-section-title: 26px;

  /* サービス・相談カードのタイトル */
  --font-card-title: 20px;
  --font-mobile-card-title: 20px;

  /* カード説明文 */
  --font-description: 15px;
  --font-mobile-description: 15px;

  /* FV縦書きコピー */
  --font-hero-copy: 36px;
  --font-mobile-hero-copy: 28px;

  /* FVの補足情報 */
  --font-hero-detail: 14px;
  --font-mobile-hero-detail: 13px;

  /* About・メッセージ等の強調文 */
  --font-lead: 22px;
  --font-mobile-lead: 20px;

  /* ボタン・テキストリンク */
  --font-button: 15px;
  --font-mobile-button: 15px;

  /* 当日の流れ STEP番号 */
  --font-flow-step: 12px;
  --font-mobile-flow-step: 12px;

  /* 当日の流れ タイトル */
  --font-flow-title: 20px;
  --font-mobile-flow-title: 20px;

  /* 当日の流れ 説明文 */
  --font-flow-text: 15px;
  --font-mobile-flow-text: 15px;

  /* 当日の流れ 注釈 */
  --font-flow-note: 13px;
  --font-mobile-flow-note: 13px;

  /* 料金の金額 */
  --font-price: 32px;
  --font-mobile-price: 28px;

  /* 料金の項目・単位・説明 */
  --font-price-detail: 14px;
  --font-mobile-price-detail: 14px;

  /* FAQの質問 */
  --font-faq-question: 18px;
  --font-mobile-faq-question: 17px;

  /* FAQの回答 */
  --font-faq-answer: 16px;
  --font-mobile-faq-answer: 15px;

  /* アクセスの施設名 */
  --font-access-name: 24px;
  --font-mobile-access-name: 22px;

  /* アクセスの住所・説明 */
  --font-access-text: 16px;
  --font-mobile-access-text: 15px;

  /* フッター */
  --font-footer: 13px;
  --font-mobile-footer: 13px;

  /* カウンセラー氏名 */
  --font-counselor-name: 32px;
  --font-mobile-counselor-name: 28px;

  /* お知らせ・コラムの見出し */
  --font-article-title: 28px;
  --font-mobile-article-title: 24px;

  /* お知らせ・コラム本文 */
  --font-article-body: 16px;
  --font-mobile-article-body: 16px;

}

/* 以下は設定の接続処理です。通常は編集不要です。 */
:root {
  --wellbe-size-body: calc(var(--font-body) - 16px);
  --wellbe-size-small: calc(var(--font-small) - 13px);
  --wellbe-size-nav: calc(var(--font-nav) - 14px);
  --wellbe-size-section-en: calc(var(--font-section-en) - 13px);
  --wellbe-size-section-title: calc(var(--font-section-title) - 32px);
  --wellbe-size-card-title: calc(var(--font-card-title) - 20px);
  --wellbe-size-description: calc(var(--font-description) - 15px);
  --wellbe-size-hero-copy: calc(var(--font-hero-copy) - 36px);
  --wellbe-size-hero-detail: calc(var(--font-hero-detail) - 14px);
  --wellbe-size-lead: calc(var(--font-lead) - 22px);
  --wellbe-size-button: calc(var(--font-button) - 15px);
  --wellbe-size-flow-step: calc(var(--font-flow-step) - 12px);
  --wellbe-size-flow-title: calc(var(--font-flow-title) - 20px);
  --wellbe-size-flow-text: calc(var(--font-flow-text) - 15px);
  --wellbe-size-flow-note: calc(var(--font-flow-note) - 13px);
  --wellbe-size-price: calc(var(--font-price) - 32px);
  --wellbe-size-price-detail: calc(var(--font-price-detail) - 14px);
  --wellbe-size-faq-question: calc(var(--font-faq-question) - 18px);
  --wellbe-size-faq-answer: calc(var(--font-faq-answer) - 16px);
  --wellbe-size-access-name: calc(var(--font-access-name) - 24px);
  --wellbe-size-access-text: calc(var(--font-access-text) - 16px);
  --wellbe-size-footer: calc(var(--font-footer) - 13px);
  --wellbe-size-counselor-name: calc(var(--font-counselor-name) - 32px);
  --wellbe-size-article-title: calc(var(--font-article-title) - 28px);
  --wellbe-size-article-body: calc(var(--font-article-body) - 16px);
}
@media (max-width: 767px) {
  :root {
    --wellbe-size-body: calc(var(--font-mobile-body) - 16px);
    --wellbe-size-small: calc(var(--font-mobile-small) - 13px);
    --wellbe-size-nav: calc(var(--font-mobile-nav) - 14px);
    --wellbe-size-section-en: calc(var(--font-mobile-section-en) - 13px);
    --wellbe-size-section-title: calc(var(--font-mobile-section-title) - 26px);
    --wellbe-size-card-title: calc(var(--font-mobile-card-title) - 20px);
    --wellbe-size-description: calc(var(--font-mobile-description) - 15px);
    --wellbe-size-hero-copy: calc(var(--font-mobile-hero-copy) - 28px);
    --wellbe-size-hero-detail: calc(var(--font-mobile-hero-detail) - 13px);
    --wellbe-size-lead: calc(var(--font-mobile-lead) - 20px);
    --wellbe-size-button: calc(var(--font-mobile-button) - 15px);
    --wellbe-size-flow-step: calc(var(--font-mobile-flow-step) - 12px);
    --wellbe-size-flow-title: calc(var(--font-mobile-flow-title) - 20px);
    --wellbe-size-flow-text: calc(var(--font-mobile-flow-text) - 15px);
    --wellbe-size-flow-note: calc(var(--font-mobile-flow-note) - 13px);
    --wellbe-size-price: calc(var(--font-mobile-price) - 28px);
    --wellbe-size-price-detail: calc(var(--font-mobile-price-detail) - 14px);
    --wellbe-size-faq-question: calc(var(--font-mobile-faq-question) - 17px);
    --wellbe-size-faq-answer: calc(var(--font-mobile-faq-answer) - 15px);
    --wellbe-size-access-name: calc(var(--font-mobile-access-name) - 22px);
    --wellbe-size-access-text: calc(var(--font-mobile-access-text) - 15px);
    --wellbe-size-footer: calc(var(--font-mobile-footer) - 13px);
    --wellbe-size-counselor-name: calc(var(--font-mobile-counselor-name) - 28px);
    --wellbe-size-article-title: calc(var(--font-mobile-article-title) - 24px);
    --wellbe-size-article-body: calc(var(--font-mobile-article-body) - 16px);
  }
}