/* スライドは最初の描画から最終寸法。全画像のload完了を表示条件にしない。 */
html .topslide.swiper-container{visibility:visible;container-type:inline-size}
.topslide .swiper-wrapper{height:calc((100cqw - 2.5px) / 3.6)}
.topslide .swiper-slide{width:calc((100% - 2.5px) / 1.5);height:100%;flex-shrink:0;margin-right:5px}
.topslide .swiper-slide img{display:block;width:100%;height:100%;object-fit:contain}
.topslide:not(.swiper-container-horizontal) .swiper-wrapper{transform:translateX(calc((100% - (100% - 2.5px) / 1.5) / 2))}
.topslide:not(.swiper-container-horizontal) .swiper-slide:first-child img{opacity:1;transform:none}
@media (max-width:700px){
  .topslide .swiper-wrapper{height:calc((100cqw - 1.12px) / 2.736)}
  .topslide .swiper-slide{width:calc((100% - 1.12px) / 1.14);margin-right:8px}
  .topslide:not(.swiper-container-horizontal) .swiper-wrapper{transform:translateX(calc((100% - (100% - 1.12px) / 1.14) / 2))}
}
/* 案内文字の流れはtransformで表現し、周囲のレイアウトを計算し直さない。 */
#ticker ul li{position:absolute;top:0;left:0;float:none;width:max-content;max-width:none;visibility:hidden}
#ticker ul li:first-child{visibility:visible}
/* 下層のLCPだった同じ竹の背景。揺れ・マスク・位置は既存のまま。 */
.bw-page-hero__layer{background-image:url('cwv/bamboo-1280.webp?v=20261029cwv2')}
.bw-avif .bw-page-hero__layer{background-image:url('cwv/bamboo-1280.avif?v=20261029cwv5')}
/* TOPの下方にある背景も初期通信と競合するため、同じ画像のWebPを使う。 */
.topschedule_bg{background-image:url('cwv/schedule-1920.webp')}