@charset "utf-8";

/** ▼▼▼▼▼▼▼▼▼▼ farstview ▼▼▼▼▼▼▼▼▼▼ **/
#farstview {
    position: relative;
    display: flex;
    /**align-items: center;
    justify-content: center;**/
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    /**height: 600px;**/
    /**margin: 200px 0 0 0;**/
    margin: 0;
    padding-top: 79px;
    /**background: url(../images/bg_farst_01.png) no-repeat center center / cover;**/
    background: #000000;
}

#farstview ul.farstview_iner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 1020px;
    /**height: 100vh;**/
    aspect-ratio: 16 / 9;
    /**height: 600px;**/
    margin: 0 auto;
    padding: 0;
    background: url(../toyonaga_images/logo_tate.svg) no-repeat center center;
    list-style: none;
    z-index: 10;
}

/**
#farstview ul.farstview_iner li {
    width: 1000px;
}
**/

#farstview ul.farstview_iner li h2 {
    font-family: "Zen Old Mincho", serif;
    font-size: 2.71em;
    font-weight: 500;
    font-style: normal;
    writing-mode: vertical-rl;
    color: #FFFFFF;
    letter-spacing: 0.06em;
    line-height: 210%;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 1);
}

#farstview video {
    position: absolute;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    z-index: 0;
}
/** ▲▲▲▲▲▲▲▲▲▲ farstview ▲▲▲▲▲▲▲▲▲▲ **/

/** ▼▼▼▼▼▼▼▼▼▼ about ▼▼▼▼▼▼▼▼▼▼ **/
#about {
    /**position: relative;**/
    padding: 50px 0 175px 0;
    background: url(../toyonaga_images/bg_about_00.png) no-repeat top 0 center / cover;
}

#about ul.about_inner_01 {
    display: flex;
    flex-direction: column;
    width: 85%;
    height: 620px;
}

#about ul.about_inner_01 li:nth-child(1) {
    width: 100%;
    height: 20px;
    background: url(../toyonaga_images/bg_about_02.png) no-repeat center center / cover;
}

#about ul.about_inner_01 li:nth-child(2) {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    width: 100%;
    height: 530px;
    padding-top: 70px;
    background: url(../toyonaga_images/bg_about_01.png) no-repeat center right 330px / cover;
}

#about ul.about_inner_01 li:nth-child(2) p {
    margin-right: 70px;
    font-family: "Zen Old Mincho", serif;
    font-size: 1.14em;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.1em;
    line-height: 200%;
    writing-mode: vertical-rl
}

#about h2 {
    /**position: absolute;
    top: 0;
    right: 60px;**/
    /**display: block;**/
    /**transition: .3s;**/
    /**transform: scale(1);**/
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /**width: 40px;
    height: 150px;
    padding: 15px 0 0 0;**/
    /**list-style: none;**/
    /**clip-path: polygon(0 0,100% 0,100% 93%,50% 100%,0 93%);
    background: #B5452C;**/
}

#about ul.about_inner_02 {
    /**
    display: flex;
    width: 85%;
    height: 300px;
    margin: -80px 0 0 auto;
    background: url(../images/bg_about_03.png) no-repeat center center / cover;
    **/
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
}

#about > ul.about_inner_02 > li:nth-child(1) {
    /**position: absolute;**/
    position: relative;
    width: 565px;
    /**margin: 105px 0 0 12%;**/
    margin-left: -120px;
    padding: 0 0 35px 35px;
    background: url(../toyonaga_images/bg_about_04.png) no-repeat center center / cover;
    z-index: 10;
}

#about ul.about_inner_02 li:nth-child(1) h3 {
    margin: -45px 0 0 -40px;
}

#about ul.about_inner_02 li:nth-child(1) h4 {
    margin: 58px 0 0 0;
}

#about ul.about_inner_02 li:nth-child(1) p {
    margin: 20px 0 0 0;
}

#about ul.about_inner_02 li:nth-child(1) div {
    
    position: absolute;
    top: -50px;
    right: -155px;
    
    width: 240px;
    /**margin: -50px -155px 0 0;**/
    text-align: center;
    font-size: 2.14em;
    letter-spacing: 0.1em;
    line-height: 150%;
}

