@charset "utf-8";

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

    サイト設定　適宜変更箇所

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

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.04em;
    text-align: justify;
    overflow-x: hidden;
    font-family: "Noto Sans JP", sans-serif;
    /* カラー変数 */
    --basic: #2E1F07;
    --highlight: #D93423;
    --highlight-dark: #F2250E;
    --bg-red: #810009;
    --white: #ffffff;
    --brown: #402B08;
    --beige: #E1DBCF;
    --line: #707070;
    /* 基本カラー */
    color: var(--basic);
    background-color: #EFEBE5;
}

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

figure {
    overflow: hidden;
}

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

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

    サイト設定

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

section {
    position: relative;
}

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

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

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

/* カラー */
.text-highlight {
    color: var(--highlight);
    font-weight: 700;
}

.text-highlight-dark {
    color: var(--highlight-dark);
    font-weight: 700;
}

/*画像ホバー時*/

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

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

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

/* フォント設定 */
h1,
h2,
h3,
h4,
h5 {
    font-family: "Noto Serif JP", serif;
    font-weight: 900;
    line-height: 1.5;
    text-align: left;
}

.page-template-page-low h1,
.blog h1,
.single h1,
.category h1 {
    font-family: "Noto Serif JP", serif !important;
}

h1,
h2 {
    font-size: 5.6rem;
}

h3 {
    font-size: 4rem;
}

h4 {
    font-size: 3.2rem;
}

h5 {
    font-size: 2rem;
}

section {
    position: relative;
}

.section__title {
    margin-bottom: 5.6rem;
}

.mobile {
    display: none;
}

/* ボタン */
.btn-round {
    margin-top: 4rem !important;
}

.btn-round>.wp-block-button {
    width: 21rem;
    height: 5.5rem;
}

.btn-round>.wp-block-button .wp-block-button__link {
    position: relative;
    padding: 0;
    padding-left: 2.4rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: 'Noto Serif JP';
    font-size: 1.6rem;
    font-weight: 700;
      overflow: hidden;
  transition: .5s;
  z-index: 1;
}

.btn-red>.wp-block-button .wp-block-button__link {
    border: .2rem solid var(--bg-red);
}

.btn-white>.wp-block-button .wp-block-button__link {
    border: .2rem solid var(--white);
}

.btn-round>.wp-block-button .wp-block-button__link::after {
    content: '';
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background-color: var(--bg-red);
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translateY(-50%);
}

.btn-red {
    color: var(--bg-red);
}

.btn-white {
    color: var(--white);
}

.btn-white .wp-block-button .wp-block-button__link::after {
    background-color: var(--white)
}

.btn-round>.wp-block-button .wp-block-button__link::before {
content: "";
  width: 120%;
  height: 200%;
  position: absolute;
  top: -50%;
  right: 0;
  z-index: -1;
  border-radius: 0 100% 100% 0;
  transform: translateX(-100%);
  transition: transform ease .5s;
}

.btn-red>.wp-block-button .wp-block-button__link::before {
  background: var(--bg-red);
}

.btn-white>.wp-block-button .wp-block-button__link::before {
  background: var(--white);
}

/* .btn-round>.wp-block-button .wp-block-button__link:hover {
    border: none;
} */

.btn-round>.wp-block-button .wp-block-button__link:hover::before {
    transform: translateX(10%);
}

.btn-red>.wp-block-button .wp-block-button__link:hover {
    color: var(--white);
}

.btn-red>.wp-block-button .wp-block-button__link:hover::after {
    background-color: var(--white);
}

.btn-white>.wp-block-button .wp-block-button__link:hover {
    color: var(--bg-red);
}

.btn-white>.wp-block-button .wp-block-button__link:hover::after {
    background-color: var(--bg-red);
}



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

　　固定メニュー

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

.fix_nav.sp_disp.sp {
    position: fixed;
    z-index: 300;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: var(--brown);
}

.wp-block-group.fix_nav.sp_disp-inner {
    gap: 0;
}

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

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

.kotei-menu p {
    font-family: "Noto Serif JP", serif;
}

.kotei-menu>.wp-block-group__inner-container p:nth-child(2) {
    font-size: 1.4rem;
}

/*メニュー数*/
.sp_disp-3 .kotei-menu {
    width: 33.3333333333%;
}

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

ヘッダーの設定

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

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

.header-inner {
    transition: .6s;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 300;
}

body .header__container {
    font-family: "Noto Serif JP", serif;
    font-weight: 700;
    align-items: flex-start;
    justify-content: center;
    width: 98%;
    margin: auto;
}

body .is-layout-flex>.header__maincontent {
    background-color: var(--white);
    padding: 2.4rem 5% 2.4rem 3%;
    justify-content: space-between;
    margin-top: 4rem;
}

.header__maincontent .logo {
    width: 22%;
    max-width: 30rem;
}

.header__nav {
    width: 78%;
    gap: 0 !important;
    justify-content: flex-end;
}

body .header__nav.is-layout-flex>nav {
    margin-top: -1.2rem;
}

.header-inner-menu {
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
}

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

.wp-block-navigation-item__label {
    position: relative;
}

.wp-block-navigation-item__label::before {
    position: absolute;
    bottom: -1.4rem;
    left: 50%;
    transform: translateX(-50%);
    font-family: "Noto Serif KR", serif;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    color: var(--highlight);
}

.wp-block-navigation-item:first-child .wp-block-navigation-item__label::before {
    content: '메인페이지';
}

.wp-block-navigation-item:nth-child(2) .wp-block-navigation-item__label::before {
    content: '점심';
}

.wp-block-navigation-item:nth-child(3) .wp-block-navigation-item__label::before {
    content: '저녁';
}

.wp-block-navigation-item:nth-child(4) .wp-block-navigation-item__label::before {
    content: '코스';
}

.wp-block-navigation-item:nth-child(5) .wp-block-navigation-item__label::before {
    content: '음료';
}

.wp-block-navigation-item:nth-child(6) .wp-block-navigation-item__label::before {
    content: '포장';
}

.wp-block-navigation-item:nth-child(7) .wp-block-navigation-item__label::before {
    content: '온라인쇼핑몰';
}

body .is-layout-flex>.header__link {
    width: 3.2rem;
    margin-left: 1.6rem;
}

/* ヘッダー予約・問合せボタン */
body .is-layout-flex>.header-contact {
    background-color: var(--brown);
    color: var(--white);
    font-family: "Noto Serif JP", serif;
    font-weight: 700;
    padding: 2.4rem 1.5% 2.4rem 1.5%;
    border-radius: 0 0 1rem 1rem;
    margin-left: -3%;
    line-height: 1;
}

.header-contact__text {
    margin-bottom: 1.2rem;
    white-space: nowrap;
}

body .wp-block-group.header-contact__inner {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: .4rem !important;
}

body .is-layout-flex>.header-contact__icon {
    color: var(--brown);
    background-color: var(--white);
    border-radius: 50%;
    width: 2.6rem;
    height: 2.6rem;
    position: relative;
    margin-right: .4rem;
}

.header-contact__icon>.fa-phone {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.4rem;
}

.header-contact-number {
    font-size: 2.4rem;
}

.sp-header {
    display: none !important;
}

/* 1300px以下のヘッダー */
.sp-header {
    transform: translate(-50%);
    position: fixed;
    left: 50%;
    z-index: 300;
    width: 90%;
    background-color: var(--white);
    border-radius: 0 0 .6rem .6rem;
    padding: 1.6rem 4%;
    justify-content: space-between;
}

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

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

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

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

/*メインビジュアル　高さ適宜変更*/
.mainv,
.slider-01,
.slider-01 .slide figure.wp-block-image.size-full,
.slider-01 .slide figure.wp-block-image.size-full img {
    height: 100vh;
}

/*メインビジュアルキャッチコピー*/
.maincopy {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    height: 64vh;
    max-height: 76rem;
}

body .wp-block-image.maincopy img {
    height: 100%;
    object-fit: contain;
}

/* メインビジュアルオーバーレイ */
.slider-01 {
    z-index: 0;
}

.slider-01::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(63, 43, 8, 0.12);
    z-index: 2;
}

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

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

　============================== */
/*===============
　フッター
 ===============*/
footer {
    margin-top: 20rem;
}

.footer-bg--top {
    position: relative;
    z-index: 1;
}

.footer-bg--top::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: var(--beige);
    z-index: -1;
}

.footer-bg--bottom {
    background-color: var(--beige);
}

.footer__img {
    width: 100%;
    aspect-ratio: 3 / 1;
}

.footer__inner {
    padding-top: 8rem;
    justify-content: space-between;
}

.footer__title {
    margin-bottom: 4rem;
}

body .is-layout-flex>.footer__logo {
    width: 30rem;
    margin-right: 2.4rem;
}

.insta-link--black {
    width: 4rem;
    aspect-ratio: 1;
}

.footer__content {
    width: 50%;
}

.footer__table {
    margin-top: 2.4rem;
    line-height: 1.5;
}

.footer__table>table>tbody>tr {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.4rem;
}

.footer__table>table>tbody>tr>td {
    padding: 0;
    border: none;
    display: block;
}

.footer__table>table>tbody>tr>td:first-child {
    width: 12rem;
}

.footer__table>table>tbody>tr>td:nth-child(2) {
    width: calc(100% - 13.2rem);
}

.td-line {
    display: inline-block;
    margin-bottom: .8rem;
}

.font--small {
    font-size: 1.4rem;
}

.footer-map {
    width: 45%;
    aspect-ratio: 1;
    border: 0;
}

.copyright {
    font-size: 1.2rem;
    font-weight: 700;
    text-align: right;
    padding-bottom: 2.4rem;
}

/*===============
　共通
 ===============*/
/* CTA */
.cta__text {
    margin-bottom: 3.2rem;
}

