/* ============================================
泌尿器科ページ 専用CSS（.subject-lp--urology）
--------------------------------------------
subject.css（共通base）の「後」に header.php が自動読込。
対象URL：/subjects/urology/（SEO版）および /subjects/lp/urology/（広告LP・作成時）
※ このファイルは assets/css/subjects/ 配下のため、画像参照は ../../img/... 基準
（base の subject.css は assets/css/ 直下なので ../img/... 基準。1階層ぶん深い点に注意）
方針：
- 共通の見た目は subject.css（触らない）。泌尿器科だけの微調整をここに書く。
- すべて .subject-lp--urology 配下に書く（他科目に影響させない）。
- 眼科（ophthalmology）ベースをそのまま表示 → 崩れた箇所だけ下記で調整。
調整が必要になった理由：
1) メインキャッチが「泌尿器科のオンライン診療」＝12文字。base（white-space: nowrap の
1行組み）のままだと SP の狭い端末（〜375px）で1行に収まらないため縮小する。
（内科11文字／眼科10文字／消化器内科13文字。消化器内科と同じ考え方で吸収している）
2) 症状サークルのラベルが「風邪/発熱/腹痛」（2文字）→「頻尿/排尿の痛み/尿もれ」
（最大5文字）で、2つ目「排尿の痛み」が 75px の丸からはみ出すため縮小する。
3) FVの症状アイコンは泌尿器科専用イラストに差し替え済み（2026-08-25）。
viewBox がほぼ正方形だが、base の 38×38px 固定ではなく比率保持で描いている。
============================================ */
/* ============================================
★ FV：メインキャッチ（1行組みのまま縮小して吸収）
--------------------------------------------
base：SP 32px（480px〜36px）／ PC 40px。いずれも white-space: nowrap の1行組み。
「泌尿器科のオンライン診療」は12文字で、SPの狭い端末（〜375px）では
base のサイズだと1行に収まらないため、SPのみ縮小する。
※
で2行にすると、下の女性画像・チェック項目まで押し下がって
FV全体のバランスが崩れるため、1行のままフォントサイズで吸収する方針。
============================================ */
/* SP（〜479px）：12文字 × 28px ≒ 336px で、375px端末でも1行に収まる */
.subject-lp--urology .fv-title {
font-size: 28px;
letter-spacing: 0.8px;
}
/* SP（480px〜767px）：横幅に余裕が出るぶん少し戻す */
@media (min-width: 480px) {
.subject-lp--urology .fv-title {
font-size: 34px;
letter-spacing: 1.2px;
}
}
/* PC（768px〜）：コンテナ960pxに対し 12文字 × 40px ≒ 480px で収まるため base のままでOK。
女性画像を差し替えて重なりが出た場合のみ、下記のコメントを外して調整する。 */
/*
.subject-lp--urology .fv-pc-title {
font-size: 38px;
letter-spacing: 1.4px;
}
*/
/* ============================================
★ FV：症状サークル（頻尿 / 排尿の痛み / 尿もれ）
--------------------------------------------
base のラベルは SP 16px・PC 18px。内科は「風邪/発熱/腹痛」の2文字前提で
丸のサイズ（SP 75px / PC 90px）が決まっている。
2つ目の「排尿の痛み」は5文字ではみ出すため縮小する。
（1つ目「頻尿」は2文字、3つ目「尿もれ」は3文字なので base のままでOK）
============================================ */
/* SP：2番目（排尿の痛み）だけ縮小 */
.subject-lp--urology .fv-symptoms .fv-symptom:nth-child(2) .fv-symptom-label {
font-size: 11px;
letter-spacing: 0;
}
@media (min-width: 480px) {
.subject-lp--urology .fv-symptoms .fv-symptom:nth-child(2) .fv-symptom-label {
font-size: 13px;
}
}
/* PC：丸が90pxと大きいぶん、2番目（排尿の痛み）のみ軽く縮小 */
@media (min-width: 768px) {
.subject-lp--urology .fv-pc-symptoms .fv-pc-symptom:nth-child(2) .fv-pc-symptom-label {
font-size: 13px;
letter-spacing: 0;
}
}
/* --------------------------------------------
症状アイコンの比率保持（専用イラストに差し替え済み）
--------------------------------------------
base は .fv-symptom-icon を 38×38px（PCは42×42px）の「正方形固定」で描画している。
泌尿器科専用アイコン（urology/ 配下）は viewBox が 241×239 / 207×207 / 234×232 と
ほぼ正方形だが厳密には正方形ではないため、height固定＋width:auto（比率保持）のまま維持する。
→ 差し替え済み（2026-08-25）。この指定のままで歪まない。
-------------------------------------------- */
.subject-lp--urology .fv-symptom-icon {
width: auto;
height: 38px;
}
@media (min-width: 480px) {
.subject-lp--urology .fv-symptom-icon {
height: 42px;
}
}
.subject-lp--urology .fv-pc-symptom-icon {
width: auto;
height: 42px;
}
/* ============================================
★ FV：女性画像（差し替え時の位置・サイズ調整）
--------------------------------------------
泌尿器科専用の fv_woman.webp（urology/ 配下）に差し替え済み（2026-08-25）。
★寸法が 628×948 で共通画像とまったく同じだったため、base の値のままで崩れない。
→ CSS調整は不要だった（下記のコメントアウトは外さなくてよい）。
実機で立ち位置・見切れが気になる場合のみ、下記のコメントを外して調整すること。
base（subject.css）の値：
SP .fv-fg-woman { left: -1%; bottom: -18%; width: 74%; max-width: 340px; }
SP 480px〜 .fv-fg-woman { left: -1%; bottom: -14%; width: 72%; max-width: 450px; }
PC .fv-pc-fg-woman { left: -10px; bottom: -134px; width: 340px; }
※SP・PCで別々に効くので、必ず両方の表示を確認すること。
============================================ */
/*
.subject-lp--urology .fv-fg-woman {
left: -14%;
bottom: -18%;
width: 74%;
max-width: 340px;
}
@media (min-width: 480px) {
.subject-lp--urology .fv-fg-woman {
left: -11%;
bottom: -14%;
width: 72%;
max-width: 450px;
}
}
.subject-lp--urology .fv-pc-fg-woman {
left: -10px;
bottom: -22px;
width: 250px;
}
*/
/* ============================================
★ その他セクションの微調整
- 必要になったら .subject-lp--urology 配下に追記していく。
- 症状タグ・ポップアップ見出しの最長は「前立腺の不調・尿が出にくい」「健診で尿の異常を
指摘された」「お薬の継続処方・残薬の相談」の13文字。眼科の「アレルギー性結膜炎・花粉症」
（13文字）と同じ長さなので、現時点で追加調整は不要。
============================================ */
/* --------------------------------------------
症状カードのポップアップ：※注釈を小さく
--------------------------------------------
base の .symptom-popup-drugs は 20px。同じ大きさだと※書きが本文（お薬名）と
同じ強さで読まれてしまうため、注釈だけ 16px に落とす。
本文との間に余白を入れて、続き文ではなく注釈だと分かるようにしている。
全科目共通の書き方（2026-08-28にサイト全体で統一）。
※ 現在ついているのは「尿路結石の相談・再発予防」「健診で尿の異常を指摘された」の2枚。※書きを持つカードを増やしたら、
その