#about ul.about_inner_02 li:nth-child(1) div span {
    margin-right: 10px;
    font-size: 0.4em;
    letter-spacing: 0.2em;
}

#about > ul.about_inner_02 > li:nth-child(2) {
    position: absolute;
    right: 0;
    width: 85%;
    height: 300px;
    margin: -80px 0 0 auto;
    background: url(../toyonaga_images/bg_about_03.png) no-repeat center center / cover;
    z-index: 0;
}

#about ul.about_inner_03 {
    /**
    position: relative;
    display: flex;
    width: 85%;
    height: 370px;
    margin: 350px auto 0 0;
    background: url(../images/bg_about_05.png) no-repeat center center / cover;
    **/
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 120px 0 0 0;
}

#about ul.about_inner_03 li:nth-child(1) {
    position: relative;
    width: 500px;
    /**margin: 0 0 0 47%;**/
    padding: 0 0 0 220px;
    z-index: 10;
}

#about ul.about_inner_03 li:nth-child(1) h3 {
    margin: -47px 0 0 0;
}

#about ul.about_inner_03 li:nth-child(1) h4 {
    margin: 50px 0 0 0;
}

#about ul.about_inner_03 li:nth-child(1) p {
    margin: 25px 0 0 0;
}

#about ul.about_inner_03 li:nth-child(1) div {
    position: absolute;
    top: -50px;
    left: 0;
    width: 180px;
    text-align: center;
    font-size: 1.42em;
    letter-spacing: 0.1em;
    line-height: 150%;
}

#about ul.about_inner_03 li:nth-child(1) div span {
    margin-right: 10px;
    font-size: 0.6em;
    letter-spacing: 0.2em;
}

#about ul.about_inner_03 li:nth-child(2) {
    position: absolute;
    left: 0;
    display: flex;
    width: 85%;
    height: 370px;
    background: url(../toyonaga_images/bg_about_05.png) no-repeat center center / cover;
    z-index: 0;
}

#about ul li img {
    width: 100%;
}
/** ▲▲▲▲▲▲▲▲▲▲ about ▲▲▲▲▲▲▲▲▲▲ **/

/** ▼▼▼▼▼▼▼▼▼▼ menu ▼▼▼▼▼▼▼▼▼▼ **/
#menu {
    position: relative;
    padding: 180px 0 160px 0;
    background: /**#F3EACB **/url(../toyonaga_images/bg_menu.png) no-repeat center center / cover;
}

#menu div.photo_01 {
    position: absolute;
    top: -300px;
    right: 0;
    width: 360px;
    height: 360px;
}

#menu div.photo_02 {
    position: absolute;
    top: -50px;
    left: 0;
    width: 570px;
    height: 570px;
    z-index: 0;
}

#menu h2 {
    position: absolute;
    top: -124px;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    width: 246px;
    height: 250px;
    padding-top: 4px;
    background: url(../toyonaga_images/bg_menu_00.svg) no-repeat top 0 center;
    letter-spacing: 0.02em;
    z-index: 10;
}

#menu ul.menu_inner_01 {
    position: relative;
    display: flex;
    /**justify-content: space-between;**/
    justify-content: center;
    /**width: 1020px;**/
    width: 100%;
    margin: 0 auto;
}

/**#menu ul.menu_inner_01 li:nth-child(1) {
    position: absolute;
    top: -230px;
    left: 0;
    width: 570px;
    height: 570px;
    line-height: 0;
    z-index: 0;
}**/

#menu ul.menu_inner_01 li:nth-child(1) {
    /** width: 480px; **/
    width: 100%;
    margin-bottom: 80px;
    text-align: center;
}

#menu ul.menu_inner_01 li:nth-child(1) p {
    margin-top: 28px;
}

#menu ul.menu_inner_02 {
    display: flex;
    justify-content: space-between;
    width: 1020px;
    margin: 0 auto;
}

#menu ul.menu_inner_02 li:nth-child(1) {
    width: 330px;
    padding-left: 150px;
}

#menu ul.menu_inner_02 li:nth-child(1) h4 {
    margin-top: 30px;
}

#menu ul.menu_inner_02 li:nth-child(1) h5 {
    margin-top: 11px;
}

#menu ul.menu_inner_02 li:nth-child(1) p {
    margin-top: 20px;
}

