@charset "utf-8";

body {
    overflow-x: hidden;
}

.img-deco01 {
    position: relative;
}

.img-deco01:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5rem;
    background: var(--primary);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%) rotate(-10deg);
}

.img-deco01>img {
    position: relative;
}

.img-rounded01>img {
    border-radius: 5rem;
}

/* ==========================================
==========================================
FOOD・DRINKページ
==========================================
========================================== */

.fooddrinkLead {
    position: relative;
    padding: 15rem 0;
}

.fooddrinkLeadAr {
    max-width: 166rem;
}

.fooddrinkLeadBx {
    width: 100%;
    max-width: 92rem;
    margin: 0 auto;
    text-align: center;
}

.fooddrinkLeadImgBx01 {
    position: absolute;
    top: 10rem;
    left: -1rem;
    display: flex;
    flex-direction: column;
    width: 30%;
    max-width: 44rem;
    aspect-ratio: 440/626;
}

.fooddrinkLeadImg01 {
    width: 100%;
    max-width: 44rem;
}

.fooddrinkLeadImg02 {
    width: 75%;
    max-width: 33rem;
    margin: auto 0 0 auto;
}

.fooddrinkLeadImgBx02 {
    position: absolute;
    top: 9.7rem;
    right: -1rem;
    display: flex;
    flex-direction: column;
    width: 30%;
    max-width: 45.7rem;
    aspect-ratio: 457/631;
}

.fooddrinkLeadImg03 {
    width: 100%;
    max-width: 45.7rem;
}

.fooddrinkLeadImg04 {
    width: 87.5%;
    max-width: 40rem;
    margin: auto 1.5rem 0 auto;
}

.fooddrinkLeadTxtBx {
    margin: 6rem auto 0;
}

.fooddrinkCommitment {
    margin: 2rem 0 0;
}

.fooddrinkCommitmentAr {
    max-width: 146.5rem;
}

.fooddrinkCommitmentTitBx {
    position: relative;
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    max-width: max-content;
}

.fooddrinkCommitmentTitBx h2 {
    margin: 1.5rem 0 0;
}

.fooddrinkCommitmentTitDeco01 {
    position: absolute;
    top: 1rem;
    left: -4.5rem;
    width: 20%;
    max-width: 7.3rem;
}

.fooddrinkCommitmentTitDeco02 {
    width: 11.4rem;
}

.fooddrinkCommitmentBx {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    margin: 5.5rem 0 0;
}

.fooddrinkCommitmentItem {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    width: 32%;
    max-width: 45rem;
}

