@charset "utf-8";

/* ==============================

    サイト設定　適宜変更箇所

============================== */
html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.06em;
    text-align: justify;
    /* 変数 */
    --basic: #433F3B;
    --white: #ffffff;
    --beige: #F3F3EF;
    --dark-beige: #F0EEE6;
    --light-green: #C3D825;
    --green: #819108;
    --dark-green: #495839;

    /* 基本カラー */
    color: var(--basic);
    background-color: var(--beige);
}

a,
a img {
    color: var(--basic);
    text-decoration: none;
    transition: all 0.2s ease 0s;
}

figure {
    overflow: hidden;
}

section {
    position: relative;
    z-index: 0;
}

.border-radius-6 {
    border-radius: .6rem;
}


/*下層ページタイトル*/
.under-v {
    padding: 50px 0 50px;
    text-align: center;
    background: gray;
    color: #fff;
}

h1,
h2,
h3,
h4 {
    font-weight: 700;
    line-height: 1.5;
}

h1 {
    font-size: 4.8rem;
}

h2 {
    font-size: 4.8rem;
}

h2[data-name]::before {
    font-size: 1.6rem;
    color: var(--light-green);
    font-family: "Noto Sans JP", sans-serif;
}

h3 {
    font-size: 3.2rem;
}

h4 {
    font-size: 2.4rem;
}

.ver__text {
    writing-mode: vertical-rl;
}

.wp-block-button {
    font-size: 1.2rem;
}

.wp-block-button[data-name]::before {
    font-size: 0.8em;
    font-weight: bold;
}

.decor {
    position: absolute;
}


/* ==============================

    サイト設定

============================== */

.inner-s {
    max-width: 960px;
    margin: 0 auto;
}

.inner {
    max-width: 1100px;
    margin: 0 auto;
}

.inner-l {
    max-width: 1440px;
    margin: 0 auto;
}

.mobile {
    display: none;
}

/* カラー */
.green {
    color: var(--green);
}

.light-green {
    color: var(--light-green);
}

.white-box-bg {
    background-color: var(--white);
    display: inline-block;
}

/*画像ホバー時*/

.img-hover {
    transition: .6s;
}

.img-hover:hover {
    opacity: .6;
}

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

/*------------
 ボタン 
 ------------*/
/* 基本ボタン */
.wp-block-buttons .btn-basic>.wp-block-button__link {
    position: relative;
    width: 24rem;
    height: 6.4rem;
    border-radius: .6rem;
    background-color: unset;
    border: .1rem solid var(--basic);
    color: var(--basic);
    font-size: 1.6rem;
    font-weight: 700;
}

.btn-basic>.wp-block-button__link::before {
    content: '';
    width: .9rem;
    height: 1.6rem;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translateY(-50%);
    background-image: url(../img/cevron--right.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

/* 白背景ボタン */
.wp-block-buttons .btn-white>.wp-block-button__link {
    width: 26.4rem;
    background-color: var(--white);
    border: .1rem solid var(--green);
    color: var(--green);
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .8rem;
}

.wp-block-buttons .btn-white>.wp-block-button__link i {
    font-size: 3rem;
}

.btn-insta>.wp-block-button__link::before {
    content: unset;
    position: unset;
}

/* 追従の予約ボタン */
.float__btn {
    width: 30rem;
    position: fixed;
    bottom: 2.4rem;
    right: 0;
    z-index: 100;
}

/* 追従予約ボタンモーダル内のボタン */
.float-contact-buttons>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: .4rem;
}

.float-contact-flex .wp-block-buttons .btn-contact>.wp-block-button__link {
    width: 20rem;
    height: 5.2rem;
}

.float-contact-flex .btn-contact>.wp-block-button__link i {
    left: 1.2rem;
    width: 2.4rem;
    font-size: 1.4rem;
}

/* 海外のお客様リンク */
.wp-block-buttons.is-layout-flex>.overseas-link {
    margin-top: 4rem;
}

.overseas-link .wp-block-button__link {
    position: relative;
    background-color: unset;
    color: var(--basic);
    border-radius: unset;
    padding: 0;
    font-size: 1.6rem;
    border-bottom: .1rem solid var(--basic);
}

.overseas-link .wp-block-button__link .fa-circle-chevron-down {
    position: absolute;
    color: var(--green);
    font-size: 1.8rem;
    top: 50%;
    right: -1.6rem;
    transform: translate(50%, -50%);
}

/*------------
 背景
 ------------*/
/* 緑背景（上下波） */
.bg-green__container {
    position: relative;
    padding: 5.6rem 0;
}

.bg-green__container::before,
.bg-green__container::after {
    content: '';
    width: 100%;
    height: 5.6rem;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 2;
}

.bg-green__container::before {
    top: 0;
    background-image: url(../img/bg--green-clip--top.png);
}

.bg-green__container::after {
    bottom: -.3rem;
    bottom: 0;
    background-image: url(../img/bg--green-clip--bottom.png);
    background-position: bottom;
}


.fix_nav.sp_disp.sp {
    height: 5.6rem;
    position: fixed;
    z-index: 299;
    bottom: .8rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 1.2rem;
    padding: 0 .4rem;
}

.sp-fix-flag {
    width: 16rem;
    left: 50%;
    transform: translate(-50%, -68%);
    z-index: 1;
}

.fix_nav.sp_disp.sp>.wp-block-group__inner-container,
.wp-block-group.fix_nav.sp_disp-inner {
    height: 100%;
}

.kotei-menu {
    color: #fff;
    padding: 5px 0;
    text-align: center;
    border-right: 0.5px solid #fff;
    position: relative;
}

.sp_disp-wcolumn {
    position: relative;
    background-color: var(--green);
    border-radius: .6rem;
    width: calc(100% - 5.6rem - .4rem);
}

.sp_disp-scolumn {
    background-color: var(--beige);
    color: var(--green);
    border-radius: .6rem;
    width: 5.6rem;
}

.kotei-menu {
    flex-direction: column;
    justify-content: center;
}

.sp_disp-wcolumn .kotei-menu {
    width: 33.333333333%;
}

.kotei-menu:last-child {
    border-right: none;
}

.kotei-menu i {
    width: 2rem;
    aspect-ratio: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sp_disp-wcolumn .kotei-menu i {
    background-color: var(--white);
    color: var(--green);
}

.sp_disp-scolumn .kotei-menu i {
    background-color: var(--green);
    color: var(--beige);
}

.sp_disp-wcolumn,
.sp_disp-scolumn {
    box-shadow: 0 0 .4rem rgba(51, 51, 51, .08);
}

/*メニュー数*/

.sp_disp-4 .kotei-menu {
    width: 25%;
}

.sp_disp-3 .kotei-menu {
    width: 33.3333333333%;
}

.sp_disp-2 .kotei-menu {
    width: 50%;
}

.sp_disp-1 .kotei-menu {
    width: 100%;
}

/*------------
 ホバー
 ------------*/
.wp-block-navigation .wp-block-navigation-item:hover {
    color: var(--green);
}

.float__btn:hover {
    cursor: pointer;
    animation: poyopoyo 0.5s ease 0s infinite alternate;
    opacity: 1;
}

@keyframes poyopoyo {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.05);
    }
}

.wp-block-buttons .btn-white>.wp-block-button__link:hover {
    background-color: var(--green);
    color: var(--white);
    border: .1rem solid var(--white);
}

.wp-block-buttons .btn-basic>.wp-block-button__link {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.wp-block-buttons .btn-basic>.wp-block-button__link:hover {
    background-color: var(--green);
    color: var(--white);
    border: .1rem solid var(--white);
}

.slider__arrow {
    border: 0.2rem solid transparent;
    transition: border-color 0.3s ease;
}

.slider__arrow:hover {
    cursor: pointer;
    border: .2rem solid var(--light-green);
}

.insta-link {
    transition: color 0.3s ease, border-bottom-color 0.3s ease;
}

.insta-link:hover {
    cursor: pointer;
    color: var(--green);
    border-bottom: .1rem solid var(--green);
}

.insta-link:hover a {
    color: var(--green);

}

.footer-sns i {
    transition: all .3s ease-in-out;
}

.footer-sns i:hover {
    cursor: pointer;
    transform: scale(1.2);
}

/* ==============================

ヘッダー

　============================== */

header {
    width: 100%;
    transition: .6s;
}

body .is-layout-flex.header-scroll__content {
    display: none;
}

.header-inner {
    transition: .6s;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 300;
}

.header-inner-menu.wp-block-navigation {
    width: calc((100% - 26rem) * 0.4);
    transform: translateY(-2rem);
}

.header-logo {
    position: relative;
    width: 18rem;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-logo a {
    width: 88%;
}

.header-inner::before {
    content: '';
    position: absolute;
    background-color: var(--beige);
    z-index: -1;
}

.header-inner::before {
    width: 18rem;
    aspect-ratio: 1;
    border-radius: 50%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

/* スクロール時のヘッダー */
header.scroll-nav .header-inner {
    padding-top: .8rem;
}

header.scroll-nav .header-top__content {
    display: none;
}

header.scroll-nav .header-scroll__content {
    display: flex;
    align-items: center;
    width: 90%;
    margin: auto;
}

header.scroll-nav .header-inner::before {
    width: 100%;
    border-radius: unset;
    aspect-ratio: unset;
    height: 10rem;
    top: 0;
}

header.scroll-nav .header-inner::after {
    content: '';
    width: 105%;
    height: 8.4rem;
    background-image: url(../img/header-scroll-bg.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 10rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}


header.scroll-nav .header-logo {
    width: 12rem;
}

.header-inner-menu.wp-block-navigation.header-scroll-nav {
    width: calc(100% - 18rem - 4rem);
    column-gap: 4rem;
    margin-top: 2.4rem;
}

.wp-block-navigation .wp-block-navigation-item__label {
    white-space: nowrap;
}

/* ==============================

    フッター

　============================== */
footer {
    margin-top: 24rem;
    background-color: var(--dark-green);
    border-radius: 6rem 6rem 0 0;
    color: var(--white);
}

footer a {
    color: var(--white);
}

footer>.inner {
    padding-top: 8rem;
}

.footer__inner {
    margin-bottom: 5.6rem;
}

.footer__content {
    width: 40%;
}

.footer__content>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-logo {
    width: 20rem;
    margin-bottom: 3.2rem;
}

.footer-shopname {
    margin-bottom: 4rem;
    width: fit-content;
}

.footer-shopname>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    font-size: 1.8rem;
    line-height: 1;
}

.footer-info {
    margin: 0;
}

.footer-info.wp-block-table td {
    border: unset;
    padding: .6rem 0;
    font-weight: 400;
}

.footer-info.wp-block-table tr td:first-child {
    font-weight: 700;
    vertical-align: top;
    width: calc(7rem + 2.4rem);
}

.footer-sns {
    margin-top: 2.4rem;
}

.footer-sns>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: .8rem;
}

.footer-sns i {
    font-size: 3.2rem;
}

.footer-map {
    width: 48%;
}

.footer-map iframe {
    width: 100%;
    aspect-ratio: 1;
    border-radius: .6rem;
}

.copyright {
    font-size: 1.2rem;
    padding-bottom: 1.6rem;
}

/* ==============================
    
    メインビジュアル
    
　============================== */

/*メインビジュアル　relative*/
.mv {
    padding-top: 11rem;
    padding-bottom: 24rem;
    overflow: hidden;
}

.mainv {
    z-index: 1;
    position: relative;
}

.slider-01 {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000;
    border-radius: 1.6rem;
}

.mainv,
.slider-01,
.slider-01 .slide figure.wp-block-image.size-full,
.slider-01 .slide figure.wp-block-image.size-full img {
    height: calc(100svh - 11.6rem);
}

.maincopy-mobile {
    display: none;
}

.maincopy {
    position: absolute;
    left: -4rem;
    bottom: 4rem;
    z-index: 3;
}

.maincopy .white-box-bg {
    display: inline-block;
    padding: .6rem 1rem;
    border-radius: .6rem;
}

.maincopy .white-box-bg:first-child {
    margin-bottom: 1.2rem;
}

.mv-decor-right {
    width: 90rem;
    top: 14rem;
    right: 0;
    transform: translateX(50%);
}

.mv-decor-left {
    width: 65.4rem;
    bottom: 0;
    left: 0;
    transform: translate(-20%, 0);
}

/* ==============================

　　↓　PC版テーマ専用CSSは下記から記述　↓

　============================== */
/* -------------------------
    トップページ
　------------------------- */
/* トップページ - リード */
.top-lead__content {
    width: 40%;
}

.top-lead__img {
    width: 45%;
}

.lead__title {
    margin-bottom: 4rem;
}

.top-lead__text>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem;
}

.top-lead__img>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.lead-img-block {
    position: relative;
    width: 68%;
    align-self: flex-end;
}

.lead-img--big {
    width: 100%;
    aspect-ratio: 3 / 4;
}

.decor-lead-img {
    right: .4rem;
    bottom: 0;
    transform: translateY(60%);
}

.lead-img--small {
    width: 36%;
    margin-top: -60%;
}

/* トップページ - メディア */
.top-media {
    padding-top: 24rem;
    overflow: hidden;
}

.top-media>.wp-block-group__inner-container {
    position: relative;
}

.media__inner {
    position: relative;
    margin-top: -8rem;
    z-index: 3;
}

.media__title {
    position: relative;
    background-color: #D0BA78;
    border-radius: .6rem;
    padding: 1.6rem 4rem;
    margin-bottom: 4rem;
    font-size: 4rem;
    line-height: 1;
    color: var(--white);
    width: fit-content;
}

.media__title::after {
    content: '';
    width: calc(100% - 1.2rem);
    height: calc(100% - 1.2rem);
    border: .1rem solid var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: .3rem;
}

.media__text {
    color: var(--white);
    margin-bottom: 8rem;
}

.media__img .slider__arrow {
    display: none;
}

.slider-big {
    width: 46%;
}

.slider-big figure {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.slider-small {
    width: 37%;
}

.slider-small figure {
    width: 100%;
    aspect-ratio: 3 / 2;
}

.slider__item {
    width: 100%;
}

.js-slider .slider__track .wp-block-group__inner-container {
    transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.js-slider .slider__track .wp-block-group__inner-container.no-transition {
    transition: none !important;
}

.top-media .slider__dots {
    display: none;
}

.top-media .slider__track {
    border-radius: .6rem;
}

.top-media .slider__track figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.top-media .slider::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--dark-green);
    border-radius: .6rem;
    position: absolute;
    top: .8rem;
    left: .8rem;
}

.media-slider--top {
    margin-bottom: 8rem;
}

.media-slider--top .slider-small {
    transform: translate(-20%, 12%);
}

.media-slider--bottom .slider-small {
    transform: translate(20%, 0);
}

.media-slider--bottom .slider-big {
    margin-top: 3.2rem;
}

.top-media .wp-block-buttons>.wp-block-button.btn-basic {
    margin-top: 8rem;
}

.decor-media-hakusai {
    width: 34rem;
    top: 0;
    right: 3%;
    transform: translateY(-55%);
    z-index: 2;
}

.slider-small figure.decor-media-meet {
    width: 32rem;
    aspect-ratio: unset;
    bottom: 0;
    left: 0;
    transform: translate(-60%, 80%);
}

.slider-big figure.decor-media-nabe {
    width: 24rem;
    aspect-ratio: unset;
    bottom: 0;
    right: 0;
    transform: translate(60%, 60%);
}

.wp-block-group.is-layout-flex.btn-flex {
    gap: 2.4rem !important;
}

/* トップページ - インスタ */
.insta {
    margin-top: 16rem;
}

.insta .section__title {
    margin-bottom: 1.6rem;
}

.insta #sb_instagram {
    margin-top: 5.6rem;
    padding-bottom: 0;
}