#menu ul.menu_inner_02 li:nth-child(2) {
    width: 50%;
    line-height: 0;
}

#menu h4 {
    margin: 65px auto 0 auto;
    padding: 0;
    text-align: center;
}

#menu ul.menu_inner_03 {
    display: flex;
    justify-content: space-between;
    width: 720px;
    margin: 15px auto 0 auto;
}

#menu ul.menu_inner_03 li {
    width: 330px;
}

#menu ul.menu_inner_03 h5 {
    margin-top: 25px;
}

#menu ul.menu_inner_03 p {
    margin-top: 20px;
}

#menu ul.menu_inner_04 {
    display: flex;
    justify-content: space-between;
    width: 1050px;
    margin: 65px auto 0 auto;
    padding-left: 165px;
}

#menu ul.menu_inner_04 > li:nth-child(1) {
    width: 330px;
}

#menu ul.menu_inner_04 > li:nth-child(2) {
    width: 495px;
    margin-top: -10px;
}

#menu ul.menu_inner_04 > li:nth-child(2) p {
    margin-top: 20px;
}

#menu ul.menu_inner_04 ul.drink {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 65px auto 0 auto;
}

#menu ul.menu_inner_04 ul.drink li {
    width: initial;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.28em;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 180%;
}
/** ▲▲▲▲▲▲▲▲▲▲ menu ▲▲▲▲▲▲▲▲▲▲ **/

/** ▼▼▼▼▼▼▼▼▼▼ shop ▼▼▼▼▼▼▼▼▼▼ **/
#shop {
    position: relative;
    padding: 70px 0 110px 0;
    background: url(../toyonaga_images/bg_shop_00.png) no-repeat bottom 0 center;
}

#shop ul:nth-child(1) {
    display: flex;
    justify-content: space-between;
    width: 1020px;
    margin: 0 auto;
}

#shop ul:nth-child(1) li:nth-child(1) {
    width: 360px;
}

#shop ul:nth-child(1) li:nth-child(1) img {
    margin: -150px 0 0 0;
}

#shop ul:nth-child(1) li:nth-child(2) {
    width: 510px;
}

#shop ul:nth-child(2) {
    display: flex;
    justify-content: space-between;
    width: 1020px;
    margin: -75px auto 0 auto;
    padding-left: 150px;
}

#shop ul:nth-child(2) li:nth-child(1) {
    width: 600px;
}

#shop ul:nth-child(2) li:nth-child(1) p {
    margin-top: 35px;
}

#shop ul:nth-child(2) li:nth-child(2) {
    width: 210px;
    margin: 120px 0 0 0;
}

#shop ul:nth-child(2) li:nth-child(2) img {
    margin: 0 0 0 60px;
}

#shop ul:nth-child(3) {
    display: flex;
    justify-content: space-between;
    width: 720px;
    margin: 40px auto 0 auto;
}

#shop ul:nth-child(3) li {
    width: 330px;
}

#shop ul:nth-child(3) li h3 {
    margin-top: 25px;
}

#shop ul:nth-child(3) li p {
    margin-top: 20px;
    letter-spacing: 0.01em;
}

#shop div {
    width: 1020px;
    margin: 80px auto 0 auto;
    padding: 35px 0 60px 0;
    background: #FFFFFF;
    text-align: center;
}

#shop div h3 {
    /**display: flex;
    align-items: flex-start;**/
    height: 60px;
    font-family: "Zen Old Mincho", serif;
    font-size: 1.57em;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 218%;
    color: #000000;
    background: url(../toyonaga_images/bg_shop_01.png) no-repeat top 40px center;
}

#shop div p {
    margin: 20px 0;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.14em;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 200%;
    color: #000000;
}
/** ▲▲▲▲▲▲▲▲▲▲ shop ▲▲▲▲▲▲▲▲▲▲ **/

