/*
  Swiper カルーセル（トップページ等）
  - 読込: views/_share/stylesheets.ejs
  - 外部: Swiper ライブラリ（.swiper クラス）。高さは端末幅で切替
*/

/* トップ Swiper カルーセルの寸法 */
.swiper {
    width: 97%;
    height: 600px;
}

/* タブレット以下：レイアウトを縦積み・全幅化 */
@media screen and (min-width: 450px) and (max-width: 768px) {
    /* 768pxまでの幅の場合に適応される */
    .swiper {
        width: 97%;
        height: 550px;
    }
}

/* スマホ幅：コンパクト表示・タップ領域調整 */
@media screen and (max-width: 450px) {
    /* 320pxまでの幅の場合に適応される */
    .swiper {
        width: 97%;
        height: 70vh;
    }
}