.cta__content {
    padding: 4.8rem;
    position: relative;
    background: url(../img/cta-flame--lt.svg) no-repeat top left,
        url(../img/cta-flame--rt.svg) no-repeat top right,
        url(../img/cta-flame--lb.svg) no-repeat bottom left,
        url(../img/cta-flame--rb.svg) no-repeat bottom right;
    background-size: 4.8rem;
}

.cta__content::before,
.cta__content::after {
    content: "";
    position: absolute;
    pointer-events: none
}

.cta__content::before {
    top: 0;
    left: 4.8rem;
    bottom: 0;
    right: 4.8rem;
    background: url("../img/cta-flame-line--top.svg") repeat-x center top,
        url("../img/cta-flame-line--bottom.svg") repeat-x center bottom;
    background-size: auto 4.8rem;
}

.cta__content::after {
    top: 4.8rem;
    left: 0;
    bottom: 4.8rem;
    right: 0;
    background: url("../img/cta-flame-line--left.svg") repeat-y left top,
        url("../img/cta-flame-line--right.svg") repeat-y right top;
    background-size: 4.8rem auto;
}

/* 四角のボタン */
.wp-block-buttons.btn-square .wp-block-button__link {
    position: relative;
    border-radius: 0;
    padding: 0 0 0 2.4rem;
    width: 23.2rem;
    height: 6rem;
    font-family: "Noto Serif JP", serif;
    font-weight: 700;
    font-size: 2.4rem;
    background: var(--basic);
    transition: .3s;
}

.wp-block-buttons.btn-square .wp-block-button__link:hover {
    background: var(--bg-red);
}

.wp-block-buttons.btn-square .wp-block-button__link::before {
    content: "";
    position: absolute;
    left: 1.2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    background-color: var(--white);
}

.wp-block-buttons.btn-square .wp-block-button__link::after {
    content: "\f095";
    font-family: "Font Awesome 6 Free";
    font-size: 1.6rem;
    font-weight: 900;
    color: var(--brown);
    position: absolute;
    left: 1.7rem;
    top: 50%;
    transform: translateY(-50%);
}

.wp-block-buttons.btn-square .wp-block-button__link:hover::after {
    color: var(--bg-red);
}

/* カバーブロック */
body .wp-block-cover,
.wp-block-cover-image {
    padding: 0;
}

/* 背景付横並びブロック */
.fill-bg {
    position: relative;
    z-index: 1;
}

.fill-bg__inner {
    flex-direction: column;
    justify-content: space-between;
    padding: 11.2rem 0;
    color: var(--white);
}

.fill-bg__img {
    width: 46%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.fill-bg__content {
    position: relative;
    width: 50%;
    max-width: 64rem;
}

.fill-bg-text-decor {
    position: absolute;
    width: 20rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}

.fill-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    height: 100%;
    z-index: -1;
}

.fill-bg--red::after {
    background-color: var(--bg-red);
}

.fill-bg--brown::after {
    background-color: var(--brown);
}

/* 切り抜き画像のflexブロック */
.cutout-block {
    justify-content: space-between;
    gap: 2% !important;
    width: 98%;
}

.cutout-block--left,
.cutout-block--right {
    width: 18%;
    position: relative;
}

.cutout-block--right {
    align-self: flex-start;
}

.cutout-block__content {
    width: 62%;
}


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

.cutout__img1 {
    position: absolute;
    bottom: -50%;
    right: -28%;
    width: 90%;
    z-index: 1;
}

.cutout__img--rectangle {
    width: 100%;
    aspect-ratio: 4 / 3;
}

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

.kids-menu .cutout__img2 {
    position: absolute;
    width: 94%;
    bottom: -60%;
    left: -29%;
}

/* タイトル付の横並びボックス */
.select-flex {
    position: sticky;
    z-index: 1;
    color: var(--white);
    justify-content: space-between;
}

.wp-block-group.is-layout-flex.select-flex {
    gap: 2% !important;
}

.select-flex__content {
    width: 38%;
    min-width: 56rem;
}

.select-flex__content h3,
.select__text {
    margin-left: 18%;
}

.select__text {
    margin-bottom: 5.6rem;
}

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

.select__img--small {
    width: 64%;
    aspect-ratio: 3 / 2;
}

.select__img--big {
    width: 54%;
}

.select__img--big figure {
    aspect-ratio: 3 / 2;
}

/*===============
　トップページ
 ===============*/
/* リード */
.lead {
    margin-top: 8rem;
    padding-top: 16rem;
    justify-content: flex-start;
}

.lead__content {
    width: 44%;
    min-width: 58rem;
    background-color: var(--beige);
    padding: 8rem 4%;
}

.lead-text-decor {
    width: 38%;
    min-width: 58rem;
    position: absolute;
    top: 8.8rem;
    left: 0;
}

.lead__title {
    margin-bottom: 5.6rem;
}

.lead__title p {
    font-family: "Noto Serif JP", serif;
    font-size: 2.4rem;
    font-weight: 700;
}

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

.lead__img {
    width: 64%;
    position: absolute;
    left: 38%;
    z-index: -1;
    height: 72rem;
}

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

/* カラダにいいの */
.reason {
    margin-top: 16rem;
    background-color: var(--beige);
}

.reason .wp-block-cover__inner-container {
    padding: 8rem 0 6.4rem 0;
}

.secrion__title--big {
    width: 80%;
    margin: auto;
    padding-bottom: 5.6rem;
}

.reason__content {
    padding: 0 2% 0 8%;
    justify-content: space-between;
}

.reason__text {
    width: 42%;
}

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

.reason__list {
    width: 55%;
    max-width: 55rem;
    font-family: "Noto Serif JP", serif;
    font-size: 2.4rem;
    font-weight: 700;
}

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

.reason__item {
    background-image: url(../img/bgdecor-circle.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 30rem;
    height: 22rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
}

.reason__item1 {
    align-self: flex-end;
    margin-right: 1.6rem;
}

.reason__item2 {
    margin-top: -6rem;
}

.reason__item3 {
    align-self: flex-end;
    margin-top: -8rem;
}

/* おすすめメニュー */
.top-select {
    margin-top: 24rem;
}

.top-select--big::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(64, 43, 8) 0%, rgb(108, 85, 46, 91%) 8%, rgba(107, 84, 44, 0) 60%);
    z-index: 1;
}

.top-select-text-decor-bulgogi {
    position: absolute;
    right: 0;
    top: -8rem;
    width: 80rem;
    z-index: 2;
}

.top-select-bulgogi__title {
    position: absolute;
    top: -8rem;
    left: 5%;
    width: 22rem;
    z-index: 2;
}

.top-select__content {
    margin-top: 56rem;
    color: var(--white);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: sticky;
    z-index: 2;
}

.top-select__content>.wp-block-group__inner-container {
    width: 90%;
    max-width: 54rem;
    margin-bottom: 12rem;
}

.top-select__text--big {
    font-size: 2rem;
}

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

.top-select--small {
    position: relative;
    background-color: var(--brown);
}

.top-select-text-decor-samgyeopsal {
    position: absolute;
    top: 15rem;
    left: 0;
    width: 46rem;
    z-index: 0;
}

.top-select-samgyeopsal__title {
    position: absolute;
    right: 3%;
    top: -3%;
    z-index: 2;
    width: 20rem;
}

.top-select-flex--first {
    padding-top: 28rem;
}

.top-select--third {
    padding-top: 12rem;
}

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

.top-select-text-decor-bibimbap {
    align-self: flex-end;
    margin-top: 8rem;
    width: 80rem;
}

.top-select-bibimbap__title {
    position: absolute;
    left: 5%;
    top: 16rem;
    z-index: 2;
    width: 20rem;
}

.top-select-flex--second {
    flex-direction: row-reverse;
}

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

.top-select-flex--second .select-flex__content figure {
    align-self: flex-end;
    margin-right: 5%;
    margin-bottom: 5.6rem;
}

.top-select-flex--second .select-flex__content h3,
.top-select-flex--second .select__text {
    margin-left: 0;
    margin-right: 18%;
}

/* シーン別 */
.scene {
    margin-top: 20rem;
}

.scene h2 {
    margin-bottom: 5.6rem;
}

.scene-lunch__block {
    position: relative;
}

.scene__lunch {
    flex-direction: column;
    justify-content: space-between;
}

.scene-lunch__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 46%;
    aspect-ratio: 6 / 5;
}

.scene-lunch__content {
    align-self: flex-end;
    width: 50%;
}

.scene-lunch__content>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

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

.scene-lunch__text {
    max-width: 62rem;
}

.scene-lunch__img--small {
    width: 50%;
    max-width: 40rem;
    aspect-ratio: 1;
    align-self: flex-end;
    margin-top: -2.4rem;
}

.scene-text-decor-lunch {
    position: absolute;
    width: 20rem;
    top: 10%;
    right: 0;
}

.scene-dinner__block {
    margin-top: 8rem;
}

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

.scene-text-decor-dinner {
    left: 0;
}

.scene__img--cutout {
    position: absolute;
    bottom: -24rem;
    left: -16rem;
    width: 19rem;
    z-index: 0;
    transform: rotate(-12deg);
}

/* お子様メニュー */
.kids-menu {
    margin: 24rem auto 0 auto;
}

/* コース */
.top-course {
    margin-top: 32rem;
}

.top-course__title {
    position: absolute;
    top: -10%;
    right: 6%;
    width: 22%;
    max-width: 24rem;
    z-index: 1;
}

.course-flame {
    padding: 4.8rem;
    position: relative;
    background: url(../img/course-flame--lt.svg) no-repeat top left,
        url(../img/course-flame--rt.svg) no-repeat top right,
        url(../img/course-flame--lb.svg) no-repeat bottom left,
        url(../img/course-flame--rb.svg) no-repeat bottom right;
    background-size: 4.8rem;
}