.insta #sb_instagram .sbi_photo {
    border-radius: .6rem;
    overflow: hidden;
}

.insta .wp-block-buttons>.wp-block-button.btn-basic {
    margin-top: 4rem;
}

/* トップページ - 歴史 */
.top-history {
    margin-top: 24rem;
    margin-bottom: 20rem;
    overflow: hidden;
}

.top-history .section__title {
    margin-bottom: 8rem;
}

.top-his__content--top {
    width: 90%;
    margin: auto;
    max-width: 72rem;
}

.history-img--big {
    width: 50%;
}

.history-img--big figure {
    width: 100%;
    aspect-ratio: 3 / 4;
}

.top-his__title {
    width: 50%;
}

.top-his__title>.wp-block-group__inner-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.top-his__title h3 {
    font-size: 2.4rem;
    white-space: nowrap;
}

.top-his__content--bottom {
    margin-top: 3.2rem;
}

.top-his-text__container {
    width: 48%;
}

.top-his__text {
    margin-bottom: 4rem;
}

.top-his__text>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem;
}

.history-img--small {
    width: 42%;
    aspect-ratio: 4 / 3;
}

.top-his-decor-right {
    width: 90rem;
    top: 2.4rem;
    right: 0;
    transform: translateX(30%);
    z-index: -1;
}

.top-his-decor-left {
    width: 56rem;
    bottom: -2rem;
    left: 0;
    transform: translateX(-30%);
    z-index: -1;
}

/* トップページ - 名物草鍋 */
.wp-block-cover.top-kusanabe__inner {
    padding: 16rem 0 0 0;
    overflow: visible;
    background-color: #4A5D37;
}

.wp-block-cover.top-kusanabe__inner .wp-block-cover__image-background {
    height: auto;
    min-height: 56rem;
}

.top-kusanabe h2 {
    margin-bottom: 8rem;
}

.wp-block-group.is-layout-flex.top-kusanabe__content {
    letter-spacing: 0.15em;
    column-gap: 8rem !important;
}

.top-kusanabe__title {
    line-height: 1.6;
}

.top-kusanabe__title .white-box-bg {
    display: inline-block;
    border-radius: .4rem;
    color: var(--green);
    line-height: 1;
    padding: .8rem .6rem;
    margin: .4rem 0;
}

.wp-block-group.is-layout-flex.top-kusanabe__text {
    column-gap: 3.2rem !important;
}

.top-kusanabe__text p {
    line-height: 1.75;
}

.top-kusanabe .howtoeat {
    transform: translateY(16rem);
}

.howtoeat-sup {
    font-size: 1.8rem;
    font-weight: 700;
}

.gold-flame-wcolumn {
    background-size: 100% 100% !important;
    padding: 5.6rem 5%;
    color: var(--basic);
}

.gold-flame__content {
    width: 46%;
}

.gold-flame__container {
    width: 40%;
}

.jiiji-gold-flame figure {
    width: 12rem;
}

.gold-flame__title {
    margin-top: 1.6rem;
    margin-bottom: 4rem;
}

.howtoeat__text {
    margin-bottom: 4rem;
}

.howtoeat__text>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 2.4rem;
}

.howtoeat-img__container {
    position: relative;
}

.howtoeat__img {
    width: 100%;
    aspect-ratio: 1;
}

.decor-howtoeat {
    width: 24rem;
    bottom: 0;
    right: 0;
    transform: translate(30%, 30%);
}

.howtoeat-img__container .btn-basic.sp {
    display: none;
}

/* トップページ - 一品料理・お飲み物 */
.top-menu {
    margin-top: 40rem;
}

.top-dish {
    margin-bottom: 24rem;
}

.top-menu__item {
    position: relative;
}

.top-menu__item::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 8rem;
    left: 0;
    background-color: var(--dark-beige);
    border-radius: .6rem;
    z-index: -1;
}

.top-menu__title {
    white-space: nowrap;
}

h2.top-menu__title[data-name]::before {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    margin-top: 1.2rem;
}

.wp-block-group.is-layout-flex.top-menu__header {
    column-gap: 8rem !important;
    margin-bottom: 8rem;
}

.top-dish--top {
    margin-bottom: 4rem;
}

.dish-img--big {
    width: 50%;
    aspect-ratio: 3 / 2;
}

.dish-img--small {
    width: 40%;
    aspect-ratio: 16 / 9;
}

.top-dish__content {
    width: 45%;
    min-width: 49rem;
}

.top-dish__content p {
    margin-bottom: 4rem;
}

.is-layout-flex>.dish-img--middle {
    margin-right: 4%;
    width: 38%;
}

.top-drink__img {
    width: 50%;
}

.top-drink__img>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
}

.top-drink-img--big {
    width: 82%;
    aspect-ratio: 3 / 2;
}

.top-drink-img--small {
    width: 43%;
    aspect-ratio: 3 / 2;
    align-self: flex-end;
    margin-top: -3.2rem;
}

.top-drink__container {
    width: 40%;
}

.top-drink__container p {
    margin-bottom: 4rem;
}

/* トップページ - 店内紹介 */
.floor {
    margin-top: 28rem;
    overflow: hidden;
}

.floor__inner>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 16rem;
}

.top-info__title {
    width: 17%;
}

.top-floor-flex-t__content {
    width: 70%;
}

.top-info__title {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.decor-info {
    width: 18rem;
    bottom: 0;
    right: 0;
    transform: translate(-40%, 8rem);
}

.top-floor-flex-t__content>.wp-block-group {
    width: 42%;
}

.top-floor-flex-t__content>.wp-block-group.js-slider {
    width: 50%;
}

.floor h4 {
    margin-bottom: 4rem;
}

/* .top-floor-flex-middle {
    margin-right: 10%;
}

.top-floor-flex-bottom {
    margin-left: 10%;
} */

.top-floor-flex-w {
    max-width: 96rem;
    margin: auto;
}

.top-floor-flex-w>.wp-block-group {
    width: 44%;
}

.top-floor-flex-w__img {
    width: 48%;
}

.floor-decor-right {
    width: 90rem;
    top: 16%;
    right: 0;
    transform: translateX(40%);
    z-index: -1;
}

.floor-decor-left {
    width: 64rem;
    bottom: 10%;
    left: 0;
    transform: translateX(-30%);
    z-index: -1;
}

/* トップページ - 海外の方 */
.overseas {
    margin-top: 12rem;
    padding-top: 12rem;
}

.overseas__inner {
    position: relative;
    padding: 9.6rem 5%;
}

.overseas__inner::before,
.overseas__inner::after {
    content: '';
    width: 100%;
    height: 5.6rem;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    z-index: 2;
}

.overseas__inner::before {
    top: 0;
    background-image: url(../img/bg--green-clip--top.png);
    background-size: 100%;
}

.overseas__inner::after {
    bottom: 0;
    background-image: url(../img/bg--green-clip--bottom.png);
    background-size: cover;
}

.overseas__title {
    margin-bottom: 4rem;
}

.overseas-service ul {
    width: fit-content;
    margin: 2.4rem auto 5.6rem auto !important;
}

.overseas__text strong {
    font-size: 1.8rem;
}

.overseas-insta-info {
    margin-top: 8rem;
}

.wp-block-group.is-layout-flex.overseas-insta-flex {
    margin-top: 2.4rem;
    gap: 2.4rem !important;
}

.qr-code {
    width: 10.4rem;
}

.insta-link {
    border-bottom: .1rem solid var(--basic);
}

/* ==============================

　　下層ページ

　============================== */
/*-------------------------------

 下層 - 共通

 -------------------------------*/
/* 下層 - ファーストビュー */
.lowfv {
    padding-top: 20rem;
    padding-bottom: 8rem;
    overflow: hidden;
}

.lowfv>.wp-block-group__inner-container {
    width: 90%;
    margin: auto;
}

.low-fv__img {
    border-radius: 1.6rem;
    aspect-ratio: 3 / 1;
}

.wp-block-image.low-fv__img img {
    height: 100%;
    object-fit: cover;
}

.wp-block-group.low-fv-title-bg {
    position: absolute !important;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48rem;
    max-width: 90%;
    height: 16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100% !important;
    z-index: 2;
}

.low-fv__title {
    width: fit-content;
    line-height: 1.25;
    font-size: 4rem;
}

h1.low-fv__title[data-name]::before {
    font-size: 1.6rem;
    color: var(--light-green);
}

.lowfv-decor-right {
    width: 90rem;
    top: 15rem;
    right: 0;
    transform: translateX(50%);
    z-index: -1;
}

.lowfv-decor-left {
    width: 65rem;
    top: -6.4rem;
    left: 0;
    transform: translateX(-20%);
    z-index: -1;
}

/* 下層 - セクションタイトル */
.lowsec-title {
    margin-bottom: 8rem;
}

.is-layout-flex>.lowsec-title__text {
    font-size: 3.2rem;
    margin: 2.4rem 2.4rem 3.2rem 3.2rem;
    white-space: nowrap;
}

.lowsec-title-decor--left {
    width: 14rem;
    align-self: flex-start;
}

.lowsec-title-decor--right {
    width: 14rem;
    align-self: flex-end;
}

.lowsec-title-highlight {
    font-size: 4rem;
}

/* 下層 - 緑背景のセクション */
.bg-green__container {
    color: var(--white);
}

.bg-green__container>.wp-block-group__inner-container {
    margin-top: 5.6rem;
    margin-bottom: 8rem;
}

/* 下層 - 白背景のブロック */
.bg-white {
    display: inline-block;
    background-color: var(--white);
    border-radius: .6rem;
}

/* 下層 - コース */
#kusanabe footer,
#food footer {
    margin-top: 0;
}

