@charset "UTF-8";
/* SP 360px 以下だけ（index.jsp の <link media="(max-width: 360px)">）。@media は書かない。style_sp の後に読む */
/* S5 Q3・Q4: 375 幅に合わせて固定した改行を外す。360 幅では末尾の「の」が1字だけの行になるため */
.qa__a-text br.sp {
  display: none;
}

/* S2 見出し: 「Vポイントが当たる！」が 320 幅の内側 288px に入る大きさへ縮める（320 幅で 28.8px／64 → 57.6px）。360 幅では 32px・64px のまま */
.prize__title {
  font-size: min(32px, 9vw);
}

.prize__title-em {
  font-size: min(64px, 18vw);
}

/* S3・S7 の注記と Q&A の質問: 375 幅に合わせて固定した改行は、この幅では「の」「に」「Pay、」だけの行を作るので外し、
   HTML の <wbr />（句の切れ目）・句読点・空白だけで折り返す */
.steps__notes br.sp,
.detail__notes br.sp {
  display: none;
}

.steps__notes p,
.detail__notes p,
.qa__q-text {
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* 320〜360 幅で語の途中の切れ・1〜2字だけの行・行頭「ー」を出さない。
   見出しとボタンは「一番長い1行が内側の幅に入る大きさ」まで縮める（式は 内側の幅 ÷ その行の字数相当）。360 幅では元の大きさのまま */
/* S1 リード: 句の切れ目（読点・空白・<wbr />）だけで折り返す */
.fv__lead {
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* S1 ボタン「エントリーはこちら」: 1行に収める（ボタンの内側は 画面幅−104px。320 幅で 17.6px） */
.fv__btn .btn-entry__text {
  font-size: min(20px, (100vw - 104px) / 12.3);
}

/* S5・S7・S6 見出し（「ご参加前にチェック！」「キャンペーンについて」「京王ポイントに」など）: 1行ずつ収める（内側は 画面幅−32px。320 幅で 28.1px） */
.qa__title,
.detail__title,
.keio__title {
  font-size: min(32px, (100vw - 32px) / 10.25);
}

/* S7 キャンペーン名: 句の切れ目で折り返す */
.detail__name {
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* S3 カードの見出し: 「キャンペーンに」が1行に入る大きさ（320 幅で 23.7px） */
.steps__heading {
  font-size: min(24px, (100vw - 152px) / 7.1);
}

/* S6 交換の説明「京王ポイントは、…」: 「は」「に」だけの行を作らない大きさ（内側は 画面幅−112px。320 幅で 14.8px） */
.keio__use-text {
  font-size: min(16px, (100vw - 112px) / 14.1);
}