.course-flame::before,
.course-flame::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.course-flame::before {
    top: 0;
    left: 4.8rem;
    bottom: 0;
    right: 4.8rem;
    background: url("../img/course-flame-line--top.svg") repeat-x center top,
        url("../img/course-flame-line--bottom.svg") repeat-x center bottom;
    background-size: auto 4.8rem;
}

.course-flame::after {
    top: 4.8rem;
    left: 0;
    bottom: 4.8rem;
    right: 0;
    background: url("../img/course-flame-line--left.svg") repeat-y left top,
        url("../img/course-flame-line--right.svg") repeat-y right top;
    background-size: 4.8rem auto;
}

.top-course__inner {
    padding: 0;
    color: var(--white);
    justify-content: flex-start;
}

.top-course__inner>.wp-block-cover__inner-container {
    width: 60%;
    padding: 40rem 0 5.6rem 5%;
}

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

/* 店内 */
.about {
    margin-top: 24rem;
}

.about-header__img {
    width: 100%;
    aspect-ratio: 4/1;
}

.about__inner {
    padding-top: 6.4rem;
    justify-content: space-between;
    position: relative;
}

.about-text-decor {
    width: 44%;
    position: absolute;
    top: 0;
    right: -5%;
}

.store-map {
    width: 44%;
    display: flex;
    justify-content: flex-end;
}

.wp-block-image.store-map img {
    max-width: 42rem;
}

.about__content {
    width: 50%;
}

.about__text>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem;
    max-width: 56rem;
}

/* cta */
.top-cta {
    margin-top: 14.4rem;
    max-width: 76.8rem;
}

/* テイクアウト */
.takeout {
    margin-top: 22.4rem;
}

.takeout__inner {
    justify-content: space-between;
}

.takeout-img__container {
    width: 44%;
    position: relative;
}

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

.takeout-cutout-drink {
    position: absolute;
    bottom: -24%;
    left: -50%;
    transform: translateX(50%);
    width: 50%;
    max-width: 26rem;
    z-index: 1;
}

.takeout__content {
    width: 44%;
}

.takeout-cutout-food {
    position: absolute;
    bottom: -20%;
    right: -2%;
    width: 24%;
    max-width: 36rem;
    min-width: 30rem;
}

body .takeout-pickup__item:last-child .is-layout-flex.pickup-menu__header {
        align-items: flex-start;
}

body .takeout-pickup__item:last-child .pickup-menu__title {
    white-space: nowrap;
}

body .takeout-pickup__item:last-child .pickup-menu__header>.wp-block-group {
    flex-wrap: wrap;
    column-gap: 1.2rem !important;
    justify-content: center;
}


/* お知らせ */
.news {
    margin-top: 20rem;
}

.news__header {
    justify-content: space-between;
    margin-bottom: 5.6rem;
}

.news__header .btn-round {
    margin-top: 0 !important;
}

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

    下層ページ

============================== */
/*===============
　共通
 ===============*/
/* 下層共通 - fv */
.under-v {
    position: relative;
    height: 45vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.under-v::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(64, 43, 8, .24);
    z-index: 1;
}

.under-v h1 {
    width: 90%;
    text-align: center;
    position: absolute;
    bottom: 5vh;
    left: 50%;
    transform: translateX(-50%);
    color: var(--white);
    z-index: 2;
}

/* 下層共通 - フォント */
.h3-highlight {
    font-size: 5.6rem;
    color: var(--highlight);
}

/* 下層共通 - リード */
.flex-lead .lead-text-decor {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
}

body .is-layout-flex.flex-lead__inner {
    justify-content: space-between;
}

.flex-lead__img--left,
.flex-lead__img--right {
    width: 30%;
}

body .is-layout-flex .flex-lead__img--left {
    margin-left: 2%;
    align-self: end;
}

body .is-layout-flex .flex-lead__img--right {
    margin-right: 2%;
}

.flex-lead__content {
    width: 34%;
    min-width: 58rem;
    padding-top: 4rem;
    padding-bottom: 12rem;
}

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

.lead--big {
    width: 80%;
    align-self: flex-end;
}

.lead--small {
    width: 60%;
}

.lead-cutout1 {
    width: 80%;
    margin-top: -15%;
}

.lead-cutout2 {
    width: 90%;
    align-self: flex-end;
    margin-top: -13%;
}


.flex-lead__content h3 {
    margin-bottom: 5.6rem;
}

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

/* 下層共通 - メニュー */
.menu {
    padding: 6.4rem 5%;
}

.menu__title {
    margin-bottom: 7.2rem;
}

.menu__title figure {
    width: 40rem;
}

.menu__sub-title {
    font-family: "Noto Serif JP", serif;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 2.4rem;
    margin-bottom: 5.6rem;
    border-bottom: .1rem solid var(--basic);
    position: relative;
}

.menu__sub-title::before,
.menu__sub-title::after {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--basic);
    position: absolute;
    bottom: -.6rem;
    transform: rotate(45deg);
}

.menu__sub-title::before {
    left: 0;
}

.menu__sub-title::after {
    right: 0;
}

.menu__inner>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: 10.4rem;
}

.menu__list {
    justify-content: space-between;
}

.menu__list--first,
.menu__list--second {
    width: 46%;
}

.menu__item {
    padding-bottom: 2.4rem;
    border-bottom: .1rem solid var(--basic);
    margin-bottom: 2.4rem;
}

.menu-title {
    justify-content: space-between;
    font-family: "Noto Serif JP", serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: .8rem;
}

.menu-title p:first-child {
    width: 80%;
}

.menu-title p:last-child {
    width: 18%;
    text-align: right;
    white-space: nowrap;
}

/*===============
　ランチ(/lunch)
 ===============*/
/* ランチ - fv */
body#lunch .under-v {
    background-image: url(../img/low-fv-lunch.png);
}

/* ランチ - リード */
.lunch-lead {
    padding-top: 22.5rem;
    margin: 0 auto;
}

.lead-text-decor-lunch {
    width: 35rem;
    top: -10rem;
}

.lunch-cutout-block--left,
.lunch-cutout-block--right {
    width: 30%;
}

.lunch-cutout__img--square {
    width: 90%;
    max-width: 40rem;
}

.lunch-lead-cutout__img1 {
    max-width: 48rem;
    right: unset;
    left: 20%;
    bottom: -30%;
}

.lunch-cutout-block__content {
    position: relative;
    width: 30%;
    min-width: 64rem;
}

.lunch-cutout__img--rectangle {
    width: 90%;
    margin-left: 10%;
}

.lunch-lead-cutout__img2 {
    width: 90%;
    max-width: 48rem;
    left: -14%;
}

/* ランチ - 石焼ピビンパ */
.lunch-bibimbap {
    padding-top: 32rem;
    margin-bottom: 28rem;
}

body .is-layout-flex.lunch-bibimbap__inner {
    /* justify-content: space-between; */
    color: var(--basic);
}

body .is-layout-flex>.lunch-bibimbap__content {
    /* width: 36%;
    margin-left: 2%; */
    min-width: 60rem;
}

/* body .is-layout-flex>.lunch-bibimbap__img {
    position: relative;
    width: 54%;
    margin-top: 20rem;
} */

.title-flame-lunch {
    position: absolute;
    top: -12rem;
    right: 5%;
    width: 20%;
    max-width: 22.2rem;
    aspect-ratio: unset !important;
}

/* .lunch-bibimbap__content>.wp-block-group__inner-container {
        display: flex;
    flex-direction: column;
} */

figure.wp-block-image.lunch-bibimbap__img--small {
    width: 75%;
    margin-bottom: 12rem;
}

/* .pickup-menu__content {
    width: 95%;
    max-width: 50rem;
    align-self: flex-end;
} */

body .is-layout-flex.pickup-menu__header {
    align-items: end;
    justify-content: space-between;
    margin-bottom: 4rem;
}

body .is-layout-flex.pickup-bibimbap__header {
    flex-direction: column;
}

.pickup-price {
    font-family: "Noto Serif JP", serif;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.5;
}

.pickup-price-yen {
    font-size: 2.4rem;
}

/* ランチ - スンドゥブチゲ */
.lunch-jjigae {
    margin-bottom: 32rem;
}

.lunch-jjigae .fill-bg__inner {
    color: var(--basic);
}

.lunch-jjigae h3 {
    margin-bottom: 2.4rem;
}

.lunch-jjigae__img {
    right: unset;
    left: 0;
}

/* .pickup-menu__text>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.lunch-text-decor-bibimbap {
    position: absolute;
    width: 100rem;
    bottom: -15rem;
}

.pickup-flex {
    justify-content: space-between;
}

.pickup-flex__img {
        width: 50%;
}

.pickup-flex__content {
        width: 44%;
    margin-right: 2%;
}

.pickup-flex__content h3 {
        margin-bottom: 3.2rem;
    font-size: 3.6rem;
    max-width: 56rem;
}
 */
.lunch-text-decor-bibimbap {
    width: 100%;
    max-width: 76rem;
}

.lunch-text-decor-jjigae {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 92rem;
    bottom: -15rem;
}

/* ランチ - カルビスープ */
.lunch-soup {
    margin-bottom: 20rem;
}

.lunch-soup__inner {
    padding: 16rem 0;
}

/*===============
　ディナー(/dinner)
 ===============*/
/* ディナー - fv */
body#dinner .under-v {
    background-image: url(../img/low-fv-dinner.png);
}

/* ディナー - リード */
.dinner-lead {
    margin-top: 30rem;
    margin-bottom: 20rem;
}

.dinner-lead-flex {
    margin-bottom: 16rem;
}

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