.course {
    padding-top: 20rem;
    padding-bottom: 24rem;
    overflow: hidden;
}

.course__inner {
    position: relative;
    padding: 0 5% 5.6rem;
}

.course__inner::before {
    content: '';
    width: 100%;
    height: calc(100% - 2.8rem);
    background-color: var(--dark-beige);
    border-radius: .6rem;
    position: absolute;
    top: 2.8rem;
    left: 0;
    z-index: -1;
}

.course__message {
    display: inline-block;
    padding: 1rem 3.2rem;
    line-height: 1;
    border-radius: .6rem;
    color: var(--white);
    margin-bottom: 4.8rem;
    left: 50%;
    transform: translateX(-50%);
}

.course__message::after {
    content: '';
    width: calc(100% - .6rem);
    height: calc(100% - .6rem);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: .1rem solid var(--white);
    border-radius: .4rem;
}

.course__message h4 {
    width: fit-content;
}

.course .kusanabe-menu-price h4 {
    margin-bottom: 1.2rem;
}

.course-menu {
    margin-bottom: 3.2rem;
    border: .1rem solid #B6BC8D;
    border-radius: 1.6rem;
}

.course-menu__title {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: .1rem solid #B6BC8D;
    font-weight: 700;
}

.course-menu__list {
    list-style-type: disc;
    width: 75%;
    padding-left: 4rem;
    padding: 3.2rem 4rem;
}

.course-attention {
    width: 45%;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 1.6rem;
    padding: 2.4rem 1.6rem 3.2rem;
}

.course-attention__title {
    font-weight: 700;
    padding-bottom: 1.6rem;
    margin-bottom: 2.4rem;
    border-bottom: .1rem solid #B6BC8D;
}

.course-attention__list {
    list-style: none;
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem;
    text-align: left;
}

.course-attention__list li {
    position: relative;
}

.course-attention__list li::before {
    content: '※';
    font-size: 1.6rem;
    position: absolute;
    top: 0;
    left: -2rem;
}

.decor-course-flag {
    width: 20rem;
    top: 0;
    right: 0;
    transform: translate(50%, -10%);
}

.course-decor-right {
    width: 84rem;
    top: 0;
    right: 0;
    transform: translate(30%, 20%);
    z-index: -2;
}

.course-decor-left {
    width: 62rem;
    bottom: 0;
    left: 0;
    transform: translate(-10%, 5%);
    z-index: -2;
}

/* 下層 - メニュー */
.food-menu {
    padding-top: 20rem;
}

.food-menu__inner .lowsec-title {
    margin-bottom: 5.6rem;
}

.menu-block__container {
    background-color: var(--dark-beige);
    border-radius: .6rem;
    padding: 6.4rem 5%;
    color: var(--basic);
}

.menu-block__item {
    width: 32%;
}

.menu-block__container>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 4rem;
    height: 92rem;
    align-content: space-between;
}

.menu-block>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 4rem;
}

.menu-block__title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1.2rem;
}

.menu__list>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: .6rem;
}

.menu-item__title {
    width: 100%;
    text-align: left;
    letter-spacing: 0;
}

/*-------------------------------

 下層 - 小川下の歴史(/history)

 -------------------------------*/
/* 小川下の歴史 - リード */
.about-lead {
    padding-top: 10.4rem;
}

.about-lead__inner h3 {
    line-height: 1.8;
    letter-spacing: 0.15em;
    margin: 0 auto 12rem auto;
}

.about-lead__inner h3 .green {
    font-size: 4rem;
}

.about-lead__inner h3 .furigana {
    position: relative;
    display: inline-block;

}

.about-lead__inner h3 .furigana::before {
    content: 'こかげ';
    font-size: 1.8rem;
    position: absolute;
    top: 50%;
    white-space: nowrap;
    right: 0;
    transform: translate(42%, -50%);
    letter-spacing: 0.8em;
}

.about-lead__img {
    width: 50%;
}

.about-lead__img>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
}

.about-lead__img--big {
    width: 90%;
}

.about-lead__img--small {
    width: 60%;
    margin-top: -2.4rem;
    align-self: flex-end;
}

.about-lead__text {
    width: 40%;
}

.about-lead__text>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 2.4rem;
}

/* 小川下の歴史 - 大切にしていること */
.about-policy {
    margin-top: 20rem;
    overflow: hidden;
}

.about-policy__list>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 6.4rem;
}

.about-policy__item {
    position: relative;
}

.is-layout-flex>.about-policy-img__block {
    position: relative;
    width: 60rem;
    margin-top: 14rem;
}

.about-policy__text {
    width: 60%;
    position: absolute !important;
    right: 0;
    padding: 12rem 9.6rem 15rem 18rem;
    background-size: 100% 100% !important;
}

.about-policy__item:nth-child(even) .about-policy__text {
    padding: 12rem 18rem 15rem 9.6rem;
    right: unset;
    left: 0;
}

.about-policy__title {
    margin-bottom: 3.2rem;
}

.about-policy-yuge {
    position: absolute;
    width: 16rem;
    top: 0;
}

.about-policy-yuge--right {
    right: 0;
}

.about-policy-yuge--left {
    left: 0;
}

.about-policy-decor-right {
    width: 90rem;
    top: 32%;
    right: 0;
    transform: translateX(30%);
    z-index: -1;
}

.about-policy-decor-left {
    width: 65rem;
    bottom: 10%;
    left: 0;
    transform: translateX(-14%);
    z-index: -1;
}

.jiiji-about-policy {
    width: 14rem;
    bottom: 0;
    right: 2.4rem;
}

/* 小川下の歴史 - 創業からの歴史 */
.about-history {
    margin-top: 16rem;
    color: var(--white);
    overflow: hidden;
}

.history__list,
.history__list>.wp-block-group__inner-container {
    position: relative;
}

.history__list {
    z-index: 2;
}

.history__list::before {
    content: '';
    width: .4rem;
    height: calc(100% - 2.4rem);
    background-color: #E4E5DC;
    border-radius: 9999rem;
    position: absolute;
    top: 2.4rem;
    left: 50%;
    transform: translateX(-50%);
}

.history__list>.wp-block-group__inner-container::before,
.history__list>.wp-block-group__inner-container::after {
    content: '';
    width: .4rem;
    height: 2.4rem;
    background-color: #E4E5DC;
    border-radius: 9999rem;
    position: absolute;
    bottom: 0;
    left: 50%;
}

.history__list>.wp-block-group__inner-container::before {
    transform: rotate(35deg) translateX(.65rem);
}

.history__list>.wp-block-group__inner-container::after {
    transform: rotate(-35deg) translateX(-0.9rem);
}

.his-item {
    position: relative;
    width: 50%;
}

.his-item::before {
    content: '';
    width: 2.4rem;
    aspect-ratio: 1;
    background-color: var(--light-green);
    border-radius: 50%;
    position: absolute;
    top: 2rem;
    left: 0;
    transform: translateX(-50%);
}

.his-item>.wp-block-group__inner-container {
    width: 80%;
    margin-left: auto;
}

.his-item:nth-child(even)::before {
    left: unset;
    right: 0;
    transform: translateX(50%);
}

.his-item:nth-child(even)>.wp-block-group__inner-container {
    margin-left: unset;
    margin-right: auto;
}

.his-item-year {
    font-size: 4rem;
}

.his-item-yearja {
    color: var(--light-green);
    line-height: 1;
}

.his-item--left .his-item-year,
.his-item--left .his-item-yearja {
    text-align: right;
}

figure.wp-block-image.size-full.his-item__img {
    margin: 1.6rem 0;
}

.his-item__title {
    margin-bottom: 2.4rem;
}

.his-item__text>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem;
}

/* 1947年 */
.timeline-flex:first-child .his-item--right {
    margin-bottom: 20rem;
}

/* 1965年 */
.timeline-flex:nth-child(2) .his-item--right {
    margin-bottom: 36rem;
}

/* 1987年 */
.timeline-flex:nth-child(3) {
    margin-top: -16rem;
}

.timeline-flex:nth-child(3) .his-item--right {
    margin-bottom: 40rem;
}

/* 2015年 */
.timeline-flex:nth-child(4) {
    margin-top: -20rem;
}

.timeline-flex:nth-child(4) .his-item--right {
    margin-bottom: 32rem;
}

/* 2024年～ */
.timeline-flex:nth-child(5) {
    margin-top: -18rem;
}

.his-item-img__block {
    position: relative;
}

.timeline-jiiji {
    width: 10.4rem;
    position: absolute;
    top: 0;
    right: .4rem;
    transform: translateY(-60%);
}

.timeline-flex:nth-child(5) .his-item--left::before {
    content: unset;
    position: unset;
}

.history-decor-rt {
    width: 65rem;
    top: 18%;
    right: 0;
    transform: translateX(20%);
    z-index: 0;
}

.history-decor-lt {
    width: 90rem;
    top: 50%;
    left: 0;
    transform: translateX(-20%);
}

.history-decor-rb {
    width: 65rem;
    top: 70%;
    right: 0;
    transform: translateX(30%);
}

.history-decor-lb {
    width: 65rem;
    bottom: 0;
    left: 0;
    transform: translate(-10%, 15%);
}

/* 小川下の歴史 - 常連様の声 */
.about-media {
    padding-top: 16rem;
}

.about-media__list>.wp-block-group__inner-container {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 5%;
    row-gap: 4rem;
}

.about-media__item {
    width: 30%;
    padding: 1.6rem 1.6rem 3.2rem;
    background-color: var(--dark-beige);
    border-radius: .6rem;
}

.about-media__item figure {
    border-radius: .4rem;
}

.about-media__date {
        margin-top: 2.4rem;
    margin-bottom: .4rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--green);
}

.about-media__title {
    font-size: 2rem;
    font-weight: 700;
}

.about-media__add {
        font-size: 1.4rem;
}

    .about-media__title a {
            border-bottom: .1rem solid var(--basic);
    opacity: .8;
    }



/*-------------------------------

 下層 - 名物 草鍋(/kusanabe)

 -------------------------------*/
/* 名物 草鍋 - リード */
.kusanabe-lead {
    padding-top: 10.4rem;
    padding-bottom: 24rem;
    overflow: hidden;
}

.kusanabe-lead__inner h3 {
    margin: auto;
    letter-spacing: 0.15em;
    line-height: 1;
    position: relative;
    z-index: 2;
    white-space: nowrap;
}

.kusanabe-lead__inner .bg-white {
    padding: 1rem;
}

.kusanabe-lead__inner .title-space {
    margin: 0 1.6rem;
}

.kusanabe-lead-img__block {
    position: relative;
    margin-top: -14rem;
    margin-bottom: 8rem;
}

.kusanabe-lead-img {
    border-radius: 1.6rem;
}

.decor-kusanabe-hakusai {
    width: 36rem;
    bottom: 0;
    right: 0;
    transform: translate(50%, 8rem);
}

.kusanabe-lead__text {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 9.6rem;
}

.kusanabe-lead__text>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 2.4rem;
}

.kusanabe-des {
    position: relative;
}

.kusanabe-des-bg {
    padding: 6.4rem 3%;
    background-size: 100% 100% !important;
}

.kusanabe-des-title {
    font-size: 2.4rem;
    font-weight: 700;
}

.kusanabe-des-title--big {
    font-size: 4rem;
    margin-right: .8rem;
}

.kusanabe-des__text {
    margin-top: 4rem;
}

.kusanabe-des__text>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 2.4rem;
}

.decor-kusanabe-meet {
    width: 36rem;
    top: 0;
    left: 0;
    transform: translate(-62%, -8rem);
}

.decor-kusanabe-tofu {
    width: 26rem;
    bottom: 0;
    right: 0;
    transform: translate(40%, 50%);
}

/* 名物 草鍋 - 食材へのこだわり */
.kusanabe-highlight {
    padding-bottom: 20rem;
    overflow: hidden;
}

.kusanabe-highlight-img__block {
    position: relative;
}

.kusanabe-highlight__list {
    padding-top: 12rem;
}

.kusanabe-highlight__list #check1,
.kusanabe-highlight__list #check2 {
    scroll-margin-top: 20rem;
}

.kusanabe-highlight__img {
    aspect-ratio: 1.618 / 1;
}

.kusanabe-highlight-pin {
    width: 12rem;
    position: absolute;
    animation: ponpon 0.8s ease 0s infinite alternate;
}

@keyframes ponpon {
    from {
        transform: scale(0.9, 0.9);
    }

    to {
        transform: scale(1, 1);
    }
}

.kusanabe-highlight-pin--green {
    top: 2%;
    left: 52%;
}

.kusanabe-highlight-pin--yellow {
    top: 19%;
    left: 25%;
}