.fooddrinkCommitmentItemPointBx {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.fooddrinkCommitmentItemPoint01 {
    font-size: 4rem;
    line-height: .8em;
    letter-spacing: -0.08em;
    font-family: var(--fontB);
    -webkit-text-stroke: 1px var(--primary);
    paint-order: stroke;
    color: transparent;
}

.fooddrinkCommitmentItemPoint02 {
    font-size: 8rem;
    line-height: .8em;
    letter-spacing: -0.08em;
    font-family: var(--fontB);
    color: var(--primary);
}

.fooddrinkCommitmentItemTit {
    font-size: 3rem;
    line-height: 1.45;
    letter-spacing: 0.05em;
}

.fooddrinkCommitmentItemTxt {
    font-size: 1.8rem;
    line-height: 1.67;
}

.fooddrinkCommitmentItemTxt span {
    font-size: 111%;
}

.fooddrinkLineup {
    padding: 17rem 0 0;
}

.fooddrinkLineupAr {
    max-width: 126rem;
}

.fooddrinkLineupBx {
    position: relative;
    border-radius: 100vmax;
    padding: 5rem 2rem;
    background: var(--primary)
}

.fooddrinkLineupDeco {
    position: absolute;
    right: 3rem;
    top: -9.5rem;
    z-index: 5;
    width: 25%;
    max-width: 18.4rem;
}

.fooddrinkLineupIn {
    width: 100%;
    max-width: 83rem;
    margin: 0 auto;
}

.fooddrinkLineupTit {
    font-size: 8rem;
    line-height: .8em;
    letter-spacing: -0.08em;
    text-align: center;
    font-family: var(--fontB);
}

.fooddrinkLineupBtnBx {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin: 4.5rem auto 0;
}

.fooddrinkLineupTxtFl {
    display: flex;
    width: 100%;
    max-width: max-content;
    margin: 3rem auto 0;
    color: var(--black);
}

.fooddrinkLineupTit {
    font-size: 6rem;
}

.pickTit {
    margin: 2rem auto 0;
}

.pickSubtit {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    text-align: center;
}

.pickSubtit br {
    display: none;
}

.pickSubtit::before,
.pickSubtit::after {
    content: "";
    display: block;
    width: 3.7rem;
    aspect-ratio: 42/63;
}

.pickSubtit::before {
    background: url(../../../../uploads/food-drink_tit_deco02.svg) no-repeat center/contain;
}

.pickSubtit::after {
    background: url(../../../../uploads/food-drink_tit_deco03.svg) no-repeat center/contain;
}

.foodDrinkPopular {
    padding: 25rem 0 0;
}

.foodDrinkPopularAr {
    max-width: 166rem;
}

.foodDrinkPopularBx {
    position: relative;
    padding: 10rem 2rem;
    border-radius: 5rem;
    border: 1px dashed var(--primary);
}

.foodDrinkPopularFukidashi {
    position: absolute;
    z-index: 5;
    top: -18rem;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 25%;
    max-width: 39.5rem;

}

.foodDrinkPopularIn {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 142rem;
    margin: 0 auto;
    gap: 2rem;
}

.foodDrinkPopularItem {
    display: flex;
    flex-direction: column;
    width: 48%;
    max-width: 66rem;
}

.foodDrinkPopularItemImg {
    position: relative;
    width: 76%;
    max-width: 50rem;
    border-radius: 5rem;
    overflow: hidden;
}

.foodDrinkPopularItemImg::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 33%;
    width: 100%;
    background: linear-gradient(0deg, rgba(31, 31, 31, .9) 0%, rgba(31, 31, 31, 0) 100%);
}

.foodDrinkPopularTxtBx {
    position: relative;
    width: 70%;
    max-width: 46rem;
    z-index: 5;
    margin: -9.5rem 0 0 auto;
}

.foodDrinkPopularTxtBx .pick-text-box p {
    line-height: 1.67em;
}


.foodDrinkLunch {
    padding: 11rem 0 0;
}

.foodDrinkLunchAr {
    max-width: 166rem;
}

.foodDrinkLunchBx {
    width: 100%;
    max-width: 106rem;
    margin: 0 auto;
}

.foodDrinkLunchTit {
    width: 100%;
}

.foodDrinkLunchSubtit {
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 2rem;
    margin: 10rem auto 0;
}

.foodDrinkLunchSubtit::before,
.foodDrinkLunchSubtit::after {
    content: "";
    display: block;
    width: 3.7rem;
    aspect-ratio: 42/63;
}

.foodDrinkLunchSubtit::before {
    background: url(../../../../uploads/food-drink_tit_deco02.svg) no-repeat center/contain;
}

.foodDrinkLunchSubtit::after {
    background: url(../../../../uploads/food-drink_tit_deco03.svg) no-repeat center/contain;
}

.foodDrinkLunchFl {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 4rem auto 0;
}

.foodDrinkLunchItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    width: 32%;
    max-width: 30rem;
}

.foodDrinkLunchItemImg {
    width: 100%;
    border-radius: 5rem;
    overflow: hidden;
}

.foodDrinkLunchTxt {
    font-size: 2.5rem;
    line-height: 1.6;
    text-align: center;
}

.foodDrinkLunchTxt span {
    font-size: 120%;
    line-height: 1.16;
}

.foodLunchMenuFl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 21rem 0 0;
}

.foodLunchMenuFlL {
    position: relative;
    width: 48%;
    max-width: 72rem;
}

.foodLunchMenuImg {
    position: relative;
}

.foodLunchMenuImg::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50%;
    background: linear-gradient(0, rgba(31, 31, 31, 1) 0%, rgba(31, 31, 31, 0) 100%);
}

.foodLunchTxt {
    position: absolute;
    bottom: 5rem;
    right: 4rem;
}

.foodLunchTxt span {
    font-size: 120%;
}

.foodLunchMenuFlR {
    width: 46%;
    max-width: 75rem;
}