.dinner-lead-sam,
.dinner-lead-bul {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.dinner-lead-sam {
    background-image: url(http://itami-sangju.com/wp/wp-content/uploads/2025/11/dinner-samgyeopsal.png);
}

.dinner-lead-bul {
    background-image: url(http://itami-sangju.com/wp/wp-content/uploads/2025/11/dinner-bulgogi-small.png);
}

.dinner-lead-sam>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.dinner-lead-text-decor {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-100%);
    top: 0;
    z-index: -1;
}

.dinner-lead-text-decor-sam {
    width: 45%;
}

.dinner-lead-text-decor-bul {
    width: 80%;
    left: 60%;
}

.dinner-lead-sam__title,
.dinner-lead-bul__title {
    width: 16rem;
}

figure.wp-block-image.size-full.dinner-lead-sam__title {
    margin-top: 8rem;
    margin-bottom: -8rem;
}

figure.wp-block-image.size-full.dinner-lead-bul__title {
    margin-top: -8rem;
}

.dinner-lead__text {
    font-family: "Noto Serif JP", serif;
    font-size: 2.4rem;
    font-weight: 700;
}

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

.lead-highlight {
    font-size: 3.2rem;
}

/* ディナー - プルコギ鍋 */
#dinner-bul {
    margin-bottom: 24rem;
}

.dinner-pickup .pickup-container {
    position: relative;
}
.dinner-pickup .pickup-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #23040c, #31171dad 15%, transparent);
    z-index: 1;
}


.dinner-pickup .wp-block-cover__inner-container {
    margin-top: 30vh;
    margin-bottom: 12rem;
}

.dinner-pickup>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
}

.pickup-content {
    display: flex;
    justify-content: flex-end;
        position: sticky;
    z-index: 2;
    color: var(--white);
}

.pickup-content>.wp-block-group__inner-container {
    width: 50%;
    max-width: 54rem;
    margin-right: 5%;
}

.pickup-content h3 {
    margin-bottom: 2.4rem;
}

body .dinner-pickup .is-layout-flex.pickup-menu__header {
    justify-content: flex-start;
    gap: 4rem !important;
}

.dinner-pickup .pickup-menu__text {
    font-weight: 700;
}

.dinner-pickup .pickup-img--small {
    position: absolute;
    width: 40%;
    left: 2%;
    bottom: 12rem;
}

.dinner-pickup-add {
    width: 52%;
    max-width: 64rem;
    align-self: flex-end;
    margin-top: -8rem;
    margin-right: 1%;
    padding: 5.6rem 3%;
    z-index: 2;
}

.dinner-pickup-add h4 {
    margin-bottom: 3.2rem;
}

.dinner-pickup-add__inner>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

/* ディナー - サムギョプサル */
#dinner-sam .pickup-content {
    justify-content: flex-start;
}

#dinner-sam .pickup-content>.wp-block-group__inner-container {
    margin-right: unset;
    margin-left: 5%;
}

#dinner-sam .pickup-content h3 {
    width: 110%;
}

#dinner-sam .dinner-pickup-add {
    align-self: flex-start;
    margin-right: unset;
    margin-left: 1%;
}

#dinner-sam.dinner-pickup .pickup-img--small {
    left: unset;
    right: 2%;
}

/* ディナー - おすすめ */
.dinner-recommend {
    margin: 0 auto;
    padding: 24rem 0;
}

.dinner-cutout-block--left,
.dinner-cutout-block--right {
    width: 25%;
}

.dinner-cutout__img--square {
    max-width: 40rem;
}

.dinner-lead-cutout__img1 {
    bottom: -30%;
    right: -10%;
}

.dinner-cutout-block__content {
    width: 45%;
    min-width: 72rem;
}

/* ディナー - メニュー */
.menu-category {
    font-family: "Noto Serif JP", serif;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.2rem;
}

.add-menu {
    margin-bottom: .8rem;
}

.dinner-menu-sup {
    text-align: right;
}

.menu-title-add {
    font-size: 1.6rem;
}

.dinner-kids-menu .menu-title-add {
    font-family: "Noto Serif JP", serif;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1.6rem;
}

/*===============
　コース(/course)
 ===============*/
/* fv */
body#course .under-v {
    background-image: url(../img/low-fv-course.png);
}

/* コース - リード */
.course-lead {
    padding-bottom: 24rem;
}

/* コース - シーン */
    .course-scene {
    max-width: 156rem;
    margin: auto;
    justify-content: center;
    }

.course-scene__content {
    padding: 5.6rem 2% 8rem 2%;
    width: 80%;
    max-width: 110rem;
}

.course-scene__content h3 {
    margin-bottom: 5.6rem;
}

.course-scene__item {
    background-image: url(../img/bgdecor-circle.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 24rem;
    height: 22rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
}

.course-scene__item:nth-child(even) {
    transform: translateY(4rem);
}

.course-scene__text {
    font-family: "Noto Serif JP", serif;
    font-size: 2.4rem;
    font-weight: 700;
}

.course-scene-highlight {
    color: var(--highlight);
    font-size: 2.8rem;
}

.course-scene__img--left,
    .course-scene__img--right {
    position: absolute;
    width: 18%;
    height: 100%;
    z-index: 2;
}

    .course-scene__img--left {
        left: 0;
    }

    .course-scene__img--right {
        right: 0;
    }

    .course-scene__img--left>.wp-block-group__inner-container,
    .course-scene__img--right>.wp-block-group__inner-container {
            position: relative;
    width: 100%;
    height: 100%;
    }

    .course-scene__img--left>.wp-block-group__inner-container figure,
    .course-scene__img--right>.wp-block-group__inner-container figure {
        position: absolute;
    }

    .course-scene__img--left>.wp-block-group__inner-container figure:first-child {
    width: 80%;
    top: 4%;
    left: 5%;
    }

    .course-scene__img--left>.wp-block-group__inner-container figure:nth-child(2) {
    width: 76%;
    left: 20%;
    bottom: -13%;
    }

    .course-scene__img--right>.wp-block-group__inner-container figure:first-child {
    width: 90%;
    top: -5%;
    right: 5%;
    }

    .course-scene__img--right>.wp-block-group__inner-container figure:nth-child(2) {
    width: 70%;
    right: 2%;
    bottom: -5%;
    }




/* コース - 2大人気メニュー */
.course-pickup {
    padding-top: 16rem;
}

.course-pickup h3 {
    margin-bottom: 9.6rem;
}

.course-bul {
    margin-bottom: 20rem;
}

.course-sam__img {
    right: unset;
    left: 0;
}

.course-bul-text-decor {
    left: 0;
}

.course-sam-text-decor {
    right: 0;
}

.course-bul-text-decor,
.course-sam-text-decor {
    width: 14rem;
}

.course-content {
    margin-top: 4rem;
    padding: 4rem;
    position: relative;
    background: url(../img/course-menu-decor.svg) no-repeat top left,
        url(../img/course-menu-decor.svg) no-repeat top right,
        url(../img/course-menu-decor.svg) no-repeat bottom left,
        url(../img/course-menu-decor.svg) no-repeat bottom right;
    background-size: 1.6rem;
}

.course-content::before,
.course-content::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.course-content::before {
    top: 1.4rem;
    left: 1.4rem;
    bottom: 1.4rem;
    right: 1.4rem;
    background: url("../img/course-menu-line.svg") repeat-x center top,
        url("../img/course-menu-line.svg") repeat-x center bottom;
    background-size: auto .2rem;
}

.course-content::after {
    top: 1.4rem;
    left: 1.4rem;
    bottom: 1.4rem;
    right: 1.4rem;
    background: url("../img/course-menu-line-ver.svg") repeat-y left top,
        url("../img/course-menu-line-ver.svg") repeat-y right top;
    background-size: .2rem auto;
}

.course-content h5 {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 1.6rem;
}

body .is-layout-flex.course-content-flex>ul {
    margin-left: 2.4rem;
    width: 24rem;
    display: flex;
    gap: .8rem !important;
    flex-direction: column;
}

.course-content-flex>ul>li {
    line-height: 1.25;
}

/* コース - 人気コース */
.course-recommend {
    padding-top: 24rem;
}

.course-recommend-text-decor {
    position: absolute;
    width: 76rem;
    top: 14rem;
    left: 50%;
    transform: translateX(-50%);
}

.course-recommend h3 {
    margin-bottom: 8rem;
}

body .wp-block-group.is-layout-flex.course-recommend__list {
    gap: 5% !important;
    justify-content: space-between;
    align-items: stretch;
}

.course-recommend__item {
    width: 50%;
    padding: 4rem 4rem 4.8rem 4rem;
    position: relative;
    background: url(../img/course-menu-decor-black.svg) no-repeat top left,
        url(../img/course-menu-decor-black.svg) no-repeat top right,
        url(../img/course-menu-decor-black.svg) no-repeat bottom left,
        url(../img/course-menu-decor-black.svg) no-repeat bottom right;
    background-size: 1.6rem;
}

.course-recommend__item::before,
.course-recommend__item::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.course-recommend__item::before {
    top: 1.4rem;
    left: 1.4rem;
    bottom: 1.4rem;
    right: 1.4rem;
    background: url("../img/course-menu-line-black.svg") repeat-x center top,
        url("../img/course-menu-line-black.svg") repeat-x center bottom;
    background-size: auto .2rem;
}

.course-recommend__item::after {
    top: 1.4rem;
    left: 1.4rem;
    bottom: 1.4rem;
    right: 1.4rem;
    background: url("../img/course-menu-line-ver-black.svg") repeat-y left top,
        url("../img/course-menu-line-ver-black.svg") repeat-y right top;
    background-size: .2rem auto;
}

.course-recommend__title {
    position: relative;
    justify-content: center;
    align-items: end;
    padding-bottom: 1.2rem;
    margin-bottom: 1.6rem;
    border-bottom: .1rem solid var(--basic);
}

.course-recommend__title::before,
.course-recommend__title::after {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--basic);
    position: absolute;
    bottom: -.6rem;
    transform: rotate(45deg);
}

.course-recommend__title::before {
    left: 0;
}

.course-recommend__title::after {
    right: 0;
}

