@charset "UTF-8";





/*===================================================================================================================
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓TOPページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
=====================================================================================================================*/

.top_section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.top_section_img {
    margin-bottom: 30px;
}

.top_content {
    margin: 0 40px;
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.top_text {
    margin-bottom: 50px;
}

#fade-in-element {
    background-color: #AA1D1D;
    height: 100px;
}

/*【START】詳しくはこちら
===================================================================================*/

.common_top_btn_a::before {
    content: url(../images/common/common_btn_gold.png);
    position: absolute;
    top: -30px;
    left: -30px;
    z-index: -10;
}

.common_top_btn_a {
    display: flex;
    position: relative;
}

.common_top_btn_a::after {
    content: '';
    width: 100px;
    height: 10px;
    border-bottom: solid 1px;
    border-right: solid 1px;
    transform: skew(45deg);
    position: absolute;
    top: 20px;
    left: 50px;
}

.common_top_btn:hover {
    color: #AA1D1D;
}

/*===================================================================================
【END】詳しくはこちら*/


/*【START】キービジュアル
===================================================================================*/

/* 全体設定 */
.css-carousel-slider4 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.css-carousel-slider4 img {
    width: 100%;
    height: 80vh;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider4 .slide-wrap {
    width: 400%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider4 20s infinite;
    animation-delay: 2s;
}

.css-carousel-slider4 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main4 20s infinite;
    animation-delay: 2s;
}

.css-carousel-slider4 .slide {
    width: 100%;
}

.center.slide {
    margin-bottom: 60px;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider4 {
    0% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(calc(1 / 4 * -100%));
    }

    25% {
        transform: translateX(calc(1 / 4 * -100%));
    }

    45% {
        transform: translateX(calc(2 / 4 * -100%));
    }

    50% {
        transform: translateX(calc(2 / 4 * -100%));
    }

    70% {
        transform: translateX(calc(3 / 4 * -100%));
    }

    75% {
        transform: translateX(calc(3 / 4 * -100%));
    }

    95% {
        transform: translateX(calc(4 / 4 * -100%));
    }

    100% {
        transform: translateX(calc(4 / 4 * -100%));
    }
}

@keyframes css-carousel-slider-main4 {
    0% {
        transform: translateX(100%);
    }

    75% {
        transform: translateX(100%);
    }

    95% {
        transform: translateX(0%);
    }
}

/*===================================================================================
【END】キービジュアル*/


/*【START】お知らせ
===================================================================================*/

.top_information {
    margin-bottom: 60px;
    text-align: center;
}

.top_information_title {
    writing-mode: vertical-lr;
    font-size: clamp(1.5rem, 1.044rem + 1.95vw, 2rem);
    display: inline-block;
    letter-spacing: 0.2rem;

}

.top_information_title_span {
    color: #AA1D1D;
}

.top_information_title::before {
    content: '';
    display: block;
    width: 8px;
    height: 40px;
    background-color: #AA1D1D;
}

.top_information_item {
    max-width: 295px;
    margin: 50px auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top_information_p {
    display: inline-block;
}

/*===================================================================================
【END】お知らせ*/




/*【START】ご来店の方へ
===================================================================================*/
#section_announce>.common_item {
    margin-bottom: 100px;
}

.top_content_announce {
    width: 100%;
}

.reserve {
    margin-bottom: 30px;
}

.salse_detail {
    margin-bottom: 30px;
    /* width: 70%; */
}

.top_accsess {
    margin-bottom: 30px;
    width: 100%;
}

.date {
    margin-bottom: 20px;
    margin-left: 40px;
    margin-right: 40px;

}

.top_h4_subtitle {
    display: inline-block;
    font-size: clamp(1.125rem, 0.886rem + 1.02vw, 1.375rem);
    text-align: center;
}

.top_announce_content {
    margin-bottom: 100px;
}

.top_announce_subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3px;
}

.top_accsess {
    text-align: center;
    margin-bottom: 50px;
}