.foodLunchMenuTxtBx {
    width: 100%;
    max-width: 65rem;
}

.foodLunchMenuTxtFl {
    display: flex;
    align-items: baseline;
    gap: 1.5rem;
    margin: 4rem 0 0;
}

.foodLunchMenuTxtFlIn {
    display: flex;
    align-items: baseline;
    gap: 3.5rem;
}

.foodLunchMenuTxt03 {
    line-height: 1.45;
    font-size: 1.8rem;
}

.foodLunchMenuTxt04 {
    margin: 4rem 0 0;
    font-size: 2.5rem;
    color: var(--primary);
}

.foodLunchMenuTxt05 {
    margin: 1.5rem 0 0;
}

.foodLunchMenuTxtBx .btn01.menu-btn {
    margin: 4rem 0 0 auto;
}

.foodDrinkFl {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    max-width: 142rem;
    margin: 23rem 0 0;
}

.foodDrinkFlL {
    width: 50.5%;
    max-width: 71.6rem;
}

.foodDrinkTxtIIn {
    margin: 6rem 0 0;
}

.foodDrinkTxt02 {
    margin: 4rem 0 0;
}

.foodDrinkTxtIIn .btn01.menu-btn {
    margin: 4rem auto 0 0;
}

.foodDrinkFlR {
    width: 49.5%;
    max-width: 70rem;
}

.foodDrinkFlImgBx {
    position: relative;
    width: 100%;
    aspect-ratio: 70/68;
}

.foodLunchMenuImg01 {
    width: 86%;
    max-width: 60rem;
    margin: 0 0 auto auto;
}

.foodLunchMenuImg02 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 66%;
    max-width: 46rem;
    border-radius: 5rem;
    overflow: hidden;
}

.foodDrinkGuid {
    padding: 9rem 0 22rem;
}

.foodDrinkGuidAr {
    max-width: 126rem;
}

.foodDrinkGuidBx {
    border: 1px dashed var(--primary);
    border-radius: 5rem;
    padding: 5rem 2rem;
}

.foodDrinkGuidIn {
    width: 100%;
    max-width: 102rem;
    margin: 0 auto;
}

.foodDrinkGuidTit {
    text-align: center;
}

.foodDrinkGuidItemBx {
    margin: 3rem 0 0;
}

.foodDrinkGuidItem:nth-of-type(n+2) {
    margin: 3.5rem 0 0;
}

.foodDrinkGuidItemTit {
    font-size: 2.5rem;
    color: var(--primary);
    line-height: 1.45;
    letter-spacing: 0.05rem;
}

.foodDrinkGuidItemChargeBx {
    display: flex;
    align-items: baseline;
    gap: 1rem 4rem;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 1.5rem;
    margin: 1.5rem 0 0;
    padding: 1.5rem 2rem;
}

.foodDrinkGuidItemChargeItem {
    line-height: 1.45;
}

.foodDrinkGuidItemChargeTxt {
    margin: 1.4rem 0 0;
    padding: 0 0 0 2rem;
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: 0.05em;
}

.foodDrinkGuidItemTxt {
    line-height: 1.45;
    margin: 1.5rem 0 0;
    padding: 0 0 0 2rem;
}

/* ==========================================
==========================================
SWEETSページ
==========================================
========================================== */

/* ==========================================
冒頭
========================================== */

.lead-wrapper {
    padding-bottom: 0;
}

.lead-inner {
    max-width: 149rem;
    width: 100%;
    margin: auto;
}

.lead-area {
    max-width: 145.4rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 0 auto;
}

.lead-img-block {
    max-width: 73.4rem;
    width: 50.48%;
}

.lead-img01 {
    max-width: 66.7rem;
    width: 90.87%;
    padding: 5rem 3.4rem;
    margin: 0 0 0 auto;
}

.lead-img02 {
    max-width: 46rem;
    width: 62.67%;
    margin: -15rem 0 0 0;
    position: relative;
    z-index: 9;
}

.lead-text-block {
    max-width: 715px;
    width: 49.17%;
    margin: 5rem 0 0;
}

.lead-text-box {
    margin: 4rem 0 0;
}

.lead-text strong {
    font-size: 1.1em;
    font-weight: 400;
}

