@charset "utf-8";

.menu-flex {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 40px;
}

.menu-column {
    width: 100%;
    max-width: 640px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.menu-title {
    position: relative;
    /* 26-50 */
    font-size: clamp(1.625rem, 1.261rem + 1.553vw, 3.125rem);
    letter-spacing: 0.05em;
    line-height: 1.4;
    font-weight: 700;
}

.menu-title::before {
    content: "";
    position: absolute;
    top: 60%;
    left: -10px;
    z-index: -1;
    width: 42%;
    max-width: 320px;
    aspect-ratio: 325/72;
    background: url(/system_panel/uploads/images/menu_title_deco.png)no-repeat center /contain;
}

.menu-table {
    display: flex;
    flex-direction: column;
    margin: 50px 0 0;
}

.menu-tr {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
	padding: 15px 0;
	border-bottom: 1px dotted var(--primary);
}

.drink-unlimited-flex .menu-tr {
    border-bottom: 1px dotted var(--tertiary);
}

.drink-unlimited-title::before {
    content: "";
    margin: 0 0 0 -30px;
    position: absolute;
    top: 60%;
    left: auto;
    right: auto;
    z-index: -1;
    width: 50%;
    max-width: 267px;
    aspect-ratio: 325 / 72;
    background: url(/system_panel/uploads/images/menu_title_deco.png) no-repeat center / contain;
}

.menu-tr:first-child {
	padding: 0 0 15px;
}

.menu-th {
    flex: 1;
}

.menu-td {
    width: 100%;
    max-width: max-content;
    margin: auto 0 0 auto;
    text-align: right;
}

.menu-th-text01,
.menu-td-price {
    /* 15-18 */
    font-size: clamp(0.938rem, 0.892rem + 0.194vw, 1.125rem);
    line-height: 1.45;
    letter-spacing: 0.05em;
}

.menu-text01 {
    font-size: clamp(0.875rem, 0.845rem + 0.129vw, 1rem);
    line-height: 1.45;
    letter-spacing: 0.05em;
}

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

.drink-unlimited-grid-item {
    gap: 20px;
}

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

    .drink-unlimited-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /*===========================================================

    ===========================================================*/

}

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


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

    .menu-flex {
        flex-direction: row;
    }

    .menu-column {
        gap: 60px;
    }

    .menu-table {
        /* gap: 12px; */
        margin: 60px 0 0;
    }

    .menu-tr {
        flex-direction: row;
        gap: 10px;
    }




    /*===========================================================

    ===========================================================*/

}

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


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

    .menu-column {
        width: 48%;
    }

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


    /*===========================================================

    ===========================================================*/

}

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