@charset "utf-8";

/* ==================================
header
===================================*/
/* wine sp */
.section--wine {
    padding: 72px 10%
}

.subttl {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.8;
    margin-top: 50px;
}

.subttl::before {
    content: "\\";
    margin-right: 2em;
}

.subttl::after {
    content: "/";
    margin-left: 2em;
}

.section__subtopic {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2;
    margin-top: 20px;
    margin-bottom: 50px;
}

.wine__item {
    text-align: center;
}

.wine__name {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2;
    margin-top: 30px;
}

.menu__txt {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2;
}

.wine__price {
    margin-top: 50px;
}

.wine__price img {
    display: block;
    margin: 0 auto;
}

.tarumenu__name {
    color: #420003;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.8;
    margin-top: 50px;
    text-align: center;
}

.tax-note {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.8;
    text-align: right;
}

.tarumenu__item,
.taru__price {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8;
}

.taru__price {
    text-align: right;
    border-bottom: 1px solid #ddd;
    margin-top: 20px;
}

.tarumenu_content:nth-of-type(2) .tarumenu__item {
    margin-top: 30px;
}

@media screen and (min-width: 769px) {

    /* wine */
    .section--wine {
        padding: 100px 8.3%;
    }

    .subttl {
        text-align: center;
        font-size: 2rem;
        font-weight: 700;
        line-height: 2;
        margin-top: 100px;
    }

    .section__subtopic {
        text-align: center;
        font-size: 3.6rem;
        font-weight: 500;
        line-height: 1;
        margin-top: 24px;
    }

    .wine {
        display: flex;
        gap: 20px;
        margin-top: 50px;
    }

    .wine__item {
        width: 379px;
    }

    .wine__name {
        text-align: center;
        font-size: 2rem;
        font-weight: 500;
        line-height: 1.8;
    }

    .menu__txt {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1.8;
        margin-top: 10px;
    }

    .subttl::before {
        content: "\\";
        margin-right: 2em;
    }

    .subttl::after {
        content: "/";
        margin-left: 2em;
    }

    .wine__price {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
        margin-top: 100px;
    }
}

/* pc 769px */

/* tarunama sp */
.tarunama {
    text-align: center;
    margin-top: 100px;
}

.tarunama_topic {
    color: #420003;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2;
    margin-top: 30px;
}

.tarunama_txt {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2;
    margin-top: 30px;
}

.menu-wrapper {
    padding: 50px 0;
}

.menu__title {
    color: #420003;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2;
}

.menu__subtitle {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2;
}

.menu_content {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #ddd;
}

.menu__name,
.menu__price {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2;
}

.menu__price {
    text-align: right;
    width: 100px;
}

.menu__title-note {
    display: flex;
    margin-top: 50px;
    gap: 0;
    justify-content: center;
}

.winemenu_list {
    margin-top: 30px;
}

.bottlewine_menu {
    background-color: #F5F2F0;
    padding: 50px 0;
    text-align: center;
    /* margin: 50px auto 0; */

}

.menu__block {
    margin-top: 50px;
}

.bottle__price {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.8;
    margin-top: 50px;
}

.menu__desc {
    text-align: center;
    font-size: 16px;
    line-height: 2;
    margin-top: 20px;
}

.sp-only {
    display: inline;
}