.course-recommend__title h5 {
    justify-self: center;
    margin-left: auto !important;
    font-size: 2.4rem;
    padding-left: 7rem;
}

.course-recommend__title p {
    width: 8.2rem;
    justify-self: end;
    margin-left: auto !important;
    font-family: "Noto Serif JP", serif;
    font-size: 2rem;
    font-weight: 900;
}

.course-recommend__text {
    padding: 0 1.2rem;
}

.course-recommend__text p {
    margin-bottom: 1.6rem;
}

/* コース - 飲み放題 */
.course-drink {
    margin-top: 24rem;
    padding: 9.6rem 0;
}

.course-drink__list {
    margin-bottom: 12rem;
}

.course-drink__item:first-child,
.course-drink__item:last-child {
    position: relative;
    width: 20%;
}

.course-drink__item:nth-child(2) {
    width: 78%;
}

.course-drink__item:nth-child(2) h3 {
    margin-bottom: 5.6rem;
}

.course-drink__text>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.course-drink__img--square {
    width: 120%;
    transform: translate(-30%, -10%);
}

.course-drink__cutout1 {
    position: absolute;
    width: 64%;
    bottom: -30%;
    right: -16%;
    z-index: 1;
}

.course-drink__img--rec {
    width: 120%;
    transform: translate(10%, -30%);
}

.course-drink__cutout2 {
    position: absolute;
    width: 96%;
    bottom: -34%;
    left: -20%;
    z-index: 1;
}

.course-drink__block {
    padding: 5.6rem 5%;
    position: relative;
    background: url(../img/course-menu-decor-black.svg) no-repeat top left,
        url(../img/course-menu-decor-black.svg) no-repeat top right,
        url(../img/course-menu-decor-black.svg) no-repeat bottom left,
        url(../img/course-menu-decor-black.svg) no-repeat bottom right;
    background-size: 1.6rem;
}

.course-drink__block::before,
.course-drink__block::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.course-drink__block::before {
    top: 1.4rem;
    left: 1.4rem;
    bottom: 1.4rem;
    right: 1.4rem;
    background: url("../img/course-menu-line-black.svg") repeat-x center top,
        url("../img/course-menu-line-black.svg") repeat-x center bottom;
    background-size: auto .2rem;
}

.course-drink__block::after {
    top: 1.4rem;
    left: 1.4rem;
    bottom: 1.4rem;
    right: 1.4rem;
    background: url("../img/course-menu-line-ver-black.svg") repeat-y left top,
        url("../img/course-menu-line-ver-black.svg") repeat-y right top;
    background-size: .2rem auto;
}

.course-drink__block h5 {
    position: relative;
    font-size: 2.4rem;
    padding-bottom: 1.2rem;
    margin-bottom: 4.8rem;
    border-bottom: .1rem solid var(--basic);
}

.course-drink__block h5::before,
.course-drink__block h5::after {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--basic);
    position: absolute;
    bottom: -.6rem;
    transform: rotate(45deg);
}

.course-drink__block h5::before {
    left: 0;
}

.course-drink__block h5::after {
    right: 0;
}

.course-drink__block .menu-title p:last-child {
    width: 100%;
    text-align: left;
}

/*===============
　ドリンク(/drink)
 ===============*/
/* fv */
body#drink .under-v {
    background-image: url(../img/low-fv-drink.png);
}

/* ドリンク - リード */
.drink-lead {
    padding-top: 22.5rem;
}

.drink-cutout__img--square {
    width: 90%;
    max-width: 40rem;
}

.drink-cutout__img--rectangle {
    width: 90%;
    margin-left: 10%;
}

.drink-lead .cutout__img2 {
    position: absolute;
    width: 32%;
    max-width: 18.4rem;
    left: 3%;
    bottom: -66%;
    z-index: 1;
}

/* ドリンク - ピックアップ */
.drink-pickup {
    margin-top: 24rem;
    padding-bottom: 24rem;
}

.drink-pickup__item {
    position: relative;
    background-color: var(--brown);
}

.drink-pickup__item .select-flex__content {
    margin-top: 8rem;
}

.drink-pickup__item .select-flex__content>.wp-block-group__inner-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.drink-pickup__item .select-flex__content .select__img--small {
    margin-bottom: -6rem;
}

.drink-pickup-beer .select-flex__content {
    margin-top: -12rem;
}

.drink-pickup-beer .select-flex__content>.wp-block-group__inner-container {
    justify-content: space-around;
}

.drink-pickup-chami {
    padding-bottom: 32rem;
}

.drink-pickup-beer {
    padding-bottom: 12rem;
}

.drink-pickup-mag {
    padding-bottom: 18.4rem;
}

.drink-select-title-first {
    position: absolute;
    right: 3%;
    top: -3%;
    z-index: 2;
    width: 20rem;
}

.drink-select-title-second {
    position: absolute;
    left: 5%;
    top: -12rem;
    z-index: 2;
    width: 20rem;
}

.drink-select-title-third {
    position: absolute;
    right: 3%;
    top: 5%;
    z-index: 2;
    width: 20rem;
}

.drink-select-text-decor-first {
    position: absolute;
    top: 15rem;
    left: 0;
    width: 50rem;
    z-index: 0;
}

.drink-select-text-decor-second {
    position: absolute;
    width: 80rem;
    right: 0;
    bottom: 8rem;
}

.drink-select-text-decor-third {
    position: absolute;
    top: 15rem;
    left: 0;
    width: 90rem;
    z-index: 0;
}

/* ドリンク - メニュー */
.drink-menu {
    margin-top: 24rem;
}

.drink-menu .menu__title {
    position: relative;
    padding-bottom: 5.6rem;
    margin-bottom: 5.6rem;
    border-bottom: .1rem solid var(--basic);
}

.drink-menu .menu__title::before,
.drink-menu .menu__title::after {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--basic);
    position: absolute;
    bottom: -.6rem;
    transform: rotate(45deg);
}

.drink-menu .menu__title::before {
    left: 0;
}

.drink-menu .menu__title::after {
    right: 0;
}

.drink__list>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.drink-menu__item {
    justify-content: space-between;
    font-family: "Noto Serif JP", serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 1.2rem;
}

.drink-menu__title {
    width: 80%;
    text-align: left;
}

.drink-menu-price {
    width: 16%;
    text-align: right;
}

.drink-menu-variation {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
}

/*===============
　テイクアウト(/takeout)
 ===============*/
/* fv */
body#takeout .under-v {
    background-image: url(../img/low-fv-takeout.png);
}

/* テイクアウト - リード */
.takeout-lead {
    padding-top: 16rem;
}

.lead-text-decor-takeout {
    width: 124rem;
    top: -7.2rem;
    left: 50%;
    transform: translateX(-50%);
}

.takeout-lead .cutout__img2 {
    bottom: -60%;
    left: unset;
    right: 0;
}

/* テイクアウト - おすすめ */
.takeout-pickup {
    padding-top: 16rem;
}

.takeout-pickup h3 {
    margin-bottom: 5.6rem;
}

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

.takeout-item__inner {
    padding: 14.4rem 0;
}

.takeout-pickup__img--left {
    right: unset;
    left: 0;
}

.takeout-pickup-text-decor-right {
    right: 0;
}

/* テイクアウト- CTA */
.takeout-cta {
    padding-top: 20rem;
}

/*===============
　ショップ(/onlineshop)
 ===============*/
/* fv */
body#other-page .under-v,
body#tokusho .under-v,
body#privacy .under-v {
    background-image: url(../img/low-fv-onlineshop.png);
}

/*===============
　特商法・プラポリ
 ===============*/
#tokusho .inner,
#privacy .inner {
    margin-top: 8rem;
}

.polisy-wrap dl {
        margin-top: 1.6rem;
}

.polisy-wrap dt {
    margin-top: 2.4rem;
}

/*===============
　店内用アンケートページ
 ===============*/
#survey,
#form {
    min-height: 100vh;
}

.survey__inner,
.form__inner {
    margin-top: 8rem;
    max-width: 48rem;
}

.survey__logo {
    width: 100%;
    max-width: 30rem;
    margin: 0 auto 4rem auto;
}

.survey__text>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-bottom: 5.6rem;
}

.wp-block-buttons>.wp-block-button.btn-recommend,
.wp-block-buttons>.wp-block-button.btn-notrecommend {
    width: 100%;
    margin-bottom: 1.6rem;
}

.wp-block-buttons>.wp-block-button.btn-recommend a,
.wp-block-buttons>.wp-block-button.btn-notrecommend a {
    padding: .8rem 0;
    border-radius: .4rem;
    font-size: 1.6rem;
    font-weight: 700;
}

.wp-block-buttons>.wp-block-button.btn-recommend a {
    background-color: var(--basic);
}

.wp-block-buttons>.wp-block-button.btn-notrecommend a {
    background-color: unset;
    border: .1rem solid var(--basic);
    color: var(--basic);
}

.form-lead__text {
    margin-bottom: 2.4rem;
}

#form .smf-item__label {
    font-weight: 700;
    margin-bottom: .4rem;
}

#form .smf-item {
    margin-bottom: 2.4rem;
}

body .smf-action .smf-button-control__control {
    width: 100%;
    background-color: var(--basic);
    background-image: unset;
    color: var(--white);
    font-size: 1.6rem;
    font-weight: 700;
    padding: .8rem 0;
    border-radius: .4rem;
}

.smf-complete-content p {
    text-align: center;
}

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

    ヘッダー（1300px以下）