.lead-text-mt {
    margin-top: 1.5em;
}

.lead-btn-box {
    max-width: 54rem;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 4rem;
    margin: 4rem 0 0;
}

.menu-btn {
    max-width: 40rem;
    margin: 4rem auto 0;
}

/* ==========================================
PICKUP MENU
========================================== */

.pick-wrapper {
    padding-bottom: 0;
}

.pick-inner {
    max-width: 170rem;
    width: 100%;
    margin: auto;
}

.pick-inner .text-center {
    text-align: center;
}

.pick-text-area {
    text-align: center;
    margin: 4rem 0 0;
}

.pick-group {
    margin: 10rem auto 0;
}

.pick-area {
    max-width: 156rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pick-area-reverse {
    flex-direction: row-reverse;
    margin: 0 0 0 auto;
}

.pick-img-block {
    max-width: 80rem;
    width: 51.28%;
}

.pick-img {
    padding: 5.8rem 4rem;
}

.pick-text-block {
    max-width: 65rem;
    width: 41.66%;
}

.pick-title-box {
    display: flex;
    align-items: center;
    gap: 4rem;
    margin: 0.5rem 0 0;
}

.pick-menu-price {
    font-size: 3rem;
    letter-spacing: 0.05em;
    line-height: 1.46em;
    text-align: right;
    flex: 0 0 auto;
    flex-shrink: 0;
    white-space: nowrap;
}

.pick-menu-price02 {
    font-size: 2rem;
    letter-spacing: 0.05em;
    line-height: 1.46em;
    text-align: right;
    word-break: break-all;
}

.pick-text-box {
    margin: 3rem 0 0;
}

.pick-btn {
    max-width: 40rem;
    margin: 4rem auto 0;
}

.fooddrinkPickFl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5rem 0 0;
}

.fooddrinkPickFlL {
    position: relative;
    width: 67%;
    max-width: 107rem;
}

.fooddrinkPickImg01 {
    position: relative;
    width: 63%;
    max-width: 72rem;
    border-radius: 5rem;
    overflow: hidden;
}

.fooddrinkPickImg01::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 74%;
    max-width: 53rem;
    background: linear-gradient(270deg, rgba(31, 31, 31, 1) 0%, rgba(31, 31, 31, 0) 100%);
}

.fooddrinkPickTxtBx {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 61%;
    max-width: 65rem;
    margin: auto 0 auto auto;
    z-index: 5;
}

.fooddrinkPickFlR {
    flex: 1;
    max-width: 53.1rem;
}

.fooddrinkPickImgBx {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    aspect-ratio: 531/393;
}

.fooddrinkPickImg02 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 51%;
    max-width: 28rem;
    border-radius: 5rem;
    overflow: hidden;
    transform: rotate(-5deg);
}

.fooddrinkPickImg03 {
    width: 66.4%;
    max-width: 36rem;
    margin: auto 0 0 auto;
    border-radius: 5rem;
    overflow: hidden;
    transform: rotate(5deg);
}

.fooddrinkPickFukidashi {
    top: -12rem;
    right: -1rem;
    position: absolute;
    z-index: 5;
    width: 75%;
    max-width: 41.2rem;
}

/* ==========================================
DRINK
========================================== */

.drink-inner {
    max-width: 170rem;
    width: 100%;
    margin: auto;
}

.drink-area {
    max-width: 156rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.drink-img-block {
    max-width: 80rem;
    width: 51.28%;
}

.drink-img {
    padding: 5.8rem 4rem;
}

.drink-text-block {
    max-width: 65rem;
    width: 41.66%;
}

.drink-title-box {
    display: flex;
    align-items: center;
    gap: 4rem;
    margin: 5rem 0 0;
}

.drink-text-box {
    margin: 3rem 0 0;
}

.drink-btn {
    max-width: 40rem;
    margin: 4rem auto 0;
}

/* ==========================================
モーダル
========================================== */

.modal {
    display: none;
}

.modaal-container {
    background: url(../../../../uploads/body-bg.jpg) repeat-y top center /auto !important;
}

.menu-frame {
    max-width: 122rem;
    width: 100%;
    background: var(--primary);
    color: var(--black);
    padding: 15rem 1.5rem 10rem;
    margin: auto;
}

.menu-header-notice {
    font-size: 0.93em;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    margin: 1rem 0 0;
}

.menu-lead {
    max-width: 83rem;
    width: 100%;
    margin: 4rem auto 0;
}

.menu-lead-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    font-size: 1.25em;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1.45em;
    border: solid 1px #1C1D56;
    padding: 1.8rem 3.4rem;
    margin: 1.2rem 0 0;
}

