@charset "utf-8";
#l_wrapper{
    width: 100%;
    height: auto;
}
#hero{
    width: 100%;
    height: 100vh;
}
    .hero__inner{
        width: 100%;
        height: 100%;
        position: relative;
    }
        .hero__bg{
            width: 100%;
            height: 100%;
        }
            .hero__bg img{
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
            }
        .hero__logo{
            width: 22%;
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        .hero__heading{
            width: 67%;
            height: auto;
            position: absolute;
            left: 50%;
            bottom: calc((85 / 1280) * 100vw);
            transform: translateX(-50%);
        }
        .hero__scroll_contents{
            width: fit-content;
            height: auto;
            display: flex;
            flex-direction: column;
            row-gap: 9px;
            position: absolute;
            bottom: calc((106 / 1280) * 100vw);
            right: calc((64 / 1280) * 100vw);
        }
            .hero__scroll_contents_txt{
                writing-mode: vertical-rl;
                font-size: clamp(10px, 1vw, 14px);
                font-weight: 400;
                line-height: 1;
                letter-spacing: 0.15em;
                color: #FFFFFF;
            }
            .hero__scroll_contents_arrow{
                width: 12px;
                height: auto;
                transform: translateY(0);
                animation: hero__scroll_contents_arrow 1.4s infinite ease;
            }
            @keyframes hero__scroll_contents_arrow {
                0%{
                    transform: translateY(0);
                }
                50%{
                    transform: translateY(10px);
                }
                100%{
                    transform: translateY(0);
                }
            }
#about{
    width: 100%;
    height: auto;
}
    .about__inner{
        width: 70%;
        height: auto;
        margin: 0 auto;
        max-width: 872px;
    }
        .about__contents{
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            align-items: flex-start;
            padding: 106px 0 130px 0;
        }
            .about__heading{
                width: fit-content;
                height: auto;
                display: flex;
                flex-direction: row-reverse;
            }
                .about__heading_txt{
                    font-size: clamp(40px, 3vw, 30px);
                    font-weight: 400;
                    line-height: 1.2;
                    letter-spacing: 0.6em;
                    font-feature-settings: 'vert' on;
                    color: #232423;
                    writing-mode: vertical-rl;
                    padding-left: clamp(3px, 1vw, 13px);
                }
                .about__heading_txt:last-of-type{
                    padding: 0;
                }
            .about__dtl_wrap{
                display: flex;
                flex-direction: column-reverse;
                row-gap: 62px;
            }
                .about__dtl_image{
                    width: 85%;
                    height: auto;
                }
            .about__dtl{
                width: 100%;
                height: auto;
                padding-top: 158px;
            }
                .about__dtl_txt{
                    font-weight: 500;
                    font-size: clamp(14px, 1.3vw,16px);
                    line-height: 2;
                    letter-spacing: 0.15em;
                    color: #232423;
                }
#commitment{
    width: 100%;
    height: auto;
    position: relative;
}
#commitment::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #A29E95;
    mix-blend-mode: multiply;
}
    .commitment__inner{
        width: 82%;
        height: auto;
        margin: 0 auto;
        padding: 110px 0 130px 0;
        position: relative;
        z-index: 1;
        max-width: 1050px;
    }
        .commitment__heading{
            width: 100%;
            height: auto;
            padding-left: 25px;
        }
            .commitment__heading_main{
                font-size: clamp(30px, 3.2vw, 42px);
                font-weight: 400;
                line-height: 1.5;
                letter-spacing: -0.15em;
                font-feature-settings: 'vert' on;
                color: #FFFFFF;
            }
            .commitment__heading_sub{
                font-size: 12px;
                font-weight: 600;
                line-height: 2.2;
                letter-spacing: 0.2em;
                font-feature-settings: 'vert' on;
                color: #FFFFFF;
                padding-bottom: 40px;
            }
        .commitment__list{
            width: 100%;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            column-gap: 20px;
        }