@media screen and (min-width: 769px) {

    /* tarunama */
    .tarunama_menu {
        margin-top: 95px;
    }

    .tarumenu__name {
        color: #420003;
        font-size: 2.8rem;
        font-weight: 700;
        line-height: 1;
        text-align: left;
    }

    .tax-note {
        font-size: 1.6rem;
        line-height: 1.8;
        text-align: right;
        margin-top: 10px;
    }

    .tarumenu__item,
    .taru__price {
        text-align: center;
        font-style: normal;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.8;
    }


    .tarumenu_content {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        margin-bottom: 50px;
        align-items: flex-end;
    }

    .tarumenu_content:nth-of-type(2) {
        margin-top: 30px;
    }

    .tarumenu__item,
    .taru__price {
        border-bottom: 1px solid #ddd;
    }

    .tarumenu__item {
        text-align: left;
        width: 40%;
    }

    .taru__price {
        width: 60%;
        text-align: right;
    }

    /* what's tarunama */
    .tarunama {
        text-align: center;
        max-width: 600px;
        margin: 100px auto 0;
    }

    .tarunama img {
        display: block;
        margin: 0 auto 10px auto;
        max-width: 100%;
    }

    .tarunama_topic {
        color: #420003;
        font-size: 2.8rem;
        font-weight: 700;
        line-height: 1;
    }

    .tarunama_txt {
        text-align: center;
        font-size: 1.6rem;
        line-height: 1.8;
        margin-top: 20px;
    }

    .menu-wrapper {
        display: flex;
        justify-content: space-between;
        gap: 100px;
        max-width: 1000px;
        margin: 92px auto 0;
    }

    .sparkling_menu,
    .glasswine_menu {
        flex: 1;
        /* 均等幅 */
    }

    .menu__title {
        color: #420003;
        font-size: 2.8rem;
        font-weight: 700;
        text-align: center;
        line-height: 1;
    }

    .menu__subtitle {
        font-size: 1.6rem;
        font-weight: normal;
    }

    .winemenu_list {
        margin-top: 50px;
    }

    .winemenu_list:nth-of-type(2) {
        margin-top: 15px;
    }

    .menu__title-note {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 50px;
        text-align: center;
        margin-top: 0;
    }

    .menu__flag {
        width: 60px;
        height: auto;
        margin-top: -20px;
    }

    .menu__name,
    .menu__price {
        padding: 6px 0;
        text-align: center;
        font-size: 1.6rem;
        line-height: 1.8;
        text-align: center;
        font-weight: 400;
        line-height: 1.8;
    }

    .menu__name {
        width: 80%;
    }

    .menu__price {
        width: 20%;
    }

    .menu__name {
        text-align: left;
    }

    .menu__price {
        text-align: right;
        white-space: nowrap;
    }

    .bottlewine_menu {
        padding: 50px 36px 47px 36px;
        background-color: #F5F2F0;
        text-align: center;
        margin: 50px auto 0;
        max-width: 600px;
        width: 530px;
    }

    .bottle__price {
        align-items: center;
        font-size: 2rem;
        font-weight: 500;
        line-height: 1.8;
        margin-top: 50px;
    }

    .menu_content {
        display: flex;
    }

    .menu__block {
        margin-top: 50px;
    }

    .menu__desc {
        text-align: center;
        font-size: 1.6rem;
        line-height: 1.8;
        margin-top: 20px;
    }

    .sp-only {
        display: none;
    }
}

/* pc769px */

/* others sp*/
.section--others {
    padding: 72px 10%
}

.menu__title {
    text-align: center;
}

.menu__title_en,
.menu__title_ja {
    display: block;
    text-align: center;
}

.menu__title_ja {
    color: #420003;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 50px;
}

.drinkmenu__list {
    margin-top: 50px;
}

.drink__menu {
    background-color: #F5F2F0;
    padding: 0 10px 50px;
    margin-top: 72px;
}

@media screen and (min-width: 769px) {
    .section--others {
        padding: 100px 8.3%;
    }

    .menu-wrapper {
        display: flex;
        justify-content: center;
        gap: 100px;
        max-width: 1000px;
        /* ここを調整すると行調整 */
        margin: 50px auto 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .drink__menu {
        background-color: #F5F2F0;
        padding: 50px 0 50px;
        margin-top: 100px;
    }

    .menu__title_ja {
        color: #420003;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1.8;
        margin-top: 10px;
    }

    .menu_content {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #ddd;
        padding: 6px 0;
    }

    .drinkmenu__list {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        gap: 15px;
        flex-direction: column;
    }
}

/* menu list sp */
.menu__list {
    margin-top: 30px;
}