.reserve {
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 30px;
}

.salse_detail iframe {
    margin-bottom: 20px;
} */

.fujiwara_visual {
    margin-bottom: 30px;
    width: clamp(15.625rem, 8.929rem + 33.48vw, 25rem);
    display: block;
    margin: auto;
}

.top_subtitle {
    font-size: clamp(1.25rem, 0.534rem + 3.05vw, 2rem);
}

.top_subtitle>span {
    color: #D8BE7D;
    font-size: 25px;
}


.top_map {
    width: 100%;
}

.top_accsess iframe {
    width: 100%;
}

.underline { 
    background-image: linear-gradient(to right, rgb(177, 61, 61), rgb(177, 61, 61));
    background-position: center bottom;
    background-size: 100% 7%;
    background-repeat: no-repeat;
}



/*===================================================================================
【END】ご来店の方へ*/



/*【START】TOPページのレスポンシブ
===================================================================================*/

@media (min-width: 768px) {

    /* TOPのみヘッダー背景外す */
    .fixed_top_header {
        background-image: none;
        position: absolute;
    }

    /* TOPのみヘッダー文字色変更 */
    .list_area_nav_common_top_header a {
        color: #fff;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
        font-weight: normal;
    }

    /* 「詳しくはこちら」ボタンの金丸あしらい外す */
    .common_top_btn_a::before {
        display: none;
    }

    .common_btn_a_announce::before {
        display: block;
    }

    /* こだわり */
    .top_section_kodawari {
        display: grid;
        grid-template-columns: 70% 15% 15%;
        grid-template-rows: 10% 50% 30% 10%;
        justify-items: center;
        width: min(90%, 1166px);
        margin: 0 auto 100px auto;
    }

    .top_section_kodawari_img {
        width: 960px;
        height: 600px;
        grid-column: 1/3;
        grid-row: 1/4;
        justify-self: start;
        align-self: start;
    }

    .common_item_kodawari {
        grid-column: 3/4;
        grid-row: 2/3;
        justify-self: center;
        align-self: start;
    }

    .top_content_kodawari {
        grid-column: 2/4;
        grid-row: 3/5;
        justify-self: end;
        align-self: start;
        width: clamp(20.625rem, 15.625rem + 10.42vw, 28.125rem);
        height: clamp(15.625rem, 13.542rem + 4.34vw, 18.75rem);
        z-index: 10;
        background-image: url(../images/common/washi_background_img.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        box-shadow: 0px 0px 15px -5px #777777;
    }

    .top_text_kodawari {
        width: 295px;
        margin-bottom: 50px;
    }

    /* お品書き */
    .top_section_menu {
        display: grid;
        grid-template-columns: 15% 15% 70%;
        grid-template-rows: 10% 50% 30% 10%;
        justify-items: center;
        width: min(90%, 1166px);
        margin: 0 auto 100px auto;
    }

    .top_section_menu_img {
        width: 960px;
        height: 600px;
        grid-column: 2/4;
        grid-row: 1/4;
        justify-self: end;
        align-self: start;
    }

    .common_item_menu {
        grid-column: 1/2;
        grid-row: 2/3;
        justify-self: center;
        align-self: start;
    }

    .top_content_menu {
        grid-column: 1/3;
        grid-row: 3/5;
        justify-self: start;
        align-self: start;
        width: clamp(20.625rem, 15.625rem + 10.42vw, 28.125rem);
        height: clamp(15.625rem, 13.542rem + 4.34vw, 18.75rem);
        z-index: 10;
        background-image: url(../images/common/washi_background_img.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        box-shadow: 0px 0px 15px -5px #777777;
    }

    .top_text_menu {
        width: 295px;
        margin-bottom: 50px;
    }

    /* ご来店の方へ */
    .top_announce_content {
        display: flex;
        flex-direction: row-reverse;
    }

    .top_announce_content_text {
        display: flex;
        flex-direction: column;
        max-width: 655px;
    }

    #section_announce {
        margin-bottom: 200px;
    }

    .underline { 
        background-size: 100% 10%;
    } 

    .top_subtitle>span {
        font-size: 40px;
    }

    .salse_detail {
        width: 70%;
    }
    
    
}

/*===================================================================================
【END】TOPページのレスポンシブ*/

/*===================================================================================================================
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑TOPページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
=====================================================================================================================*/





/*===================================================================================================================
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓こだわりページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
=====================================================================================================================*/

/* 詳しくはこちらボタン */
.common_btn_a::before {
    content: url(../images/recommend/common_btn_gold.png);
    position: absolute;
    top: -30px;
    left: -30px;
    z-index: -10;
}

.common_btn_a {
    display: flex;
    position: relative;
}

.common_btn_a::after {
    content: '';
    width: 100px;
    height: 10px;
    border-bottom: solid 1px;
    border-right: solid 1px;
    transform: skew(45deg);
    position: absolute;
    top: 20px;
    left: 50px;
}

.common_btn:hover {
    color: #AA1D1D;
}

.common_btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    margin-top: 40px;
}