.menu-lead-item:not(:last-child):after {
    content: "/";
    margin: 0 0 0 2rem;
}

.menu-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 10rem;
    line-height: 1.5em;
    letter-spacing: 0.05em;
}

.menu-list-2col {
    grid-template-columns: repeat(2, 1fr);
    gap: 6rem;
}

.menu-item {
    padding-bottom: 1rem;
    border-bottom: dashed 0.1rem;
}

.menu-item-title mark {
    font-size: 1.6rem;
}

.menu-item-price {
    font-size: 1.25em;
    text-align: right;
}

.menu-item-discription {
    letter-spacing: 0.05em;
    line-height: 1.43em;
    margin: 1rem 0 0;
}

.menu-item-price-box {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 2rem;
    margin: 1rem 0 0;
}

.menu-item-label {
    font-size: 1.125em;
    letter-spacing: 0.05em;
    line-height: 1.44em;
    color: #fff;
    background: #574E44;
    padding: 0.3rem 0.7rem 0.2rem;
}

.menu-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.menu-title {
    font-family: var(--fontB);
    font-size: 8rem;
    line-height: .75em;
    letter-spacing: -0.08em;
}

.menu-sub-title {
    font-family: var(--fontB);
    font-size: 3rem;
    color: var(--secondary);
    line-height: .75em;
    letter-spacing: -0.08em;
    margin: 3rem 0 0;
}

.menu-body {
    max-width: 102rem;
    width: 100%;
    margin: 5.5rem auto 0;
}

.menu-list-text-box {
    margin: 4rem 0 0;
    grid-column: 1 / -1;
    font-size: 120%;
}

.menu-list-text-box-border {
    margin: 8rem 0 0;
    padding: 8rem 0 0;
    border-top: 1px dashed var(--black);
}

.menu-list-item {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    background-image: repeating-linear-gradient(to right, rgb(31 31 31 / 40%) 0 0.5rem, transparent 0.5rem 0.8rem);
    background-position: 0 100%;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    padding: 1.5rem 0;
}

.menu-list-name {
    flex: 1;
}

.menu-list-price {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: right;
}

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

@media screen and (width <=1220px) {

    .fooddrinkLeadImg02 {
        width: 60%;
    }

    .fooddrinkLeadImg04 {
        width: 50%;
    }

    .foodDrinkPopularTxtBx {
        width: 75%;
    }

}

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

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

