/* ============================================================
   Custom Carousel - section_GD (BRAND LINE)
   ============================================================ */

/* SP */
@media screen and (max-width: 767px) {
    .crsl--gd {
        width: 100vw;
    }
    .crsl--gd .crsl_slide {
        width: 80vw;
        padding: 0 5px;
    }
}

/* GDページネーション: top_carousel.cssの.crsl_pagination{display:none}を上書き */
#crslGDPagination {
    display: flex;
}

/* TB */
@media screen and (min-width:768px) and ( max-width:1300px) {
    .crsl--gd {
        /* overflow: hidden; */
    }
    .crsl--gd .crsl_track {
        gap: 0;
    }
    .crsl--gd .crsl_slide {
        width: 50%;
        padding: 0 5px;
    }
}

/* PC */
@media screen and (min-width:1301px) , print {
    .crsl--gd {
        /* overflow: hidden; */
    }
    .crsl--gd .crsl_track {
        gap: 0;
    }
    .crsl--gd .crsl_slide {
        width: 50%;
        padding: 0 5px;
    }
}