@charset "UTF-8";
/* =========================================================
   イソトレチノインLP（lpiso01）の見え方に揃える層（2026-10-07）
   refine.css（明朝・英字ラベルの「洗練版」）は読み込みをやめた。
   ここには ①ヘッダーなど必要な部分 ②lp3.css の独自ブロックをイソトレ調にする上書き だけを置く
   ========================================================= */
:root { --ink:#333; --sub:#6b6b6b; --coral:#ed6354; --line:#f0ddd3; }

/* --- ヘッダー（ロゴの帯） --- */
.l-header.-simple { display:flex; align-items:center; justify-content:space-between; padding:2.6667vw 4.2667vw; background:#fff; border-bottom:1px solid #eee; }
.l-header__logo { width:38vw; }
.l-header__logo img { display:block; width:100%; height:auto; }
.l-header__copy { font-size:2.6667vw; font-weight:500; letter-spacing:.1em; color:var(--sub); }
.l-header__copy b { color:var(--coral); font-weight:700; }

/* --- バナー画像を外したので枠線は出さない --- */
.c-cta.-border::after { content:none; }
.p-kv + .c-cta { background:linear-gradient(180deg,#fff 0%,#ffe9df 100%); }

/* --- 独自ブロックの見出し：ゴシック太字＋3つの丸（イソトレLPの c-title と同じ見え方） --- */
.v3-label { display:none; }
.v3-h { margin-top:0; padding-bottom:calc(var(--u)*8.4); font-family:"Noto Sans JP",sans-serif; font-weight:700; font-feature-settings:"palt"; line-height:1.47; letter-spacing:.06em; color:#333; }
.v3-h::after { bottom:calc(var(--u)*2.6); width:calc(var(--u)*12.6); height:calc(var(--u)*1.7); margin-left:calc(var(--u)*-6.3); background:radial-gradient(circle closest-side,#ed6354 94%,transparent 100%) 0 50%/calc(var(--u)*4.2) calc(var(--u)*1.7) repeat-x; }
.v3-h em { font-size:112%; color:#ed6354; }
.v3-h small { margin-bottom:calc(var(--u)*1); font-size:56%; font-weight:500; color:#555; letter-spacing:.1em; }

/* --- 背景：生成り→白・水色 --- */
.p-worry.v3-worry { background:#fff; }
.p-service.v3-reason { background:linear-gradient(180deg,#edfcfc 0%,#e0f9f9 100%); }
.p-flow + .c-line.v3-cv { background:linear-gradient(180deg,#e0f9f9 0%,#edfcfc 100%); }
.v3-sonna__arrow, .v3-sonna__l4, .v3-sonna__l3 span { font-family:"Noto Sans JP",sans-serif; font-weight:700; }
.v3-sonna__l4 { background:linear-gradient(transparent 62%, #fff799 62%); }

/* --- 選ばれる理由・成分カード --- */
.v3-reason__list > li { border-radius:calc(var(--u)*3); }
.v3-reason__list h3 b { font-style:normal; font-weight:700; }
.v3-reason__list h3 span { letter-spacing:.04em; }
.v3-reason__list > li > p mark, .v3-reason__list mark { background:linear-gradient(transparent 60%, #fff799 60%); color:inherit; }
.v3-ing__no { font-style:normal; font-weight:700; color:#f6a99f; }
.v3-ing.-benefit h3 { letter-spacing:.03em; }
.v3-stats b, .v3-flow__no { font-weight:700; }

/* --- 料金の帯 --- */
.v3-priceband__h { font-family:"Noto Sans JP",sans-serif; font-weight:700; }

/* --- 4つのポイント：濃い茶色をやめ、白と水色の交互に --- */
.v3-point__list > li { background:#edfcfc; border-radius:calc(var(--u)*3); }
.v3-point__list > li:nth-child(even) { background:#fff; color:inherit; box-shadow:0 0 0 2px #ed6354 inset; }
.v3-point__list > li:nth-child(even) .v3-point__no { color:#ed6354; }
.v3-point__no { font-style:normal; font-weight:700; }
.v3-point__list h3 { letter-spacing:.04em; }

/* --- 1錠の説明の箱 --- */
.p-onepill__compare--col.-before { background:#f2f2f2; }
.p-onepill__compare--col.-after { background:linear-gradient(120.66deg,#fcf5f2 .58%,#ffe1d4 100%); }
.p-onepill__compare--all { color:#ed6354; }

/* --- よくある質問（折りたたみ） --- */
.p-faq__list--inner { border:1px solid #f0ddd3; }

@media screen and (max-width: 959px) {
  .p-worry__list--item, .p-vs__list--inner, .p-evidence__list--inner, .p-faq__list--inner, .p-dose__box { border-radius:3.2vw; }
  .p-faq__list--inner { padding:4.2667vw; }
  .l-main .v3-h { padding-bottom:calc(var(--u)*8); }
}
@media screen and (min-width: 960px) {
  .l-header.-simple { padding:1.0417vw 6.25vw; }
  .l-header__logo { width:11.4583vw; }
  .l-header__copy { font-size:.8333vw; }
  .p-worry__list--item, .p-vs__list--inner, .p-evidence__list--inner, .p-faq__list--inner, .p-dose__box { border-radius:.8333vw; }
  /* スマホ用に詰めた文字サイズがPCに漏れないように戻す */
  .p-dose__table th.-head, .p-dose__table td.-head { font-size:.9375vw; letter-spacing:0; }
}

/* 2026-10-19：日本オンラインドクターズ側の薬はシートの表と裏の写真（横長）にしたので幅を広げる */
.l-main .p-onepill__compare--product { width:70vw; }
.p-onepill__compare--product img { display:block; width:100%; height:auto; filter:drop-shadow(0 6px 10px rgba(120,90,80,.22)); }
@media screen and (min-width: 960px) { .l-main .p-onepill__compare--product { width:20vw; } }