/* ============================================
   Anthony.jp風フォント設定
   登山篇サイト用 - エレガントな明朝体ベース
   ============================================ */

:root {
  /* 和文フォントスタック - 明朝体（本文用） */
  --font-serif-ja: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  
  /* 和文フォントスタック - ゴシック体（見出し用） */
  --font-sans-ja: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  
  /* 欧文フォントスタック */
  --font-serif-en: Georgia, "Times New Roman", Times, serif;
  --font-sans-en: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  
  /* メインフォント設定 */
  --font-body: var(--font-serif-en), var(--font-serif-ja);
  --font-heading: var(--font-sans-en), var(--font-sans-ja);
}

/* ============================================
   基本設定
   ============================================ */

body {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.06em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ============================================
   見出し - ゴシック体
   ============================================ */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.6;
}

h1 {
  font-size: 2.2em;
  font-weight: 700;
  letter-spacing: 0.12em;
}

h2 {
  font-size: 1.8em;
  font-weight: 650;
  letter-spacing: 0.1em;
}

h3 {
  font-size: 1.4em;
  font-weight: 600;
  letter-spacing: 0.08em;
}

h4, h5, h6 {
  font-size: 1.1em;
  font-weight: 600;
  letter-spacing: 0.08em;
}

/* ============================================
   本文・段落 - 明朝体
   ============================================ */

p {
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 2.0;
  margin-bottom: 1.5em;
}

/* ============================================
   リード文
   ============================================ */

.th-lead,
.th-hero__lead {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 1.1em;
  letter-spacing: 0.08em;
  line-height: 2.1;
}

/* ============================================
   ヘッダー・ナビゲーション
   ============================================ */

.th-header,
.th-nav {
  font-family: var(--font-heading);
}

.th-nav__menu a {
  font-weight: 500;
  letter-spacing: 0.12em;
}

.th-logo,
.th-logo__text {
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: 0.15em;
}

/* ============================================
   ボタン
   ============================================ */

.th-btn,
.th-hero__button,
button,
input[type="submit"] {
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: 0.12em;
}

/* ============================================
   カード要素
   ============================================ */

.th-portal-card__title,
.th-hen-card__title {
  font-family: var(--font-heading);
  font-weight: 650;
  letter-spacing: 0.1em;
  line-height: 1.6;
}

.th-portal-card__desc,
.th-hen-card__desc {
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.9;
}

/* ============================================
   篇ページ専用設定
   ============================================ */

/* ヒーローセクション */
.th-hen-hero__title {
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: 0.12em;
}

.th-hen-hero__lead {
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 2.0;
}

/* イントロセクション */
.th-hen-intro h2,
.th-hen-section-title {
  font-family: var(--font-heading);
  font-weight: 650;
  letter-spacing: 0.1em;
}

.th-hen-intro__text p,
.th-hen-story__text,
.th-hen-tip p {
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 2.0;
}

/* ストーリーカード */
.th-hen-story__title {
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: 0.1em;
}

/* 引用 */
.th-hen-quote {
  font-family: var(--font-body);
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 2.1;
}

/* CTAセクション */
.th-hen-cta__title {
  font-family: var(--font-heading);
  font-weight: 650;
  letter-spacing: 0.1em;
}

.th-hen-cta__text {
  font-family: var(--font-body);
  letter-spacing: 0.06em;
}

/* ============================================
   フォーム要素
   ============================================ */

input,
textarea,
select {
  font-family: var(--font-heading);
  letter-spacing: 0.06em;
}

/* ============================================
   リスト
   ============================================ */

ul, ol {
  font-family: var(--font-body);
  letter-spacing: 0.06em;
  line-height: 1.9;
}

/* ============================================
   テーブル
   ============================================ */

table {
  font-family: var(--font-heading);
  letter-spacing: 0.05em;
}

th {
  font-weight: 600;
  letter-spacing: 0.08em;
}

td {
  font-weight: 400;
  letter-spacing: 0.05em;
}

/* ============================================
   レスポンシブ調整
   ============================================ */

@media (max-width: 1024px) {
  body {
    letter-spacing: 0.05em;
  }
  
  h1 {
    font-size: 2em;
    letter-spacing: 0.1em;
  }
  
  h2 {
    font-size: 1.6em;
  }
}

@media (max-width: 768px) {
  body {
    line-height: 1.85;
    letter-spacing: 0.04em;
  }
  
  p {
    line-height: 1.9;
    letter-spacing: 0.05em;
  }
  
  h1 {
    font-size: 1.75em;
    letter-spacing: 0.08em;
  }
  
  h2 {
    font-size: 1.5em;
    letter-spacing: 0.08em;
  }
  
  h3 {
    font-size: 1.3em;
    letter-spacing: 0.06em;
  }
  
  .th-nav__menu a {
    letter-spacing: 0.1em;
  }
}

@media (max-width: 480px) {
  body {
    letter-spacing: 0.03em;
  }
  
  h1 {
    font-size: 1.5em;
  }
  
  h2 {
    font-size: 1.3em;
  }
}

/* ============================================
   縦書き対応（オプション）
   ============================================ */

.vertical-text {
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  font-family: var(--font-body);
  letter-spacing: 0.1em;
}

/* ============================================
   フォント最適化
   ============================================ */

/* テキストレンダリング最適化 */
body {
  text-rendering: optimizeLegibility;
  font-feature-settings: "palt" 1; /* プロポーショナルメトリクス */
}

/* 小さいテキストの可読性向上 */
small,
.small-text {
  font-family: var(--font-heading);
  letter-spacing: 0.04em;
}

/* ============================================
   使用方法メモ
   ============================================ */

/*
【適用方法】

1. このファイルを font-anthony.css として保存

2. /assets/css/ ディレクトリにアップロード

3. functions.phpに以下を追加：

add_action('wp_enqueue_scripts', function () {
  wp_enqueue_style(
    'th-font-anthony',
    get_template_directory_uri() . '/assets/css/font-anthony.css',
    ['th-app'], // 既存のCSSの後に読み込む
    '1.0.0'
  );
}, 20); // 優先度を上げて確実に後から読み込む


【フォントの特徴】

✓ 本文：明朝体（游明朝、ヒラギノ明朝）
  - 上品で読みやすい
  - 長文に適している
  - 和風・クラシックな印象

✓ 見出し：ゴシック体（游ゴシック、ヒラギノ角ゴ）
  - メリハリがつく
  - モダンで力強い

✓ letter-spacing: 0.06em〜0.12em
  - 文字間を広げて可読性向上
  - 上品な印象

✓ line-height: 1.9〜2.0
  - ゆったりとした行間
  - 読みやすさ重視


【さらに高品質にする場合】

Google Fonts（Noto Serif JP）を使用：

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap" rel="stylesheet">

CSS:
--font-serif-ja: "Noto Serif JP", "游明朝", serif;

*/