@charset 'UTF-8';
/*
################################################################################
#                                                                              #
#  ページ個別                                                                  #
#                                                                              #
################################################################################
*/

.oshinagaki__title {
    margin-top : 180px;
    font-size : 3rem;
    letter-spacing : 0.5em;
    text-align : center;
}

.main-visual__body {
    position : relative;
    display : flex;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    height : 600px;
    line-height : 8rem;
    margin-top : 60px;
    font-family : "Noto Serif JP", serif;
    font-weight : 400;
    font-style : normal;
    font-size : 3rem;
    letter-spacing : 0.5rem;
    color : #fff;
    gap : 60px;
}

.main-visual__image {
    width : calc(100% - 20px);
    height : 100%;
    overflow : hidden;
    border-radius : 60px;
    text-align : center;
}

.main-visual__image--fit {
    max-width : 100%;
    height : 100%;
    vertical-align : bottom;
    object-fit : cover;
    object-position : center;
    border-radius : 60px;
}

.main-visual__text {
    position : absolute;
    top : initial;
    font-family : "Honoka Antique", "Noto Serif JP", serif;
    filter : drop-shadow(0 0 3px black);
}

.oshinagaki__notes {
    margin-top : 60px;
    text-align : center;
}


/*--- タブレット向け ---------------------------------------------------------*/
@media only screen and (max-width: 959px) {
}


/*--- モバイル向け -----------------------------------------------------------*/
@media only screen and (max-width: 480px) {
}


/*
################################################################################
#                                                                              #
#  メニュー内共通                                                              #
#                                                                              #
################################################################################
*/

.menu {
    width : 90%;
    max-width : 800px;
    margin : auto;
    margin-top : 100px;
    font-family : "Noto Serif JP", serif;
    font-size : 1.8rem;
}
.menu__title {
    width : 100%;
    max-width : 500px;
    margin : auto;
    margin-bottom : 5rem;
    padding : 1rem;
    border : solid 1px #000;
    text-align : center;
}
.menu__body {
    display : flex;
    width : 100%;
    margin-bottom : 1rem;
}
.menu__body::first-child {
    margin-top : 5rem;
}
.menu__item {
    display : flex;
    width : 50%;
    margin : 0.5rem 1rem 0.5rem;
    border-bottom : dotted 1px #aaa;
}
.menu__item--not {
    border-bottom : none;
}

.menu__name {
    width : 80%;
    line-height : 1em;
}
.menu__name--small {
    margin-top : 0.5rem;
    padding-left : 1.8rem;
    line-height : 1.75em;
    font-size : 1.25rem;
}
.menu__price {
    width : 20%;
    line-height : 1em;
    text-align : right;
}
.menu__notes {
    list-style-type : '※';
    width : 95%;
    max-width : 700px;
    margin : 3rem auto 0;
    font-size : 1.5rem;
}


/*--- タブレット向け ---------------------------------------------------------*/
@media only screen and (max-width: 959px) {

    .menu {}
    .menu__title {}
    .menu__body {}
    .menu__body::first-child {}
    .menu__item {}
    .menu__item:hover {}
    .menu__name {}
    .menu__name--small {}
    .menu__price {}
    .menu__notes {}

}


/*--- モバイル向け -----------------------------------------------------------*/
@media only screen and (max-width: 480px) {

    .menu {
        width : 96%;
        max-width : 96%;
        font-size : 1.4rem;
    }
    .menu__title {
        max-width : 100%;
        margin-bottom : 3rem;
        font-size : 1.7rem;
        letter-spacing : 0.15em;
    }
    .menu__body {
        flex-flow : column;
    }
    .menu__item {
        width : 80%;
        margin-left : auto;
        margin-right : auto;
    }
    .menu__notes {
        width : 85%;
        max-width : 85%;
        padding-left : 2rem;
        font-size : 1.2rem;
    }

}


/*
################################################################################
#                                                                              #
#  おにぎり                                                                    #
#                                                                              #
################################################################################
*/

.menu--onigiri {
    margin-top : 60px;
}
.menu__title--onigiri {}
.menu__body--onigiri {}
.menu__item--onigiri {}


/*--- タブレット向け ---------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    .menu--onigiri {}
    .menu__title--onigiri {}
    .menu__body--onigiri {}
    .menu__item--onigiri {}
}


/*--- モバイル向け -----------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .menu--onigiri {}
    .menu__title--onigiri {}
    .menu__body--onigiri {
        margin-bottom : 0;
    }
    .menu__item--onigiri {}
}


/*
################################################################################
#                                                                              #
#  御膳                                                                        #
#                                                                              #
################################################################################
*/

.menu--gozen {}
.menu__title--gozen {
    margin-bottom : 4rem;
}
.menu__body--gozen {}
.menu__item--gozen {
    padding-top : 1.5rem;
}


/*--- タブレット向け ---------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    .menu--gozen {}
    .menu__title--gozen {}
    .menu__body--gozen {}
    .menu__item--gozen {}
}


/*--- モバイル向け -----------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .menu--gozen {}
    .menu__title--gozen {}
    .menu__body--gozen {
        margin-bottom : 0;
    }
    .menu__item--gozen {}
}


/*
################################################################################
#                                                                              #
#  追加セット                                                                  #
#                                                                              #
################################################################################
*/