#menu{
    width: 100%;
    height: auto;
}
    .menu__inner{
        width: 68%;
        height: auto;
        margin: 0 auto;
        max-width: 880px;
        padding: 100px 0;
    }
        .menu__ttl{
            width: 100%;
            height: auto;
        }
            .menu__ttl_main{
                width: 100%;
                height: auto;
                font-size: clamp(30px, 3vw, 42px);
                font-weight: 400;
                line-height: 1.5;
                text-align: center;
                letter-spacing: 0.12em;
                color: #232423;
            }
            .menu__ttl_sub{
                font-size: clamp(12px, 1vw, 12px);
                font-weight: 600;
                line-height: 2.2;
                text-align: center;
                letter-spacing: 0.2em;
                color: #232423;
                padding: 12px 0 48px 0;
            }
        .menu__image{
            width: 78.5%;
            height: auto;
            margin: 0 auto;
        }
        .menu__dtl_contents{
            width: 100%;
            height: auto;
        }
            .menu__dtl_contents_dt{
                width: 100%;
                height: auto;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 46px 0 20px 0;
                border-bottom: 1px solid #A0A0A0;
            }
                .menu__dtl_contents_name{
                    font-size: clamp(20px, 2.3vw, 30px);
                    font-weight: 400;
                    line-height: 1.8%;
                    letter-spacing: 0.12em;
                    color: #232423;
                }
                .menu__dtl_contents_price{
                    font-size: clamp(20px, 2.3vw, 30px);
                    font-weight: 400;
                    line-height: 1.8;
                    letter-spacing: 0.12em;
                    color: #232423;
                }
                    .menu__dtl_contents_price span{
                        font-size: clamp(12px, 0.9vw ,12px);
                        font-weight: 400;
                        line-height: 1.8;
                        letter-spacing: 0.12em;
                        color: #232423;
                    }
            .menu__dtl_contents_dd{
                width: 100%;
                height: auto;
                display: flex;
                align-items: center;
                padding: 20px 0 60px 0;
            }
                .menu__dtl_contents_dd_txt{
                    font-size: clamp(14px, 1vw, 14px);
                    font-weight: 400;
                    line-height: 1.8;
                    letter-spacing: 0.1em;
                    color: #232423;
                    padding-left: 30px;
                    position: relative;
                }
                .menu__dtl_contents_dd_txt:first-of-type{
                    padding-left: 0;
                }
                    .menu__dtl_contents_dd_txt::before{
                        content: "";
                        display: block;
                        width: 4px;
                        height: 4px;
                        border-radius: 50%;
                        background: #232423;
                        position: absolute;
                        top: 50%;
                        left: 13px;
                        transform: translateY(-50%);
                    }
                    .menu__dtl_contents_dd_txt:first-of-type::before{
                        display: none;
                    }  
        .menu__drink{
            width: 100%;
            height: auto;
            border: 1px solid #232423;
            border-radius: 10px;
        }
            .menu__drink_heading{
                width: 100%;
                height: auto;
                padding: 30px;
                cursor: pointer;
            }
                .menu__drink_heading_txt{
                    font-size: clamp(16px, 1.7vw ,22px);
                    font-weight: 400;
                    line-height: 1.8;
                    letter-spacing: 0.12em;
                    color: #232423;
                    position: relative;
                }
                .menu__drink_heading_txt::before{
                    content: "";
                    display: block;
                    width: 20px;
                    height: 1px;
                    background-color: #232423;
                    position: absolute;
                    top: 50%;
                    right: 48px;
                    transform: translateY(-50%);
                }
                .menu__drink_heading_txt::after{
                    content: "";
                    display: block;
                    width: 20px;
                    height: 1px;
                    background-color: #232423;
                    position: absolute;
                    top: 50%;
                    right: 48px;
                    transition: 0.4s;
                    transform: rotate(-90deg) translateY(-50%);
                }
                .active .menu__drink_heading_txt::after{
                    transform: rotate(0deg);
                }
            .menu__drink_container{
                display: none;
                width: 100%;
                height: auto;
                padding: 0 30px 30px 30px;
            }
                .menu__drink_contents_list{
                    width: 100%;
                    height: auto;
                    margin: 0 auto;
                }
                .menu__drink_contents_list:first-of-type{
                    border-bottom: 1px dashed #A0A0A0;
                    border-top:  1px solid #A0A0A0;
                }
                    .menu__drink_contents_list:first-of-type .menu__drink_item{
                        padding: 30px 0;
                    }
                    .menu__drink_item{
                        width: 82%;
                        height: auto;
                        margin: 0 auto;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding: 25px 0 0 0;
                    }
                    .menu__drink_item:last-of-type{
                        padding: 25px 0 15px 0;
                    }
                        .menu__drink_name{
                            font-size: clamp(14px, 1.1vw ,15px);
                            font-weight: 400;
                            line-height: 1.4;
                            letter-spacing: 0.2em;
                            color: #232423;
                        }
                            .menu__drink_name span{
                                padding: 1px 6px 2px 6px;
                                background-color: #959189;
                                border-radius: 2px;
                                font-size: clamp(12px, 0.9vw ,12px);
                                font-weight: 500;
                                line-height: 1.4;
                                letter-spacing: 0.04em;
                                color: #FFFFFF;
                                margin-left: 11px;
                            }
                        .menu__drink_price{
                            font-size: clamp(15px, 1.1vw, 15px);
                            font-weight: 400;
                            line-height: 1.4;
                            color: #232423;
                        }
                            .menu__drink_price span{
                                font-size: clamp(12px, 0.9vw, 12px);
                                font-weight: 400;
                                line-height: 1.4;
                                color: #232423;
                            }