/* h3十字のあしらい➀ */
.plus_decoration_dark {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 16px;
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 2em;
    padding-left: 1.3em;
    border-top: solid 1px #81542D;
}

.plus_decoration_dark:before,
.plus_decoration_dark:after {
    content: '';
    position: absolute;
    top: -10px;
    width: 1px;
    height: -webkit-calc(100% + 20px);
    height: calc(100%+20px);
    background-color: #81542D;
}

.plus_decoration_dark:before {
    left: 10px;
}

.plus_decoration_dark:after {
    display: none;
}

.plus_decoration_dark p {
    margin: 0;
    padding: 0;
}


.plus_decoration_light {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 16px;
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 2em;
    padding-left: 1.3em;
    border-top: solid 1px #D8BE7D;
}

.plus_decoration_light:before,
.plus_decoration_light:after {
    content: '';
    position: absolute;
    top: -10px;
    width: 1px;
    height: -webkit-calc(100% + 20px);
    height: calc(100%+20px);
    background-color: #D8BE7D;
}

.plus_decoration_light:before {
    left: 10px;
}

.plus_decoration_light:after {
    display: none;
}

.plus_decoration_light p {
    margin: 0;
    padding: 0;
}

/* コンテンツ部分 */
.recommend_washi {
    background-image: url(../images/recommend/washi_background_img.jpg);
    background-repeat: repeat;
}

.recommend_container {
    position: relative;
    margin-bottom: 100px;
    padding-top: 30px;
}

.recommend_text h3 {
    margin-bottom: 30px;
}

.recommend_img {
    width: 100%;
}

.recommend_text p {
    margin: 0 45px 30px 45px;
}

.recommend_washi02 {
    background-image: url(../images/recommend/washi_background_koiimg.jpg);
    background-position: center;
    background-size: cover;
    margin: 0 45px 15px 45px;
}

.recommend_container02 {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
}

.recommend_mekiki {
    width: min(90%, 375px);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 0 auto 10px auto;
    padding: 10px;
}

.recommend_title_mekiki {
    border-left: solid 5px #AA1D1D;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 5px;
}


.recommend_mekiki_img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
}

.recommend_container02 p {
    width: min(90%, 375px);
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
}