/** ▼▼▼▼▼▼▼▼▼▼ review ▼▼▼▼▼▼▼▼▼▼ **/
#review {background: url(../toyonaga_images/bg_shop_00.png) no-repeat bottom 0 center;padding: 0 0 80px;}
#review .in {position: relative;width: 1000px;margin: 0 auto 0 auto;box-sizing: border-box; padding: 60px 40px;text-align: center;border-radius: 20px;background: #FFFFFF;}
#review .in h2 {position: absolute;top: 0;right: 50px;display: flex;align-items: flex-start;justify-content: center;width: 40px;height: auto;padding: 0 0 0;}
#review .in h2 img {width: 40px;}
#review .in h3 {
    /**display: flex;
    align-items: flex-start;**/
    height: 60px;
    font-family: "Zen Old Mincho", serif;
    font-size: 1.57em;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 218%;
    color: #000000;
    background: url(../toyonaga_images/bg_shop_01.png) no-repeat top 40px center;
}
#review .in p {
    margin: 20px 0;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.14em;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 200%;
    color: #000000;}

#review .in div.review_inner {
    position: absolute;
    top: 265px;
    left: 50%;
    translate: -50% 0;
    width: 1200px;
}

#review .in a {
    font-size: 0.75em;
    font-weight: 500;
    transition: .3s;
    color: #000000;
}

#review .in a:hover {
    color: #666666;
}
#review .in .in_bottom {padding: 64px 0 0}
#review .in .in_bottom h3 {font-size: 24px;font-weight: 500;text-align: center;margin-bottom: 16px;}
#review .in .in_bottom p {font-size: 16px;font-weight: 500;text-align: center;line-height: 200%;margin: 0px;}
/** ▲▲▲▲▲▲▲▲▲▲ review ▲▲▲▲▲▲▲▲▲▲ **/

/** ▼▼▼▼▼▼▼▼▼▼ access ▼▼▼▼▼▼▼▼▼▼ **/
#access {
}

#access ul {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    height: 600px;
}

#access ul li:nth-child(1) {
    width: 50%;
}

#access ul li:nth-child(2) {
    width: 450px;
    margin-left: 40px;
    padding: 60px 0;
    color: #000000;
}

#access ul li:nth-child(2) img {
    width: 367px;
    height: auto;
}

#access ul li:nth-child(2) p {
    margin-top: 50px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.21em;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.04em;
    line-height: 188%;
    color: #000000;
}

#access ul li:nth-child(2) ul {
    display: flex;
    height: initial;
    margin-top: 20px;
}

#access ul li:nth-child(2) ul li {
    width: initial;
    margin: 0;
    padding: 0;
    color: #000000;
}
  
#access a.tel {
    display: flex;
    align-items: center;
    margin-top: 35px;
    font-family: "Roboto", sans-serif;
    font-size: 1.92em;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    letter-spacing: 0.02em;
    line-height: 100%;
    color: #000000;
}
  
#access a.tel:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 10px 0 0;
    border-radius: 50%;
    background: #b81c22 url(../toyonaga_images/icn_tel.svg) no-repeat center center;
}
  
#access span {
    margin-left: 42px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.85em;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0;
    line-height: 100%;
}
  
#access div {
    display: flex;
    justify-content: space-between;
    width: 380px;
    margin-top: 38px;
}
  
#access a.ask {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 185px;
    height: 40px;
    border-radius: 20px;
    background: #00285b;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.14em;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.1;
    line-height: 100%;
    color: #FFFFFF;
}
/** ▲▲▲▲▲▲▲▲▲▲ access ▲▲▲▲▲▲▲▲▲▲ **/