@media screen and (width <=1024px) {

    .img-deco01:before {
        border-radius: 3rem;
    }

    .img-rounded01>img {
        border-radius: 3rem;
    }

    .fooddrinkLineup {
        padding: 12rem 0 0;
    }

    /* ==========================================
    ==========================================
    FOOD・DRINKページ
    ==========================================
    ========================================== */

    .fooddrinkLead {
        padding: 8rem 0;
    }

    .fooddrinkLeadBx {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .fooddrinkLeadImgBx01 {
        position: static;
        flex-direction: row;
        justify-content: space-between;
        gap: 1rem;
        aspect-ratio: unset;
        width: 100%;
        max-width: none;
        margin: 0 auto;
    }

    .fooddrinkLeadImg01 {
        width: 45%;
        transform: rotate(-15deg);
    }

    .fooddrinkLeadImg02 {
        width: 45%;
        margin: 0;
        transform: rotate(15deg);
    }

    .fooddrinkLeadImgBx02 {
        position: static;
        flex-direction: row;
        justify-content: space-between;
        gap: 1rem;
        aspect-ratio: unset;
        width: 100%;
        max-width: none;
        margin: 0 auto;
        order: 5;
    }

    .fooddrinkLeadImg03 {
        width: 45%;
        transform: rotate(-15deg);
    }

    .fooddrinkLeadImg04 {
        width: 45%;
        margin: 0;
        transform: rotate(15deg);
    }

    .fooddrinkLeadTxtBx {
        margin: 4rem auto 0;
    }

    .fooddrinkCommitmentBx {
        margin: 3rem 0 0;
        gap: 5.5rem;
    }

    .fooddrinkCommitmentItem {
        width: 100%;
    }

    .fooddrinkCommitmentItemPoint01 {
        font-size: 3rem;
    }

    .fooddrinkCommitmentItemPoint02 {
        font-size: 6rem;
    }

    .fooddrinkCommitmentItemTit {
        font-size: 2.5rem;
    }

    .fooddrinkCommitmentItemTxt {
        font-size: 1.6rem;
    }

    .fooddrinkLineupDeco {
        right: 1rem;
        top: -6rem;
    }

    .foodDrinkPopularFukidashi {
        width: 35%;
    }

    .fooddrinkPickFl {
        flex-direction: column;
        align-items: center;
        gap: 10rem;
    }

    .fooddrinkPickFlL {
        width: 100%;
    }

    .fooddrinkPickFlR {
        width: 100%;
    }

    .foodDrinkPopular {
        padding: 20rem 0 0;
    }

    .foodDrinkPopularIn {
        flex-direction: column;
        align-items: center;
        gap: 4rem;
    }

    .foodDrinkPopularItem {
        flex-direction: column;
        align-items: center;
    }

    .foodDrinkPopularItem {
        width: 100%;
    }

    .foodDrinkLunchItemImg {
        border-radius: 2.5rem;
    }

    .foodDrinkLunchSubtit {
        font-size: clamp(2.2rem, 2.006rem + 0.828vw, 3rem);
        gap: 1rem;
    }

    .foodDrinkLunchItem {
        gap: 1rem;
    }

    .foodLunchMenuFl {
        margin: 16rem 0 0;
        gap: 8rem;
    }

    .foodLunchTxt {
        bottom: 2rem;
        right: 2rem;
    }

    .foodLunchMenuTxtFl {
        max-width: max-content;
        flex-direction: column;
        align-items: flex-start;
    }


    .foodLunchMenuImg02s {
        border-radius: 2.5rem;
    }

    .foodDrinkGuid {
        padding: 9rem 0 18rem;
    }

    .foodDrinkGuidItemChargeBx {
        gap: 1rem 2rem;
    }

    /* ==========================================
    ==========================================
    SWEETSページ
    ==========================================
    ========================================== */

    /* ==========================================
    冒頭
    ========================================== */

    .lead-area {
        flex-direction: column;
    }

    .lead-img-block {
        max-width: 100%;
        width: 100%;
    }

    .lead-img01 {
        padding: 3rem 2rem;
        margin: 0 0 0 auto;
    }

    .lead-text-block {
        max-width: 100%;
        width: 100%;
    }

    .lead-text>br {
        display: none;
    }

    .lead-btn-box {
        margin: 4rem auto 0;
    }

    /* ==========================================
    モーダル
    ========================================== */

    .menu-frame {
        padding: 10rem 1.5rem 8rem;
    }

    .menu-body {
        margin: 4rem auto 0;
    }

    .menu-list {
        gap: 0 6rem;
    }

}

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

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

@media screen and (width <=768px) {

    /* ==========================================
    ==========================================
    FOOD・DRINKページ
    ==========================================
    ========================================== */

    .fooddrinkCommitmentBx {
        flex-direction: column;
        align-items: center;
    }

    .fooddrinkLineupBx {
        padding: 12rem 2rem;
    }

    .fooddrinkLineupBtnBx {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }

    .foodDrinkPopularFukidashi {
        top: -16rem;
        width: 50%;
    }

    .foodDrinkPopularBx {
        border-radius: 2.5rem;
    }

    .foodDrinkPopularItemImg {
        border-radius: 2.5rem;
    }

    .foodDrinkLunchFl {
        flex-direction: column;
        align-items: center;
        gap: 4rem;
        width: 100%;
    }

    .foodDrinkLunchItem {
        width: 100%;
    }

    .foodDrinkLunchItemImg {
        border-radius: 2.5rem;
    }

    .foodDrinkLunchSubtit {
        font-size: 2rem;
        margin: 6rem auto 0;
    }

    .foodLunchMenuFl {
        flex-direction: column;
        align-items: center;
        gap: 3rem;
    }

    .foodLunchMenuFlL {
        width: 100%;
    }

    .foodLunchMenuFlR {
        display: contents;
        width: 100%;
        max-width: 72rem;
    }

    .foodLunchMenuTxtBx {
        display: contents;
        margin: 0 auto;
    }

    .foodLunchMenuTitBx {
        order: -1;
    }

    .foodLunchMenuTxtFl {
        margin: 0;
    }

    .foodDrinkFl {
        flex-direction: column;
        align-items: center;
        gap: 4rem;
        margin: 8rem 0 0;
    }

    .foodDrinkFlL,
    .foodDrinkFlR {
        width: 100%;
        max-width: 70rem;
    }

    .foodDrinkTxtIIn .btn01.menu-btn {
        margin: 4rem auto 0;
    }

    .foodDrinkGuid {
        padding: 7rem 0 16rem;
    }

    .foodDrinkGuidBx {
        border-radius: 2.5rem;
    }

    .foodDrinkGuidItemChargeTxt {
        padding: 0;
    }

    .foodDrinkGuidItemTxt {
        padding: 0;
    }

    /* ==========================================
    PICKUP MENU
    ========================================== */

    .pick-wrapper {
        padding-top: 10rem;
    }

    .pick-text-area {
        margin: 3rem 0 0;
    }

    .pick-group {
        margin: 6rem auto 0;
    }

    .pick-area {
        flex-direction: column;
    }

    .pick-area:not(:first-child) {
        margin: 5rem 0 0;
    }

    .pick-img-block {
        width: 100%;
    }

    .pick-text-block {
        width: 100%;
        margin: 5rem 0 0;
    }

    .fooddrinkPickFlL {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }

    .fooddrinkPickImg01 {
        width: 100%;
        border-radius: 2.5rem;
    }

    .fooddrinkPickImg01::before {
        display: none;
    }

    .fooddrinkPickTxtBx {
        position: static;
        width: 100%;
    }

    .fooddrinkPickImg02 {
        border-radius: 2.5rem;
    }

    .fooddrinkPickImg03 {
        border-radius: 2.5rem;
    }

    .fooddrinkLineupTxt {
        font-size: 1.45rem;
    }

    /* ==========================================
    DRINK
    ========================================== */

    .drink-wrapper {
        padding-top: 10rem;
    }

    .drink-area {
        flex-direction: column;
    }

    .drink-img-block {
        width: 100%;
    }

    .drink-text-block {
        width: 100%;
        margin: 5rem 0 0;
    }

    /* ==========================================
    モーダル
    ========================================== */

    .menu-frame {
        padding: 8rem 1.5rem 6rem;
    }

    .menu-title {
        font-size: 5rem;
    }

    .menu-sub-title {
        font-size: 2.4rem;
        margin: 2rem 0 0;
    }

    .menu-list {
        grid-template-columns: repeat(1, 1fr);
    }

}

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

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

@media screen and (width <=576px) {

    /* ==========================================
    冒頭
    ========================================== */

    .lead-btn-box {
        flex-direction: column;
        align-items: center;
        gap: 2.5rem;
    }

    .lead-img02 {
        width: 55%;
        margin: -8rem 0 0;
    }

    /* ==========================================
    PICKUP MENU
    ========================================== */

    .pick-title-box {
        gap: 2.5rem;
    }

    .pick-text-area {
        text-align: left;
    }

    .pick-img {
        padding: 2.2rem 1.5rem;
    }

    .pickSubtit {
        gap: 1.6rem;
    }

    .pickSubtit br {
        display: block;
    }

    /* ==========================================
    DRINK
    ========================================== */

    .drink-img {
        padding: 2.2rem 1.5rem;
    }

    /* ==========================================
    FOOD & DRINK
    ========================================== */

    .foodDrinkPopularItem {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }

    .foodDrinkPopularItemImg {
        width: 100%;
    }

    .foodDrinkPopularTxtBx {
        width: 95%;
        margin: -11rem 0 0 auto;
    }

    .foodDrinkPopularFukidashi {
        width: 70%;
        top: -13rem;
    }

    .menu-list-text-box-border {
        margin: 6rem 0 0;
        padding: 6rem 0 0;
    }

}

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