/* ============================================================
   mobile-styled.css — モバイル スタイリング強化版（?style=v2 で有効化）
   mobile.css の後にロードして上書きする。PC版は無変更。
   方針: 金色アクセント・視覚アンカー・ジャンプ率拡大・区切り感
   ============================================================ */

@media (max-width: 640px) {

  /* ① ラベル「01 — CONCEPT」を金色＋上下細ライン */
  .scene__label {
    color: var(--gold, #c5a572);
    font-weight: 500;
    letter-spacing: .28em;
    padding: 5px 0 4px;
    border-top: 1px solid rgba(197, 165, 114, .45);
    border-bottom: 1px solid rgba(197, 165, 114, .22);
    display: inline-block;
    margin-bottom: 14px;
    font-size: .64rem;
  }

  /* ② h2タイトル下に金色アクセント線 */
  .scene__title {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 18px;
  }
  .scene__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 44px;
    height: 1px;
    background: rgba(197, 165, 114, .65);
  }

  /* ③ 結論文(scene__foot)を強調＝太字＋金色縦ライン */
  .scene__foot {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.85;
    border-left: 2px solid rgba(197, 165, 114, .6);
    padding-left: 12px;
    margin-top: 16px;
    color: rgba(255, 255, 255, .97);
  }

  /* ④ 04悩みリストの先頭マーカーを金色✕に変更 */
  .scene__list { padding-left: 0; list-style: none; }
  .scene__list li {
    list-style: none;
    position: relative;
    padding-left: 22px;
    line-height: 1.7;
    margin-bottom: 8px;
  }
  .scene__list li::before {
    content: "✕";
    position: absolute;
    left: 0;
    top: 0;
    color: rgba(197, 165, 114, .9);
    font-size: 13px;
    font-weight: 700;
  }
  /* 既存の「— 」プレフィックスを上書き */
  .scene__list li::marker { content: none; }

  /* ⑤ 05理由 r-card番号を大型化＋金色＋セリフ */
  .r-card__num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.95rem;
    font-weight: 500;
    color: var(--gold, #c5a572);
    line-height: 1;
    margin-bottom: 4px;
    letter-spacing: .02em;
  }
  .r-card__title {
    font-size: 1.06rem;
    font-weight: 600;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, .97);
    letter-spacing: .04em;
  }
  .scene__reasons .r-card {
    border-bottom: 1px solid rgba(197, 165, 114, .28);
    padding: 11px 0 12px;
  }
  .scene__reasons .r-card:last-child {
    border-bottom: 0;
  }

  /* ⑥ 07 STAFF: 名前を強調・肩書きを金色 */
  .s-card__name {
    font-size: 1.08rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .98);
  }
  .s-card__cred {
    color: rgba(197, 165, 114, .92);
    font-size: .78rem;
    letter-spacing: .05em;
  }
  .s-card {
    border-bottom: 1px solid rgba(197, 165, 114, .22);
    padding-bottom: 10px;
  }
  .scene__staff .s-card:last-child {
    border-bottom: 0;
  }

  /* ⑦ 08 MENU: 価格金色＋セリフ・ブロックタイトル強化 */
  .m-row__price {
    color: var(--gold, #c5a572);
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    font-size: 1.02rem;
    letter-spacing: .01em;
  }
  .m-row {
    border-bottom: 1px solid rgba(197, 165, 114, .18);
  }
  .m-block__title {
    color: rgba(255, 255, 255, .95);
    border-bottom: 1px solid rgba(197, 165, 114, .42);
    padding-bottom: 5px;
    margin-bottom: 6px;
    font-weight: 600;
  }
  .m-block__title span {
    color: rgba(197, 165, 114, .9);
    font-family: 'Cormorant Garamond', serif;
    margin-left: 8px;
    font-size: .68rem;
    letter-spacing: .18em;
    font-weight: 400;
  }
  .m-row__name .tag {
    color: var(--gold, #c5a572);
    border: 1px solid rgba(197, 165, 114, .55);
    background: transparent;
  }

  /* ⑧ 09 VOICE: 4.93スコアを大幅拡大＋金色 */
  .scene__rating {
    align-items: center;
  }
  .scene__rating-score {
    font-family: 'Cormorant Garamond', serif;
    font-size: 4.4rem;
    color: var(--gold, #c5a572);
    line-height: 1;
    font-weight: 400;
    margin-right: 10px;
  }
  .scene__rating-stars {
    color: rgba(197, 165, 114, .92);
    font-size: 1rem;
  }
  .scene__rating-count {
    color: rgba(255, 255, 255, .8);
    font-size: .76rem;
  }

  /* ⑨ 09/10 VOICE: 引用に大きな「”」マーク */
  .v-quote {
    position: relative;
    padding-left: 26px;
    padding-bottom: 12px;
    padding-top: 4px;
  }
  .v-quote::before {
    content: "\201C";
    position: absolute;
    left: 0;
    top: -6px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 2.6rem;
    color: rgba(197, 165, 114, .7);
    line-height: 1;
    font-weight: 500;
  }
  .scene__quotes .v-quote {
    border-bottom: 1px solid rgba(197, 165, 114, .22);
  }
  .scene__quotes .v-quote:last-child {
    border-bottom: 0;
  }
  .scene__quote-big {
    position: relative;
    padding-left: 30px;
    line-height: 1.85;
    color: rgba(255, 255, 255, .96);
  }
  .scene__quote-big::before {
    content: "\201C";
    position: absolute;
    left: 0;
    top: -8px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 3rem;
    color: rgba(197, 165, 114, .7);
    line-height: 1;
    font-weight: 500;
  }

  /* ⑩ 10 VOICE ★5.00 のタイトル強調 */
  .scene--voice-hero .scene__title {
    color: rgba(255, 255, 255, .98);
  }

  /* ⑪ 11 ACCESS: dt（項目名）金色＋セリフ */
  .scene__access dt {
    color: var(--gold, #c5a572);
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: .18em;
    font-size: .74rem;
    font-weight: 500;
    margin-bottom: 3px;
  }
  .scene__access dd {
    color: rgba(255, 255, 255, .94);
    margin-bottom: 8px;
  }

  /* ⑫ scene__sign（オーナー署名）金色＋右寄せ */
  .scene__sign {
    color: rgba(197, 165, 114, .9);
    text-align: right;
    margin-top: 14px;
    font-size: .82rem;
    letter-spacing: .12em;
    font-family: 'Cormorant Garamond', serif;
  }

  /* ⑬ ABOUT本文: 最終段落の末尾の余韻 */
  .scene__about-text p:last-child {
    color: rgba(255, 255, 255, .97);
  }

  /* ⑭ 12/13 RESERVE CTAボタン 強調 */
  .scene--lead .scene__bullets li {
    border-bottom: 1px solid rgba(197, 165, 114, .25);
    padding: 7px 0 7px 22px;
  }
  .scene--lead .scene__bullets li::before {
    color: var(--gold, #c5a572);
  }

  /* ⑮ scene__note（※施術者は全員男性です 等）の控えめ表示 */
  .scene__note {
    color: rgba(255, 255, 255, .65);
    font-size: .72rem;
    letter-spacing: .05em;
    margin-top: 8px;
  }
}