.kusanabe-highlight__item {
    width: 45%;
    position: relative;
    background-color: var(--white);
    border-radius: 1.6rem;
    padding: 6.4rem 3% 4rem;
    border: .6rem solid var(--green);
}

.kusanabe-highlight__item:last-child {
    border: .6rem solid #C7B22D;
}

.kusanabe-highlight-item__img {
    width: 11.2rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.kusanabe-highlight-item__title {
    margin-bottom: 2.4rem;
}

.kusanabe-highlight-item__text>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem;
}

.kusanabe-highlight-decor-right {
    width: 90rem;
    top: 5%;
    right: 0;
    transform: translateX(30%);
    z-index: -1;
}

.kusanabe-highlight-decor-left {
    width: 64rem;
    bottom: 0;
    left: 0;
    transform: translateX(-10%);
    z-index: -1;
}

/* 名物 草鍋 - 草鍋の魅力 */
.kusanabe-appeal {
    overflow: hidden;
}

.kusanabe-appeal__inner {
    width: 100% !important;
}

.kusanabe-appeal__item {
    width: 70rem;
    height: 60rem;
    background-size: 100% 100% !important;
    color: var(--basic);
}

.kusanabe-appeal__item:nth-child(2) {
    margin-left: -11rem;
}

.kusanabe-appeal__content>.wp-block-group__inner-container {
    position: absolute;
    width: 36rem;
    top: 58%;
    left: 44%;
    transform: translate(-50%, -50%);
}

.kusanabe-appeal__title {
    margin-bottom: 2.4rem;
}

/* 名物 草鍋 - お品書き */
.kusanabe-menu {
    margin-top: 16rem;
}

.kusanabe-menu-main {
    margin-bottom: 12rem;
}

.kusanabe-menu__img {
    width: 50%;
}

.kusanabe-menu-content {
    width: 42%;
}

.kusanabe-menu-price {
    margin-bottom: 3.2rem;
}

.is-layout-flex.kusanabe-menu-price>p {
    font-size: 2rem;
    font-weight: 700;
    margin-left: 2.4rem;
}

.kusanabe-menu-price .price-big {
    font-size: 2.4rem;
}

.kusanabe-menu-bg {
    background-color: rgba(255, 255, 255, .6);
    border-radius: 1.6rem;
    padding: 3.2rem 5%;
}

.kusanabe-menu__title {
    font-weight: 700;
    padding-bottom: 1.6rem;
    margin-bottom: 2.4rem;
    border-bottom: .1rem solid #E4E5DC;
}

.kusanabe-menu__title p:first-child {
    font-size: 1.8rem;
}

.kusanabe-menu-add__title {
    font-weight: 700;
    margin-bottom: .8rem;
}

.is-layout-flex>.kusanabe-menu-item__title {
    position: relative;
    padding-left: 1.6rem;
    width: calc(100% - 5.6rem - 1.2rem);
}

.kusanabe-menu-rice .kusanabe-menu__item {
    position: relative;
    width: 100%;
}


.kusanabe-menu-rice .is-layout-flex>.kusanabe-menu-item__title {
    width: 100%;
}

.kusanabe-menu-rice .kusanabe-menu-item-price {
    width: 12rem;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

.kusanabe-menu-item__title::before {
    content: '';
    width: .6rem;
    aspect-ratio: 1;
    background-color: var(--basic);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: .9rem;
}

.kusanabe-menu-item-price {
    width: 5.6rem;
    text-align: right;
}

.kusanabe-menu-rice {
    margin-bottom: 2.4rem;
}

.kusanabe-menu-item-single .kusanabe-menu__item {
    width: 46%;
}


/*-------------------------------

 下層 - 一品料理(/food)

 -------------------------------*/
/* 一品料理 - リード */
.food-lead {
    padding-top: 10.4rem;
}

.food-lead--top {
    margin-bottom: 6.4rem;
}

.food-lead__img--big {
    width: 60%;
}

.food-lead__title {
    width: 35%;
}

.food-lead__title h4 {
    letter-spacing: 0.15em;
    line-height: 1.75;
}

.food-lead__text {
    width: 48%;
    margin-bottom: 4rem;
}

.food-lead__img--small {
    width: 45%;
}

/* 一品料理 - おすすめメニュー */
.food-recommend {
    padding-top: 20rem;
    overflow: hidden;
}

.food-menu .bg-green__container>.wp-block-group__inner-container {
    margin-bottom: 32rem;
}

.food-recommend .lowsec-title {
    margin-bottom: 1.6rem;
}

.food-recommend-top {
    margin-top: 6.4rem;
    margin-bottom: 5.6rem;
}

.food-recommend-s .food-recommend__img {
    width: 55%;
}

.food-recommend-s .food-recommend__list {
    width: 40%;
}

.food-recommend-s .food-recommend__list>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 4rem;
}

.food-recommend__title {
    margin-bottom: 1.6rem;
}

.food-recommend__title p {
    font-size: 2.4rem;
    font-weight: 700;
}

.food-recommend__title .food-price-small {
    font-size: 1.8rem;
}

/* .food-recommend-l {
    margin-top: 12rem;
}

.food-recommend-l figure.wp-block-image.size-full.food-recommend__img {
    width: 100%;
    margin-bottom: 4rem;
}

.food-recommend-l .food-recommend__item {
    width: 30%;
} */

.food-recommend-column {
    margin-top: 8rem;
}

.food-recommend-column__item {
    width: 30%;
}

.food-recommend-column figure.wp-block-image.size-full.food-recommend__img {
    margin-bottom: 1.6rem;
}

.food-recommend-decor-right {
    width: 65rem;
    top: 34%;
    right: 0;
    transform: translateX(20%);
    z-index: -1;
}

.food-recommend-decor-left {
    width: 72rem;
    bottom: 0;
    left: 0;
    transform: translateX(-28%);
    z-index: -1;
}

/* 一品料理 - 一覧 */
.takeout {
    margin-top: -20rem;
    overflow: hidden;
}

.takeout__inner {
    padding: 10.4rem 5% 16rem;
    background-size: 100% 100% !important;
}

.takeout__title {
        margin-bottom: 4rem;
}

.decor-takeout-dashimaki {
    width: 38rem;
    left: 0;
    bottom: 0;
    transform: translateX(-15%);
}

.decor-takeout-kraage {
    width: 28rem;
    right: 0;
    bottom: 0;
    transform: translate(8%, -25%);
}

/*-------------------------------

 下層 - お飲み物(/drink)

 -------------------------------*/
/* お飲み物 - リード */
.drink-lead {
    padding-top: 10.4rem;
}

.drink-lead__inner h3 {
    font-size: 2.4rem;
    line-height: 1.75;
    letter-spacing: 0.15em;
    margin: 0 auto 9.6rem;
}

/* お飲み物 - アバウト */
.wp-block-cover.drink-about {
    margin-top: 20rem;
    height: 80vh;
    padding-bottom: 5.6rem;
}

.wp-block-cover.drink-about>.wp-block-cover__image-background::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background:linear-gradient(0deg,rgb(66,62,58) 0%,rgba(66,62,58,0.7) 13%,rgba(67,63,59,0.35) 100%)
}

.drink-about .wp-block-cover__inner-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.drink-about__item {
    width: 45%;
}

.drink-about__item h4 {
    padding-bottom: .8rem;
    margin-bottom: 1.6rem;
    border-bottom: .1rem solid var(--white);
}

/* お飲み物 - 一覧 */
.drink-menu {
    padding-top: 20rem;
    padding-bottom: 24rem;
    overflow: hidden;
}

.drink-menu__inner .lowsec-title {
    margin-bottom: 4rem;
}

.drink-menu__inner h4 {
    margin-bottom: 4rem;
}

.drink-menu__inner .menu-block__container>.wp-block-group__inner-container {
    height: 110rem;
}

.menu-w__list.menu__list>.wp-block-group__inner-container {
    row-gap: 1.2rem;
}

.drink-menu-decor-right {
    width: 84rem;
    top: 14%;
    right: 0;
    transform: translateX(40%);
    z-index: -2;
}

.drink-menu-decor-left {
    width: 62rem;
    bottom: 0;
    left: 0;
    transform: translate(-10%, 5%);
    z-index: -2;
}

#drink footer {
    margin-top: 0;
}


/*-------------------------------

 下層 - 店舗情報(/info)

 -------------------------------*/
/* 店舗情報 - 店舗写真 */
.info-img {
    padding-top: 12rem;
}

.info-img__list .slider__item {
    position: relative;
}

.info-img__item {
    position: relative;
    width: 45%;
}

.info-img__title {
    position: absolute !important;
    top: 1.6rem;
    right: 1.6rem;
    width: 5.6rem;
    height: 15.3rem;
}

.info-img__title .wp-block-group__inner-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-img__title .wp-block-group__inner-container::before,
.info-img__title .wp-block-group__inner-container::after {
    content: '';
    width: 100%;
    height: .4rem;
    background-color: var(--green);
    position: absolute;
    left: 0;
}

.info-img__title .wp-block-group__inner-container::before {
    top: 0;
}

.info-img__title .wp-block-group__inner-container::after {
    bottom: 0;
}

.info-img__title h4 {
    letter-spacing: 0.2em;
}

/* 店舗情報 - 店舗情報 */
.info-shop {
    padding-top: 12rem;
    overflow: hidden;
}

.info-shop__inner>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.info-logo {
    width: 36rem;
    margin-bottom: 2.4rem;
}

.info-shopname {
    font-size: 3.2rem;
    margin-bottom: 3.2rem;
}

.info-shopname--small {
    font-size: 2.4rem;
}

.info-shopaddress {
    margin-bottom: 3.2rem;
}

.wp-block-group.is-layout-flex.btn-info-flex {
    gap: 2.4rem !important;
    margin-bottom: 8rem;
}

.wp-block-buttons .btn-info-small>.wp-block-button__link {
    position: relative;
    padding: 0;
    padding-left: 1.6rem;
    width: 20rem;
    height: 4rem;
    border-radius: .6rem;
    background-color: var(--green);
    font-size: 1.4rem;
}

.btn-info-small>.wp-block-button__link i {
    position: absolute;
    top: 50%;
    left: 1.6rem;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    background-color: var(--white);
    border-radius: 50%;
    color: var(--green);
    font-size: 1.6rem;
}

.btn-info-small>.wp-block-button__link .fa-solid::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.info-contact {
    position: relative;
    padding-right: 10%;
}

.info-contact::before {
    content: '';
    width: 100%;
    height: calc(100% - 2.4rem);
    background-color: var(--white);
    border-radius: 12rem;
    position: absolute;
    top: 2.4rem;
    left: 0;
    z-index: -1;
}

.info-contact__img {
    width: 64%;
}

.info-contact__img>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    position: relative;
}

.info-contact__img--big,
.info-contact__img--small {
    border-radius: 24%;
    border: .8rem solid var(--white);
}

.info-contact__img--big {
    width: 72%;
}

.info-contact__img--small {
    width: 44%;
    align-self: flex-end;
    position: absolute;
    bottom: -2.4rem;
    right: 0;
}

.info-contact__content {
    width: 28%;
    min-width: 25.3rem;
    padding-top: 2.4rem;
}

.info-contact__content h4 {
    margin-bottom: 1.6rem;
}

.info-contact .btn-contact__block>.wp-block-group__inner-container,
.sp-nav-wrap .btn-contact__block>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: .4rem;
}

.wp-block-buttons .btn-contact>.wp-block-button__link {
    position: relative;
    padding: 0;
    padding-left: 1.6rem;
    width: 24rem;
    height: 6.4rem;
    border-radius: .6rem;
    background-color: var(--green);
    font-size: 1.8rem;
}

.btn-contact>.wp-block-button__link i {
    position: absolute;
    top: 50%;
    left: 2rem;
    transform: translateY(-50%);
    width: 3.2rem;
    aspect-ratio: 1;
    background-color: var(--white);
    border-radius: 50%;
    color: var(--green);
}

.info-contact .wp-block-buttons .btn-contact>.wp-block-button__link {
    height: 4.8rem;
}

.btn-contact>.wp-block-button__link .fa-solid::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.decor-info-contact {
    width: 18rem;
    top: 0;
    right: 0;
    transform: translate(50%, -24%);
}

.info-table {
    margin-top: 12rem;
}

.info-table__item {
    width: 45%;
    padding-bottom: 2.4rem;
    border-bottom: .1rem solid #ACAA9F;
    text-align: left;
}

.info-table__fullitem {
    width: 100%;
}

.info-table__title {
    width: 9.6rem;
    font-weight: 700;
}

.info-table__text {
    width: calc(100% - 9.6rem - 1.2rem);
}

.wp-block-group.is-layout-flex.info-table {
    row-gap: 2.4rem !important;
}

