@charset "utf-8";

.menuRecoWr {
    clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
}

.menuRecoWr::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #D2F394;
    opacity: .72;
}

.menuRecoTitBx {
    aspect-ratio: 22/3;
}

.menuRecoFl {
    gap: 15px;
}



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:576px) {
    .menuRecoFl {
        align-items: stretch !important;
        flex-direction: row !important;
    }

    .menuRecoFlItem {
        width: 48% !important;
    }
}

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

    .menuRecoFl {
        gap: 20px !important;
    }

    .menuRecoWr {
        clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

    .menuRecoWr {
        clip-path: polygon(0 0, 100% 0, 100% 86%, 50% 100%, 0 86%);
    }

    .menuRecoFl {
        gap: 15px !important;
    }

    .menuRecoFlItem {
        width: 32% !important;
    }



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

    .menuRecoFl {
        gap: 30px !important;
    }

    .menuRecoItemTxt {
        font-size: 21px !important;
    }

    .menuRecoFlMt {
        margin: 58px 0 0 !important;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {
    .menuRecoFl {
        gap: 60px !important;
    }
}



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */