/* ============================================================
   uni_prd_pt.css v1（2026-11-11）商品ページ 文字サイズ pt階層
   方針: 本文・商品名は最小12pt、見出しは本文から段階的に強弱（pt表記）
   適用範囲: 商品ページのみ。全ルールを body:has(.page_ttl_pd) で絞る
            （.page_ttl_pd は商品ページだけにある商品名見出し。TOP/カテゴリ/ブランド/ヘルプ/カートには無い）
            ※フッターのFAQ(.eu-faq-*)は全ページ共通だが、この指定で商品ページのみ12pt化される
   対象外: ヘッダー・テロップ・告知帯・フッター（共通部品。別途）
   未対応ブラウザ(:has非対応 Chrome105未満/Safari15.4未満/Firefox121未満)は全ルール不適用＝従来表示のまま
   ※セレクタは :is() を使わず1つずつ body:has(.page_ttl_pd) を付ける（:is内の #conf-txt のid指定で優先度が上がり、ボタン親pの12px指定に勝ってしまったため）
   読み込み: HEAD追加タグ（共通）で <link rel="stylesheet" href="/files/css/uni_prd_pt.css?v=20261111a">
   更新時: ファイルを上書きアップロード後、?v= を変更。配信内容を直接確認すること（CDN数時間〜24時間）
   ============================================================ */
:root{
  --fs-body:12pt;    /* 本文・商品名・リンク・FAQ回答・フォーム・表 */
  --fs-sub:13.5pt;   /* 小見出し・リード・商品名h1・FAQ質問 */
  --fs-sec:21pt;     /* セクション見出し(detail/brand/size spec等) */
  --fs-deco:9pt;     /* 装飾専用(販売中・必須・FAQラベル)・7列以上のサイズ表の見出し */
  --lh-body:1.8;
}
/* 本文・ラベル・表 */
body:has(.page_ttl_pd) .page_ttl_pd,
body:has(.page_ttl_pd) .page_ttl_pd a,
body:has(.page_ttl_pd) .detailTxt p,
body:has(.page_ttl_pd) .uniSec01 p,
body:has(.page_ttl_pd) .descList01 dt,
body:has(.page_ttl_pd) .descList01 dd,
body:has(.page_ttl_pd) .prd-code,
body:has(.page_ttl_pd) .prd-maker,
body:has(.page_ttl_pd) .mem-discount .un-discount-price,
body:has(.page_ttl_pd) .recomme-box label,
body:has(.page_ttl_pd) .ask-box label,
body:has(.page_ttl_pd) dl.tblcont dt,
body:has(.page_ttl_pd) dd.radio label,
body:has(.page_ttl_pd) .pl-mess,
body:has(.page_ttl_pd) .pl-text textarea,
body:has(.page_ttl_pd) #conf-txt,
body:has(.page_ttl_pd) .noBr table th,
body:has(.page_ttl_pd) .noBr table td,
body:has(.page_ttl_pd) .eu-faq-item p,
body:has(.page_ttl_pd) .eu-faq-item p a,
body:has(.page_ttl_pd) .eu-faq-all a{font-size:var(--fs-body)!important}
body:has(.page_ttl_pd) .detailTxt p,
body:has(.page_ttl_pd) .uniSec01 p,
body:has(.page_ttl_pd) .descList01 dd,
body:has(.page_ttl_pd) .eu-faq-item p{line-height:var(--lh-body)!important}
/* 小見出し */
body:has(.page_ttl_pd) .item-name_prd,
body:has(.page_ttl_pd) .eu-faq-item h3,
body:has(.page_ttl_pd) .eu-faq2-head p,
body:has(.page_ttl_pd) .uniSec01 h2 span,
body:has(.page_ttl_pd) .noBr h2 span{font-size:var(--fs-sub)!important}
/* セクション見出し */
body:has(.page_ttl_pd) .uniSec01 > h2,
body:has(.page_ttl_pd) .noBr > h2{font-size:var(--fs-sec)!important}
/* ボタン(.btnType01/.btnType02: 他カラーはこちら・同じ素材の商品はこちら・サイズについて等)は元のサイズのまま
   - 文字サイズはリストに含めない(元: 他カラー/同じ素材 11px、このブランド 13px、サイズについて 12px)
   - 親の行間(1.8)や親のサイズ(12pt)を継承して大きくならないよう、ボタンの行間と「サイズについて」の親pを元の値に固定 */
body:has(.page_ttl_pd) .uniSec01 a.btnType01,body:has(.page_ttl_pd) .uniSec01 a.btnType02{line-height:1.5!important}
body:has(.page_ttl_pd) .uniSec01 p:has(> a.btnType02){font-size:12px!important;line-height:1.5!important}
/* ボタン位置: 元は dd 内の span を absolute; top:4px; right:0 で右上に固定。12pt化で本文と重なるため2段構え
   - 1000px未満(スマホ・タブレット): 大きさそのまま本文の下に置く */
body:has(.page_ttl_pd) .descList01 dd > span:has(> a.btnType01){position:static!important;display:block!important;margin:6px 0 4px!important}
/* - 1000px以上(PC): 元どおり右端に戻し、本文側に右余白175pxを確保して重なりを防ぐ */
@media(min-width:1000px){
  body:has(.page_ttl_pd) .descList01 dd:has(> span > a.btnType01){padding-right:175px!important}
  body:has(.page_ttl_pd) .descList01 dd > span:has(> a.btnType01){position:absolute!important;top:4px!important;right:0!important;display:block!important;margin:0!important}
}
/* サイズ表
   - 数値セル(td)は折り返さない、見出し(th)は折り返しを許可(長い見出し「ウエスト適用寸法」等で横スクロールが出るため)
   - table-layout:auto で列幅を内容に合わせ、列数が多くても枠内に収める。万一あふれた場合は表だけ横スクロール */
body:has(.page_ttl_pd) .noBr table th,
body:has(.page_ttl_pd) .noBr table td{letter-spacing:0!important;padding-left:3px!important;padding-right:3px!important}
body:has(.page_ttl_pd) .noBr table td{white-space:nowrap!important}
body:has(.page_ttl_pd) .noBr table th{white-space:normal!important}
body:has(.page_ttl_pd) .noBr table{display:block!important;max-width:100%!important;overflow-x:auto!important}
body:has(.page_ttl_pd) .noBr table > tbody{display:table!important;width:100%!important;table-layout:auto!important}
/* 7列以上の表だけ、1行目の見出し(th)を9pt。数字(td)と左端のサイズ名(S/M/L)は12ptのまま。
   ※ クラス名 col7/col8/col9 は実際の列数と一致しない(col7は5〜7列すべてに付く)ため使えない。
   → :has() で「1行目に7番目のセルがある表」を判定 */
body:has(.page_ttl_pd) .noBr table:has(tr:first-child > :nth-child(7)) tr:first-child > th{font-size:var(--fs-deco)!important}