/* iframeを使わず、固定要素も中央480pxのbodyを基準に配置する。 */
html { margin:0; width:100%; height:100%; background:#f6f2ef; }
body { margin:0 auto; width:100%; max-width:480px; height:100vh; height:100dvh; position:relative; transform:translateX(0); }
/* 中央フレーム全体を背景から浮かせる、左右均等の濃い影。 */
body { box-shadow:0 0 32px rgba(0,0,0,.38),0 0 8px rgba(0,0,0,.22); }