@charset "utf-8";

.makinoharaGrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
}

.makinoharaGridImgBx {
    width: 100%;
}

.makinoharaGridImgBx01 {
    grid-column: 1 / span 3;
    order: 1;
}

.makinoharaGridImgBx02 {
    grid-column: 4 / span 2;
    order: 2;
}

.makinoharaGridImgBx03 {
    grid-column: 3 / span 3;
    order: 4;
}

.makinoharaGridImgBx04 {
    grid-column: 1 / span 2;
    order: 3;
}

.makinoharaGridImgBx05 {
    grid-column: 1 / span 3;
    order: 5;
}

.makinoharaGridImgBx06 {
    grid-column: 4 / span 2;
    order: 6;
}

.makinoharaSightseeingGrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 20px;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:768px) {

    .makinoharaGrid {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
    }

    .makinoharaGridImgBx01 {
        grid-column: 1 / span 3;
    }

    .makinoharaGridImgBx02 {
        grid-column: 4 / span 2;
    }

    .makinoharaGridImgBx03 {
        grid-column: 6 / span 3;
        order: 3;
    }

    .makinoharaGridImgBx04 {
        grid-column: 1 / span 2;
        order: 4;
    }

    .makinoharaGridImgBx05 {
        grid-column: 3 / span 4;
    }

    .makinoharaGridImgBx06 {
        grid-column: 7 / span 2;
    }
    
    .makinoharaSightseeingGrid {
        grid-template-columns: repeat(2, 1fr);
    }

}

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1024px) {

    .makinoharaSightseeingGrid {
        grid-template-columns: repeat(3, 1fr);
        gap: 80px 20px;
    }

}

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {

    .makinoharaSightseeingGrid {
        gap: 80px 40px;
    }

    .makinoharaSightseeingItemTit {
        font-size: 25px !important;
    }

}

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