/* v025 1列の枠(image-first-lp の標準: PC・タブレットもスマホと同じ480pxの1列)。列の幅は --cw。
   本物のスマホ(480px以下)では何も変えない。広い画面では本文を真ん中の480pxにそろえ、深海の背景は画面いっぱいのまま。 */
:root{--cw:min(100vw,480px)}
@media (min-width:481px){
  body{overflow-x:clip}
  main,#afterdive,footer,.site-footer{max-width:480px;margin-left:auto!important;margin-right:auto!important}
  /* 画面の端に固定していた部品を、列の端へ(列の左端 = 50vw - 240px) */
  #bgmBtn{right:calc(50vw - 240px + 8px)!important}
  .chapter-nav{left:calc(50vw - 240px + 8px)!important}
  .wv-depth{right:calc(50vw - 240px + 2px)!important}
}