============================== */
/*ハンバーガーメニュー表示*/
@media screen and (max-width:1300px) {
    .header-inner {
        display: none;
    }

    .sp-header {
        display: flex !important;
    }

    .nav-wrapper {
        display: block;
    }

    .wp-block-navigation-item__label::before {
        left: 0;
        transform: unset;
    }

    .sp-header-logo {
        width: 30rem;
    }

    .hamburger-menu li {
        margin-bottom: 2.4rem;
    }

        .lunch-bibimbap {
    padding-top: 20rem;
    margin-bottom: 5.6rem;
    }

    .lunch-bibimbap .wp-block-group.is-layout-flex.select-flex {
            flex-direction: column-reverse;
    gap: 2.4rem !important;
    }

    body .lunch-bibimbap .is-layout-flex > .select-flex__content {
            width: 90%;
    margin: auto;
    max-width: 72rem;
    }

    .lunch-bibimbap .select__img--big {
            width: 100%;
    margin: auto;
    }

    .lunch-bibimbap .select__img--big figure {
            width: 80%;
    }

    body .is-layout-flex>.lunch-bibimbap__content {
            min-width: unset;
    }

    .lunch-bibimbap .select__text {
            margin-left: unset;
    }

    figure.wp-block-image.lunch-bibimbap__img--small {
    width: 50%;
    margin-bottom: 4rem;
    margin-top: -15%;
    margin-left: auto;
    margin-right: -20%;
    }

    .select__text>.wp-block-group__inner-container {
            row-gap: 0;
    }

    body .lunch-bibimbap .is-layout-flex.pickup-menu__header {
            width: fit-content;
    margin: 0 auto 4rem auto;
    }

    .pickup-price {
            font-size: 2.4rem;
    }

    .title-flame-lunch {
            width: 20% !important;
    max-width: 20rem;
    min-width: 10rem;
    }

    /* 下層 - コース */
body .is-layout-flex.course-scene__list {
    flex-wrap: wrap;
    max-width: 64rem;
    margin: auto;
    row-gap: 3.2rem !important;
    justify-content: space-evenly;
}

.course-scene__img--left,
.course-scene__img--right {
    width: 24%;
}

.course-scene__img--right>.wp-block-group__inner-container figure:first-child {
    width: 100%;
}

.course-scene__img--left>.wp-block-group__inner-container figure:nth-child(2) {
        width: 90%;
    left: 10%;
}

}


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

    横幅1100px以下

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

@media screen and (max-width:1100px) {
    /* 共通 */
    .pc,
    .page-top {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    h1,
    h2,
    h2.has-large-font-size {
        font-size: 3.2rem !important;
    }

    h3 {
        font-size: 2.8rem;
    }

    .h3-highlight {
        font-size: 3.2rem;
    }

    h4 {
        font-size: 2.4rem;
    }

    .section__title {
        margin-bottom: 4rem;
    }

    .secrion__title--big {
        padding-bottom: 4rem;
    }

    body .wp-block-group.is-layout-flex.fill-bg__inner {
            max-width: 72rem;
    gap: 4rem !important;
    padding: 8rem 0;
    }

    .fill-bg__img {
            position: unset;
    transform: unset;
    width: 100%;
    }

    .fill-bg__content {
            width: 100%;
    max-width: unset;
    }

    .fill-bg__content h3 {
            text-align: center;
    }

    body .wp-block-group.is-layout-flex.cutout-block {
    flex-direction: column-reverse;
    width: 100%;
    gap: 2.4rem !important;
    }

    .cutout-block--left,
    .cutout-block--right {
        width: 100%;
    }

    .cutout-block--left>.wp-block-group__inner-container,
    .cutout-block--right>.wp-block-group__inner-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    }

    .cutout-block--left>.wp-block-group__inner-container {
    flex-direction: row;
    align-items: flex-start;
    }

    .cutout__img--rectangle {
        width: 40%;
            max-width: 36rem;
    }

    .cutout__img--square {
        width: 32%;
            max-width: 30rem;
    }

    .kids-menu .cutout__img1,
    .kids-menu .cutout__img2 {
    width: 50%;
    position: unset;
    }

    .kids-menu .cutout__img1 {
    max-width: 32rem;
    transform: translateX(16%);
    }

    .kids-menu .cutout__img2 {
    transform: translateX(-18%);
    }

    .cutout-block__content {
            width: 90%;
            max-width: 72rem;
    }

    .cta__content {
            padding: 2.4rem;
    background-size: 3.2rem;
    }

    .cta__content::before {
    left: 3.2rem;
    right: 3.2rem;
    background-size: auto 3.2rem;
    }

    .cta__content::after {
            top: 3.2rem;
    bottom: 3.2rem;
    background-size: 3.2rem auto;
    }

    .under-v {
        height: 35vh;
    }

    .under-v h1 {
        bottom: 3vh;
    }

    /* フッター */
    footer {
        margin-top: 16rem;
    }

    .footer__inner {
            flex-direction: column;
    }
    
    .footer__content {
            width: 100%;
    max-width: 54rem;
    }

    .footer__title,
    .footer__content .wp-block-buttons.is-content-justification-left.btn-square {
            justify-content: center;
    }

    .footer-map {
            width: 100%;
    max-width: 54rem;
    border: 0;
    }

    .copyright {
            padding-bottom: 9.6rem;
    }

    /* トップページ */

    .maincopy {
    height: 55svh;
}

    .lead {
        margin-top: 0;
        flex-direction: column;
    }

    .lead__content {
        align-self: flex-start;
        width: 90%;
        max-width: 72rem;
        min-width: unset;
    }

    .lead__title {
        margin-bottom: 4rem;
    }

    .lead__title p {
        font-size: 2rem;
    }

    body .is-layout-flex>.lead__img {
        position: unset;
        align-self: flex-end;
        margin-top: -8rem;
        width: 90%;
        max-width: 80rem;
        height: auto;
        aspect-ratio: 1.618/1;
    }

    .reason__content {
        flex-direction: column;
        padding: 0 5%;
        row-gap: 2.4rem !important;
    }

    .reason__text,
    .reason__list {
        width: 100%;
    }

    .top-select {
        margin-top: 20rem;
    }

    .top-select-text-decor-bulgogi {
        width: 72%;
        top: -2%;
    }

    .top-select-bulgogi__title {
        width: 20%;
        max-width: 16rem;
        min-width: 14rem;
    }

    .top-select__content {
        align-items: flex-start;
        margin-top: 50%;
    }

    .top-select-samgyeopsal__title {
        width: 20%;
        max-width: 16rem;
        min-width: 14rem;
    }

    .top-select-text-decor-samgyeopsal {
    width: 50%;
    max-width: 40rem;
    top: 3%;
    }

    .wp-block-group.is-layout-flex.select-flex {
        flex-direction: column-reverse;
        gap: 2.4rem !important;
    }

    .select__img--big {
        width: 100%;
        margin: auto;
    }

    .select__img--big figure {
        width: 80%;
    }

    figure.select__img--small {
        width: 40%;
        margin-top: -10%;
        margin-left: auto;
    }

    body .is-layout-flex > .select-flex__content {
            width: 90%;
    margin: auto;
    max-width: 72rem;
    }

    .select-flex__content h3,
    .select__text {
        margin-left: unset;
    }

    .select-flex__content h3 {
        text-align: center;
    }

    .top-select-flex--first,
    .top-select--third {
            padding-top: 16rem;
    }

     .top-select--third {
            padding-bottom: 4.8rem;
     }

    .top-select-bibimbap__title {
            width: 20%;
    max-width: 16rem;
    min-width: 14rem;
    top: 4rem;
    }

    .top-select-flex--second .select__img--big figure {
            margin-left: auto;
    }

    .top-select-flex--second figure.select__img--small {
            margin-left: unset;
    margin-top: -3%;
    }

    .top-select-flex--second .select-flex__content h3,
    .top-select-flex--second .select__text {
        margin-left: unset;
        margin-right: unset;
    }

    .top-select-text-decor-bibimbap {
            position: absolute;
            top: 3%;
    right: 0;
    width: 70%;
    max-width: 62rem;
    margin-top: 0;
    }

    .scene {
            margin-top: 12rem;
    }

    .scene h2 {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
    }

    .scene__lunch {
    max-width: 72rem;
    }

    .scene-lunch__img {
            position: unset;
            width: 100%;
    }

    body .wp-block-group.is-layout-flex.scene__lunch {
        gap: 4rem !important;
    }

    .scene-lunch__content {
        width: 100%;
    }

    .scene__lunch h3 {
        text-align: center;
    }

    .scene-lunch__text {
            max-width: unset;
    }

    .scene-lunch__img--small {
        width: 40%;
    }

    .scene-text-decor-lunch {
            top: 50%;
    width: 14rem;
    }

    .kids-menu {
            margin-top: 16rem;
    }

    .top-course {
            width: 98%;
                margin-top: 16rem;
    }

    .course-flame {
            padding: 2.4rem;
            background-size: 3.2rem;
    }

    .course-flame::before {
    left: 3.2rem;
    right: 3.2rem;
    background-size: auto 3.2rem;
    }

        .course-flame::after {
    top: 3.2rem;
    bottom: 3.2rem;
    background-size: 3.2rem auto;
    }

    .top-course__inner>.wp-block-cover__inner-container {
    padding: 40rem 3% 4rem 3%;
    }

    .top-course__title {
            width: 26%;
    max-width: 22rem;
    min-width: 16rem;
    right: 1%;
    }

    .about {
            margin-top: 16rem;
    }

    .about-header__img {
    aspect-ratio: 3 / 1;
    }

    body .wp-block-group.is-layout-flex.about__inner {
            flex-direction: column-reverse;
    max-width: 72rem;
    gap: 4rem !important;
    }

    .store-map {
            width: 100%;
    }

    .about__content {
            width: 100%;
    }

    .about__content h3 {
        text-align: center;
    }

    .about__text>.wp-block-group__inner-container {
        max-width: unset;
    }

    .store-map {
        justify-content: center;
    }

    .about-text-decor {
            width: 100%;
    max-width: 40rem;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    }

        .top-cta {
            margin-top: 12rem;
    max-width: 72rem;
    }

    .takeout {
            margin-top: 16rem;
    }


    body .wp-block-group.is-layout-flex.takeout__inner {
            flex-direction: column;
    gap: 4rem !important;
    max-width: 72rem;
    }

    .takeout-img__container {
            width: 100%;
    }

    .takeout__img {
            aspect-ratio: 3 / 2;
    }

    .takeout-cutout-drink {
            max-width: 20rem;
    left: unset;
    right: -20%;
    transform: rotate(30deg);
    }

    .takeout__content {
            width: 100%;
    }

    .takeout__content h3 {
        text-align: center;
    }

    .takeout__content .btn-round {
            justify-content: center;
    }

    .news {
            max-width: 72rem;
                margin-top: 12rem;
    }

    .news__header {
    justify-content: center;
    margin-bottom: 4rem;
    }

    .top-news-list-thumbnail {
            flex-wrap: wrap !important;
    row-gap: 4rem !important;
    margin: auto;
    }

    .top-news-item {
            width: 48%;
    }

    .news .btn-round {
        display: flex !important;
        justify-content: center;
    }

        .news .news__header .btn-round {
        display: none !important;
    }

    /* 下層 - ランチ */
    .lunch-lead {
            padding-top: 12rem;
    }

    .lead-text-decor-lunch {
            width: 36%;
    min-width: 20rem;
    left: 50%;
    transform: translateX(-50%);
    }

    .lunch-cutout__img--square {
            margin-left: 5%;
    max-width: 24rem;
    }

    .lunch-lead-cutout__img1 {
            position: unset;
    width: 50%;
    max-width: 40rem;
    margin-top: -3.2rem;
    margin-right: -5%;
    }

    .cutout-block__content {
            min-width: unset;
    }

    .lunch-cutout-block--left {
            align-self: flex-start;
    }

    .lunch-cutout__img--rectangle {
            margin-left: 0;
    }

    figure.wp-block-image.size-full.lunch-lead-cutout__img2 {
            margin-bottom: -15%;
    width: 40%;
    max-width: 40rem;
    }

    figure.wp-block-image.lunch-bibimbap__img--small {
        margin-right: unset;
    }

    .lunch-text-decor-bibimbap {
    width: 100%;
    max-width: 64rem;
    margin: -8rem auto 0 auto;
    }

    .lunch-jjigae {
            margin-bottom: 16rem;
    }

    body .lunch-jjigae .wp-block-group.is-layout-flex.fill-bg__inner {
        flex-direction: column !important;
    }

    body .is-layout-flex.pickup-menu__header {
    justify-content: center;
    column-gap: 2.4rem !important;
    flex-wrap: wrap;
    white-space: nowrap;
    }

    .lunch-text-decor-jjigae {
            width: 100%;
    max-width: 64rem;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    }

    .fill-bg-text-decor {
            width: 14%;
    }

    .lunch-soup {
            margin-bottom: 12rem;
    }

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

    .menu__list {
            flex-direction: column;
    }

    body .is-layout-flex > .menu__list--first,
    body .is-layout-flex > .menu__list--second {
        width: 100%;
        max-width: 72rem;
        margin: auto;
    }

        /* 下層 - ディナー */
    .dinner-lead {
            margin-top: 10.4rem;
            margin-bottom: 12rem;
    }

    .dinner-lead-flex {
            flex-direction: column-reverse;
                margin-bottom: 5.6rem;
    }
    
    .dinner-lead-sam,
.dinner-lead-bul {
    width: 100%;
    aspect-ratio: 3 / 2;
}

figure.wp-block-image.size-full.dinner-lead-sam__title,
figure.wp-block-image.size-full.dinner-lead-bul__title {
    position: absolute;
    z-index: 2;
    width: 20%;
    max-width: 14.4rem;
    min-width: 8rem;
}

figure.wp-block-image.size-full.dinner-lead-sam__title {
    margin-top: 0;
    margin-bottom: 0;
    left: 50%;
    bottom: 30%;
    transform: translateX(-100%);
}

figure.wp-block-image.size-full.dinner-lead-bul__title {
    margin-top: 0;
    top: 40%;
    right: 50%;
    transform: translateX(100%);
}

.dinner-lead-text-decor-sam {
    width: 90%;
    max-width: 32rem;
    top: 0;
    transform: unset;
    left: 0;
    z-index: 1;
}

.dinner-lead-text-decor-bul {
    z-index: 1;
    width: 90%;
    max-width: 48rem;
    top: unset;
    left: unset;
    transform: unset;
    bottom: 0;
    right: 0;
}

.dinner-lead__text {
        width: 95%;
    font-size: 1.8rem;
}

.lead-highlight {
        font-size: 2.8rem;
}

.dinner-pickup .wp-block-cover__inner-container {
        margin-bottom: 5.6rem;
}

.pickup-content {
        display: block;
    width: 90%;
    margin: auto;
}

.pickup-content>.wp-block-group__inner-container {
        width: 100%;
    margin-right: unset;
}

.dinner-pickup-add {
        width: 90%;
    align-self: center;
    margin-top: -4rem;
    margin-right: unset;
    padding: 3.2rem 3%;
}

#dinner-bul .pickup-content>.wp-block-group__inner-container{
    margin-right: 5%;
    margin-left: auto;
}

