@charset "UTF-8";
/* 逆さまつげLP 追加スタイル（style.css は眼瞼下垂LPと共通のまま変更しない） */

/* MV：1450px以上で写真の右に重なるグラデーションを、この写真の右端の色（上→下）に合わせる。
   style.css の固定色（眼瞼下垂の写真用の灰色）のままだと帯が浮いて見えるため */
@media(min-width: 1450px){
  .p-mv__photo-fade{
    background:
      linear-gradient(to right, rgba(250,250,253,0) 70px, #fafafd 100%),
      linear-gradient(to bottom, rgb(209,230,252) 0%, rgb(232,242,253) 10%, rgb(233,240,252) 20%, rgb(236,241,252) 30%, rgb(235,241,253) 40%, rgb(232,239,251) 50%, rgb(226,233,248) 60%, rgb(219,229,247) 70%, rgb(216,228,246) 80%, rgb(227,234,249) 90%, rgb(220,228,246) 100%);
    -webkit-mask-image:linear-gradient(to right, transparent 0, #000 70px);
    mask-image:linear-gradient(to right, transparent 0, #000 70px);
  }
}

/* お悩み：見出しの長さで写真の枠が縮まないよう固定する（左右のカードで写真の大きさをそろえる） */
.p-worry__card-photo{flex-shrink:0}
/* お悩み：長い項目（._wrap）だけ、カードからはみ出さないよう折り返す（style.css は1行固定）。
   2行になってもチェックが1行目にそろうよう上端で合わせる */
.c-check-list._worry .c-check-list__item{align-items:flex-start}
.c-check-list._worry .c-check-list__icon{margin-top:4px}
.c-check-list._worry .c-check-list__text._wrap{flex:1 1 auto;min-width:0;white-space:normal}

/* 逆さまつげとは：図の比率（506×260）に枠を合わせ、左右が切れないようにする（PC・SP共通） */
.p-about__figure{aspect-ratio:506/260}

/* 治療方法・費用 */
.p-price__card{min-height:0}
/* 選ばれる理由02：写真の説明（style.css にはSP用の指定しかないため、PC用を足す） */
@media(min-width: 751px){
  .p-reasons__aesthetic-text-small{margin-top:20px;font-family:var(--ff-gothic);font-size:12px;line-height:1.7;letter-spacing:.6px;color:var(--c-grey)}
}

/* 症例写真を2点並べるカード（下睫毛内反症）：写真の列を縦に積む */
.p-price__item-photos{flex:0 1 370px;min-width:0;display:flex;flex-direction:column;gap:20px}
.p-price__item-photos .p-price__item-photo{flex:none;width:100%}
@media(max-width: 750px){
  .p-price__item-photos{flex:none;width:100%;gap:15px}
}
/* タブごとのリード（カードの先頭） */
.p-price__lead{margin:0 0 40px;padding-bottom:30px;border-bottom:1px solid #ddd;font-family:var(--ff-mincho);font-weight:500;font-size:18px;line-height:1.8;letter-spacing:.9px;color:var(--c-heading)}
.p-price__item-price._small{font-size:22px;letter-spacing:1.2px}
.p-price__fee{display:flex;flex-direction:column;gap:15px;margin-top:20px}
.p-price__fee .c-table._price th{width:auto}
.p-price__fee .c-table._price thead th{text-align:center}
.p-price__fee .c-table._price td{text-align:center;color:var(--c-text)}
.p-price__caution{margin:25px auto 0;width:min(1000px,100%);font-family:var(--ff-gothic);font-size:14px;line-height:1.8;letter-spacing:.7px;color:var(--c-grey)}

@media(max-width: 750px){
  /* タブの文言が長い（「大人（40代以降）」9文字）ため、SPでは文字を小さくして1行に収める */
  .p-price__tabs._long{gap:8px}
  .p-price__tabs._long .p-price__tab{flex:1 1 0;font-size:14px;letter-spacing:.5px;line-height:1.4}
  .p-price__lead{margin-bottom:25px;padding-bottom:20px;font-size:15px;letter-spacing:.5px}
  .p-price__item-price._small{font-size:18px;letter-spacing:.9px}
  .p-price__caution{font-size:12px}
}

/* モーダル：手術を検討するタイミング */
.p-timing{display:flex;flex-direction:column;gap:40px;margin:36px auto 0;padding:0 60px;max-width:1100px}
.p-timing__block{display:flex;flex-direction:column;gap:15px}
.p-timing__text{font-family:var(--ff-gothic);font-size:15px;line-height:1.8;letter-spacing:.75px;color:var(--c-text)}
.p-timing .c-table th,.p-timing .c-table td{text-align:center}
.p-timing .c-table td{color:var(--c-text)}
.p-timing__source{font-family:var(--ff-gothic);font-size:12px;line-height:1.6;color:var(--c-grey)}

@media(max-width: 750px){
  .p-timing{gap:30px;margin-top:20px;padding:0 20px}
  .p-timing__text{font-size:13px;letter-spacing:.4px}
  .p-timing .c-table th,.p-timing .c-table td{padding:8px 4px;font-size:12px}
}