.menu--set {}
.menu__title--set {}
.menu__body--set {}
.menu__item--set {}


/*--- タブレット向け ---------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    .menu--set {}
    .menu__title--set {}
    .menu__body--set {}
    .menu__item--set {}
}


/*--- モバイル向け -----------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .menu--set {}
    .menu__title--set {}
    .menu__body--set {
        margin-bottom : 0;
    }
    .menu__item--set {}
}


/*
################################################################################
#                                                                              #
#  追加トッピング                                                              #
#                                                                              #
################################################################################
*/

.menu--topping {}
.menu__title--topping {}
.menu__body--topping {}
.menu__item--topping {}


/*--- タブレット向け ---------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    .menu--topping {}
    .menu__title--topping {}
    .menu__body--topping {}
    .menu__item--topping {}
}


/*--- モバイル向け -----------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .menu--topping {}
    .menu__title--topping {}
    .menu__body--topping {
        margin-bottom : 0;
    }
    .menu__item--topping {}
}


/*
################################################################################
#                                                                              #
#  単品メニュー                                                                #
#                                                                              #
################################################################################
*/

.menu--single {}
.menu__title--single {}
.menu__body--single {}
.menu__item--single {}


/*--- タブレット向け ---------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    .menu--single {}
    .menu__title--single {}
    .menu__body--single {}
    .menu__item--single {}
}


/*--- モバイル向け -----------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .menu--single {}
    .menu__title--single {}
    .menu__body--single {
        margin-bottom : 0;
    }
    .menu__item--single {}
}


/*
################################################################################
#                                                                              #
#  ランチタイム限定                                                            #
#                                                                              #
################################################################################
*/

.menu--lunch {}
.menu__title--lunch {}
.menu__body--lunch {}
.menu__item--lunch {}


/*--- タブレット向け ---------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    .menu--lunch {}
    .menu__title--lunch {}
    .menu__body--lunch {}
    .menu__item--lunch {}
}


/*--- モバイル向け -----------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .menu--lunch {}
    .menu__title--lunch {}
    .menu__body--lunch {
        margin-bottom : 0;
    }
    .menu__item--lunch {}
}


/*
################################################################################
#                                                                              #
#  ドリンク                                                                    #
#                                                                              #
################################################################################
*/

.menu--drink {}
.menu__title--drink {}
.menu__body--drink {}
.menu__item--drink {}


/*--- タブレット向け ---------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    .menu--drink {}
    .menu__title--drink {}
    .menu__body--drink {}
    .menu__item--drink {}
}


/*--- モバイル向け -----------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .menu--drink {}
    .menu__title--drink {}
    .menu__body--drink {
        margin-bottom : 0;
    }
    .menu__item--drink {}
}


/*
################################################################################
#                                                                              #
#  デザート                                                                    #
#                                                                              #
################################################################################
*/

.menu--dessert {}
.menu__title--dessert {}
.menu__body--dessert {}
.menu__item--dessert {}


/*--- タブレット向け ---------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    .menu--dessert {}
    .menu__title--dessert {}
    .menu__body--dessert {}
    .menu__item--dessert {}
}


/*--- モバイル向け -----------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .menu--dessert {}
    .menu__title--dessert {}
    .menu__body--dessert {
        margin-bottom : 0;
    }
    .menu__item--dessert {}
}


/*
################################################################################
#                                                                              #
#  甘酒                                                                        #
#                                                                              #
################################################################################
*/

.menu--amazake {}
.menu__title--amazake {}
.menu__body--amazake {}
.menu__item--amazake {}


/*--- タブレット向け ---------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    .menu--amazake {}
    .menu__title--amazake {}
    .menu__body--amazake {}
    .menu__item--amazake {}
}


/*--- モバイル向け -----------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .menu--amazake {}
    .menu__title--amazake {}
    .menu__body--amazake {
        margin-bottom : 0;
    }
    .menu__item--amazake {}
}


/*
################################################################################
#                                                                              #
#  アルコール                                                                  #
#                                                                              #
################################################################################
*/

.menu--alcohol {}
.menu__title--alcohol {}
.menu__body--alcohol {}
.menu__item--alcohol {}


/*--- タブレット向け ---------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    .menu--alcohol {}
    .menu__title--alcohol {}
    .menu__body--alcohol {}
    .menu__item--alcohol {}
}


/*--- モバイル向け -----------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .menu--alcohol {}
    .menu__title--alcohol {}
    .menu__body--alcohol {
        margin-bottom : 0;
    }
    .menu__item--alcohol {}
}


/*
################################################################################
#                                                                              #
#  テイクアウト                                                                #
#                                                                              #
################################################################################
*/

.menu--takeout {}
.menu__title--takeout {}
.menu__body--takeout {}
.menu__item--takeout {}


/*--- タブレット向け ---------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    .menu--takeout {}
    .menu__title--takeout {}
    .menu__body--takeout {}
    .menu__item--takeout {}
}


/*--- モバイル向け -----------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .menu--takeout {}
    .menu__title--takeout {}
    .menu__body--takeout {
        margin-bottom : 0;
    }
    .menu__item--takeout {}
}


/*----------------------------------------------------------------------------*/
/*  End of Files                                                              */
/*----------------------------------------------------------------------------*/