/*【START】こだわりページのレスポンシブ
===================================================================================*/
/* メディアクエリ 768p以上*/
@media(min-width:768px) {
    .recommend_circle {
        background-image: url(../images/recommend/circle.jpg);
        background-position: center;
        background-size: cover;
        background-color: rgba(255, 255, 255, 0.6);
        background-blend-mode: lighten;
    }

    .recommend_container {
        display: grid;
        grid-template-columns: 10% 35% 20% 35%;
        grid-template-rows: 10% 35% 55%;
        width: min(90%, 1166px);
        margin: 0 auto;
        padding: 100px 0;
        align-items: center;
    }

    .recommend_text {
        display: contents;
    }

    .recommend_text>h3 {
        grid-column: 1/3;
        grid-row: 1/2;
        margin-top: 30px;
        margin-left: -30px;
        font-size: 24px;
    }

    .recommend_text>p {
        grid-column: 2/4;
        grid-row: 2/3;
        margin: 0;
    }

    .recommend_img {
        grid-column: 3/5;
        grid-row: 3/4;
        align-items: start;
        width: 100%;
        height: 100%;
        box-shadow: 5px 5px 5px 2px rgb(0 0 0 / 20%);
        aspect-ratio: 3/2;
    }

    .common_btn {
        grid-column: 2/3;
        grid-row: 3/4;
        justify-self: center;
        align-self: end;
        margin-bottom: 30px;
    }

    .recommend_container_reverse {
        grid-template-columns: 30% 25% 25% 15% 5%;
        grid-template-rows: 10% 35% 55%;
    }

    .recommend_text_reverse>h3 {
        grid-column: 4/5;
        grid-row: 1/2;
        margin-top: 30px;
        margin-left: -30px;
        justify-self: end;
    }

    .recommend_text_reverse>p {
        grid-column: 2/4;
        grid-row: 2/3;
        margin: 0;
    }

    .recommend_img_reverse {
        grid-column: 1/3;
        grid-row: 3/4;
        align-items: start;
        width: 100%;
        height: 100%;
    }

    .common_btn_reverse {
        grid-column: 3/5;
        grid-row: 3/4;
        justify-self: center;
        align-self: end;
        margin-bottom: 30px;
    }

    .recommend_owner {
        display: flex;
        width: min(90%, 1166px);
        margin: 0 auto 100px auto;
        gap: 30px;
    }

    .recommend_washi02 {
        margin: 0;
    }

    .recommend_mekiki_reverse {
        display: flex;
        flex-direction: row-reverse;
    }

    /* h3十字のあしらい➁ */
    .plus_decoration_light {
        padding: 0.5em 0.6em 2em 0.6em;
    }

    .plus_decoration_light:before {
        display: none;
    }

    .plus_decoration_light:after {
        display: inline-block;
    }
}

/*===================================================================================
【END】こだわりページのレスポンシブ*/


/*===================================================================================================================
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑こだわりページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
=====================================================================================================================*/


/*===================================================================================================================
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓お品書きページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
=====================================================================================================================*/

/* タイトルの下のご案内 */
.menu_introdection {
    position: relative;
    text-align: center;
    padding: 10px;
    margin-bottom: 60px;
}

.menu_introdection::before,
.menu_introdection::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 3px;
    /*ボーダー全体の高さ*/
    border-color: #D8BE7D;
    border-style: solid;
    z-index: -1;
}

.menu_introdection::before {
    top: 0;
    border-width: 3px 0 1px 0;
}

.menu_introdection::after {
    bottom: 0;
    border-width: 1px 0 3px 0;
}

.menu_introdection_text {
    margin: 30px 40px;
}

/* h3 */
.menu_h3 {
    padding: 0 0.5em;
    /*上下 左右の余白*/
    background: transparent;
    /*背景透明に*/
    border-left: solid 5px #AA1D1D;
    /*左線*/
    margin-bottom: 30px;
    font-size: 24px;
    margin-left: 40px;
    display: inline-block;
    position: relative;
}

.menu_h3 img {
    position: absolute;
    top: -10px;
    z-index: -1;
    right: -10px;
    opacity: 0.5;
}

/* コース */
.course {
    margin-bottom: 60px;
}

.course_container {
    margin: 0 40px;
}

/* コース、セットメニュー、飲み比べの写真の大きさ */
.course_container>img,
.setmenu_container>img,
.nomikurabe>img {
    margin-bottom: 20px;
    aspect-ratio: 3/2;
    width: 100%;

}