@media (max-width: 750px) {
    /** ▼▼▼▼▼▼▼▼▼▼ farstview ▼▼▼▼▼▼▼▼▼▼ **/
    #farstview {
        align-items: flex-start;
        padding-top: 0;
        aspect-ratio: 9 / 16;
    }

    /**#farstview ul.farstview_iner {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 95%;
        background: #f00 url(../images/logo_tate.svg) no-repeat center center / 35%;
    }**/

    /**
    #farstview ul.farstview_iner li {
        width: 1000px;
    }
    **/
    /**#farstview ul.farstview_iner li {background: #0F0;}**/

    /**#farstview ul.farstview_iner li h2 {
        font-family: "Zen Old Mincho", serif;
        font-size: 2.71em;
        font-weight: 500;
        font-style: normal;
        writing-mode: vertical-rl;
        color: #FFFFFF;
        letter-spacing: 0.06em;
        text-shadow: 3px 3px 10px rgba(0, 0, 0, 1);
        line-height: 200%;
        background: #00F;
    }**/

    #farstview div.farstview_iner {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 95%;
        margin: 100px auto 0 auto;
        background: url(../toyonaga_images/logo_tate.svg) no-repeat center center / 34%;
        z-index: 10;
    }
    #farstview div.farstview_iner h2 {
        font-family: "Zen Old Mincho", serif;
        font-size: 2.71em;
        font-weight: 500;
        font-style: normal;
        writing-mode: vertical-rl;
        color: #FFFFFF;
        letter-spacing: 0.06em;
        text-shadow: 3px 3px 10px rgba(0, 0, 0, 1);
        line-height: 200%;
    }

    #farstview video {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 9 / 16;
        z-index: 0;
    }
    /** ▲▲▲▲▲▲▲▲▲▲ farstview ▲▲▲▲▲▲▲▲▲▲ **/

    /** ▼▼▼▼▼▼▼▼▼▼ about ▼▼▼▼▼▼▼▼▼▼ **/
    #about {
        /**position: relative;**/
        padding: 100px 0 360px 0;
        background: url(../toyonaga_images/bg_about_00.png) no-repeat top 0 center / cover;
    }

    #about ul.about_inner_01 {
        /**display: flex;**/
        flex-direction: row;
        align-items: stretch;
        width: 95%;
        height: 530px;
    }

    #about ul.about_inner_01 li:nth-child(1) {
        width: 20px;
        height: 100%;
        background: url(../toyonaga_images/bg_about_02.png) center center / cover;
    }

    #about ul.about_inner_01 li:nth-child(2) {
        /**display: flex;**/
        /**flex-direction: row-reverse;
        align-items: flex-start;**/
        flex-direction: column;
        /**width: 100%;
        height: 530px;**/
        width: 100%;
        padding-top: 0;
        background: url(../toyonaga_images/bg_about_01_sp.png) no-repeat bottom 0 center / contain;
    }

    #about ul.about_inner_01 li:nth-child(2) p {
        margin-right: 0;
        margin-left: 5%;
        /**font-family: "Zen Old Mincho", serif;
        font-size: 1.14em;
        font-weight: 500;
        font-style: normal;
        letter-spacing: 0.1em;
        line-height: 200%;**/
        writing-mode: horizontal-tb;
    }

    #about h2 {
        /**position: absolute;
        top: 0;
        right: 60px;**/
        /**display: block;**/
        /**transition: .3s;**/
        /**transform: scale(1);**/
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-left: 5%;
        /**width: 40px;
        height: 150px;
        padding: 15px 0 0 0;**/
        /**list-style: none;**/
        /**clip-path: polygon(0 0,100% 0,100% 93%,50% 100%,0 93%);
        background: #B5452C;**/
    }

    #about ul.about_inner_02 {
        /**position: relative;
        display: flex;
        justify-content: center;
        width: 100%;**/
        margin-top: 70px;
        padding-top: 450px;
    }

    #about > ul.about_inner_02 > li:nth-child(1) {
        position: relative;
        width: 80%;
        margin: 0 auto;
        padding: 5%;
        background: url(../toyonaga_images/bg_about_04.png) no-repeat center bottom 0 / cover;
        /**z-index: 10;**/
    }

    #about ul.about_inner_02 li:nth-child(1) h3 {
        /**margin: -500px 0 500px -5%;**/
        position: absolute;
        top: -480px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        margin: 0;
        text-align: center;
    }

    #about ul.about_inner_02 li:nth-child(1) h4 {
        position: relative;
        margin: 0;
    }

    #about ul.about_inner_02 li:nth-child(1) p {
        margin: 20px 0 0 0;
    }

    #about ul.about_inner_02 li:nth-child(1) div {
        position: absolute;
        top: -430px;
        left: 50%;
        transform: translateX(-50%);
        /**width: 240px;
        text-align: center;
        font-size: 2.14em;
        letter-spacing: 0.1em;
        line-height: 150%;**/
    }

    /**#about ul.about_inner_02 li:nth-child(1) div span {
        margin-right: 10px;
        font-size: 0.4em;
        letter-spacing: 0.2em;
    }**/

    #about > ul.about_inner_02 > li:nth-child(2) {
        /**position: absolute;
        right: 0;**/
        top: -120px;
        width: 50%;
        height: 970px;
        margin: 0;
        background: url(../toyonaga_images/bg_about_03.png) no-repeat center center / cover;
        /**z-index: 0;**/
    }

    #about ul.about_inner_03 {
        position: relative;
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 70px 0 0 0;
    }

    #about ul.about_inner_03 li:nth-child(1) {
        /**position: relative;**/
        width: 100%;
        padding: 0;
        /**z-index: 10;**/
    }

    #about ul.about_inner_03 li:nth-child(1) h3 {
        margin: 0;
        width: 100%;
        text-align: center;
    }

    #about ul.about_inner_03 li:nth-child(1) h4 {
        margin: 340px auto 0 auto;
        width: 85%;
    }

    #about ul.about_inner_03 li:nth-child(1) p {
        margin: 25px auto 0 auto;
        width: 85%;
    }

    #about ul.about_inner_03 li:nth-child(1) div {
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
        /**width: 180px;
        text-align: center;
        font-size: 1.42em;
        letter-spacing: 0.1em;
        line-height: 150%;**/
    }

    /**#about ul.about_inner_03 li:nth-child(1) div span {
        margin-right: 10px;
        font-size: 0.6em;
        letter-spacing: 0.2em;
    }**/

    #about ul.about_inner_03 li:nth-child(2) {
        /**position: absolute;
        left: 0;**/
        top: 180px;
        /**display: flex;**/
        width: 95%;
        height: 500px;
        /**background: url(../images/bg_about_05.png) no-repeat center center / cover;
        z-index: 0;**/
    }

    /**#about ul li img {
        width: 100%;
    }**/
    /** ▲▲▲▲▲▲▲▲▲▲ about ▲▲▲▲▲▲▲▲▲▲ **/

    /** ▼▼▼▼▼▼▼▼▼▼ menu ▼▼▼▼▼▼▼▼▼▼ **/
    #menu {
        /**position: relative;
        padding: 180px 0 160px 0;**/
        padding: 120px 0 160px 0;
        background: #F3EACB url(../toyonaga_images/bg_menu_sp.png) no-repeat top 0 center;
    }

    #menu div.photo_01 {
        position: absolute;
        top: -340px;
        right: 0;
        width: 180px;
        height: 180px;
    }

    #menu h2 {
        /**position: absolute;
        top: -124px;
        left: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateX(-50%);
        width: 246px;
        height: 250px;
        padding-top: 4px;
        background: url(../images/bg_menu_00.svg) no-repeat top 0 center;
        letter-spacing: 0.02em;**/
        writing-mode: vertical-rl;
    }

    #menu ul.menu_inner_01 {
        /**display: flex;
        justify-content: space-between;**/
        flex-direction: column;
        align-items: center;
        width: 90%;
        /**margin: 0 auto;**/
    }

    /**#menu ul.menu_inner_01 li:nth-child(1) {
        width: 100%;
    }**/

    #menu ul.menu_inner_01 li:nth-child(1) {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 0;
    }

    #menu ul.menu_inner_01 li:nth-child(1) h3 {
        width: 90%;
        margin: 0 auto;
        padding: 30px 5% 55px 0;
        background: url(../toyonaga_images/bg_menu_02.png) no-repeat center center / cover;
        writing-mode: vertical-rl;
        text-align: left;
        /**text-align: center;**/
    }

    #menu ul.menu_inner_01 li:nth-child(1) p {
        /**margin-top: 28px;**/
        text-align: center;
    }

    #menu ul.menu_inner_02 {
        /**display: flex;
        justify-content: space-between;**/
        flex-direction: column-reverse;
        align-items: center;
        width: 90%;
        margin: 0 auto;
    }

    #menu ul.menu_inner_02 li:nth-child(1) {
        width: 100%;
        padding-left: 0;
    }

    #menu ul.menu_inner_02 li:nth-child(1) h4 {
        /**margin-top: 0;**/
        text-align: center;
    }

    #menu ul.menu_inner_02 li:nth-child(1) h5 {
        margin-top: 15px;
        text-align: center;
    }

    /**#menu ul.menu_inner_02 li:nth-child(1) p {
        margin-top: 20px;
    }**/

    #menu ul.menu_inner_02 li:nth-child(2) {
        width: 80%;
        /**line-height: 0;**/
    }

    #menu h4 {
        margin: 50px auto 15px auto;
        /**padding: 0;
        text-align: center;**/
    }

    #menu ul.menu_inner_03 {
        /**display: flex;
        justify-content: space-between;**/
        flex-direction: column;
        width: 90%;
        /**margin: 15px auto 0 auto;**/
    }

    #menu ul.menu_inner_03 li {
        width: 100%;
        text-align: center;
    }

    #menu ul.menu_inner_03 li:nth-child(2) {
        margin-top: 30px;
    }

    #menu ul.menu_inner_03 li img {
        width: 80%;
    }

    #menu ul.menu_inner_03 h5 {
        margin-top: 15px;
    }

    #menu ul.menu_inner_03 p {
        /**margin-top: 20px;**/
        text-align: left;
    }

    #menu ul.menu_inner_04 {
        /**display: flex;
        justify-content: space-between;**/
        flex-direction: column;
        width: 90%;
        margin: 80px auto 0 auto;
        padding-left: 0;
    }

    #menu ul.menu_inner_04 > li:nth-child(1) {
        width: 100%;
    }

    #menu ul.menu_inner_04 > li:nth-child(2) {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }

    #menu ul.menu_inner_04 > li:nth-child(2) p {
        /**margin-top: 20px;**/
        letter-spacing: -0.01em;
    }

    #menu ul.menu_inner_04 ul.drink {
        /**display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;**/
        margin: 50px auto 0 auto;
    }

    /**#menu ul.menu_inner_04 ul.drink li {
        width: initial;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 1.28em;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        line-height: 180%;
    }**/
    /** ▲▲▲▲▲▲▲▲▲▲ menu ▲▲▲▲▲▲▲▲▲▲ **/

    /** ▼▼▼▼▼▼▼▼▼▼ shop ▼▼▼▼▼▼▼▼▼▼ **/
    #shop {
        /**position: relative;**/
        padding: 70px 0 50px 0;
        /**background: url(../images/bg_shop_00.png) no-repeat bottom 0 center;**/
    }

    #shop ul:nth-child(1) {
        /**display: flex;
        justify-content: space-between;**/
        align-items: center;
        flex-direction: column;
        width: 100%;
        /**margin: 0 auto;**/
    }

    #shop ul:nth-child(1) li:nth-child(1) {
        width: 100%;
        line-height: 0;
    }

    #shop ul:nth-child(1) li:nth-child(1) img {
        margin: -155px 0 0 0;
    }

    #shop ul:nth-child(1) li:nth-child(2) {
        width: 90%;
        margin-top: 20px;
        line-height: 0;
    }

    #shop ul:nth-child(2) {
        /**display: flex;
        justify-content: space-between;**/
        width: 90%;
        margin: 20px auto 0 auto;
        padding-left: 0;
    }

    #shop ul:nth-child(2) li {
        text-align: center;
    }

    #shop ul:nth-child(2) li:nth-child(1) {
        width: 100%;
        margin-top: 10px;
    }

    #shop ul:nth-child(2) li:nth-child(1) p {
        margin-top: 25px;
    }

    #shop ul:nth-child(2) li:nth-child(2) {
        /**width: 210px;
        margin: 120px 0 0 0;**/
        display: none;
    }

    /**#shop ul:nth-child(2) li:nth-child(2) img {
        margin: 0 0 0 60px;
    }**/

    #shop ul:nth-child(3) {
        /**display: flex;
        justify-content: space-between;**/
        align-items: center;
        flex-direction: column;
        width: 90%;
        /**margin: 40px auto 0 auto;**/
    }

    #shop ul:nth-child(3) li {
        width: 100%;
        text-align: center;
    }

    #shop ul:nth-child(3) li:nth-child(2) {
        margin-top: 40px;
    }

    #shop ul:nth-child(3) li img {
        width: 80%;
    }

    #shop ul:nth-child(3) li h3 {
        margin-top: 10px;
    }

    #shop ul:nth-child(3) li p {
        margin-top: 10px;
        /**letter-spacing: 0.01em;**/
        text-align: left;
    }

    #shop div {
        width: 95%;
        /**margin: 80px auto 0 auto;**/
        /**padding: 35px 0 60px 0;**/
        /**background: #FFFFFF;
        text-align: center;**/
    }

    #shop div h3 {
        /**height: 60px;
        font-family: "Zen Old Mincho", serif;
        font-size: 1.57em;
        font-weight: 500;
        font-style: normal;
        text-align: center;
        letter-spacing: 0.1em;
        line-height: 218%;
        color: #000000;**/
        background: url(../toyonaga_images/bg_shop_01.png) no-repeat top 40px center / 95%;
    }

    /**#shop div p {
        margin-top: 20px;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 1.14em;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        text-align: center;
        letter-spacing: 0.1em;
        line-height: 200%;
        color: #000000;
    }**/
    /** ▲▲▲▲▲▲▲▲▲▲ shop ▲▲▲▲▲▲▲▲▲▲ **/

	/** ▼▼▼▼▼▼▼▼▼▼ review ▼▼▼▼▼▼▼▼▼▼ **/
	#review .in {position: relative;width: 90%;margin: 0 auto 0 auto;padding: 8% 5%;text-align: center;border-radius: 20px;background: #FFFFFF;}
	#review .in h3 {}
	#review .in p {font-size: 3.2vw;}