.info-table__fullitem .info-table__text {
    padding-left: 3.2rem;
}

.info-shop .overseas {
    margin-top: 10.4rem;
}

.info-shop-decor-right {
    width: 64rem;
    top: 20%;
    right: 0;
    transform: translateX(30%);
    z-index: -2;
}

.info-shop-decor-left {
    width: 70rem;
    bottom: 26%;
    left: 0;
    transform: translateX(-10%);
    z-index: -2;
}

/* 店舗情報 - 駅からのアクセス方法 */
.info-access {
    margin-top: 40rem;
}

.info-access .bg-green__container>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10.4rem;
    margin-top: -26rem;
}

.info-access iframe {
    aspect-ratio: 2 / 1;
    border-radius: .6rem;
    position: relative;
    z-index: 10;
}

.info-access__block {
    position: relative;
    background-color: var(--dark-beige);
    border-radius: .6rem;
    padding: 9.6rem 5% 8rem;
    color: var(--basic);
}

.info-access__title {
    position: absolute !important;
    top: -4rem;
    left: 4rem;
    width: 10rem;
    height: 26.1rem;
    background-size: 180% !important;
    color: var(--basic);
    z-index: 2;
}

.info-access__title>.wp-block-group__inner-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-access__title>.wp-block-group__inner-container::before,
.info-access__title>.wp-block-group__inner-container::after {
    content: '';
    width: 100%;
    height: .4rem;
    background-color: var(--green);
    position: absolute;
    left: 0;
}

.info-access__title>.wp-block-group__inner-container::before {
    top: 0;
}

.info-access__title>.wp-block-group__inner-container::after {
    bottom: 0;
}

.info-access__item {
    width: 30%;
}

.info-access__img {
    position: relative;
}