.course_container>img,
.setmenu_container>img {
    filter: drop-shadow(1px 1px 10px #0000002f);
}

.course_text {
    display: flex;
    flex-direction: column;

}

.course_text>p {
    margin-bottom: 5px;
}

.course_text>p>span {
    border: 1px solid #AA1D1D;
    padding: 0 8px;
    color: #AA1D1D;
    margin-bottom: 10px;

}

.menu_price {
    display: flex;
    column-gap: 30px;
}

.menu_price>h4,
.other_drink>h4 {
    margin-bottom: 10px;
    font-size: 20px;
}

.menu_contents {
    margin-bottom: 30px;
    font-size: 14px;
}

.menu_explanation {
    margin-bottom: 30px;
}

.setmenu_container {
    margin: 0 40px 30px;
}

/* ゴールド線下の注意書き */
.menu_coution {
    border-top: 1px solid #D8BE7D;
    padding-top: 10px;
    margin-bottom: 60px;
}

.menu_coution li {
    margin: 0 40px;
    list-style: none;
}

.indent {
    text-indent: -1em;
    padding-left: 1em;
}

/* ドリンク */
.drink {
    margin-bottom: 100px;
}

/* 暖簾 */
.noren {
    margin-bottom: 100px;
    z-index: -1;
    position: relative;
    filter: drop-shadow(3px 8px 10px #000);
}

.noren_text {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%);
    color: #fff;
    font-size: 20px;
    z-index: 1;
}

/* 日本酒 */
.japanese_sake_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 60px;
    width: max(60%, 300px);

}

.japanese_sake {
    margin-bottom: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/menu/menu_washi.jpg);
    z-index: -1;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 250px;
}

.japanese_sake img {
    position: absolute;
    width: 80px;
    z-index: 5;
    filter: drop-shadow(10px 10px 6px #000)
}

.japanese_sake_name {
    position: absolute;
    left: 10px;
    writing-mode: vertical-rl;
    letter-spacing: 0.2rem;
    margin: 10px;
    font-size: 20px;
}

.japanese_sake_explanation {
    position: absolute;
    right: 10px;
    writing-mode: vertical-rl;
    margin: 10px 10px 10px auto;
    font-size: 14px;
}

/* 飲み比べ 、その他ドリンク*/
.nomikurabe_other_drink {
    margin: 0 40px 30px;
    display: flex;
    flex-direction: column;
}

.nomikurabe img {
    box-shadow: 10px 10px #D8BE7D;
}

.other_drink table {
    width: 80%;
}

.other_drink table th {
    text-align: left;
    font-weight: normal;
}

.other_drink table td {
    text-align: end;
}

/*【START】お品書きページのレスポンシブ
===================================================================================*/
/* 768px未満の画面サイズ */
@media (min-width: 768px) {
    .menu_br {
        display: none;
    }

    .course_container>img,
    .setmenu_container>img {
        aspect-ratio: 3/2;
        width: 55%;
    }

    /* タイトルの下のご案内 */
    .menu_introdection {
        margin-bottom: 50px;
    }

    .menu_introdection_text {
        margin: 40px 100px;
    }

    .menu_title {
        width: min(90%, 1166px);
    }

    .menu_h3 {
        margin-bottom: 50px;
        font-size: 26px;
    }

    .course_text .nomikurabe_other_drink,
    h4 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .course_text,
    .setmenu_text {
        height: 300px;
        padding: 20px 10px 20px;
        box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.1);
        align-content: center;

    }

    .course_text span {
        font-size: 14px;
    }

    .menu_contents {
        font-size: 14px;
    }

    .menu_explanation {
        font-size: 16px;
    }

    .course {
        width: min(90%, 1166px);
        margin: 0 auto;

    }

    .course_container {
        margin-bottom: 100px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .course_container.reverse {
        flex-direction: row-reverse;
    }

    .course_text,
    .setmenu_text,
    .other_drink {
        margin: 0 auto;
        width: 40%;
    }

    .setmenu {
        width: min(90%, 1166px);
        margin: 0 auto 100px;
    }

    .setmenu_container {
        display: flex;
        align-items: center;
    }

    .setmenu_text {

        align-items: center;
    }

    /* ゴールド線下の注意書き */
    .menu_coution {
        padding: 20px 0 100px;
    }

    .menu_coution_list {
        max-inline-size: max-content;
        margin-inline: auto;
    }

    /* ドリンク */
    .drink>.menu_title {
        width: min(90%, 1166px);
        margin: auto;
    }

    /* 暖簾 */
    .noren {
        margin-bottom: 150px;
        position: relative;
        z-index: -1;
    }

    .noren_text {
        position: absolute;
        top: 38%;
        left: 50%;
        transform: translate(-50%);
        color: #fff;
        font-size: 32px;
    }

    .noren>img {
        width: 100vw;
    }

    /* 日本酒 */
    .japanese_sake_container {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(6, 1fr);
        gap: 20px;
        width: min(90%, 1166px);
        margin: 0 auto 80px;
    }

    .japanese_sake {
        height: 280px;
    }

    .japanese_sake_name {
        font-size: 24px;
        letter-spacing: 0.5rem;
    }

    .japanese_sake img {
        width: 100px;
    }

    .japanese_sake1 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
        grid-column-start: 2;
    }

    .japanese_sake2 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
        grid-column-start: 4;
    }

    .japanese_sake3 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
        grid-row-start: 3;
    }

    .japanese_sake4 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
        grid-column-start: 3;
        grid-row-start: 3;
    }

    .japanese_sake5 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
        grid-column-start: 5;
        grid-row-start: 3;
    }

    .japanese_sake6 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
        grid-column-start: 2;
        grid-row-start: 5;
    }

    .japanese_sake7 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
        grid-column-start: 4;
        grid-row-start: 5;
    }

    /* 飲み比べ、その他ドリンク */
    .nomikurabe_other_drink {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: min(90%, 1166px);
        margin: 0 auto 50px;
    }

    .nomikurabe>img {
        aspect-ratio: 3/2;
        width: 80%;

    }

    .nomikurabe>.menu_price {
        width: 80%;
    }

    .other_drink {
        width: 75%;
    }
}

