/* ============================================================
   スマホ・タブレット（タッチ端末）のスクロール負荷軽減 (2026-09-24)
   - iOS Safari で「下→上へ切り返した瞬間にカクつく」対策
   - PC (hover あり) には影響しない
   ============================================================ */
@media (hover:none) and (pointer:coarse){
  /* 固定ヘッダーの背景ぼかしは毎フレーム再合成されるので、不透明背景に置き換える */
  .header.is-scrolled{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:#0d0d0df4 !important;
  }
  /* 縦流しレール: 画像60枚それぞれの filter を外し、レイヤーを1枚に閉じ込める */
  .rv-studio-rail-track img{ filter:none !important; opacity:.8 !important; }
  .rv-studio-rail{ contain:strict !important; }
  .rv-studio-walls-global{ contain:layout paint !important; transform:translateZ(0) !important; }
  /* スクロール中はレールのアニメーションを止め、止まったら再開 */
  body.is-scrolling .rv-studio-rail-track{ animation-play-state:paused !important; }
  /* 背景動画は合成レイヤーとして固定 (再生/停止での再レイアウトを避ける) */
  .about-rv-bg-video, .vip-bg-video, .stage-band video, .value-section video, .overview-section video, .compare-section video{
    transform:translateZ(0) !important;
  }
  /* スクロール位置の慣性で FV 画像の影フィルタが再描画されないよう影を落とす */
  .hero-visual-only .hero-visual-all{ filter:none !important; }
}
