/* carousel.css - カルーセル（スライドショー）スタイル
 * 依存ファイル: なし
 * 呼び出し元: index.php（および carousel セクションを使う各公開ページ）
 * 呼び出し先: なし
 */

/* -----------------------------------------------
 * カルーセルラッパー
 * height は public_page_helper.php が
 * height_pc / height_sp の値をインラインCSSで出力する
 * ----------------------------------------------- */
.carousel-section-wrap {
    width: 100%;
    overflow: hidden;
}

/* カルーセル内の画像共通 */
.carousel-section-wrap .carousel-item img {
    width: 100%;
    height: 100%;          /* ラッパーの高さに合わせる */
    object-fit: cover;     /* 中央トリミング */
    object-position: center center;
    display: block;
}

/* -----------------------------------------------
 * レスポンシブ：高さは height_pc / height_sp で
 * インライン指定されるが、未設定時のフォールバック
 * ----------------------------------------------- */

/* PC（768px以上）：フォールバック高さ */
@media (min-width: 768px) {
    .carousel-section-wrap {
        height: 400px;
    }
}

/* SP（767px以下）：フォールバック高さ */
@media (max-width: 767px) {
    .carousel-section-wrap {
        height: 200px;
    }
}