@charset "utf-8";

.firstBox:first-of-type {
    display: none;
}

.btnGr4 section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
}

.styleMainBx section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 10px;
}

.styleImgBx {
    position: relative;
    width: 100%;
    aspect-ratio: 9/7;
    overflow: hidden;
    background: #F8F2EB;
}

.styleImgBx a{
    display: block;
    width: 100%;
    height: 100%;
}

.styleImgBx img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.lb-dataContainer {
    margin: 10px auto 0 !important;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 576px) {
    .btnGr4 section {
        grid-template-columns: repeat(3, 1fr);
    }

    .styleMainBx section {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px 10px;
    }
}

/* min-width: 576px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 768px) {
    .btnGr4 section {
        grid-template-columns: repeat(4, 1fr);
    }

    .styleMainBx section {
        grid-template-columns: repeat(4, 1fr);
    }

    .lb-data .lb-caption {
        font-size: 18px !important;
    }

}

/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1024px) {
    .btnGr4 section {
        gap: 30px;
    }

    .styleMainBx section {
        gap: 30px;
    }

}

/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */