/* ===== 商業施設ページ スクロールの動き（採用版・js/plan-mall-scroll.js） ===== */
/* 写真の升: 写真の箱に重ねる */
.ms-veil { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; border-radius: inherit; opacity: 0; }
/* 写真の箱は送る速さで上下にずれる（js）。横のはみ出しを切る */
.m-main { overflow-x: clip; }
/* will-change は付けない（動かすのは送っている間だけ。常に付けると、送っていない間も合成の層を抱え続ける・2026-10-09 QA） */
/* 見出しの粒子: 画面全体の canvas に描く（ヘッダーの下）。分解している間だけ本物の字を消す（升の解像の最中でも消す） */
.ms-pt { position: fixed; left: 0; top: 0;   /* 大きさは js が画面の大きさ（px）で決める（100vh だとスマホで縦に伸びた） */ z-index: 790; pointer-events: none; }
.is-pt, .is-rz .is-pt, .is-pt.is-rz { -webkit-text-fill-color: transparent !important; }
@media (prefers-reduced-motion: reduce) { .ms-veil, .ms-pt { display: none; } }