#shop_info{
    width: 100%;
    height: auto;
    padding-bottom: 150px;
}
    .shop_info__inner{
        width: 90%;
        height: auto;
        margin: 0 auto;
        max-width: 1140px;
        position: relative;
        border-radius: 14px;
        overflow: hidden;
        padding: 60px 74px 80px 74px;
    }
        .shop_info__inner::before{
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            background-color: #A29E95;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            mix-blend-mode: multiply;
        }
            .shop_info__container{
                position: relative;
                z-index: 2;
            }
                .shop_info__ttl{
                    width: 100%;
                    height: auto;
                    position: relative;
                }
                    .shop_info__ttl_main{
                        font-size: clamp(30px, 3.2vw ,42px);
                        font-weight: 400;
                        line-height: 1.5;
                        text-align: center;
                        letter-spacing: 0.12em;
                        color: #FFFFFF;
                    }
                        .shop_info__ttl_sub{
                            font-size: clamp(12px, 0.9vw ,12px);
                            font-weight: 600;
                            line-height: 2.2;
                            text-align: center;
                            letter-spacing: 0.2em;
                            color: #FFFFFF;
                            padding: 2px 0 45px 0;
                        }
                .shop_info__contents{
                    width: 100%;
                    height: auto;
                    position: relative;
                }
                    .shop_info__contents_heading{
                        font-size: clamp(20px, 2vw ,26px);
                        font-weight: 400;
                        line-height: 1.5;
                        letter-spacing: 0.12em;
                        color: #FFFFFF;
                        padding: 0 27px 0 17px;
                        position: relative;
                    }
                        .shop_info__contents_heading::before{
                            content: "";
                            display: block;
                            width: 6px;
                            height: 6px;
                            background-color: #FFFFFF;
                            border-radius: 50%;
                            position: absolute;
                            top: 50%;
                            left: 0;
                            transform: translateY(-50%);
                        }
                        .shop_info__contents_dtl{
                            width: 100%;
                            height: auto;
                            display: flex;
                            column-gap: 90px;
                            padding: 27px 0 0 0;
                        }
                            .shop_info__contents_dtl_list{
                                width: 35%;
                            }
                            .shop_info__contents_dtl_list._largge{
                                width: 65%;
                            }
                                .shop_info__contents_dtl_item{
                                    display: flex;
                                    align-items: flex-start;
                                    column-gap: 40px;
                                    position: relative;
                                }
                                    .shop_info__contents_dtl_term{
                                        width: 105px;
                                        height: auto;
                                        font-size: clamp(14px, 1vw, 14px);
                                        font-weight: 500;
                                        line-height: 1.5;
                                        letter-spacing: 0.2em;
                                        color: #FFFFFF;
                                        position: relative;
                                        padding-top: 6px;
                                    }
                                    .shop_info__contents_dtl_item:first-of-type .shop_info__contents_dtl_term{
                                        padding-top: 0;
                                    }
                                        .shop_info__contents_dtl_term::after{
                                            content: "";
                                            display: block;
                                            width: 1px;
                                            height: 100%;
                                            position: absolute;
                                            top: 0;
                                            right: -19.5px;
                                            background-color: #FFFFFF;
                                        }
                                    .shop_info__contents_dtl_info{
                                        font-size: clamp(14px, 1vw, 14px);
                                        font-weight: 500;
                                        line-height: 1.5;
                                        letter-spacing: 0.2em;
                                        color: #FFFFFF;
                                        padding-top: 6px;
                                    }
                                    .shop_info__contents_dtl_item:first-of-type .shop_info__contents_dtl_info{
                                        padding-top: 0;
                                    }
/* SP ================================================== */
@media all and (max-width:820px){

}