/* ============================================
   眼科ページ 専用CSS（.subject-lp--ophthalmology）
   --------------------------------------------
   subject.css（共通base）の「後」に header.php が自動読込。
   対象URL：/subjects/ophthalmology/（SEO版）および /subjects/lp/ophthalmology/（広告LP・作成時）
   ※ このファイルは assets/css/subjects/ 配下のため、画像参照は ../../img/... 基準
     （base の subject.css は assets/css/ 直下なので ../img/... 基準。1階層ぶん深い点に注意）

   方針：
   - 共通の見た目は subject.css（触らない）。眼科だけの微調整をここに書く。
   - すべて .subject-lp--ophthalmology 配下に書く（他科目に影響させない）。
   - 内科（internal）ベースをそのまま表示 → 崩れた箇所だけ下記で調整。

   調整が必要になった理由：
   1) メインキャッチ「眼科のオンライン診療」は10文字（内科11文字より短い）→
      base（white-space: nowrap の1行前提）のままで収まるため、フォント縮小は不要。
   2) 症状サークルのラベルが「風邪/発熱/腹痛」（2文字）→「充血/かゆみ/目の乾き」（最大4文字）
      で、3つ目「目の乾き」が75pxの丸からはみ出すため縮小する。
   3) FVの症状アイコンを暫定流用（共通 subject-img-eye.svg、非正方形の可能性）
   ============================================ */


/* ============================================
   ★ FV：症状サークル（充血 / かゆみ / 目の乾き）
   --------------------------------------------
   base のラベルは SP 16px・PC 18px。内科は「風邪/発熱/腹痛」の2文字前提。
   3つ目の「目の乾き」は4文字で 75px の丸からはみ出すため縮小する。
   ============================================ */

/* SP：3番目（目の乾き）だけ縮小 */
.subject-lp--ophthalmology .fv-symptoms .fv-symptom:nth-child(3) .fv-symptom-label {
  font-size: 13px;
  letter-spacing: 0;
}

@media (min-width: 480px) {
  .subject-lp--ophthalmology .fv-symptoms .fv-symptom:nth-child(3) .fv-symptom-label {
    font-size: 15px;
  }
}

/* PC：丸が90pxと大きいぶん、3番目（目の乾き）のみ軽く縮小 */
@media (min-width: 768px) {
  .subject-lp--ophthalmology .fv-pc-symptoms .fv-pc-symptom:nth-child(3) .fv-pc-symptom-label {
    font-size: 15px;
    letter-spacing: 0;
  }
}

/* --------------------------------------------
   症状アイコンの暫定流用に伴う調整
   --------------------------------------------
   base は .fv-symptom-icon を 38×38px（PCは42×42px）の「正方形固定」で描画している。
   暫定流用中の subject-img-eye.svg が非正方形の場合に歪まないよう、
   height固定＋width:auto（比率保持）に上書きする。
   @TODO 眼科専用イラスト（ophthalmology/ 配下）に差し替えたら、
         寸法に合わせてこのブロックを見直すこと（トリオ＝充血・かゆみ・目の乾きを維持）。
   -------------------------------------------- */
.subject-lp--ophthalmology .fv-symptom-icon {
  width: auto;
  height: 38px;
}
@media (min-width: 480px) {
  .subject-lp--ophthalmology .fv-symptom-icon {
    height: 42px;
  }
}
.subject-lp--ophthalmology .fv-pc-symptom-icon {
  width: auto;
  height: 42px;
}


/* ============================================
   ★ FV：女性画像（差し替え時の位置・サイズ調整）
   --------------------------------------------
   現在は内科の共通 fv_woman.webp を暫定使用しているため調整不要（baseのままでOK）。
   専用画像（ophthalmology/fv_woman.webp）に差し替えたら、縦横比・立ち位置に合わせて
   下記のコメントを外して調整すること（値は消化器内科の実績値を初期値として記載）。

   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--ophthalmology .fv-fg-woman {
  left: -14%;
  bottom: -18%;
  width: 74%;
  max-width: 340px;
}

@media (min-width: 480px) {
  .subject-lp--ophthalmology .fv-fg-woman {
    left: -11%;
    bottom: -14%;
    width: 72%;
    max-width: 450px;
  }
}

.subject-lp--ophthalmology .fv-pc-fg-woman {
  left: -10px;
  bottom: -22px;
  width: 250px;
}
*/


/* ============================================
   ★ その他セクションの微調整
   - 必要になったら .subject-lp--ophthalmology 配下に追記していく。
   ============================================ */