#dinner-bul .dinner-pickup-add {
            align-self: flex-end;
            margin-right: 5%;
}

#dinner-sam .dinner-pickup-add {
    align-self: flex-start;
    margin-left: 5%;
}

.dinner-pickup .pickup-img--small {
    display: none;
}

#dinner-bul {
margin-bottom: 12rem;
}

.pickup-content h3 {
    font-size: 2.8rem !important;
}

#dinner-sam .pickup-content>.wp-block-group__inner-container {
        margin-left: unset;
}


.dinner-recommend {
    padding: 8rem 0;
}

.dinner-recommend .cutout__img--rectangle {
    max-width: 28rem;
}

body figure.wp-block-image.size-full.dinner-lead-cutout__img2 {
        width: 40%;
    max-width: 24rem;
    margin-left: -2%;
    margin-bottom: -8%;
}

.dinner-lead-cutout__img1 {
        width: 55%;
    bottom: 5%;
}

/* 下層 - コース */
.course-scene__content h3 {
        margin-bottom: 4rem;
}

.course-pickup h3 {
        margin-bottom: 4rem;
}

.course-bul {
    margin-bottom: 12rem;
}

body .wp-block-group.is-layout-flex.fill-bg__inner {
        padding: 5.6rem 0;
}

body .wp-block-group.is-layout-flex.course-content-flex {
        gap: 2.4rem !important;
        justify-content: end;
}

.course-sam .wp-block-group.is-layout-flex.course-sam__inner {
        flex-direction: column !important;
}

.course-recommend {
        padding-top: 12rem;
}

.course-recommend-text-decor {
        width: 90%;
    max-width: 64rem;
    top: 5%;
}

.course-recommend h3 {
        margin-bottom: 4rem;
}

body .wp-block-group.is-layout-flex.course-recommend__list {
    flex-direction: column;
    gap: 4rem !important;
    max-width: 72rem;
    margin: auto;
}

.course-recommend__item {
        width: 100%;
}

.course-drink {
        margin-top: 12rem;
    padding: 5.6rem 0;
}

.course-drink__item:first-child,
.course-drink__item:last-child {
    width: 28%;
}

.course-drink__item:nth-child(2) h3 {
    margin-bottom: 4rem;
}

.course-drink__list {
        margin-bottom: 5.6rem;
}

.course-drink__block {
        max-width: 72rem;
    padding: 4.8rem 5%;
}

/* 下層 - ドリンク */
.drink-lead {
        padding-top: 5.6rem;
}

body .drink-lead.is-layout-flex .cutout-block--right {
    margin-bottom: -5%;
}

.drink-cutout__img--rectangle {
    width: 30%;
    min-width: 18rem;
}

.drink-lead .drink-lead-cutout__img2 {
    width: 16%;
    min-width: 9.6rem;
}

.drink-lead .cutout-block--left {
    display: none;
}

.drink-lead .lead-text-decor-drink {
        width: 110%;
    max-width: 46rem;
    min-width: unset;
    top: -3%;
    left: 50%;
    transform: translateX(-50%);
}

.drink-select-title-first,
.drink-select-title-second,
.drink-select-title-third {
        width: 20% !important;
    max-width: 18rem;
    min-width: 10rem;
}

.drink-select-title-second {
top: -8rem;
}

.drink-pickup-chami figure.select__img--small,
.drink-pickup-beer figure.select__img--small,
.drink-pickup-mag figure.select__img--small {
    margin-top: -4rem;
    min-width: 22rem;
}

.drink-pickup-beer figure.select__img--small {
    margin-right: auto;
}

.drink-pickup-beer .select-flex__content>.wp-block-group__inner-container {
        flex-direction: column-reverse;
}

.drink-select-title-first {
    width: 60%;
    max-width: 22rem;
    top: 3%;
}

.drink-select-text-decor-first {
        width: 64%;
    max-width: 22rem;
    top: 3%;
}

.drink-pickup-chami .top-select-flex--first {
        padding-top: 10.4rem;
}

.drink-pickup-chami .select__img--big,
.drink-pickup-beer .select__img--big,
.drink-pickup-mag  .select__img--big {
    max-width: 72rem;
}

.drink-pickup-beer .select__img--big {
    align-self: flex-end;
}

.drink-pickup {
    margin-top: 10.4rem;
    padding-bottom: 0;
}

.drink-pickup-chami {
        padding-bottom: 20rem;
}

.drink-pickup-beer {
    padding-bottom: 4rem;
}

.drink-select-text-decor-second {
        width: 60%;
    max-width: 26.4rem;
    bottom: unset;
    top: 0;
    transform: translateY(-100%);
}

.drink-pickup-mag figure.select__img--small {
    margin-top: -4rem;
}