/*===================================================================================
【END】お品書きページのレスポンシブ*/

/*===================================================================================================================
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑お品書きページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
=====================================================================================================================*/





/*===================================================================================================================
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓店舗情報ページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
=====================================================================================================================*/

/*【START】shopinfo ver
===================================================================================*/

:root {
    /* h3のmarginbottom 768pxのとき150px、1388pxのとき200px */
    --h3_bottom_size: clamp(6.25rem, 2.379rem + 8.0645vw, 9.375rem);

    /* sectionのmarginbottom 768pxのとき100px、1388pxのとき200px */
    --section_bottom_size: clamp(6.25rem, -1.4919rem + 16.129vw, 12.5rem);

    /* 本文のフォント　モバイル：16px、PC：18ｐｘ */
    --font_size_16_18: clamp(1rem, 0.8452rem + 0.3226vw, 1.125rem);
    /* 
    h3の文字　モバイル：24px、PC：32px */
    --font_size_24_32: clamp(1.5rem, 1.023rem + 2.04vw, 2rem);

}

/*===================================================================================
【END】shopinfo ver*/



/*【START】営業情報
===================================================================================*/

/* 太字なくす */
h2,
h3,
h4,
th {
    font-weight: normal;
}

.shop_inner {
    width: min(90%, 288px);
    margin-left: auto;
    margin-right: auto;
}


.sales_info {
    margin-bottom: var(--section_bottom_size);
    position: relative;
}

.sales_info_title h3 {
    font-size: var(--font_size_24_32);
    position: relative;
    margin-bottom: 40px;
    margin-top: -20px;
}

.sales_info::after {
    content: "";
    display: inline-block;
    top: -30px;
    left: 100px;
    background: url(../images/shopinfo/h3_title.png) center center no-repeat;
    background-size: contain;
    vertical-align: -1px;
    position: absolute;
    width: 100px;
    height: 100px;
}