#review .in div.review_inner {
    position: absolute;
    top: 265px;
    left: 50%;
    translate: -50% 0;
    width: 1200px;
}

#review .in a {
    font-size: 0.75em;
    font-weight: 500;
    transition: .3s;
    color: #000000;
}

#review .in a:hover {
    color: #666666;
}
	#review .in .in_bottom {padding: 15% 0 0}
	#review .in .in_bottom h3 {font-size: 4.8vw;font-weight: 500;text-align: center;margin-bottom: 3%;}
	#review .in .in_bottom p {font-size: 3.2vw;font-weight: 500;text-align: center;line-height: 200%;margin: 0px;}
	/** ▲▲▲▲▲▲▲▲▲▲ review ▲▲▲▲▲▲▲▲▲▲ **/

    /** ▼▼▼▼▼▼▼▼▼▼ access ▼▼▼▼▼▼▼▼▼▼ **/
    #access {
    }

    #access > ul {
        /**display: flex;
        justify-content: flex-start;**/
        flex-direction: column-reverse;
        /**width: 100%;**/
        height: initial;
    }

    #access > ul > li:nth-child(1) {
        width: 100%;
        height: 625px;
    }

    #access ul li:nth-child(2) {
        width: 90%;
        margin: 0 auto;
        padding: 30px 0 60px 0;
        text-align: center;
        /**color: #000000;**/
    }

    #access ul li:nth-child(2) img {
        width: 90%;
        height: auto;
    }

    #access ul li:nth-child(2) p {
        margin-top: 20px;
        /**font-family: "Noto Sans JP", sans-serif;
        font-size: 1.21em;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
        letter-spacing: 0.04em;
        line-height: 188%;
        color: #000000;**/
    }

    #access ul li:nth-child(2) ul {
        /**display: flex;
        height: initial;**/
        width: 90%;
        margin-top: 10px;
        margin-left: 10%;
    }

    #access ul li:nth-child(2) ul li {
        /**width: initial;
        margin: 0;
        padding: 0;
        color: #000000;**/
        text-align: left;
    }

    #access a.tel {
        /**display: flex;
        align-items: center;
        font-family: "Roboto", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        font-variation-settings: "wdth" 100;
        letter-spacing: 0.02em;
        line-height: 100%;
        color: #000000;**/
        width: 220px;
        margin: 35px auto 0 auto;
        font-size: 2.3em;
    }

    /**#access a.tel:before {
        content: "";
        display: block;
        width: 32px;
        height: 32px;
        margin: 0 10px 0 0;
        border-radius: 50%;
        background: #b81c22 url(../images/icn_tel.svg) no-repeat center center;
    }**/

    #access span {
        margin-left: 0;
        /**font-family: "Noto Sans JP", sans-serif;
        font-size: 0.85em;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
        letter-spacing: 0;
        line-height: 100%;**/
    }

    #access div {
        /**display: flex;**/
        justify-content: center;
        margin-top: 20px;
        width: 100%;
    }

    #access a.ask {
        /**display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        border-radius: 20px;
        background: #00285b;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 1.14em;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        letter-spacing: 0.1;
        line-height: 100%;
        color: #FFFFFF;**/
        width: 48%;
    }
    /** ▲▲▲▲▲▲▲▲▲▲ access ▲▲▲▲▲▲▲▲▲▲ **/
}