@charset "utf-8";.top_page_font_color{color: #FFFFFF;}/* ===============================
    KV（修正版）
=============================== */
@media (min-width: 751px) {
    .featureContents .feature-detail2 .feature-kv-container {
        background-image: url(/photo/page/20220421/7sleeve12002.jpg)!important;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        width: 100%;
        aspect-ratio: 1200 / 727;
        height: auto;
    }
}

@media (max-width: 750px) {
    .featureContents .feature-detail2 .feature-kv-container {
        background-image: url(/photo/page/20220421/7sleeve1000.jpg)!important;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        width: 100%;
        aspect-ratio: 1000 / 1000;
        height: auto;
    }
}

/* ===============================
   画像グリッド共通
=============================== */
.image-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.image-container .image-item {
    display: block;
    margin-bottom: 0;
}

.image-container .image-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* ===============================
   PCカラム指定
=============================== */

/* 2カラム（サイズは3カラムと同じ） */
.image-col-2 .image-item {
    width: calc((100% - 20px) / 3);
}

/* 3カラム */
.image-col-3 .image-item {
    width: calc((100% - 20px) / 3);
}

/* 4カラム（PC/SP共通で4つ並び） */
.image-col-4 .image-item {
    width: calc((100% - 30px) / 4);
}

/* 5カラム（PCで5つ並び） */
.image-col-5 .image-item {
    width: calc((100% - 40px) / 5);
}

/* 7カラム */
.image-col-7 .image-item {
    width: calc((100% - 60px) / 7);
}

/* ===============================
    SP対応（750px以下）
=============================== */
@media (max-width: 750px) {
    .image-container {
        gap: 5px;
    }

    /* 3カラム：SPでも3つ並びを維持 */
    .image-col-3 .image-item {
        width: calc((100% - 10px) / 3);
    }

    /* 4カラム：SPでも4つ並び */
    .image-col-4 .image-item {
        width: calc((100% - 15px) / 4);
    }

    /* 5カラム：SPでは3つ＋2つの2段 */
    .image-col-5 .image-item {
        width: calc((100% - 10px) / 3);
    }

    /* 7カラム：SPでは4つ・3つ */
    .image-col-7 .image-item {
        width: calc((100% - 15px) / 4);
    }

    /* 2カラム */
    .image-col-2 .image-item {
        width: calc((100% - 5px) / 2);
    }
}