@charset "UTF-8";
/* ==========================================================================
   sp-fix.css  スマホ表示の改行・レイアウト崩れ対策
   対象: iPhone SE(375px) / Google Pixel 9a(412px) / Safari・Chrome
   読み込み順: style.css の後（functions/scripts.php で登録）
   ※ 768px以上（PC表示）には一切影響しません
   ========================================================================== */

@media (width < 768px) {

  /* --- 共通：改行しないかたまり（<span class="nw">〜</span>）
         この中では改行されず、入りきらない時はかたまりごと次の行へ送られる --- */
  .nw {
    display: inline-block;
  }

  /* --- 共通：禁則処理を厳しめに / 段落の最終行に1〜2文字だけ残るのを防ぐ（対応ブラウザのみ） --- */
  body {
    line-break: strict;
  }
  p,
  li,
  .faq__item .q,
  .faq__item .a,
  .method__service-item-text,
  .method__training-item-text,
  .shop__info .data {
    text-wrap: pretty;
  }

  /* --- 口コミウィジェットが画面右にはみ出し、ページ全体が横に8pxずれていた問題 --- */
  .hyoka {
    overflow-x: hidden;
    overflow-x: clip;
  }

  /* --- STREAMって どんな人が通っているの？ --- */
  .about__title {
    font-size: min(30px, 6.6vw);
    padding-left: 10px;
    padding-right: 10px;
  }

  /* --- STREAMで感動体験を さらに新規入会で４つの特典！ --- */
  .entry__tokuten-contents {
    padding-left: 20px;
    padding-right: 20px;
  }
  .entry__tokuten-contents-label {
    font-size: min(2.5rem, 5.8vw);
  }

  /* --- 特典カード本文 --- */
  .entry__tokuten-contents-item-body {
    padding: 3rem 2rem;
  }
  /* 特典1：通常9,900円 » 0円 */
  .entry__tokuten-contents-item-price {
    justify-content: center;
    gap: 0.4em;
  }
  .entry__tokuten-contents-item-price > * {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .entry__tokuten-contents-item-price .arrow {
    font-size: 32px;
  }
  .entry__tokuten-contents-item-price strong {
    font-size: 40px;
    line-height: 1;
  }
  .entry__tokuten-contents-item-price strong .num {
    font-size: 6rem;
  }
  /* 特典2：33,000円 » 11,000円 */
  .entry__tokuten-contents-item-price.twoline strong .num {
    font-size: min(14vw, 5.6rem);
  }
  /* 特典2：さらに！ 当日入会で0円に */
  .entry__tokuten-contents-item-text.bold .underline {
    display: inline-block;
  }
  /* 特典4：価格の対応もいたします！… */
  .entry__tokuten-contents-item strong.underline {
    font-size: min(20px, 4.6vw);
  }

  /* --- 「トレーニング面 ＆ サービス面を徹底分析」の帯 --- */
  .method__title .band {
    font-size: min(16px, 3.9vw);
    white-space: nowrap;
  }

  /* --- STREAMの安心サポート体制：見出し --- */
  .method__training-item-support-list .label {
    font-size: min(16px, 3.8vw);
  }

  /* --- ビフォーアフター表（体重・体脂肪量・体脂肪率） --- */
  .therapist__item-table li {
    grid-template-columns: auto 1fr auto 1fr;
    column-gap: 0.5rem;
  }
  .therapist__item-table .item {
    white-space: nowrap;
  }
  .therapist__item-table .arrow {
    padding: 0 min(1rem, 2.4vw);
  }
  .therapist__item-table li {
    font-size: min(16px, 4.2vw);
  }

  /* --- 他店との比較表 --- */
  /* 列幅を固定（中身の長さで列幅が変わり、STREAM列が狭くなるのを防ぐ） */
  .comparison__table {
    grid-template-columns: auto minmax(0, 1.25fr) repeat(3, minmax(0, 1fr));
  }
  .comparison__table .val {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
  .comparison__table .val.price {
    font-size: min(2rem, 4.4vw);
    white-space: nowrap;
  }
  .comparison__table .val.price .unit {
    font-size: 1.1rem;
  }
  .comparison__table .val .red,
  .comparison__table .val .blue {
    white-space: nowrap;
  }
  .comparison__table .val:not(.stream) .blue {
    display: block;
    font-size: min(1.2rem, 2.9vw);
    letter-spacing: -0.06em;
  }
  .comparison__table .val:not(.stream) > span:not(.blue):not(.sankaku):not(.batsu):not(.maru):not(.nijumaru) {
    display: inline-block;
    white-space: nowrap;
  }

  /* --- 店舗検索の見出しバッジ「Check!!」 --- */
  .shop__search-title span {
    white-space: nowrap;
  }

  /* --- よくあるご質問 --- */
  .faq {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

/* ==========================================================================
   画面幅が狭い端末・端末の文字サイズを大きくしている場合の対策
   （Android の「フォントサイズ」拡大や Safari のページ拡大では、
     実質の画面幅が 320〜340px 相当になるため、そこまで崩れないようにする）
   ※ 375px 以上ではこれまでと同じ見た目になるよう min() で上限を固定
   ========================================================================== */
@media (width < 768px) {
  /* ヘッダー */
  .header__copy {
    font-size: min(12px, 3.3vw);
  }
  .header__muryo {
    white-space: nowrap;
  }

  /* SERVICE / TRAINING の英字見出し */
  .method__service-title .en,
  .method__training-title .en {
    font-size: min(50px, 13.5vw);
  }

  /* 01. 完全月額制 など各項目の見出し */
  .method__service-item-title,
  .method__training-item-title {
    font-size: min(18px, 4.8vw);
  }
  .method__service-item-title .num,
  .method__training-item-title .num {
    font-size: min(22px, 5.9vw);
  }

  /* STREAMの安心サポート体制 */
  .method__training-item-support-title {
    font-size: min(17px, 4.6vw);
  }

  /* だからこそ、STREAMのトレーナーは お客様に寄り添えるんです！ */
  .consultation .trainer__message {
    font-size: min(18px, 4.8vw);
  }

  /* 特典カードの本文 */
  .entry__tokuten-contents-item-text {
    font-size: min(16px, 4.3vw);
  }
  .entry__tokuten-contents-item-text.strong .xl {
    font-size: min(37px, 10vw);
  }
  .entry__tokuten-caution-list .small {
    display: inline-block;
  }

  /* 他店との比較表：他社の列の文字 */
  .comparison__table .val:not(.stream):not(.price):not(.unclear) {
    font-size: min(1.2rem, 3.2vw);
  }

  /* ビフォーアフターの見出し（姿勢から作り出すキレイなカラダ など） */
  .therapist__item-copy {
    font-size: min(16px, 4.3vw);
  }
}

@media (width < 360px) {
  /* ビフォーアフター表：狭い画面では文字を少し小さくして1行に収める */
  .therapist__item-table li {
    font-size: 3.9vw;
  }
  .therapist__item-table .arrow {
    padding: 0 0.5rem;
  }
  /* 他店との比較表の金額 */
  .comparison__table .val.price {
    font-size: 4.2vw;
  }
}