.info-access__img::after {
    content: '';
    width: 1.6rem;
    height: 2.6rem;
    position: absolute;
    top: 50%;
    right: -10%;
    background-image: url(../img/cevron--right.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.info-access__item:last-child .info-access__img::after {
    content: unset;
    position: unset;
}

.info-access__text {
    margin-top: 1.6rem;
}

.info-access-metro {
    margin-top: 9.6rem;
}

/* ==============================

    スマホ・タブレット縦

============================== */

@media screen and (max-width:1100px) {

    /*ハンバーガーメニュー表示*/
    .nav-wrapper {
        display: block;
    }

    .pc,
    .page-top {
        display: none;
    }

    .pc-tab {
        display: block;
    }

    .sp {
        display: block;
    }

    .sp-only {
        display: none;
    }

    h1 {
        font-size: 4rem;
    }

    h2 {
        font-size: 3.2rem;
    }

    h3 {
        font-size: 2.4rem;
    }

    h4 {
        font-size: 2rem;
    }

    .float__btn {
        width: 22rem;
    }


    /*-------------------------------

 ヘッダー

 -------------------------------*/
    .header-inner {
        padding-top: 1.6rem;
    }

    .header-inner::before {
        content: unset;
    }

    .header-inner::after {
        content: unset;
    }

    header.scroll-nav .header-inner::after {
        content: '';
    }

    header.scroll-nav .header-inner::before {
        content: '';
    }

    body .is-layout-flex.header-top__content {
        display: none;
    }

    body .is-layout-flex.header-scroll__content {
        display: flex;
        align-items: flex-start;
        width: 90%;
        margin: auto;
    }

    .header-logo {
        width: 16rem;
    }

    .header-inner-menu.wp-block-navigation.header-scroll-nav {
        display: none;
    }

    .decor-howtoeat {
        width: 18rem;
        transform: translate(50%, -40%);
    }

    .howtoeat.wp-block-group {
        background-image: url(../img/bg-goldflame-sp.png) !important;
    }

    /*-------------------------------

    トップページ

    -------------------------------*/
    /* トップページ - MV */
    .mv {
        padding-top: 10rem;
        padding-bottom: 16rem;
    }

    .maincopy {
        left: -2%;
        bottom: 2.4rem;
    }

    .mv-decor-right {
        width: 60rem;
        top: 4rem;
    }

    .mv-decor-left {
        width: 56rem;
    }

    /* .mainv .slide-img2 img {
            object-position: right 25% bottom 0%;
    } */



    /* トップページ - リード */
    .wp-block-group.is-layout-flex.top-lead__inner {
        flex-direction: column;
        row-gap: 4rem !important;
        max-width: 64rem;
    }

    .top-lead__content {
        width: 100%;
    }

    .top-lead__img {
    position: relative;
    width: 100%;
    transform: translateX(0);
    }

    .top-lead__img>.wp-block-group__inner-container {
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: end;
    }

    .lead-img-block {
    align-self: flex-start;
    width: 62%;
    margin-right: 5%;
    margin-bottom: 20rem;
    }

    .lead-img--small {
    margin-top: unset;
    position: absolute;
    top: 8%;
    left: 0;
    width: 36%;
    }

    .decor-lead-img {
        width: 9.6rem;
    }

    /* トップページ - メディア */
    .top-media {
        padding-top: 18.4rem;
    }

    .media__inner {
        margin-top: -12rem;
        z-index: 3;
    }

    .media__title {
        font-size: 2.4rem;
    }

    .media__img {
        max-width: 56rem;
        margin: auto;
    }

    .wp-block-group.is-layout-flex.media-slider--top {
        flex-direction: column;
        align-items: flex-start;
        gap: 0 !important;
        margin-bottom: 1.6rem;
    }

    .slider-big {
        width: 76%;
    }

    .media-slider--top .slider-small {
        width: 60%;
        transform: translate(0, 0);
        align-self: flex-end;
        margin-top: -1.2rem;
    }

    .wp-block-group.is-layout-flex.media-slider--bottom {
        flex-direction: column;
        gap: 0 !important;
    }

    .media-slider--bottom .slider-small {
        width: 60%;
        transform: translate(0, 0);
    }

    .media-slider--bottom .slider-big {
        width: 76%;
        margin-top: -1.2rem;
        align-self: flex-end;
    }

    .slider-small figure.decor-media-meet {
        width: 18rem;
        bottom: unset;
        left: unset;
        transform: translate(100%, -30%);
        top: 0;
        right: 0;
    }

    .decor-media-hakusai {
        width: 18rem;
    }

    .decor-media-nabe {
        width: 16rem;
        bottom: 0;
        left: -2%;
        transform: rotate(-30deg);
        z-index: 2;
    }

    /* トップページ - インスタ */
    .insta {
        margin-top: 10.4rem;
    }

    .insta #sb_instagram {
        margin-top: 4rem;
    }

    /* トップページ - 歴史 */
    .top-history {
        margin-top: 0;
        padding-top: 14.4rem;
        margin-bottom: 16rem;
    }

    .top-his__inner {
        max-width: 64rem;
    }

    .top-his__content--top {
        justify-content: center;
    }

    .top-his__title h3 {
        font-size: 2rem;
    }

    .top-his-decor-right {
        width: 56rem;
    }

    .top-his-decor-left {
        bottom: 4rem;
    }

    /* トップページ - 草鍋 */
    .wp-block-cover.top-kusanabe__inner {
        padding-top: 8rem;
    }

    .wp-block-group.is-layout-flex.top-kusanabe__content {
        align-items: center;
        row-gap: 4rem !important;
    }

    .top-kusanabe h2 {
        margin-bottom: 4rem;
    }

    .top-kusanabe__title {
        font-size: 2.4rem;
    }

    .top-kusanabe__title .white-box-bg {
        padding: .6rem .4rem;
    }

    .top-kusanabe .howtoeat {
        flex-direction: column;
    }

    .gold-flame__content,
    .howtoeat-img__container {
        width: 100%;
        max-width: 56rem;
    }

    .howtoeat__content .btn-basic.pc {
        display: none;
    }

    .howtoeat-img__container .btn-basic.sp {
        display: block;
    }

    figure.wp-block-image.size-full.howtoeat__img {
        margin-bottom: 4rem;
    }

    .gold-flame-wcolumn {
        padding: 5.6rem 5% 9.6rem;
    }

    .top-kusanabe .howtoeat {
        transform: translateY(8rem);
    }

    /* トップページ - 一品料理・ドリンク */
    .top-menu {
        margin-top: 28rem;
    }

    .top-menu__item::before {
        top: 4rem;
    }

    .top-menu__item .inner {
        max-width: 64rem;
    }

    .wp-block-group.is-layout-flex.top-menu__header {
        margin-bottom: 6.4rem;
    }

    .top-menu-lead {
        font-size: 1.8rem;
    }

    .wp-block-group.is-layout-flex.top-dish--top {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.2rem !important;
        margin-bottom: 0;
    }

    .wp-block-group.is-layout-flex.top-dish-btn-flex {
        justify-content: center;
        gap: 3.2rem !important;
    }

    .dish-img--big {
        width: 65%;
    }

    .dish-img--small {
        width: 45%;
        align-self: flex-end;
    }

    .wp-block-group.is-layout-flex.top-dish--bottom {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 4rem !important;
        margin-top: -12rem;
    }

    .top-dish__content {
        width: 100%;
    }

    .is-layout-flex>.dish-img--middle {
        width: 50%;
        margin-right: 0;
    }

    /* トップページ - 店内紹介 */
    .floor {
        margin-top: 0;
        padding-top: 16rem;
    }

    .floor__inner {
        max-width: 64rem;
    }

    .top-floor-flex-t.wp-block-group.is-layout-flex {
        position: relative;
        align-items: flex-start;
        justify-content: space-between;
    }

    .top-info__title {
        position: absolute;
        justify-content: flex-start;
    }

    .top-info__title h3 {
        font-size: 2.4rem;
    }

    .floor__inner>.wp-block-group__inner-container {
        row-gap: 8rem;
    }

    .wp-block-group.is-layout-flex.top-floor-flex-t__content {
        width: 100%;
        flex-direction: column-reverse;
        padding-top: 12rem;
        gap: 1.6rem !important;
    }

    .top-floor-flex-t__content>.wp-block-group {
        width: 100%;
    }

    .floor h4 {
        font-size: 1.8rem;
        margin-bottom: 2.4rem;
        text-align: right;
    }

    .top-floor-flex-t__content>.wp-block-group.js-slider {
        width: 80%;
        align-self: flex-end;
    }

    .decor-info {
    width: 14rem;
    top: 0;
    bottom: unset;
    transform: translate(36%, -22rem);
    z-index: 1;
    }

    .wp-block-group.is-layout-flex.top-floor-flex-middle {
        margin-right: 0;
        flex-direction: column-reverse !important;
        align-items: flex-start;
        gap: 2.4rem !important;
    }

    .top-floor-flex-w>.wp-block-group {
        width: 100%;
    }

    .wp-block-group.is-layout-flex.top-floor-flex-middle h4 {
        text-align: left;
    }

    .top-floor-flex-w__img {
        width: 90% !important;
        max-width: 48rem;
    }

    .wp-block-group.is-layout-flex.top-floor-flex-bottom {
        margin-left: 0;
        flex-direction: column-reverse;
        gap: 2.4rem !important;
        align-items: flex-end;
    }

    .floor-decor-right {
        width: 56rem;
        top: 5%;
    }

    .floor-decor-left {
        width: 56rem;
        bottom: 0;
    }

    /* トップページ - 海外の方 */
    .overseas {
        margin-top: 8rem;
        margin-top: 8rem;
    }

    .overseas__title {
        font-size: 2.4rem;
    }

    .overseas-service ul {
        margin: 1.6rem auto 4rem auto !important;
    }

    .overseas-insta-info {
        margin-top: 5.6rem;
    }

    .overseas-insta-info h3 {
        font-size: 2.4rem;
    }

    /*-------------------------------

 フッター

 -------------------------------*/
    footer {
        margin-top: 20rem;
    }

    .wp-block-group.is-layout-flex.footer__inner {
        flex-direction: column;
        gap: 5.6rem !important;
        max-width: 56rem;
        margin: auto;
        margin-bottom: 5.6rem;
    }

    .footer__content {
        width: 100%;
        max-width: 36rem;
    }

    .footer-map {
        width: 100%;
    }

    .footer-map iframe {
        aspect-ratio: 2 / 1;
    }


    /* ==============================

　　下層ページ

　============================== */
    /*-------------------------------

 下層 - 共通

 -------------------------------*/
    /* 下層 - ファーストビュー */
    .lowfv {
        padding-top: 12rem;
    }

    .low-fv__title {
        font-size: 3.2rem;
    }

    .wp-block-group.low-fv-title-bg {
        width: 32rem;
        height: 12rem;
    }

    .lowfv-decor-right {
        width: 56rem;
        top: 4rem;
    }

    /* 下層 - コース */
    .course {
        padding-top: 16rem;
        padding-bottom: 20rem;
    }

    .course__inner {
        max-width: 80rem;
    }

    .course__message {
        margin-bottom: 3.2rem;
    }

    .course-attention {
        width: 48%;
    }

    .decor-course-flag {
        width: 16rem;
        transform: translate(30%, -40%);
    }

    .course-decor-right {
        width: 56rem;
    }

    .course-decor-left {
        width: 48rem;
        bottom: 4%;
    }

    /*-------------------------------

    下層 - 小川下の歴史(/history)

    -------------------------------*/
    /* 小川下の歴史 - リード */
    .about-lead {
        padding-top: 5.6rem;
    }

    .lowfv-decor-left {
        width: 48rem;
    }

    .about-lead__inner h3 {
        font-size: 2.4rem;
        margin-bottom: 8rem;
    }

    .about-lead__inner h3 .green {
        font-size: 2.8rem;
    }

    .about-lead__inner h3 .furigana::before {
        font-size: 1.2rem;
    }

    /* 小川下の歴史 - 大切にしていること */
    .about-policy {
        margin-top: 16rem;
    }

    .about-policy__inner {
        max-width: 80rem;
    }

    .is-layout-flex>.lowsec-title__text {
        font-size: 2.4rem;
    }

    .lowsec-title-highlight {
        font-size: 3.2rem;
    }

    .is-layout-flex>.about-policy-img__block {
        width: 48rem;
        margin-top: 22rem;
    }

    .about-policy-yuge {
        width: 12rem;
    }

    .about-policy__title {
        font-size: 2rem;
        margin-bottom: 1.6rem;
    }

    .about-policy__text {
        width: 48rem;
        padding: 8rem 7.2rem 10rem 12rem;
    }

    .about-policy__item:nth-child(even) .about-policy__text {
        padding: 8rem 12rem 10rem 7.2rem;
    }

    .about-policy-decor-right {
        width: 56rem;
        top: 4%;
    }

    .about-policy-decor-left {
        width: 52rem;
        bottom: unset;
        top: 48%;
    }

    .jiiji-about-policy {
        width: 12rem;
    }

    /* 小川下の歴史 - 歴史 */
    .about-history .bg-green__container>.wp-block-group__inner-container {
        margin-top: 3.2rem;
        margin-bottom: 4rem;
    }

    .about-history .lowsec-title {
        margin-bottom: 4rem;
    }

    .his-item-year {
        font-size: 3.2rem;
    }

    .his-item__title {
        font-size: 2rem;
    }

    .his-item::before {
        width: 1.6rem;
    }

    .history-decor-rt {
        width: 56rem;
        top: 20%;
    }

    .history-decor-lt {
        width: 50rem;
    }

    .history-decor-rb {
        width: 48rem;
        top: 60%;
    }

    .history-decor-lb {
        width: 56rem;
        bottom: 1%;
    }

    /* 小川下の歴史 - 常連様の声 */
    .about-media__list>.wp-block-group__inner-container {
        column-gap: 4%;
    }

    .about-media__item {
        width: 48%;
    }

    .about-media__title {
        font-size: 1.8rem;
    }

    /*-------------------------------

    下層 - 名物 草鍋(/kusanabe)

    -------------------------------*/
    /* 名物 草鍋 - リード */
    .kusanabe-lead {
        padding-top: 5.6rem;
        padding-bottom: 20rem;
    }

    .kusanabe-lead-img__block {
        margin-bottom: 5.6rem;
    }

    .kusanabe-lead__text {
        font-size: 1.8rem;
        margin-bottom: 8rem;
    }

    .kusanabe-des-title {
        font-size: 2rem;
    }

    .kusanabe-des-title--big {
        font-size: 3.2rem;
    }

    .kusanabe-des__text {
        margin-top: 3.2rem;
    }

    .decor-kusanabe-meet {
        width: 26rem;
        transform: translate(-40%, -8rem);
    }

    .decor-kusanabe-tofu {
        width: 22rem;
    }

    .decor-kusanabe-hakusai {
        width: 26rem;
        transform: translate(40%, 8rem);
    }

    /* 名物 草鍋 - 食材へのこだわり */
    .kusanabe-highlight {
        padding-bottom: 16rem;
    }

    .kusanabe-highlight-pin {
        width: 10rem;
    }

    .kusanabe-highlight__item {
        width: 48%;
    }

    .kusanabe-highlight__item figure {
        width: 10rem;
    }

    .kusanabe-highlight-decor-right {
        width: 56rem;
        top: 4%;
    }

    .kusanabe-highlight-decor-left {
        width: 46rem;
    }

    /* 名物 草鍋 - 草鍋の魅力 */
    .kusanabe-appeal .bg-green__container>.wp-block-group__inner-container {
        margin-bottom: 5.6rem;
    }

    .kusanabe-appeal__inner {
        width: 90% !important;
        max-width: 72rem;
    }

    .kusanabe-appeal__inner .lowsec-title {
        margin-bottom: 4rem;
    }

    .wp-block-group.is-layout-flex.kusanabe-appeal__list {
        flex-direction: column;
    }

    .kusanabe-appeal__item {
        width: 64rem;
        height: 54rem;
    }

    .kusanabe-appeal__content>.wp-block-group__inner-container {
        width: 32rem;
    }

    .kusanabe-appeal__item:nth-child(1) {
        transform: translateX(-12%);
    }

    .kusanabe-appeal__item:nth-child(2) {
        align-self: flex-end;
        margin-top: -18rem;
        transform: translateX(22%);
    }

    .kusanabe-appeal__item:nth-child(3) {
        margin-top: -4rem;
        transform: translateX(-12%);
    }

    /* 名物 草鍋 - お品書き */
    .kusanabe-menu {
        margin-top: 12rem;
    }

    .wp-block-group.is-layout-flex.kusanabe-menu-main {
        flex-direction: column;
        row-gap: 2.4rem !important;
        max-width: 56rem;
        margin: auto;
        margin-bottom: 8rem;
    }

    .kusanabe-menu__img,
    .kusanabe-menu-content {
        width: 100%;
    }

    .kusanabe-menu-price {
        justify-content: center;
    }

    .howtoeat.wp-block-group {
        flex-direction: column;
    }


    /*-------------------------------

    下層 - 一品料理(/food)

    -------------------------------*/
    /* 一品料理 - リード */
    .food-lead {
        padding-top: 8rem;
    }

    /* 一品料理 - おすすめメニュー */
    .food-recommend {
        padding-top: 16rem;
    }

    .food-recommend-top {
        margin-top: 5.6rem;
    }

    /* .food-recommend-l {
        margin-top: 8rem;
    }

    .food-recommend-l figure.wp-block-image.size-full.food-recommend__img {
        margin-bottom: 2.4rem;
    } */

    .wp-block-group.is-layout-flex.food-recommend__list {
        flex-direction: column;
        row-gap: 2.4rem !important;
    }

    /* .food-recommend-l .food-recommend__item {
        width: 100%;
    } */

    .food-recommend-column .wp-block-group.is-layout-flex.food-recommend__list {
        gap: 5.6rem !important;
    }

    .food-recommend-column__item {
        width: 100%;
    }

    .food-recommend-column__item>.wp-block-group__inner-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .food-recommend-column__item:nth-child(even)>.wp-block-group__inner-container {
        flex-direction: row-reverse;
    }

    .food-recommend-column figure.wp-block-image.size-full.food-recommend__img {
        width: 55%;
        margin-bottom: 0;
    }

    .food-recommend-column .food-recommend__item {
        width: 40%;
    }



    .wp-block-group.is-layout-flex.food-recommend__title {
        justify-content: flex-start;
        column-gap: 2.4rem !important;
        margin-bottom: .4rem;
    }

    .wp-block-group.is-layout-flex.food-recommend__title h4,
    .wp-block-group.is-layout-flex.food-recommend__title p {
        white-space: nowrap;
    }

    .food-recommend-decor-right {
        width: 56rem;
        top: 28%;
    }

    .food-recommend-decor-left {
        width: 64rem;
    }


    /* 一品料理 - 一覧 */
    .food-menu {
        padding-top: 16rem;
    }

    .food-menu .bg-green__container>.wp-block-group__inner-container {
        margin-top: 3.2rem;
        margin-bottom: 24rem;
    }

    .food-menu__inner .lowsec-title {
        margin-bottom: 4rem;
    }

    .wp-block-group.is-layout-flex.menu-block__container {
        padding: 5.6rem 5%;
            flex-wrap: wrap;
    row-gap: 4rem !important;
    }

    .menu-block__container>.wp-block-group__inner-container {
        height: 140rem;
    }

    .menu-block__item {
            width: 45%;
    }

    /* 一品料理 - テイクアウト */
    .takeout__inner {
        padding: 8rem 5% 10.4rem;
    }

    .decor-takeout-dashimaki {
        width: 26rem;
    }

    .decor-takeout-kraage {
        width: 20rem;
    }


    /*-------------------------------

    下層 - お飲み物(/drink)

    -------------------------------*/
    /* お飲み物 - リード */
    .drink-lead__inner h3 {
        margin-bottom: 6.4rem;
    }

    .drink-lead {
        padding-top: 8rem;
    }

    .wp-block-group.is-layout-flex.drink-lead-shochu {
        flex-direction: column;
        row-gap: 5.6rem !important;
        background-image: url(../img/bg-goldflame-sp.png) !important;
    }

    .drink-lead-shochu-img__container {
        width: 100%;
        max-width: 56rem;
    }

    /* お飲み物 - アバウト */
    .wp-block-cover.drink-about {
        margin-top: 16rem;
    }

    /* お飲み物 - メニュー一覧 */
    .drink-menu {
        padding-top: 16rem;
        padding-bottom: 20rem;
    }

    .drink-menu__inner h4 {
        margin-bottom: 2.4rem;
    }

    .drink-menu__inner .menu-block__container>.wp-block-group__inner-container {
            height: 146rem;
    }

    .drink-menu-decor-left {
        width: 48rem;
        bottom: 0;
    }

    .drink-menu-decor-right {
        width: 56rem;
    }


    /*-------------------------------

    下層 - 店舗情報(/info)

    -------------------------------*/
    /* 店舗情報 - 店内写真 */
    .info-img {
        padding-top: 8rem;
    }

    .info-img__item {
        width: 48%;
    }

    .info-img__title {
        width: 4.2rem;
        height: 12rem;
        top: .8rem;
        right: .8rem;
    }

    .info-img__title h4 {
        font-size: 1.8rem;
    }

    /* 店舗情報 - 店舗情報 */
    .info-shop {
        padding-top: 5.6rem;
    }

    .info-logo {
        width: 24rem;
    }

    .info-shopname {
        font-size: 2.4rem;
        margin-bottom: 2.4rem;
    }

    .info-shopname--small {
        font-size: 2rem;
    }

    .info-contact {
        padding-right: 5%;
    }

    .info-contact::before {
        border-radius: 8rem;
    }

    .info-contact__img--big {
        width: 100%;
        max-width: 42rem;
        transform: translateX(-10%);
    }

    .info-contact__img--small {
        width: 50%;
        bottom: -4rem;
    }

    .decor-info-contact {
        width: 16rem;
    }

    .btn-contact>.wp-block-button__link i {
        left: 1.8rem;
        width: 2.8rem;
        font-size: 1.6rem;
    }

    .info-table__title {
        width: 8.8rem;
    }

    .info-table__text {
        width: calc(100% - 8.8rem - .8rem);
    }

    .wp-block-group.is-layout-flex.info-table {
        row-gap: 1.6rem !important;
    }

    .info-table__item {
        padding-bottom: 1.6rem;
    }

    .info-shop-decor-right {
        width: 56rem;
        top: 15%;
    }

    .info-shop-decor-left {
        width: 56rem;
        bottom: 24%;
    }

    /* 店舗情報 - 駅からのアクセス */
    .info-access {
        margin-top: 32rem;
    }

    .info-access .bg-green__container>.wp-block-group__inner-container {
        row-gap: 5.6rem;
        margin-bottom: 5.6rem;
    }

    .info-access-metro {
        margin-top: 5.6rem;
    }

    .info-access__block {
        padding: 8rem 5% 5.6rem;
    }

    .info-access__list .inner-s {
        width: 100% !important;
    }

    .info-access__title {
        width: 24rem;
        height: 8.8rem;
    }

    .info-access__title>.wp-block-group__inner-container::before,
    .info-access__title>.wp-block-group__inner-container::after {
        width: .4rem;
        height: 100%;
    }

    .info-access__title h4 {
        writing-mode: horizontal-tb;
    }

    .info-access__title>.wp-block-group__inner-container::after {
        bottom: unset;
        left: unset;
        right: 0;
        top: 0;
    }

    .info-access__img::after {
        right: -12%;
    }

    .info-access__img::after {

        right: -12%;
    }

}


/* ==============================

    PC・タブレット横 

============================== */

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

    .fix_nav.sp_disp.sp {
        display: none;
    }

    .pc {
        display: block;
    }

    .sp {
        display: none;
    }

}