/* tableのCSS */
.sales_info tr,
.sales_info th,
.sales_info_title span {
    display: block;
}

.table_design {
    text-align: left;
    border-bottom: 1px solid #949593;
    font-size: var(--font_size_16_18);
}

.table_design th {
    width: 100%;
    border-top: 1px solid #949593;
    padding-top: 10px;
    padding-bottom: 10px;
}

.table_design tr {
    padding-bottom: 10px;
}

.table_design span {
    font-size: clamp(0.875rem, 0.7202rem + 0.3226vw, 1rem);
    padding-top: 8px;
}

/*===================================================================================
【END】営業情報*/



/*【START】アクセス
===================================================================================*/

.access {
    margin-bottom: var(--section_bottom_size);
}

.access h3 {
    font-size: var(--font_size_24_32);
    position: relative;
    margin-bottom: 40px;
}

.h3_decoration_reverse::after {
    content: "";
    display: inline-block;
    top: -30px;
    left: 80px;
    background: url(../images/shopinfo/h3_title.png) center center no-repeat;
    background-size: contain;
    vertical-align: -1px;
    position: absolute;
    width: 100px;
    height: 100px;
    z-index: -1;
}


.map {
    height: 350px;
    background: url(../images/shopinfo/access_background.jpg);
    background-position: center;
    background-size: cover;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    margin-bottom: 30px;
}

.map img {
    width: 250px;
    height: 95%;
    margin: auto;
    display: block;
    object-fit: contain;
}

.map_ex {
    border-bottom: solid 1px #949593;
    width: 130px;
    padding-top: 1em;
}

.parking {
    display: inline-block;
    padding-top: 1em;
}

.map_attention {
    padding-top: 2em;
}

/*===================================================================================
【END】アクセス*/



/*【START】店舗のご案内
===================================================================================*/

.inside {
    margin-bottom: var(--section_bottom_size);
    position: relative;
}

.inside p .inside td .inside tt {
    font-size: var(--font_size_16_18)
}

.inside h3 {
    position: relative;
}

.inside::after {
    content: "";
    display: inline-block;
    top: -30px;
    left: 100px;
    background: url(../images/shopinfo/h3_title.png) center center no-repeat;
    background-size: contain;
    vertical-align: -1px;
    position: absolute;
    width: 100px;
    height: 100px;
}

.inside dt::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url(../images/shopinfo/hana.png) center center no-repeat;
    background-size: contain;
    vertical-align: -1px;
    opacity: 0.9;
}

.inside dd {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

.information dt::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 120px;
    height: 110px;
    left: 65%;
    background: url(../images/shopinfo/ribbon.png) center center no-repeat;
    vertical-align: -1px;
}

.information p {
    line-height: 1.7;
}

.information {
    margin-bottom: 30px;
}

/*===================================================================================
【END】店内のご案内*/


/*【START】店内の写真
===================================================================================*/


.inside_img {
    display: flex;
    padding: 0px 20px;
    overflow-x: scroll;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}

.inside_img li {
    flex-shrink: 0;
    width: 220px;
    margin-left: 30px;
    list-style: none;
}

.inside_img img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    filter: drop-shadow(4px 4px 2px #88857ea2);
}

.inside_img dl {
    margin-top: 20px;
}

.inside_img dd {
    line-height: 20px;
    margin-top: 10px;
    font-size: 14px;
}

.inside_area {
    margin-bottom: 30px;
}

/*===================================================================================
【END】店内の写真*/


/*【START】店舗情報ページのレスポンシブ
===================================================================================*/

