/* ══════════════════════════════════════════════════════════════
   Anté タイポグラフィ統一レイヤー（v40）
   ・デザイン（見た目）だけを整えるCSS。文章・見出し構造・HTMLは変更しない（SEO/AIOに影響なし）
   ・各ページの個別CSSより後に読み込み、ばらつきを吸収する
   ══════════════════════════════════════════════════════════════ */

/* ── 1. フォントの統一 ───────────────────────────────
   和文：ゴシック＝游ゴシック → ヒラギノ角ゴ → Noto Sans JP
         明朝＝游明朝 → ヒラギノ明朝
   欧文見出し：Cormorant Garamond（数字だけ読みやすい書体に置き換え）*/
:root{
  --ja:  'Yu Gothic','游ゴシック',YuGothic,'Hiragino Sans','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;
  --min: 'Yu Mincho','游明朝',YuMincho,'Hiragino Mincho ProN','Noto Serif JP',serif;
}
/* Windowsで游ゴシックが細く・かすれて見える問題の対策（標準の太さをMediumで表示） */
@font-face{font-family:'Yu Gothic';src:local('Yu Gothic Medium'),local('YuGothic-Medium');font-weight:400;}
@font-face{font-family:'Yu Gothic';src:local('Yu Gothic Bold'),local('YuGothic-Bold');font-weight:700;}
@font-face{font-family:'游ゴシック';src:local('Yu Gothic Medium'),local('YuGothic-Medium');font-weight:400;}
/* Cormorant Garamond の数字（価格・回数・統計）はオールドスタイル数字で読みにくいため、
   数字と記号だけを読みやすい欧文書体で表示（文字・デザインはそのまま） */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:100 900;
  src:local('Helvetica Neue'),local('HelveticaNeue'),local('Avenir Next'),local('Segoe UI'),local('Arial'),local('Roboto');
  unicode-range:U+0030-0039,U+0025,U+002B,U+002C,U+002E,U+00A5,U+FFE5,U+FF05;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:100 900;
  src:local('Helvetica Neue Italic'),local('HelveticaNeue-Italic'),local('Arial Italic'),local('Helvetica Neue'),local('Arial');
  unicode-range:U+0030-0039,U+0025,U+002B,U+002C,U+002E,U+00A5,U+FFE5,U+FF05;}

/* ── 2. 本文の読みやすさ（行間・字間・禁則） ─────────────── */
body{
  letter-spacing:.03em;
  line-break:strict;               /* 句読点・小さい「っ」などが行頭に来ないように */
  overflow-wrap:break-word;        /* 長い英数字・URLのはみ出し防止（anywhereは横スライド内のカードが縦に伸びる不具合があったため変更） */
  font-kerning:normal;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  font-variant-numeric:lining-nums; /* 数字の高さをそろえる */
}
html{-webkit-font-smoothing:auto;}  /* Macで文字が細くなりすぎないように */

/* ── 3. 見出し：詰め組（palt）＋行のバランス ─────────────── */
h1,h2,h3,h4,
[class*="-h1"],[class*="-h2"],[class*="-h3"],
[class*="-title"],[class*="__title"],[class*="-ttl"],[class*="__ttl"],[class*="catch"],[class*="-name"]{
  font-feature-settings:"palt" 1;   /* 和文の字間を自然に詰める（プロポーショナル） */
  text-wrap:pretty;                 /* 1文字だけ次の行に落ちるのを防ぐ */
  word-break:auto-phrase;           /* 文節で改行（対応ブラウザのみ） */
}
/* 価格・数字の表示を等幅・高さそろえ */
[class*="price"],[class*="-num"],[class*="__num"],[class*="-val"],[class*="__val"],[class*="stat"]{
  font-variant-numeric:lining-nums tabular-nums;
}

/* ── 4. 小さい文字（タグ・注釈）はデザイン優先で元のサイズのまま ── */

/* ── 5. スマホ：見出しサイズの最適化・改行位置 ─────────── */
@media (max-width:768px){
  /* セクション見出し（PC用の大きい見出しをスマホ向けに） */
  [class*="-h2"]:not([class*="__"]),.sec-title,.page-title,.lg-h1,.ms-h1{
    font-size:clamp(1.3rem,5.6vw,1.6rem)!important;
    line-height:1.5!important;
    letter-spacing:.04em!important;
  }
  h2[class*="__title"],[class*="final-cta__title"]{
    font-size:clamp(1.3rem,5.6vw,1.6rem)!important;
    line-height:1.5!important;
  }
  .fv-top__title{font-size:clamp(1.4rem,6.2vw,1.75rem)!important;line-height:1.6!important;}
  .ho-pack-price,.cr-pack-price,.ho-price-big,.ws-card-name{font-size:1.75rem!important;}
  [class*="-h3"]:not([class*="__"]){
    font-size:clamp(1.02rem,4.4vw,1.2rem)!important;
    line-height:1.6!important;
  }
  /* キャッチコピー・ファーストビューの大見出し */
  [class*="catch"],.fv-title,[class*="__catch"]{
    font-size:clamp(1.15rem,5.2vw,1.5rem)!important;
    line-height:1.7!important;
  }
  /* PC用に入れた見出し内の改行は、スマホでは自動の改行に任せる */
  h2 br,h3 br,[class*="-h2"] br,[class*="-h3"] br,[class*="-title"] br,[class*="catch"] br{display:none;}
  /* リード文・本文 */
  [class*="-lead"],[class*="__lead"]{font-size:.9rem!important;line-height:1.95!important;}
  /* 英字の飾りラベル（ABOUT / PLANS など）の字間を詰めすぎ・広げすぎない */
  [class$="-tag"],[class*="-tag "],[class$="-en"],[class*="-en "]{letter-spacing:.16em!important;}
}