/* ==============================

    タブレット縦横

============================== */

@media (max-width: 1650px) and (min-width: 710px) {

    .fix_nav.sp_disp.sp {
        display: none;
    }

    .inner-s,
    .inner,
    .inner-l {
        width: 90%;
    }

}


/* ==============================

    タブレット縦のみ

============================== */

@media (max-width: 1000px) and (min-width: 710px) {

    /*MVの高さ適宜変更*/
    .mainv,
    .slider-01,
    .slider-01 .slide figure.wp-block-image.size-full,
    .slider-01 .slide figure.wp-block-image.size-full img {
        height: 55svh;
    }

    .tel-menu-flex {
        max-width: 374px;
    }

    .fix_nav.sp_disp.sp {
        display: none;
    }

}


/* ==============================

    スマホ　

============================== */

@media screen and (max-width: 710px) {


    /*スマホ版MVの高さ適宜変更*/
    .mainv,
    .slider-01,
    .slider-01 .slide figure.wp-block-image.size-full,
    .slider-01 .slide figure.wp-block-image.size-full img {
        height: 68svh;
    }


    .inner-s,
    .inner,
    .inner-l {
        width: 90%;
    }

    h1 {
        font-size: 3rem;
    }

    h3 {
        font-size: 2rem;
    }

    h4 {
        font-size: 1.8rem;
    }

    .mobile {
        display: block;
    }

    .pc-tab {
        display: none;
    }

    .other-m {
        display: none;
    }

    .float-cta {
        display: none;
    }

    /*-------------------------------

    ヘッダー

    -------------------------------*/
    .header-inner {
        padding-top: .8rem;
    }

    .header-logo {
        width: 12rem;
    }

    header.scroll-nav .header-inner {
        padding-top: .4rem;
    }

    header.scroll-nav .header-logo {
        width: 10.6rem;
    }

    header.scroll-nav .header-inner::before {
        height: 9.8rem;
    }

    header.scroll-nav .header-inner::after {
        top: 9.8rem;
    }

    /*-------------------------------

    トップページ

    -------------------------------*/
    /* トップページ - MV */
    .mv {
        padding-top: 8rem;
        padding-bottom: 12rem;
    }

    .maincopy-pc {
        display: none;
    }

    .maincopy-mobile {
        display: block;
    }

    h1.maincopy {
        bottom: -2.4rem;
        line-height: 1.25;
        font-size: 2.8rem;
    }

    .maincopy .white-box-bg {
        padding: .4rem .8rem;
    }

    .maincopy .white-box-bg:first-child,
    .maincopy .white-box-bg {
        margin-bottom: .4rem;
    }

    .lead-img-block {
    margin-right: 0;
    width: 68%;
    margin-bottom: 12rem;
    }

    .decor-lead-img {
        width: 8rem;
    }

    .lead-img--small {
    width: 34%;
        max-width: 20rem;
    }

    .mv-decor-right {
        width: 48rem;
    }

    .mv-decor-left {
        width: 40rem;
    }

    /* トップページ - メディア */
    .top-media {
        padding-top: 14.4rem;
    }

    .media__title {
        font-size: 2rem;
        padding: 1.6rem 1.6rem 1.6rem 2.4rem;
        margin-bottom: 3.2rem;
    }

    .media__title::after {
        width: calc(100% - .8rem);
        height: calc(100% - .8rem);
    }

    .top-media .bg-green__container>.wp-block-group__inner-container {
        margin-bottom: 4rem;
    }

    .media__text {
        margin-bottom: 5.6rem;
    }

    .top-media .wp-block-buttons>.wp-block-button.btn-basic {
        margin-top: 5.6rem;
    }

    .decor-media-hakusai {
        width: 14.4rem;
        right: -4%;
    }

    .decor-media-nabe {
        width: 12rem;
        bottom: 0;
        left: -6%;
    }

    .wp-block-group.is-layout-flex.btn-flex {
    flex-direction: column;
    gap: 1.2rem !important;
    }

    .top-media .wp-block-buttons:last-child>.wp-block-button.btn-basic {
margin-top: 0;
    }

    /* トップページ - インスタ */
    .insta {
        margin-top: 8rem;
    }

    /* トップページ - 歴史 */
    .top-history {
        padding-top: 12rem;
        margin-bottom: 12rem;
    }

    .top-history .section__title {
        margin-bottom: 5.6rem;
    }

    .is-layout-flex>.history-img--big {
        width: 80%;
        margin-top: 3.2rem;
    }

    .top-his__title {
        width: 20%;
        transform: translateX(-20%);
    }

    .top-his__title h3 {
        position: relative;
        font-size: 1.8rem;
    }

    .top-his__title h3::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .9);
    filter: blur(3rem);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    }

    .wp-block-group.is-layout-flex.top-his__content--bottom {
        flex-direction: column-reverse;
        gap: 4rem !important;
    }

    .top-his-text__container {
        width: 100%;
    }

    .history-img--small {
        width: 60%;
        align-self: flex-end;
    }

    .top-his-decor-right {
        width: 44rem;
        top: 8rem;
    }

    .top-his-decor-left {
        width: 42rem;
        bottom: 12rem;
    }

    /* トップページ - 名物 草鍋 */
    .wp-block-cover.top-kusanabe__inner {
        padding-top: 6.4rem;
    }

    .top-kusanabe__title {
        font-size: 2rem;
        writing-mode: horizontal-tb;
        text-align: center;
    }

    .wp-block-group.is-layout-flex.top-kusanabe__content {
        flex-direction: column !important;
    }

    .wp-block-group.is-layout-flex.top-kusanabe__text {
        column-gap: 1.6rem !important;
    }

    .top-kusanabe .howtoeat {
        transform: translateY(5.6rem);
    }

    .top-kusanabe__text p {
        line-height: 1.6;
    }

    .howtoeat.wp-block-group {
        width: 100%;
        overflow: hidden;
    }

    .howtoeat-sup {
        font-size: 1.6rem;
    }

    .decor-howtoeat {
        transform: translate(30%, -40%);
    }

    .jiiji-howtoeat figure {
        width: 9.6rem;
    }

    /* トップページ - 一品料理・ドリンク */
    .top-menu {
        margin-top: 18.4rem;
    }

    .top-dish {
        margin-bottom: 18.4rem;
    }

    .wp-block-group.is-layout-flex.top-menu__header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 4rem;
    }

    .top-menu-lead {
        font-size: 1.6rem;
        width: 74%;
        align-self: flex-end;
        margin-top: -2.4rem;
    }

    .dish-img--big {
        width: 72%;
    }

    .dish-img--small {
        width: 50%;
    }

    .wp-block-group.is-layout-flex.top-dish--bottom {
        margin-top: -6.4rem;
    }

    .top-dish__content {
        min-width: unset;
    }

    .wp-block-group.is-layout-flex.top-dish-btn-flex {
        flex-direction: column;
        gap: 2.4rem !important;
    }

    .is-layout-flex>.dish-img--middle {
        width: 48%;
    }

    .wp-block-group.is-layout-flex.top-drink__block {
        flex-direction: column;
        row-gap: 4rem !important;
    }

    .top-drink__img,
    .top-drink__container {
        width: 100%;
    }

    .top-drink__container .wp-block-buttons.is-content-justification-left {
        justify-content: center;
    }

    /* トップページ - 店内紹介 */
    .floor__inner>.wp-block-group__inner-container {
        row-gap: 5.6rem;
    }

    .top-info__title h3 {
        font-size: 2rem;
    }

    .floor h4 {
        margin-bottom: 1.6rem;
    }

    .top-floor-flex-w__img {
        width: 80%;
    }

    .floor-decor-right {
        width: 48rem;
    }

    .floor-decor-left {
        width: 44rem;
    }

    /* トップページ - 海外の方へ */
    .overseas {
        margin-top: 0;
        padding-top: 10.4rem;
    }

    .overseas__inner {
        padding: 5.6rem 5%;
    }

    /*-------------------------------

    フッター

    -------------------------------*/
    footer {
        margin-top: 16rem;
        border-radius: 4rem 4rem 0 0;
    }

    footer>.inner {
        padding-top: 5.6rem;
    }

    .footer-logo {
        width: 16rem;
    }

    .wp-block-group.is-layout-flex.footer__inner {
        margin-bottom: 4rem;
    }

    .copyright {
        padding-bottom: 8rem;
    }


    /*-------------------------------

    下層ページ

    -------------------------------*/
    /*---------------------
    下層
    共通項目
    ---------------------*/
    /* 下層共通 - ファーストビュー */
    .lowfv {
        padding-top: 9.6rem;
    }

    .low-fv__img {
        aspect-ratio: 3 / 2;
    }

    .wp-block-group.low-fv-title-bg {
        width: 26rem;
        height: 10.4rem;
        transform: translate(-50%, -30%);
    }

    .low-fv__title {
        font-size: 2.8rem;
    }

    .lowfv-decor-right {
        width: 48rem;
    }

    .lowfv-decor-left {
        width: 36rem;
        top: -2.4rem;
    }

    /* 下層共通 - タイトル */
    .lowsec-title {
        margin-bottom: 5.6rem;
    }

    /* 下層共通 - コース */
    .course {
        padding-bottom: 16rem;
    }

    .wp-block-group.is-layout-flex.course-menu {
        flex-direction: column;
    }

    .course-menu__title {
        width: 100%;
        border-right: unset;
        border-bottom: .1rem solid #B6BC8D;
        padding: 1.6rem 0;
    }

    .course-menu__list {
        list-style-type: disc;
        width: 100%;
        padding: 2.4rem 1.6rem 2.4rem 3.2rem;
    }

    .wp-block-group.is-layout-flex.course-attention-flex {
        flex-direction: column;
        row-gap: 2.4rem !important;
    }

    .course-attention {
        width: 100%;
    }

    .decor-course-flag {
        width: 12rem;
        transform: translate(37%, -50%);
    }

    .course-decor-right {
        width: 48rem;
    }

    .course-decor-left {
        width: 44rem;
        bottom: 2%;
    }

    /*---------------------

    下層 - 㐂多呂の歴史 (/history)
      
    ---------------------*/
    /* 㐂多呂の歴史 - リード */
    .about-lead__inner h3 {
        font-size: 2rem;
    }

    .about-lead__inner h3 .green {
        font-size: 2.4rem;
    }

    .wp-block-group.is-layout-flex.about-lead__content {
        flex-direction: column;
        gap: 4rem !important;
    }

    .about-lead__img,
    .about-lead__text {
        width: 100%;
    }

    .about-lead__text>.wp-block-group__inner-container {
        row-gap: 1.6rem;
    }

    .lowsec-title-decor--left,
    .lowsec-title-decor--right {
        width: 7.2rem;
    }

    .is-layout-flex>.lowsec-title__text {
        font-size: 2rem;
        margin: 1.8rem .8rem 1.8rem 1.8rem;
    }

    .lowsec-title-highlight {
        font-size: 2.4rem;
    }

    .lowsec-title-decor--left {
        margin-left: -5% !important;
    }

    .lowsec-title-decor--right {
        margin-left: 2% !important;
    }

    /* 㐂多呂の歴史 - 大切にしていること */
    .wp-block-group.is-layout-flex.about-policy__item {
        flex-direction: column-reverse !important;
    }

    .is-layout-flex>.about-policy-img__block {
        margin-top: -4rem;
        width: 120%;
        margin-left: -10%;
    }

    .is-layout-flex>.about-policy__text,
    .about-policy__item:nth-child(even) .about-policy__text {
        position: relative !important;
        width: 110%;
        padding: 8rem 10%;
        background-size: 120% 100% !important;
        background-position: center left 83% !important;
        margin-left: -5%;
    }

    .about-policy__item:nth-child(even) .about-policy__text {
        background-position: center right 83% !important;
    }

    .about-policy__title {
        font-size: 1.8rem;
    }

    .about-policy-yuge {
        width: 10.4rem;
    }

    .jiiji-about-policy {
        width: 9.6rem;
    }

    /* 㐂多呂の歴史 - 歴史 */
    .about-history {
        margin-top: 12rem;
    }

    .about-history .bg-green__container>.wp-block-group__inner-container {
        margin-top: 0;
    }

    .history__list>.wp-block-group__inner-container {
        display: flex;
        flex-direction: column;
        row-gap: 4rem !important;
    }

    .history__list::before {
        left: 2%;
        transform: translateX(0);
    }

    .wp-block-group.is-layout-flex.timeline-flex {
        flex-direction: column !important;
        width: 98%;
        margin-left: 2.5%;
        row-gap: 4rem !important;
    }

    .his-item {
        width: 100%;
    }

    .timeline-flex:first-child .his-item--right {
        margin-bottom: 0;
    }

    .his-item>.wp-block-group__inner-container {
        width: 90%;
    }

    .his-item-year {
        font-size: 2.4rem;
    }

    .his-item__title {
        font-size: 1.8rem;
        margin-bottom: 1.6rem;
    }

    .his-item:nth-child(even)::before {
        right: unset;
        left: 0;
        transform: translateX(-50%);
    }

    .his-item:nth-child(even)>.wp-block-group__inner-container {
        width: 90%;
        margin-left: auto;
        margin-right: unset;
    }

    .his-item--left .his-item-year,
    .his-item--left .his-item-yearja {
        text-align: left;
    }

    .timeline-flex:nth-child(2) .his-item--right {
        margin-bottom: 0;
    }

    .timeline-flex:nth-child(3) {
        margin-top: 0;
    }

    .timeline-flex:nth-child(3) .his-item--right {
        margin-bottom: 0;
    }

    .timeline-flex:nth-child(4) {
        margin-top: 0;
    }

    .timeline-flex:nth-child(4) .his-item--right {
        margin-bottom: 0;
    }

    .timeline-flex:nth-child(5) {
        margin-top: 0;
    }

    .timeline-jiiji {
        width: 8rem;
    }

    .history__list>.wp-block-group__inner-container::before,
    .history__list>.wp-block-group__inner-container::after {
        left: 2.6%;
    }

    .history-decor-rt {
        width: 40rem;
        top: 2%;
        transform: translateX(36%);
    }

    .history-decor-lt {
        width: 48rem;
        top: 40%;
        transform: translateX(-34%);
    }

    .history-decor-rb {
        width: 42rem;
        top: 64%;
    }

    .history-decor-lb {
        width: 48rem;
        transform: translate(-30%, 6%);
    }

    /* 㐂多呂の歴史 - 常連様の声 */
    .about-media {
        padding-top: 12rem;
    }

    .about-media__list>.wp-block-group__inner-container {
            align-items: flex-start;
    }

    .about-media__item {
            width: 100%;
    }

    /*---------------------

    下層 - 名物 草鍋 (/kusanabe)
      
    ---------------------*/
    /* 名物 草鍋 - リード */
    .kusanabe-lead {
        padding-bottom: 14.4rem;
    }

    .kusanabe-lead__inner .title-space {
        margin: 0 .8rem;
    }

    .kusanabe-lead-img__block {
        margin-top: -6rem;
    }

    .kusanabe-lead-img img {
        aspect-ratio: 3 / 2 !important;
    }

    .decor-kusanabe-hakusai {
        width: 16rem;
        transform: translate(40%, 5.6rem);
    }

    .kusanabe-lead__text {
        font-size: 1.6rem;
    }

    .kusanabe-lead__text>.wp-block-group__inner-container {
        row-gap: 1.6rem;
    }

    .kusanabe-des.inner {
        width: 108% !important;
        margin-left: -4%;
    }

    .kusanabe-des-title {
        font-size: 1.8rem;
    }

    .kusanabe-des-title--big {
        font-size: 2.8rem;
    }

    .kusanabe-des__text p.has-text-align-center {
        text-align: justify;
    }

    .decor-kusanabe-meet {
        width: 18rem;
        transform: translate(-28%, -6.4rem);
    }

    .decor-kusanabe-tofu {
        width: 14.4rem;
        transform: translate(24%, 50%);
    }

    .kusanabe-des__text .has-text-align-center {
        text-align: justify;
    }

    .kusanabe-des-bg {
        background-image: url(../img/bg-goldflame-sp.png) !important;
        padding: 6.4rem 5%;
    }

    /* 名物 草鍋 - 食材へのこだわり */
    .kusanabe-highlight__list {
        padding-top: 8rem;
    }

    .kusanabe-highlight__img {
        aspect-ratio: 1;
    }

    .wp-block-image.kusanabe-highlight__img img {
        height: 100%;
        object-fit: cover;
    }

    .kusanabe-highlight-pin {
        width: 7.2rem;
    }

    .kusanabe-highlight__list #check1,
    .kusanabe-highlight__list #check2 {
        scroll-margin-top: 18rem;
    }

    .kusanabe-highlight-pin--green {
        left: 56%;
    }

    .kusanabe-highlight-pin--yellow {
        top: 21%;
        left: 18%;
    }

    .wp-block-group.is-layout-flex.kusanabe-highlight__list {
        width: 100% !important;
        flex-direction: column;
        row-gap: 7.2rem !important;
    }

    .kusanabe-highlight__item {
        width: 100%;
        padding-right: 1.6rem;
        padding-left: 1.6rem;
    }

    .kusanabe-highlight__item figure {
        width: 8rem;
    }

    .kusanabe-highlight-decor-right {
        width: 44rem;
        top: 2%;
    }

    .kusanabe-highlight-decor-left {
        width: 40rem;
        transform: translateX(-20%);
    }

    /* 名物 草鍋 - 草鍋の魅力 */
    .kusanabe-appeal .bg-green__container>.wp-block-group__inner-container {
        margin-top: 0;
    }

    .wp-block-group.is-layout-flex.kusanabe-appeal__list {
        width: 110% !important;
        margin-left: -5%;
    }

    .kusanabe-appeal__item,
    .kusanabe-appeal__item:nth-child(1) {
        width: 56rem;
        height: 48rem;
        left: 56%;
        transform: translateX(-50%);
    }

    .kusanabe-appeal__content>.wp-block-group__inner-container {
        position: relative;
        top: unset;
        left: unset;
        transform: translate(40%, 0);
        width: 28rem;
        margin-top: 28%;
    }

    .kusanabe-appeal__title {
        margin-bottom: 1.6rem;
    }

    .kusanabe-appeal__item:nth-child(2) {
        align-self: flex-start;
        margin-left: 0;
    }

    .kusanabe-appeal__item:nth-child(2),
    .kusanabe-appeal__item:nth-child(3) {
        margin-top: 0;
        transform: translateX(-50%);
    }

    /* 名物 草鍋 - お品書き */
    .kusanabe-menu {
        margin-top: 8rem;
    }

    .is-layout-flex.kusanabe-menu-price>p {
        font-size: 1.8rem;
    }

    .kusanabe-menu-price .price-big {
        font-size: 2.2rem;
    }

    .wp-block-group.is-layout-flex.kusanabe-menu__list {
        flex-direction: column;
    }

    .kusanabe-menu-item-single .kusanabe-menu__item,
    .kusanabe-menu__item {
        width: 100%;
    }

    .kusanabe-menu__inner .howtoeat.wp-block-group {
        width: 110%;
        margin-left: -5%;
    }


    /*---------------------

    下層 - 一品料理 (/food)
      
    ---------------------*/
    /* 一品料理 - リード */
    .food-lead--top {
        margin-bottom: 2.4rem;
    }

    .is-layout-flex>.food-lead__img--big {
        width: 80%;
        margin-top: 2.4rem;
    }

    .wp-block-group.is-layout-flex.food-lead--bottom {
        flex-direction: column-reverse;
        row-gap: 2.4rem !important;
    }

    .food-lead__text {
        width: 100%;
    }

    .food-lead__img--small {
        width: 70%;
    }

    /* 一品料理 - おすすめメニュー */
    .food-recommend {
        padding-top: 12rem;
    }

    .wp-block-group.is-layout-flex.food-recommend-s {
        flex-direction: column !important;
        row-gap: 1.6rem !important;
    }

    .food-recommend-s .food-recommend__img,
    .food-recommend-s .food-recommend__list {
        width: 100%;
    }

    .food-recommend-s .food-recommend__list>.wp-block-group__inner-container {
        row-gap: 1.6rem;
    }

    .food-recommend__title p {
        font-size: 2rem;
    }

    .food-recommend__title .food-price-small {
        font-size: 1.6rem;
    }

    .food-recommend-column__item>.wp-block-group__inner-container,
    .food-recommend-column__item:nth-child(even)>.wp-block-group__inner-container {
        flex-direction: column;
    }

    .food-recommend-column figure.wp-block-image.size-full.food-recommend__img {
        width: 100%;
        margin-bottom: 1.6rem;
    }

    .food-recommend-column .food-recommend__item {
        width: 100%;
    }

    /* 一品料理 - 一覧 */
    .food-menu {
        padding-top: 12rem;
    }

    .food-menu .bg-green__container>.wp-block-group__inner-container {
        margin-top: 0;
    }

    .wp-block-group.is-layout-flex.menu-block__container {
        flex-direction: column;
        row-gap: 4rem !important;
    }

    .menu-block__container>.wp-block-group__inner-container {
        height: unset !important;
    }

    .menu-block__item {
        width: 100%;
    }

    .menu-block__title {
    padding-bottom: 1.2rem;
    border-bottom: .1rem solid var(--dark-green);
    }

    /* 一品料理 - テイクアウト */
    .takeout__inner {
        width: 100%;
        background-image: url(../img/bg-goldflame-sp.png) !important;
        padding: 8rem 5% 8rem;
    }

    .decor-takeout-dashimaki {
        width: 18rem;
        bottom: 2.4rem;
    }

    .decor-takeout-kraage {
        width: 14rem;
    }


    /*---------------------

    下層 - ドリンク (/drink)
      
    ---------------------*/
    /* ドリンク - リード */
    .drink-lead__inner h3 {
        font-size: 2rem;
    }

    .wp-block-group.is-layout-flex.drink-lead-shochu {
        width: 110%;
        margin-left: -5%;
    }

    /* ドリンク - アバウト */
    .wp-block-cover.drink-about {
        margin-top: 12rem;
        height: 70vh;
        background-color: #212312;
    }

    .wp-block-cover.drink-about .wp-block-cover__image-background {
        height: auto;
        min-height: 34rem;
    }

    .wp-block-group.is-layout-flex.drink-about__list {
        width: 100% !important;
        flex-direction: column;
        row-gap: 2.4rem !important;
    }

    .drink-about__item {
        width: 100%;
    }

    /* ドリンク - 一覧 */
    .drink-menu {
        padding-top: 12rem;
        padding-bottom: 16rem;
    }

    .drink-menu__inner h4 {
        font-size: 1.6rem;
    }

    .drink-menu-decor-right {
        width: 48rem;
        top: 6%;
    }

    .drink-menu-decor-left {
        width: 40rem;
    }

    /*---------------------

    下層 - 店舗情報 (/info)
      
    ---------------------*/
    /* 店舗情報 - 店内写真 */
    .wp-block-group.is-layout-flex.info-img__list {
        flex-direction: column;
        row-gap: 2.4rem !important;
    }

    .info-img__item {
        width: 100%;
    }

    .info-logo {
        width: 18rem;
    }

    .wp-block-group.is-layout-flex.btn-info-flex {
        /* gap: 0rem !important; */
        flex-direction: column;
        row-gap: 1.2rem !important;
    }

    .info-contact {
        padding-right: 0;
        padding-bottom: 4rem;
    }

    .wp-block-group.is-layout-flex.info-contact__inner {
        flex-direction: column;
    }

    .info-contact__img {
        width: 100%;
    }

    .info-contact__img--small {
        transform: translateX(10%);
    }

    .info-contact__content {
        width: 100%;
        min-width: unset;
        padding-top: 4rem;
    }

    .info-contact__content>.wp-block-group__inner-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .decor-info-contact {
        width: 12rem;
    }

    .wp-block-group.is-layout-flex.info-table {
        margin-top: 8rem;
        flex-direction: column;
    }

    .wp-block-group.is-layout-flex.info-table__item {
        flex-direction: column;
        row-gap: .6rem !important;
        width: 100%;
    }

    .info-table__text {
        width: 100%;
    }

    .info-access {
        margin-top: 20rem;
    }

    .info-access .bg-green__container>.wp-block-group__inner-container {
        margin-top: -16rem;
    }

    .info-access__list .wp-block-group.is-layout-flex.inner-s {
        flex-direction: column;
        row-gap: 4rem !important;
    }

    .info-access__item {
        width: 100%;
        position: relative;
    }

    .info-access__img {
        position: unset;
    }

    .info-access__img::after {
        top: unset;
        right: unset;
        left: 50%;
        bottom: -3.2rem;
        transform: translateX(-50%) rotate(90deg);
    }

    .info-access__title {
        width: 22rem;
        height: 7.2rem;
        top: -2.4rem;
        left: 50%;
        transform: translateX(-50%);
    }

}


/* ==============================

  その他適宜追加する場合は下記に記述

============================== */