@media (min-width: 768px) {


    /* 営業情報ここから PC
    ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


    .sales_info {
        width: min(90%, 1166px);
        display: flex;
    }

    .sales_info::after {
        top: 80px;
        left: 80px;
    }

    .sales_info_title {
        writing-mode: vertical-lr;
        width: 200px;
        margin-right: clamp(-2.5rem, 0.5968rem + -6.4516vw, -5rem);
        margin-top: -20px;
        margin-left: 100px;
        letter-spacing: 0.5em;
    }

    /* 十字のライン */

    /* 縦のライン */

    .sales_info_title h3::before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 110px;
        background-color: #D8BE7D;
        position: absolute;
        top: -45px;
        left: -20px;
    }

    /* 横のライン */

    .sales_info_title h3::after {
        content: "";
        display: block;
        width: 50px;
        height: 1px;
        background-color: #D8BE7D;
        position: absolute;
        top: -35px;
        left: -35px;
    }

    .h3_decoration_reverse::after {
        top: 110px;
        left: -10px;
    }



    /*　　★営業情報のtable PC版　
     ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

    .table_design {
        width: 70%;
    }

    .table_design tr {
        display: table-row;
    }

    .table_design th {
        display: table-cell;
        border-top: 1px solid #949593;
        padding-top: 20px;
        width: 15%;
    }

    .table_design td {
        display: table-cell;
        border-top: 1px solid #949593;
        width: 65%;
        padding-bottom: 20px;
    }

    .table_design::after {
        top: 80px;
        left: 30px;
    }

    /*　★　アクセスここから PC
    ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

    .access {
        width: min(90%, 1166px);
        display: flex;
        flex-direction: column;
        position: relative;
    }


    /* h3十字のあしらい　PCのみ表示 
    ==================================*/

    /* 縦のライン */

    .access h3::before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 110px;
        background-color: #D8BE7D;
        position: absolute;
        top: -45px;
        right: -25px;
    }

    .access h3::after {
        content: "";
        display: block;
        width: 50px;
        height: 1px;
        background-color: #D8BE7D;
        position: absolute;
        top: -35px;
        right: -35px;
    }

    .access h3 {
        margin-top: 50px;
        margin-left: 100px;
    }

    .access_title {
        writing-mode: vertical-lr;
        width: 170px;
        letter-spacing: 0.5em;
        position: absolute;
        right: 0;
    }

    .map {
        height: 550px;
        width: 100vw;
    }

    .map img {
        padding-top: 25px;
        width: 700px;
    }

    .map_attention {
        margin-left: clamp(3.125rem, -15.4556rem + 38.7097vw, 18.125rem);
    }



    /*  ★店内のご案内ここから PC
     ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

    .inside {
        width: min(90%, 1166px);
    }

    .inside::after {
        top: 100px;
    }

    /* 横線調整 */

    .inside_area .sales_info_title h3::after {
        top: -35px;
        left: -30px;
    }

    .inside_area {
        display: flex;
    }


    .inside_area .sales_info_title {
        letter-spacing: 0.2em;
    }

    .inside h3::after {
        top: 180px;
        left: 30px;
    }

    .information {
        margin-left: 30px;
    }

    .information dt::after {
        width: 150px;
        height: 130px;
    }


    /*店内のご案内の写真のエリア PC オーバーフロー → グリッドへ
     ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

    .inside_img {
        overflow: initial;
        width: 90%;
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        margin-left: auto;
        margin-right: auto;
        gap: 40px;
    }

    .insidephoto_area {
        position: relative;
    }

    .insidephoto_area::before {
        position: absolute;
        content: "";
        top: 10%;
        /* background-image: url(../images/shopinfo/washi01.jpg); */
        background-color: #f5f4f2;
        filter: drop-shadow(3px 3px 2px #b1afaaa2);
        width: 100%;
        height: 95%;
        z-index: -1;
    }

    .inside_img li {
        width: 100%;
        margin-left: 0;
    }

    .inside_img img {
        aspect-ratio: 3 / 2;
        object-fit: cover;
        filter: drop-shadow(4px 4px 2px #88857ea2);
    }

    .inside_img dl {
        width: 90%;
    }
}

/*===================================================================================
【END】店舗ページのレスポンシブ*/

/*===================================================================================================================
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑店舗情報ページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
=====================================================================================================================*/