.drink-pickup-mag {
        padding-bottom: 12rem;
}

.drink-select-text-decor-third {
        top: 16rem;
    transform: translateY(-100%);
    width: 70%;
    max-width: 40rem;
}

.drink-menu .menu__title {
        padding-bottom: 4rem;
    margin-bottom: 4rem;
}

.drink-menu__title {
        width: calc(100% - 9rem);
}

.drink-menu-price {
        width: 8.2rem;
}

/* 下層 - テイクアウト */
.takeout-lead {
        padding-top: 4rem;
}

body .is-layout-flex.takeout-lead .cutout-block--right {
        margin-bottom: -4%;
}

body .is-layout-flex.takeout-lead .cutout-block--right>.wp-block-group__inner-container {
    flex-direction: row;
}

body .is-layout-flex.takeout-lead .cutout__img2 {
        width: 24%;
    max-width: 18rem;
    margin-bottom: -5%;
}

body .is-layout-flex.takeout-lead .cutout__img--square {
    width: 28%;
}

body .is-layout-flex.takeout-lead .cutout__img1 {
    max-width: 32rem;
}

.lead-text-decor-takeout {
        width: 100% !important;
    top: 0 !important;
    transform: translate(-50%, -70%);
}

.takeout-pickup h3 {
    margin-bottom: 4rem;
}

.takeout-pickup {
        padding-top: 8rem;
}

.takeout-pickup__list>.wp-block-group__inner-container {
        gap: 5.6rem;
}

body .takeout-pickup__list .fill-bg--brown .fill-bg__inner {
    flex-direction: column !important;
}

.takeout-cta {
        padding-top: 12rem;
}

body .cta__text p.has-text-align-center {
    text-align: left;
}

.cta__content {
    max-width: 72rem;
    margin: auto;
}



}


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

    PC・タブレット横 

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

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

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

    .pc {
        display: block !important;
    }

    .sp {
        display: none !important;
    }

}

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

    タブレット縦横

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

@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: 1100px) 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: 72vh;
    }

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

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

}


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

    スマホ　

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

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

    .mobile {
        display: block;
    }

    /*スマホ版MVの高さ適宜変更*/
    .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 - 6.6rem);
    }


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

        .sp-header-logo {
            width: 24rem;
    }

    h2,
    h2.has-large-font-size {
        font-size: 2.8rem !important;
    }

    .cta__content {
            padding: 4rem 4%;
    }

    /* フッター */
    .footer__img {
            aspect-ratio: 16 / 9;
    }

    .footer__inner {
            padding-top: 5.6rem;
    }

    body .is-layout-flex>.footer__logo {
            width: 24rem;
    }

    .insta-link--black {
            width: 3.2rem;
    }

    .footer__table>table>tbody>tr>td:first-child {
            width: 8rem;
            text-align: left;
    }

    .footer__table>table>tbody>tr>td:nth-child(2) {
            width: calc(100% - 10.4rem);
            text-align: left;
    }

    /* トップ */
    .lead {
            padding-top: 12rem;
    }

    .lead__content {
            width: 95%;
    padding: 5.4rem 4%;
    }

    .lead-text-decor {
            width: 95%;
    min-width: unset;
    top: 8rem;
    }

    body .is-layout-flex>.lead__img {
            margin-top: -4rem;
    }

    .reason {
            margin-top: 12rem;
    }

    .reason .wp-block-cover__inner-container {
            padding: 5.6rem 0;
    }

    .reason__item1 {
            margin-right: -4rem;
    }

    .reason__item2 {
        margin-top: 0;
        margin-left: -2.4rem;
    }

    .reason__item3 {
            margin-top: 0;
            margin-right: -3.2rem;
    }

    .top-select__content {
            margin-top: 36rem;
    }

    .top-select-text-decor-bulgogi {
            width: 62%;
    top: -1%;
    }

    .top-select__text--big {
        font-size: 1.8rem;
    }

    .select__img--big figure {
        aspect-ratio: 1;
    }

    .select-flex__content {
        min-width: unset;
    }

    .top-select-text-decor-samgyeopsal {
            width: 40%;
    top: 7%;
    }

    .top-select-text-decor-bibimbap {
            top: 7%;
    width: 64%;
    }

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

    body .wp-block-group.is-layout-flex.btn-flex>.btn-round:nth-child(2) {
        margin-top: 0 !important;
    }

    .top-course {
        width: 98%;
    }

    .top-course__inner>.wp-block-cover__inner-container {
            padding-top: 32rem;
    }

     .about-header__img {
            aspect-ratio: 16 / 9;
     }

     .takeout-cutout-drink {
            width: 30%;
    max-width: 14.4rem;
    right: -10%;
     }

     .top-news-item {
            width: 100%;
     }

     .top-news-list-thumbnail {
    row-gap: 2.4rem !important;
     }

    /* 下層 - ランチ */
body#lunch .under-v {
    background-image: url(../img/low-fv-lunch-sp.png);
}


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

    .lunch-cutout-block__content .lead-text-decor-lunch {
            max-width: 20rem;
    top: -4rem;
    }

    body .is-layout-flex.pickup-bibimbap__header {
        flex-direction: row;
    }

    body .wp-block-group.is-layout-flex.fill-bg__inner {
        padding: 4rem 0 5.6rem 0;
    }

    .lunch-jjigae {
            margin-bottom: 8rem;
    }

    .menu__title {
        margin-bottom: 4rem;
    }

    .menu__title figure {
    width: 90%;
    max-width: 32rem;
    }

    .menu__sub-title {
            font-size: 2rem;
    margin-bottom: 4rem;
    }

    body .wp-block-group.is-layout-flex.menu-title {
    font-size: 2rem;
    align-items: flex-start;
    }

    .menu-title p:first-child {
    width: calc(100% - 8rem);
    align-self: flex-start;
    text-align: left;
    }

    .menu-title p:last-child {
    width: auto;
    }

    /* 下層 - ディナー */
    body#dinner .under-v {
    background-image: url(../img/low-fv-dinner-sp.png);
}

figure.wp-block-image.size-full.dinner-lead-bul__title {
        top: 30%;
}

figure.wp-block-image.size-full.dinner-lead-sam__title {
        bottom: 20%;
}

body #dinner-sam .is-layout-flex.pickup-menu__header {
        row-gap: 0 !important;
}

 body .course-menu__block .wp-block-group.is-layout-flex.menu-title {
        flex-direction: column;
        line-height: 1.25;
 }

 .course-menu__block .menu-title p:first-child {
    width: 100%;
 }

 .course-menu__block .menu-title p:last-child {
        align-self: flex-end;
 }

    /* 下層 - コース */
body#course .under-v {
    background-image: url(../img/low-fv-courser-sp.png);
}
    
    .course-lead {
            padding-bottom: 12rem;
    }

    .course-scene__img--left, .course-scene__img--right {
        display: none;
    }

    .course-scene__content {
            padding: 5.6rem 2%;
    width: 90%;
    }

    body .is-layout-flex.course-scene__list {
            flex-direction: column;
    row-gap: 0 !important;
    }

    .course-scene__item:first-child {
    transform: translateX(-24%);
    }

    .course-scene__item:nth-child(2),
    .course-scene__item:nth-child(4) {
    transform: translate(24%,-5%);
    }

    .course-scene__item:nth-child(3) {
    transform: translate(-24%,-5%);
    }

    .course-pickup {
        padding-top: 12rem;
    }

    .course-pickup h3 {
    width: 90%;
    margin: 0 auto 4rem auto;
    }

    .course-content {
            padding: 4rem 2.8rem;
    }

    .course-content h5 {
            text-align: center;
    }

    .course-content-flex>ul>li::marker {
    font-size: 1rem;
    }

    body .is-layout-flex.course-content-flex>ul {
    margin-left: 1.6rem;
    }

    body .is-layout-flex.course-content-flex>ul:first-child {
        width: 55%;
    }

    body .is-layout-flex.course-content-flex>ul:nth-child(2) {
        width: 42%;
    }

    .course-recommend__item {
            padding: 4rem 2.8rem 4.8rem 2.8rem;
    }

    .course-recommend__title h5 {
    padding-left: 0;
    margin-left: 5% !important;
    font-size: 2rem;
    }

    .course-recommend__text {
            padding: 0 .8rem;
    }

    .course-recommend__title p {
            margin-right: 5%;
    font-size: 1.8rem;
    }

    .course-drink {
    padding: 5.6rem 0 0 0;
    }

    .course-drink__block {
        background: none;
    }

    .course-drink__block::before,
    .course-drink__block::after {
        display: none;
    }

    .course-drink__item:first-child,
    .course-drink__item:last-child {
    position: absolute;
    }

    .course-drink__item:first-child {
            width: 22%;
    top: -2%;
        left: -8%;
    }

    .course-drink__item:last-child {
    width: 38%;
    right: -18%;
    top: -2%;
    }

    .course-drink__block .menu-title p:last-child {
    white-space: normal;
    }

    .course-drink__img--square,
    .course-drink__img--rec {
        display: none;
    }

    .course-drink__cutout1,
    .course-drink__cutout2 {
            position: relative;
    width: 100%;
    bottom: 0;
    right: 0;
    }

.course-drink__item:nth-child(2) {
        width: 95%;
    margin: auto;
}

/* 下層 - ドリンク */
body#drink .under-v {
    background-image: url(../img/low-fv-drink-sp.png);
}

.menu-title-add {
    display: block;
}

/* 下層 - テイクアウト */
/* fv */
body#takeout .under-v {
    background-image: url(../img/low-fv-takeout-sp.png);
}

/* 下層 - オンラインショップ */
body#other-page .under-v,
body#tokusho .under-v,
body#privacy .under-v {
    background-image: url(../img/low-fv-onlineshop-sp.png);
}



}


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

  その他適宜追加する場合は下記に記述

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