@charset "UTF-8";
/* ========================================================================
 * style CSS
 * Agencia (https://www.agencia.co.jp)
 * Yuya Tajima
 * ========================================================================
 * Copyright 2025 Agencia Co.,Ltd.
 * ======================================================================== */
/* uikit */
@import "agencia-uikit.css";
/* webfont */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Noto+Serif+JP:wght@200..900&family=Outfit:wght@100..900&family=Yuji+Syuku&display=swap");
/*
  style.scss
  後から読み込んだものが優先されるので、読み込み順に注意すること
*/
/*
  variables.scss
  -------------------------------------------
  全体のパラメータ初期設定
  基本パラメータはagencia-uikitにて定義し
  それ以外の追加がある場合ここに記載する
*/
/*
  mixins.scss
*/
/* transition */
/* fontawesome icon */
/*
  MediaQuery
*/
/*
  utilites.scss
*/
.responsive-iframe {
  position: relative;
  width: 100%;
  padding-top: 100%;
  border: 1px #CCC solid;
}
.responsive-iframe iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 992px) {
  .responsive-iframe {
    padding-top: 56.25%;
  }
}
.separator-line-888888 {
  position: relative;
  padding-top: var(--agui-spacing-9);
}
.separator-line-888888::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-image: url(/.assets/charcoal-line-888888.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media (min-width: 992px) {
  .separator-line-888888 {
    padding-top: var(--agui-spacing-11);
  }
}
/*
  common.scss
*/
h2,
.h2 {
  margin-bottom: var(--agui-spacing-5);
}

h3,
.h3 {
  margin-bottom: var(--agui-spacing-4);
}

h4,
.h4 {
  margin-bottom: var(--agui-spacing-4);
}

h5,
.h5 {
  margin-bottom: var(--agui-spacing-3);
}

h6,
.h6 {
  margin-bottom: var(--agui-spacing-3);
}

.btn.btn-foodmenu-top {
  padding: var(--agui-spacing-1) var(--agui-spacing-5);
  font-size: var(--agui-fs-0rem875);
  border: 1px var(--bs-body-color) solid;
}

/*
.icon-recommendation{
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(/.assets/menu-recommendation.svg);
}
*/
/*
.noto-serif-jp-<uniquifier> {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/
.yuji-syuku-regular {
  font-family: "Yuji Syuku", serif;
  font-weight: 400;
  font-style: normal;
}

/*
.outfit-<uniquifier> {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/
/*
.figtree-<uniquifier> {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/
/*
  layout.scss
*/
/* html,body */
body {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-size: var(--agui-fs-1rem);
  font-style: normal;
  background-image: url(/.assets/common-bg02.webp);
  background-repeat: repeat;
}

/* layout-header */
.layout-header__wrapper {
  background-color: var(--bs-gray);
}
.layout-header .navbar {
  z-index: 999;
  align-items: start;
  min-height: 40px;
  padding: 0;
  background-color: var(--bs-red);
  background: var(--bs-dark-red-gradient);
  color: var(--bs-white);
}
.layout-header .navbar a {
  color: var(--bs-white);
}
.layout-header .navbar > .container {
  position: relative;
  height: 100%;
}
.layout-header .navbar .navbar-brand {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 -24px 0;
  padding: var(--agui-spacing-2);
  width: 64px;
  height: 64px;
  background-color: var(--bs-black);
}
.layout-header .navbar .navbar-brand img {
  max-width: 100%;
  height: auto;
}
.layout-header .navbar .navbar-toggler {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 16px;
  border: 0;
  border-radius: 0;
  font-size: 2rem;
}
.layout-header .navbar .navbar-toggler::before, .layout-header .navbar .navbar-toggler::after {
  content: "";
}
.layout-header .navbar .navbar-toggler::before, .layout-header .navbar .navbar-toggler::after,
.layout-header .navbar .navbar-toggler .navbar-toggler-icon {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #FFF;
  transition: all 0.1s ease;
}
.layout-header .navbar .navbar-toggler::before {
  top: 0;
}
.layout-header .navbar .navbar-toggler::after {
  bottom: 0;
}
.layout-header .navbar .navbar-toggler .navbar-toggler-icon {
  margin-top: -1px;
  background-image: inherit;
}
.layout-header .navbar .navbar-toggler:not(.collapsed)::before, .layout-header .navbar .navbar-toggler:not(.collapsed)::after {
  width: 80%;
}
.layout-header .navbar .navbar-toggler:not(.collapsed)::before {
  top: inherit;
  transform: translateY(0px) rotate(-45deg);
}
.layout-header .navbar .navbar-toggler:not(.collapsed)::after {
  bottom: inherit;
  transform: translateY(0px) rotate(45deg);
}
.layout-header .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  opacity: 0;
}
.layout-header .navbar .header-subnav {
  z-index: 1;
  display: flex;
  margin: 0 var(--agui-spacing-3) -24px auto;
}
.layout-header .navbar .header-subnav .subnav-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: -24px 0 0 0;
  width: 64px;
  height: 64px;
  text-align: center;
  text-decoration: none;
  font-size: var(--agui-fs-0rem625);
  color: var(--bs-white);
  background-image: url(/.assets/stamp02-df.webp);
  background-size: 100% 100%;
}
.layout-header .navbar .header-subnav .subnav-item:hover {
  background-image: url(/.assets/stamp02-ov.webp);
}
.layout-header .navbar .header-subnav .subnav-item.subnav-menu {
  background-image: url(/.assets/stamp03-df.webp);
}
.layout-header .navbar .header-subnav .subnav-item.subnav-menu:hover {
  background-image: url(/.assets/stamp03-ov.webp);
}
.layout-header .navbar .header-subnav .subnav-item.subnav-reservation {
  background-image: url(/.assets/stamp01-df.webp);
}
.layout-header .navbar .header-subnav .subnav-item.subnav-reservation:hover {
  background-image: url(/.assets/stamp01-ov.webp);
}
.layout-header .navbar .navbar-collapse {
  margin: 0 -0.75rem;
  padding: var(--agui-spacing-7) var(--agui-spacing-3) var(--agui-spacing-3) var(--agui-spacing-3);
  background-color: var(--bs-dark-red-300);
}
.layout-header .navbar .navbar-nav .nav-item {
  border-top: 1px var(--bs-white-rgba30) solid;
}
.layout-header .navbar .navbar-nav .nav-link {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--agui-spacing-2) var(--agui-spacing-3) var(--agui-spacing-2) var(--agui-spacing-2);
  width: 100%;
  color: var(--bs-white);
}
.layout-header .navbar .navbar-nav .nav-link::after {
  position: relative;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: small;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 0 0.15rem 0 0;
  content: "\f105";
}
.layout-header .navbar .navbar-nav .nav-link::after {
  border: 0;
}
.layout-header .navbar .navbar-nav .nav-link.link-win::after {
  position: relative;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: small;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 0 0 0 0;
  content: "\f08e";
}
.layout-header .navbar .navbar-nav .dropdown .dropdown-toggle::after {
  position: relative;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: small;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 0 0 0 0;
  content: "\f103";
}
.layout-header .navbar .navbar-nav .dropdown .dropdown-toggle.show::after {
  position: relative;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: small;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 0 0 0 0;
  content: "\f102";
}
.layout-header .navbar .navbar-nav .dropdown-menu {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border-bottom: 1px var(--bs-white-rgba30) solid;
  background-color: var(--bs-dark-red);
}
.layout-header .navbar .navbar-nav .dropdown-menu li {
  border-top: 1px var(--bs-white-rgba30) solid;
}
.layout-header .navbar .navbar-nav .dropdown-item {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--agui-spacing-2) var(--agui-spacing-2) var(--agui-spacing-2) var(--agui-spacing-5);
}
.layout-header .navbar .navbar-nav .dropdown-item::after {
  position: relative;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: small;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 0 0.3rem 0 0;
  content: "\f105";
}
.layout-header .navbar .navbar-nav .dropdown-item:hover {
  background-color: var(--bs-dark-red-100);
}
body.main-index .layout-header__mainimage {
  aspect-ratio: inherit !important;
}
.layout-header .page-mainimage__wrapper {
  aspect-ratio: 25/6;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--bs-white);
}
.layout-header .page-mainimage__wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.layout-header .page-mainimage__heading {
  z-index: 1;
}
.layout-header .page-mainimage__heading h1 {
  text-align: center;
  font-size: var(--agui-fs-1rem250);
  font-family: "Yuji Syuku", serif;
  font-weight: 400;
  font-style: normal;
}
.layout-header .page-mainimage__heading h1 span {
  display: block;
  font-size: var(--agui-fs-0rem875);
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}
body.main-index .layout-header .page-mainimage__wrapper {
  aspect-ratio: inherit;
}

@media (min-width: 992px) {
  body.main-index .layout-header__mainimage {
    height: 100vh;
  }
  .layout-header .page-mainimage__wrapper {
    aspect-ratio: 8/1;
  }
  body.main-index .layout-header .page-mainimage__wrapper {
    aspect-ratio: inherit;
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .layout-header .navbar {
    height: 80px;
  }
  .layout-header .navbar .navbar-brand {
    margin: 0 0 -50px 0;
    width: 130px;
    height: 130px;
  }
  .layout-header .navbar .navbar-toggler {
    display: none;
  }
  .layout-header .navbar .header-subnav {
    order: 2;
    margin: 0 0 -50px auto;
    /*
    ul {
      li {
        width: 130px;
        height: 120px;
        &.subnav-shop,
        &.subnav-menu {
          display: none;
        }
      }
    }
    */
  }
  .layout-header .navbar .header-subnav .subnav-item {
    width: 130px;
    height: 130px;
    font-size: var(--agui-fs-1rem125);
  }
  .layout-header .navbar .header-subnav .subnav-item.subnav-shop, .layout-header .navbar .header-subnav .subnav-item.subnav-menu {
    display: none;
  }
  .layout-header .navbar .navbar-collapse {
    margin: 0 -0.75rem;
    padding: 0;
    background-color: unset;
  }
  .layout-header .navbar .navbar-nav {
    margin: 0 auto;
  }
  .layout-header .navbar .navbar-nav .nav-item {
    padding: var(--agui-spacing-2) var(--agui-spacing-4);
    border-top: 0;
    border-left: 1px var(--bs-white-rgba30) solid;
  }
  .layout-header .navbar .navbar-nav .nav-item:first-child {
    border-left: 0;
  }
  .layout-header .navbar .navbar-nav .nav-link::after {
    display: none;
  }
  .layout-header .navbar .navbar-nav .nav-link.link-win::after {
    display: inline-flex;
    margin: -1rem 0 0 var(--agui-spacing-1);
    font-size: var(--agui-fs-0rem625);
  }
  .layout-header .navbar .navbar-nav .dropdown .dropdown-toggle::after {
    display: none;
  }
  .layout-header .navbar .navbar-nav .dropdown .dropdown-toggle.show::after {
    display: none;
  }
  .layout-header .navbar .navbar-nav .dropdown-menu {
    border-bottom: 0;
  }
  .layout-header .navbar .navbar-nav .dropdown-item::after {
    display: none;
  }
  .layout-header .page-mainimage__heading h1 {
    font-size: var(--agui-fs-2rem500);
  }
  .layout-header .page-mainimage__heading h1 span {
    font-size: var(--agui-fs-1rem500);
  }
  body.main-index .layout-header .page-mainimage__wrapper {
    aspect-ratio: inherit;
  }
}
/* layout-main */
.layout-main__wrapper {
  position: relative;
}
.layout-main__article {
  position: relative;
}
.layout-main__pagenavi {
  position: relative;
}

@media (min-width: 576px) {
  .layout-main__pagenavi {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .layout-main__pagenavi {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
  }
}
.page-main-nav {
  z-index: 1;
  margin-inline: -0.75rem;
  padding: 0;
  background-color: #563418;
  color: var(--bs-white);
}
.page-main-nav a {
  color: var(--bs-white);
}
.page-main-nav a:hover {
  color: var(--bs-yellow);
}
.page-main-nav .navbar-toggler {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--agui-spacing-3);
  width: 100%;
  border: 0;
  border-radius: 0;
  color: var(--bs-white);
  font-size: var(--fs-1rem);
}
.page-main-nav .navbar-toggler:focus {
  box-shadow: 0 0 0 0;
}
.page-main-nav .navbar-nav {
  padding: var(--agui-spacing-3);
  background-color: var(--bs-dark-red);
}
.page-main-nav .navbar-nav .nav-item {
  display: inline-flex;
  padding: 0 var(--agui-spacing-3) 0 var(--agui-spacing-6);
  border-bottom: 1px var(--bs-white) solid;
}
.page-main-nav .navbar-nav .nav-item:item-brand {
  display: none;
}
.page-main-nav .navbar-nav .nav-item:last-child {
  border-bottom: 0;
}
.page-main-nav .navbar-nav .nav-link {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.page-main-nav .navbar-nav .nav-link::after {
  position: relative;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: small;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 0 0.3rem 0 0;
  content: "\f107";
}
.page-main-nav .navbar-nav .nav-link.active {
  color: var(--bs-white);
}

@media (min-width: 1200px) {
  .page-main-nav {
    margin-inline: 0;
    border-top: 1px var(--bs-white) solid;
  }
  .page-main-nav .navbar-brand {
    display: none;
    /* 以前の記述は一旦OFF
    flex: 1;
    margin: 0;
    width: 10%;
    padding: var(--agui-spacing-3);
    text-align: center;
    */
  }
  .page-main-nav .navbar-toggler {
    display: none;
  }
  .page-main-nav .navbar-nav {
    justify-content: space-between;
    padding: 0;
    width: 100%;
  }
  .page-main-nav .navbar-nav .nav-item {
    flex: 1;
    margin: 0;
    padding: 0;
    border-left: 1px var(--bs-white) solid;
    border-bottom: 0;
  }
  .page-main-nav .navbar-nav .nav-item.item-brand {
    display: inline-flex;
  }
  .page-main-nav .navbar-nav .nav-item.item-brand .nav-link {
    background-color: #563418;
  }
  .page-main-nav .navbar-nav .nav-link {
    justify-content: center;
    align-items: center;
    padding: var(--agui-spacing-3);
    font-size: clamp(12px, 1vw, 16px);
  }
  .page-main-nav .navbar-nav .nav-link.active {
    background-color: var(--bs-red-100);
  }
  .page-main-nav .navbar-nav .nav-link::after {
    display: none;
  }
}
/* layout-footer */
.layout-footer {
  background-image: url(/.assets/common-bg01.webp);
  background-repeat: repeat;
  color: var(--bs-white);
}
.layout-footer a {
  color: var(--bs-white);
}
.layout-footer__wrapper {
  padding: var(--agui-spacing-6) 0;
  background-image: url(/.assets/footer-pictogram-sp.webp);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 100%;
}
.layout-footer__brand img {
  min-width: 100px;
  height: auto;
}
.layout-footer .footer-contetns {
  text-align: center;
}
.layout-footer .footer-contetns__nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: var(--agui-spacing-4) 0;
  padding: 0;
  list-style: none;
}
.layout-footer .footer-contetns__nav ul li {
  margin: 0 var(--agui-spacing-3) var(--agui-spacing-2) var(--agui-spacing-3);
}
.layout-footer .pagetop {
  position: fixed;
  right: var(--agui-spacing-5);
  bottom: var(--agui-spacing-5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-image: url(/.assets/pagetop-frm.svg);
  font-size: 10px;
  text-decoration: none;
}
.layout-footer .pagetop img {
  width: 18px;
  height: auto;
}

@media (min-width: 1200px) {
  .layout-footer__wrapper {
    display: flex;
    justify-content: center;
    align-items: end;
    min-height: 360px;
    background-image: url(/.assets/footer-pictogram-pc.webp);
  }
  .layout-footer__brand img {
    min-width: 140px;
    height: auto;
  }
}
/*
  page.scss
*/
.page-header {
  position: relative;
  margin-bottom: var(--agui-spacing-10);
}
.page-header__float-nav {
  position: relative;
  display: block;
}
.page-header__title {
  position: relative;
  padding: var(--agui-spacing-4) 0;
}
.page-header__title::before, .page-header__title::after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-image: url(/.assets/charcoal-line-888888.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.page-header__title::before {
  top: 0;
}
.page-header__title::after {
  bottom: 0;
}
.page-header__heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  font-size: var(--agui-fs-1rem500);
}
.page-header__heading .rubi {
  display: inline-flex;
  margin-left: var(--agui-spacing-3);
  font-size: var(--agui-fs-0rem750);
}
.page-header__icon {
  position: absolute;
  top: -40px;
  right: 0;
  display: flex;
}
.page-header__icon .icon-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  font-size: var(--agui-fs-0rem625);
  color: var(--bs-white);
  background-image: url(/.assets/stamp01-df.webp);
  background-size: 100% 100%;
}
.page-header__icon .icon-item:hover {
  background-image: url(/.assets/stamp01-ov.webp);
}
.page-header__icon .icon-item.icon-online {
  background-image: url(/.assets/stamp02-df.webp);
}
.page-header__icon .icon-item.icon-online:hover {
  background-image: url(/.assets/stamp02-ov.webp);
}
.page-header__icon .icon-item.icon-tel {
  background-image: url(/.assets/stamp03-df.webp);
}
.page-header__icon .icon-item.icon-tel:hover {
  background-image: url(/.assets/stamp03-ov.webp);
}
.page-header__intro {
  padding: var(--agui-spacing-10) var(--agui-spacing-3) var(--agui-spacing-3) var(--agui-spacing-3);
  font-size: var(--agui-fs-1rem);
}
.page-header__intro strong {
  font-size: var(--agui-fs-1rem125);
  color: var(--bs-dark-red);
}
.page-header__intro-common {
  padding: var(--agui-spacing-10) var(--agui-spacing-3);
  background-color: #EFEFEF;
  text-align: center;
  font-size: var(--agui-fs-1rem);
}
.page-header__intro-common strong {
  font-size: var(--agui-fs-1rem125);
  color: var(--bs-dark-red);
}

@media (min-width: 576px) {
  .page-header__intro {
    padding: var(--agui-spacing-12) var(--agui-spacing-3) var(--agui-spacing-3) var(--agui-spacing-3);
  }
}
@media (min-width: 1200px) {
  .page-header__float-nav {
    z-index: 1;
    position: absolute;
    width: 100%;
  }
  .page-header__title {
    padding: var(--agui-spacing-5) 0;
  }
  .page-header__heading {
    font-size: var(--agui-fs-2rem);
  }
  .page-header__heading .rubi {
    font-size: var(--agui-fs-1rem);
  }
  .page-header__icon {
    top: -10px;
  }
  .page-header__icon .icon-item {
    width: 100px;
    height: 100px;
    font-size: var(--agui-fs-1rem);
  }
  .page-header__intro {
    padding: var(--agui-spacing-14) var(--agui-spacing-3) var(--agui-spacing-3) var(--agui-spacing-3);
    font-size: var(--agui-fs-1rem);
  }
  .page-header__intro strong {
    font-size: var(--agui-fs-1rem125);
    color: var(--bs-dark-red);
  }
  .page-header__intro-common {
    padding: var(--agui-spacing-12) var(--agui-spacing-3) var(--agui-spacing-10) var(--agui-spacing-3);
    background-color: #EFEFEF;
    font-size: var(--agui-fs-1rem);
  }
  .page-header__intro-common strong {
    font-size: var(--agui-fs-1rem125);
    color: var(--bs-dark-red);
  }
}
/*
  contenst.scss
  ---------------------------------
  汎用的に使用、もしくは未分類のclass
*/
/*
  toppage.scss
  ---------------------------------
  サイトトップ用
*/
/* common */
.index-contents + .index-contents {
  margin-top: var(--agui-spacing-9);
}

@media (min-width: 1200px) {
  .index-contents + .index-contents {
    margin-top: var(--agui-spacing-12);
  }
}
/* index-slider */
.index-contents-slider .swiper .swiper-wrapper {
  height: auto;
}
.index-contents-slider .swiper .swiper-slide img {
  width: 100%;
  height: auto;
}
.index-contents-slider .swiper .swiper-navigation {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.index-contents-slider .swiper .swiper-navigation .swiper-button-next,
.index-contents-slider .swiper .swiper-navigation .swiper-button-prev {
  z-index: 1;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto 0;
  width: 16px;
  height: 16px;
  filter: drop-shadow(rgb(0, 0, 0) 1px 1px 1px);
  border-style: none;
  border-width: 0px;
  opacity: 0.7;
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
  border-color: rgb(216, 221, 228);
  overflow: visible;
  pointer-events: auto;
}
.index-contents-slider .swiper .swiper-navigation .swiper-button-next::after,
.index-contents-slider .swiper .swiper-navigation .swiper-button-prev::after {
  display: none;
}
.index-contents-slider .swiper .swiper-navigation .swiper-button-next .pointer,
.index-contents-slider .swiper .swiper-navigation .swiper-button-prev .pointer {
  pointer-events: none;
  transform-origin: 50% 50%;
  width: 12px;
  height: 8px;
  position: absolute;
  overflow: visible;
  z-index: 2;
}
.index-contents-slider .swiper .swiper-navigation .swiper-button-next .pointer svg,
.index-contents-slider .swiper .swiper-navigation .swiper-button-prev .pointer svg {
  position: absolute;
}
.index-contents-slider .swiper .swiper-navigation .swiper-button-next .pointer {
  transform: rotate(90deg);
}
.index-contents-slider .swiper .swiper-navigation .swiper-button-prev .pointer {
  transform: rotate(270deg);
}

@media (min-width: 992px) {
  .index-contents-slider .swiper .swiper-navigation {
    position: relative !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: var(--agui-spacing-5);
    height: auto;
  }
  .index-contents-slider .swiper .swiper-navigation .swiper-pagination {
    position: relative;
    top: 0;
    bottom: 0;
    width: auto;
    order: 2;
  }
  .index-contents-slider .swiper .swiper-navigation .swiper-pagination .swiper-pagination-bullet {
    pointer-events: auto;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background-color: var(--bs-black);
    border-radius: 50%;
    opacity: 1;
    overflow: visible;
  }
  .index-contents-slider .swiper .swiper-navigation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--bs-dark-red);
  }
  .index-contents-slider .swiper .swiper-navigation .swiper-button-next,
  .index-contents-slider .swiper .swiper-navigation .swiper-button-prev {
    position: relative !important;
    right: unset;
    left: unset;
    background-color: var(--bs-black);
  }
  .index-contents-slider .swiper .swiper-navigation .swiper-button-next .pointer path,
  .index-contents-slider .swiper .swiper-navigation .swiper-button-prev .pointer path {
    fill: white;
  }
  .index-contents-slider .swiper .swiper-navigation .swiper-button-next {
    order: 3;
    margin-left: var(--agui-spacing-1);
  }
  .index-contents-slider .swiper .swiper-navigation .swiper-button-prev {
    order: 1;
    margin-right: var(--agui-spacing-1);
  }
}
/* index-news */
.postlist-common-contents__contents-box {
  display: flex;
}
.postlist-common-contents__contents-header {
  flex-shrink: 0;
}
.postlist-common-contents__contents-body {
  margin-left: var(--agui-spacing-5);
}
.postlist-common-contents__contents-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.postlist-common-contents__contents-body ul li {
  display: flex;
  flex-direction: column;
}
.postlist-common-contents__contents-body ul li .date {
  display: inline-block;
}
.postlist-common-contents__contents-body ul li + li {
  margin-top: var(--agui-spacing-3);
}
.postlist-common-contents__contents-title {
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-width: 60px;
  background-color: var(--bs-body-color);
  color: var(--bs-white);
  font-size: var(--agui-fs-0rem750);
}

@media (min-width: 992px) {
  .postlist-common-contents__contents-body {
    margin-left: var(--agui-spacing-10);
  }
  .postlist-common-contents__contents-body ul li {
    flex-direction: row;
  }
  .postlist-common-contents__contents-body ul li .date {
    margin-right: var(--agui-spacing-7);
  }
  .postlist-common-contents__contents-title {
    min-width: 160px;
    font-size: var(--agui-fs-1rem125);
  }
}
/* index-pickup */
.index-contents-pickup__contents-box {
  display: flex;
  padding-top: 42%;
  background-color: var(--bs-black);
  color: var(--bs-white);
}
.index-contents-pickup__contents-body {
  display: flex;
  width: 100%;
  padding: var(--agui-spacing-5);
  background: linear-gradient(360deg, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
}
.index-contents-pickup__box-left, .index-contents-pickup__box-right {
  background-size: contain;
  background-repeat: no-repeat;
}
.index-contents-pickup__box-left {
  background-image: url(/.assets/pickup-top01-sp.webp);
  background-position: center top;
}
.index-contents-pickup__box-right {
  background-image: url(/.assets/pickup-top02-sp.webp);
  background-position: center top;
}

@media (min-width: 576px) {
  .index-contents-pickup__contents-box {
    padding-top: 47%;
  }
}
@media (min-width: 992px) {
  .index-contents-pickup__contents-box {
    padding-top: 0;
  }
  .index-contents-pickup__contents-body {
    padding: var(--agui-spacing-10);
    width: 60%;
  }
  .index-contents-pickup__box-left, .index-contents-pickup__box-right {
    background-size: 67%;
  }
  .index-contents-pickup__box-left {
    justify-content: end;
    background-image: url(/.assets/pickup-top01-sp.webp);
    background-position: left -20% center;
  }
  .index-contents-pickup__box-left > div {
    justify-content: end;
    background: linear-gradient(270deg, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
  }
  .index-contents-pickup__box-right {
    background-image: url(/.assets/pickup-top02-sp.webp);
    background-position: right -13% center;
  }
  .index-contents-pickup__box-right > div {
    background: linear-gradient(90deg, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
  }
}
@media (min-width: 1200px) {
  .index-contents-pickup__box-left, .index-contents-pickup__box-right {
    background-size: 52%;
  }
  .index-contents-pickup__box-left {
    background-position: left -5% center;
  }
  .index-contents-pickup__box-right {
    background-position: right -5% center;
  }
}
@media (min-width: 1400px) {
  .index-contents-pickup__box-left, .index-contents-pickup__box-right {
    background-size: 48%;
  }
  .index-contents-pickup__box-left {
    background-position: left center;
  }
  .index-contents-pickup__box-right {
    background-position: right center;
  }
}
/* index-contents-banner */
.index-contents-banner__contents-box {
  display: flex;
  flex-direction: column;
}
.index-contents-banner__box-left {
  margin-bottom: var(--agui-spacing-3);
}
@media (min-width: 992px) {
  .index-contents-banner__contents-box {
    display: flex;
    flex-direction: row;
  }
  .index-contents-banner__box-left {
    flex: 8;
    margin-right: var(--agui-spacing-3);
    margin-bottom: 0;
  }
  .index-contents-banner__box-right {
    flex: 3.7;
  }
}
/* index-recruit */
.index-contents-recruit__contents-box {
  display: flex;
  flex-direction: column;
  padding: 0 var(--agui-spacing-3);
}
.index-contents-recruit__contents-text {
  padding: var(--agui-spacing-5) 0;
  background-image: url(/.assets/recruit-bg-sp.webp);
  background-size: cover;
}

@media (min-width: 1200px) {
  .index-contents-recruit__contents-box {
    flex-direction: row;
    padding: 0;
  }
  .index-contents-recruit__contents-img, .index-contents-recruit__contents-text {
    width: 50%;
  }
  .index-contents-recruit__contents-text {
    padding: var(--agui-spacing-9);
    background-image: url(/.assets/recruit-bg-pc.webp);
  }
}
/*
  shop-ifno.scss
  -----------------
  店舗一覧フォルダ関連
*/
/* 店舗一覧（indexと共通） */
.shoplist-nav .btn {
  padding: var(--agui-spacing-1);
  width: 100%;
  font-size: var(--agui-fs-0rem875);
}

@media (min-width: 1200px) {
  .shoplist-nav .btn {
    font-size: var(--agui-fs-1rem);
  }
}
.shoplist-contents {
  display: grid;
  grid-template-columns: 30% auto;
  grid-template-rows: auto;
  grid-column-gap: var(--agui-spacing-3);
  grid-row-gap: 0px;
  margin-bottom: var(--agui-spacing-10);
}
.shoplist-contents__thumb img {
  width: 100%;
  height: auto;
}
.shoplist-contents__information ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shoplist-contents__information ul li {
  display: flex;
  padding: var(--agui-spacing-1) 0;
}
.shoplist-contents__title {
  position: relative;
  padding: var(--agui-spacing-4) 0;
}
.shoplist-contents__title::before, .shoplist-contents__title::after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  background-image: url(/.assets/charcoal-line-888888.svg);
  background-repeat: repeat-x;
  background-size: auto;
}
.shoplist-contents__title::before {
  top: 0;
}
.shoplist-contents__title::after {
  bottom: 0;
}
.shoplist-contents__heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  font-size: var(--agui-fs-1rem125);
}
.shoplist-contents__heading .rubi {
  display: inline-flex;
  margin-top: var(--agui-spacing-1);
  width: 100%;
  font-size: var(--agui-fs-0rem750);
}
.shoplist-contents__heading-icon {
  position: absolute;
  top: -40px;
  right: 0;
  display: flex;
}
.shoplist-contents__heading-icon .icon-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  font-size: var(--agui-fs-0rem625);
  color: var(--bs-white);
  background-image: url(/.assets/stamp01-df.webp);
  background-size: 100% 100%;
}
.shoplist-contents__heading-icon .icon-item:hover {
  background-image: url(/.assets/stamp01-ov.webp);
}
.shoplist-contents__heading-icon .icon-item.icon-shop {
  background-image: url(/.assets/stamp02-df.webp);
}
.shoplist-contents__heading-icon .icon-item.icon-tel {
  background-image: url(/.assets/stamp04-df.svg);
}
.shoplist-contents__data {
  font-size: var(--agui-fs-0rem875);
}
.shoplist-contents__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: flex-start;
  margin: 0 var(--agui-spacing-2) 0 0;
  width: 24px;
}
.shoplist-contents__text {
  display: block;
}
.shoplist-contents span.icon {
  flex-shrink: 0;
}
#shop-risho-basyamiti > .shoplist-contents {
  padding: var(--agui-spacing-5);
  border: 1px var(--bs-black) solid;
}

@media (min-width: 768px) {
  .shoplist-contents {
    grid-template-columns: 50% 50%;
    margin-bottom: var(--agui-spacing-5);
  }
  .shoplist-contents__data {
    font-size: var(--agui-fs-1rem);
  }
}
@media (min-width: 1200px) {
  .shoplist-contents {
    grid-template-columns: 55% 45%;
    margin-bottom: var(--agui-spacing-5);
  }
  .shoplist-contents__data {
    font-size: var(--agui-fs-1rem);
  }
}
/* 店舗詳細 */
/* page-header-navに統合予定につきコメントアウト
.shopinfo-nav {
  margin-inline: calc(-1.5rem * .5);
  padding: 0;
  background-color: #563418;
  color: var(--bs-white);
  a {
    color: var(--bs-white);
    &:hover {
      color: var(--bs-yellow);
    }
  }
  .navbar-brand {
    padding: var(--agui-spacing-2) var(--agui-spacing-3);
    font-size: var(--fs-1rem);
  }
  .navbar-toggler {
    margin-right: var(--agui-spacing-3);
    border: 0;
    border-radius: 0;
    color: var(--bs-white);
    &:focus {
      box-shadow: 0 0 0 0;
    }
  }
  .navbar-nav {
    padding: var(--agui-spacing-3);
    background-color: var(--bs-dark-red);
    .nav-item {
      display: inline-flex;
      padding: 0 var(--agui-spacing-3) 0 var(--agui-spacing-6);
      border-bottom: 1px var(--bs-white) solid;
      &.attention {
        padding: 0 var(--agui-spacing-3) 0 0;
      }
      &:last-child {
        border-bottom: 0;
      }
    }
    .nav-link {
      display: inline-flex;
      width: 100%;
      justify-content: space-between;
      @include fontawesome-icon-after("\f107", 0 0.3rem 0 0);
      &.active {
        color: var(--bs-white);
      }
    }
  }
}
@include mediaQuery-up(xl) {
  .shopinfo-nav {
    margin-inline: 0;
    border-top: 1px var(--bs-white) solid;
    .navbar-brand {
      flex: 1; // .navbar-collapse調整用
      margin: 0;
      width: 10%;
      padding: var(--agui-spacing-3);
      text-align: center;
    }
    .navbar-collapse {
      flex: 8; // .navbar-brand調整用
    }
    .navbar-nav {
      justify-content: space-between;
      padding: 0;
      width: 100%;
      .nav-item {
        flex: 1;
        margin: 0;
        padding: 0;
        border-left: 1px var(--bs-white) solid;
        border-bottom: 0;
        &.attention {
          display: none;
          padding: 0;
        }
      }
      .nav-link {
        justify-content: center;
        align-items: center;
        padding: var(--agui-spacing-3);
        &.active {
          background-color: var(--bs-red-100);
        }
        &::after {
          display: none;
        }
      }
    }
  }
}
*/
.shopinfo-contents ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shopinfo-contents ul li {
  display: flex;
  padding: var(--agui-spacing-2);
  border-bottom: 1px var(--bs-gray-300) solid;
}
.shopinfo-contents__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: flex-start;
  margin: 0 var(--agui-spacing-2) 0 0;
  width: 24px;
}
.shopinfo-contents__text {
  display: block;
}
.shopinfo-contents span.icon {
  flex-shrink: 0;
}

/*
  menu.scss
  ---------------------------------
  メニューフォルダ関連
*/
/* おすすめ */
.menu-favorite-header__contents {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  background-color: #EFEFEF;
}
.menu-favorite-header__img, .menu-favorite-header__text {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--agui-spacing-3);
}
.menu-favorite-header__img img {
  width: 100%;
  height: auto;
}

@media (min-width: 1200px) {
  .menu-favorite-header__contents {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu-favorite-header__img, .menu-favorite-header__text {
    padding: 0;
  }
  .menu-favorite-header__text-box {
    max-width: 80%;
  }
}
.menu-favorite-contents__img {
  margin-bottom: var(--agui-spacing-3);
}
.menu-favorite-contents__title {
  font-size: var(--agui-fs-0rem750);
  margin-bottom: var(--agui-spacing-3);
}
.menu-favorite-contents__title span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--bs-black);
  color: var(--bs-white);
  line-height: 20px;
}

/* 店舗お品書きリンク（indexと共通） */
.grandmenu-shoplist {
  display: flex;
  flex-wrap: wrap;
}
.grandmenu-shoplist__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--agui-spacing-3);
  width: 100%;
  background-color: var(--bs-dark-red);
  color: var(--bs-white);
  text-align: center;
}
.grandmenu-shoplist__title img {
  width: 150px;
}
.grandmenu-shoplist__title span {
  display: block;
  margin-top: var(--agui-spacing-4);
}
.grandmenu-shoplist__title span.title {
  position: relative;
  padding: var(--agui-spacing-3) 0;
  width: 200px;
}
.grandmenu-shoplist__title span.title::before, .grandmenu-shoplist__title span.title::after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-image: url(/.assets/charcoal-line-ffffff.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.grandmenu-shoplist__title span.title::before {
  top: 0;
}
.grandmenu-shoplist__title span.title::after {
  bottom: 0;
}
.grandmenu-shoplist__list {
  width: 100%;
  background-color: var(--bs-black);
  color: var(--bs-white);
}
.grandmenu-shoplist__list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.grandmenu-shoplist__list ul li {
  width: 100%;
  height: 20vw;
  max-height: 240px;
  border-bottom: 1px var(--bs-white) solid;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
}
.grandmenu-shoplist__list ul li a {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: var(--agui-spacing-2);
  width: 100%;
  height: 100%;
  color: var(--bs-white);
  font-size: var(--agui-fs-0rem875);
  text-decoration: none;
}
.grandmenu-shoplist__list ul li a span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
}
.grandmenu-shoplist__list ul li a span.logo {
  justify-content: center;
  margin-right: var(--agui-spacing-3);
  padding-right: var(--agui-spacing-3);
  border-right: 1px var(--bs-light) solid;
  width: 20%;
}
.grandmenu-shoplist__list ul li a span.logo img {
  width: auto;
  height: 90%;
}
.grandmenu-shoplist__list ul li a span.name {
  justify-content: space-between;
  width: 50%;
}
.grandmenu-shoplist__list ul li a span.name::after {
  position: relative;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: small;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 0 0.3rem 0 0;
  content: "\f105";
}
.grandmenu-shoplist__list ul li.shop-izumi {
  background-image: url(/.assets/grandmenu-bg-sp-izumi.webp);
}
.grandmenu-shoplist__list ul li.shop-yabacho {
  background-image: url(/.assets/grandmenu-bg-sp-yabacho.webp);
}
.grandmenu-shoplist__list ul li.shop-mitsukura {
  background-image: url(/.assets/grandmenu-bg-sp-mitsukura.webp);
}
.grandmenu-shoplist__list ul li.shop-seiseido {
  background-image: url(/.assets/grandmenu-bg-sp-seiseido.webp);
}
.grandmenu-shoplist__list ul li.shop-ikeshita {
  background-image: url(/.assets/grandmenu-bg-sp-ikeshitakoyoso.webp);
}
.grandmenu-shoplist__list ul li.shop-risho {
  background-image: url(/.assets/grandmenu-bg-sp-risho-honkan.webp);
}
.grandmenu-shoplist__list ul li.shop-meieki {
  background-image: url(/.assets/grandmenu-bg-sp-horumonshoya.webp);
}

@media (min-width: 992px) {
  .grandmenu-shoplist {
    flex-wrap: nowrap;
  }
  .grandmenu-shoplist__title {
    flex: 1;
    width: 100%;
    min-width: 240px;
  }
  .grandmenu-shoplist__list {
    flex: 6;
    width: 100%;
  }
  .grandmenu-shoplist__list ul {
    flex-wrap: nowrap;
    height: 100%;
  }
  .grandmenu-shoplist__list ul li {
    flex: 1;
    width: auto;
    height: 450px;
    max-height: unset;
    border-left: 1px var(--bs-white) solid;
    border-bottom: 0;
  }
  .grandmenu-shoplist__list ul li a {
    flex-direction: column;
    justify-content: end;
    align-items: center;
    padding-top: 75%;
    font-size: var(--agui-fs-1rem125);
  }
  .grandmenu-shoplist__list ul li a span {
    flex: inherit;
    height: auto;
  }
  .grandmenu-shoplist__list ul li a span.logo {
    justify-content: center;
    margin: 0 0 var(--agui-spacing-3) 0;
    padding: 0;
    width: auto;
    height: 100%;
    border-right: 0;
  }
  .grandmenu-shoplist__list ul li a span.logo img {
    width: 100%;
    height: auto;
  }
  .grandmenu-shoplist__list ul li a span.name {
    justify-content: center;
    margin-bottom: var(--agui-spacing-3);
    width: auto;
  }
  .grandmenu-shoplist__list ul li a span.name::after {
    display: none;
  }
  .grandmenu-shoplist__list ul li.shop-izumi {
    background-image: url(/.assets/grandmenu-bg-pc-izumi.webp);
  }
  .grandmenu-shoplist__list ul li.shop-yabacho {
    background-image: url(/.assets/grandmenu-bg-pc-yabacho.webp);
  }
  .grandmenu-shoplist__list ul li.shop-mitsukura {
    background-image: url(/.assets/grandmenu-bg-pc-mitsukura.webp);
  }
  .grandmenu-shoplist__list ul li.shop-seiseido {
    background-image: url(/.assets/grandmenu-bg-pc-seiseido.webp);
  }
  .grandmenu-shoplist__list ul li.shop-ikeshita {
    background-image: url(/.assets/grandmenu-bg-pc-ikeshitakoyoso.webp);
  }
  .grandmenu-shoplist__list ul li.shop-risho {
    background-image: url(/.assets/grandmenu-bg-pc-risho-honkan.webp);
  }
  .grandmenu-shoplist__list ul li.shop-meieki {
    background-image: url(/.assets/grandmenu-bg-pc-horumonshoya.webp);
  }
}
/* 店舗メニュー */
.menulist-nav__top {
  margin-inline: -0.75rem;
  padding: 0 var(--agui-spacing-3);
  background-color: var(--bs-dark-red-100);
  color: var(--bs-white);
}
.menulist-nav__top a {
  color: var(--bs-white);
}
.menulist-nav__top a:hover {
  color: var(--bs-yellow);
}
.menulist-nav__menu-popular .nav-item, .menulist-nav__menu-limited .nav-item, .menulist-nav__menu-lunch .nav-item {
  border-bottom: 1px var(--bs-white) solid;
}
.menulist-nav__menu-popular .nav-link, .menulist-nav__menu-limited .nav-link, .menulist-nav__menu-lunch .nav-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--agui-spacing-3) 0;
  width: 100%;
  text-decoration: none;
}
.menulist-nav__menu-popular .nav-link::after, .menulist-nav__menu-limited .nav-link::after, .menulist-nav__menu-lunch .nav-link::after {
  position: relative;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: small;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 0 0.3rem 0 0;
  content: "\f105";
}
.menu-shops-nav {
  padding: 0;
  color: var(--bs-white);
}
.menu-shops-nav a {
  color: var(--bs-white);
}
.menu-shops-nav a:hover {
  color: var(--bs-yellow);
}
.menu-shops-nav .navbar-brand {
  font-size: var(--agui-fs-1rem);
}
.menu-shops-nav .navbar-toggler {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--agui-spacing-3) 0;
  width: 100%;
  color: var(--bs-white);
  box-shadow: 0 0 0 0;
  font-size: var(--agui-fs-1rem);
  line-height: normal;
}
.menu-shops-nav .navbar-collapse {
  margin-inline: -0.75rem;
  background-color: var(--bs-dark-red);
}
.menu-shops-nav .nav-item {
  display: inline-flex;
  margin-inline: var(--agui-spacing-3);
  padding: 0 var(--agui-spacing-3);
  border-bottom: 1px var(--bs-white) solid;
}
.menu-shops-nav .nav-item:first-child {
  border-top: 1px var(--bs-white) solid;
}
.menu-shops-nav .nav-item:last-child {
  border-bottom: 0;
}
.menu-shops-nav .nav-link {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.menu-shops-nav .nav-link::after {
  position: relative;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: small;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 0 0.3rem 0 0;
  content: "\f105";
}
.menu-shops-nav .nav-link.active {
  color: var(--bs-white);
}

.menu-grand-nav {
  padding: 0 var(--agui-spacing-6);
  background-color: var(--bs-dark-red-200);
  color: var(--bs-white);
}
.menu-grand-nav a {
  color: var(--bs-white);
}
.menu-grand-nav a:hover {
  color: var(--bs-yellow);
}
.menu-grand-nav .navbar-brand {
  font-size: var(--agui-fs-1rem);
}
.menu-grand-nav .navbar-toggler {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--agui-spacing-3) 0;
  width: 100%;
  color: var(--bs-white);
  box-shadow: 0 0 0 0;
  font-size: var(--agui-fs-1rem);
  line-height: normal;
}
.menu-grand-nav .nav-item {
  display: inline-flex;
  padding: 0 var(--agui-spacing-3);
  border-bottom: 1px var(--bs-white) solid;
}
.menu-grand-nav .nav-item:first-child {
  border-top: 1px var(--bs-white) solid;
}
.menu-grand-nav .nav-item:last-child {
  border-bottom: 0;
}
.menu-grand-nav .nav-link {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.menu-grand-nav .nav-link::after {
  position: relative;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: small;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 0 0 0 0;
  content: "\f105";
}
.menu-grand-nav .nav-link.active {
  color: var(--bs-white);
}

.menu-sub-nav {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}
.menu-sub-nav a {
  color: var(--bs-white);
}
.menu-sub-nav a:hover {
  color: var(--bs-yellow);
}
.menu-sub-nav .nav-item {
  margin: 0;
  padding: 0 var(--agui-spacing-6);
  width: 100%;
  background-color: var(--bs-dark-red-200);
}
.menu-sub-nav .nav-item.drink {
  background-color: var(--bs-blue);
}
.menu-sub-nav .nav-link {
  display: inline-flex;
  justify-content: space-between;
  padding: var(--agui-spacing-3) 0;
  width: 100%;
  border-top: 1px var(--bs-white) solid;
}
.menu-sub-nav .nav-link::after {
  position: relative;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: small;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 0 0 0 0;
  content: "\f107";
}

@media (min-width: 1200px) {
  .menulist-nav__top {
    display: flex;
    background-color: inherit;
    font-size: clamp(10px, 1vw, 12px);
  }
  .menulist-nav__bottom {
    display: flex;
    flex-wrap: nowrap;
  }
  .menulist-nav__menu-popular, .menulist-nav__menu-limited, .menulist-nav__menu-lunch, .menulist-nav__menu-shops {
    background-color: var(--bs-dark-red-100);
  }
  .menulist-nav__menu-popular, .menulist-nav__menu-limited, .menulist-nav__menu-lunch {
    flex-shrink: 0;
  }
  .menulist-nav__menu-popular .nav-item, .menulist-nav__menu-limited .nav-item, .menulist-nav__menu-lunch .nav-item {
    height: 100%;
    border-top: 1px var(--bs-white) solid;
    border-bottom: 0;
  }
  .menulist-nav__menu-popular .nav-link, .menulist-nav__menu-limited .nav-link, .menulist-nav__menu-lunch .nav-link {
    padding: var(--agui-spacing-3);
    height: 100%;
    text-align: center;
  }
  .menulist-nav__menu-popular .nav-link .label, .menulist-nav__menu-limited .nav-link .label, .menulist-nav__menu-lunch .nav-link .label {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .menulist-nav__menu-popular .nav-link .label .supplement, .menulist-nav__menu-limited .nav-link .label .supplement, .menulist-nav__menu-lunch .nav-link .label .supplement {
    width: 100%;
    font-size: small;
  }
  .menulist-nav__menu-popular .nav-link.active, .menulist-nav__menu-limited .nav-link.active, .menulist-nav__menu-lunch .nav-link.active {
    background-color: var(--bs-red-100);
  }
  .menulist-nav__menu-popular .nav-link::after, .menulist-nav__menu-limited .nav-link::after, .menulist-nav__menu-lunch .nav-link::after {
    display: none;
  }
  .menulist-nav__menu-limited, .menulist-nav__menu-lunch {
    border-left: 1px var(--bs-white) solid;
  }
  .menu-shops-nav {
    border-top: 1px var(--bs-white) solid;
    justify-content: space-between;
    padding: 0;
  }
  .menu-shops-nav .navbar-toggler {
    display: none;
  }
  .menu-shops-nav .navbar-brand {
    display: none;
  }
  .menu-shops-nav .navbar-collapse {
    margin-inline: 0;
  }
  .menu-shops-nav .nav-item {
    flex: 1;
    margin: 0;
    padding: 0;
    border-left: 1px var(--bs-white) solid;
    border-bottom: 0;
  }
  .menu-shops-nav .nav-item.attention {
    display: none;
    padding: 0;
  }
  .menu-shops-nav .nav-item:first-child {
    border-top: 0;
  }
  .menu-shops-nav .nav-link {
    justify-content: center;
    align-items: center;
    padding: var(--agui-spacing-3);
    text-align: center;
  }
  .menu-shops-nav .nav-link .label {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .menu-shops-nav .nav-link .label .supplement {
    width: 100%;
    font-size: small;
  }
  .menu-shops-nav .nav-link.active {
    background-color: var(--bs-red-100);
  }
  .menu-shops-nav .nav-link:after {
    display: none;
  }
  .menu-grand-nav {
    padding: 0;
    background-color: inherit;
  }
  .menu-grand-nav .navbar-brand {
    display: none;
  }
  .menu-grand-nav .navbar-toggler {
    display: none;
  }
  .menu-grand-nav .navbar-collapse {
    align-items: start;
  }
  .menu-grand-nav .navbar-nav {
    flex-wrap: wrap;
  }
  .menu-grand-nav .nav-item {
    display: inline-flex;
    padding: 1px;
    border-bottom: 0;
  }
  .menu-grand-nav .nav-item:first-child {
    border-top: 0;
  }
  .menu-grand-nav .nav-link {
    background-color: var(--bs-dark-red-200);
  }
  .menu-grand-nav .nav-link::after {
    display: none;
  }
  .menu-sub-nav {
    width: auto;
    min-width: 280px;
  }
  .menu-sub-nav .nav-item {
    padding: 0;
  }
  .menu-sub-nav .nav-item:first-child .nav-link {
    border-top: 0;
  }
  .menu-sub-nav .nav-link {
    justify-content: center;
    padding: var(--agui-spacing-2);
    width: 100%;
  }
  .menu-sub-nav .nav-link::after {
    display: none;
  }
}
@media (min-width: 1400px) {
  .menulist-nav__top {
    font-size: var(--agui-fs-1rem);
  }
}
.menulist-contents__intro {
  position: relative;
  padding: 0 var(--agui-spacing-6) var(--agui-spacing-6) var(--agui-spacing-6);
  font-size: var(--agui-fs-1rem125);
}
.menulist-contents__intro::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: -1.5rem;
  left: -1.5rem;
  display: block;
  width: 110px;
  height: 110px;
  background-image: url(/.assets/menulist-contents_triangle.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.menulist-contents__intro .title {
  margin-bottom: var(--agui-spacing-3);
  font-size: var(--agui-fs-1rem500);
  color: var(--bs-dark-red);
}
.menulist-contents__subtitle {
  padding: var(--agui-spacing-6);
  color: var(--bs-dark-red);
}
.menulist-contents__subtitle .subtitle {
  margin: 0;
}

.fooditem-grid {
  border-top: 0.1rem var(--bs-gray-300) solid;
  border-left: 0.1rem var(--bs-gray-300) solid;
}
.fooditem-label {
  position: relative;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 0;
  grid-row-gap: var(--agui-spacing-1);
  padding: var(--agui-spacing-6);
  border-right: 0.1rem var(--bs-gray-300) solid;
  border-bottom: 0.1rem var(--bs-gray-300) solid;
}
.fooditem-label .title,
.fooditem-label .price {
  font-size: var(--agui-fs-1rem125);
  font-weight: bold;
}
.fooditem-label .title {
  margin: 0;
}
.fooditem-label .price {
  text-align: right;
}

@media (min-width: 992px) {
  .fooditem-grid.column_lg2-xl3 > div {
    /*
    &:nth-child(1),
    &:nth-child(2) {
      .fooditem-label {
        border-top: 0.1rem var(--bs-gray-300) solid;
      }
    }
    &:nth-child(2n + 1) {
      .fooditem-label {
        margin-right: 1.0rem;
      }
    }
    &:nth-child(2n) {
      .fooditem-label {
        margin-left: 1.0rem;
        &::after {
          display: none;
        }
      }
    }
    */
  }
  .fooditem-grid.column_lg2-xl3 > div .fooditem-label {
    /*
    &::after {
      content: "";
      position: absolute;
      top: 1.0rem;
      right: -1.0rem;
      display: block;
      width: 1px;
      height: calc(100% - 2.0rem);
      background-color: var(--bs-gray-300);
    }
    */
  }
  .fooditem-label {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 0px;
    grid-row-gap: var(--agui-spacing-2);
    height: 100%;
  }
  .fooditem-label .title,
  .fooditem-label .price {
    line-height: 1.2;
  }
  .fooditem-label .title {
    grid-area: 1/1/2/2;
  }
  .fooditem-label .price {
    grid-area: 1/2/2/3;
    text-align: right;
  }
  .fooditem-label .text {
    grid-area: 2/1/3/3;
  }
}
@media (min-width: 1200px) {
  .fooditem-grid.column_lg1-xl2 > div {
    /*
    &:nth-child(1),
    &:nth-child(2) {
      .fooditem-label {
        border-top: 0.1rem var(--bs-gray-300) solid;
      }
    }
    &:nth-child(2n + 1) {
      .fooditem-label {
        margin-right: 1.0rem;
      }
    }
    &:nth-child(2n) {
      .fooditem-label {
        margin-left: 1.0rem;
        &::after {
          display: none;
        }
      }
    }
    */
  }
  .fooditem-grid.column_lg1-xl2 > div .fooditem-label {
    /*
    &::after {
      content: "";
      position: absolute;
      top: 1.0rem;
      right: -1.0rem;
      display: block;
      width: 1px;
      height: calc(100% - 2.0rem);
      background-color: var(--bs-gray-300);
    }
    */
  }
  .fooditem-grid.column_lg2-xl3 > div {
    /*
    &:nth-child(2n) {
      .fooditem-label {
        &::after {
          display: unset;
        }
      }
    }
    // 最初の3項目のみ
    &:nth-child(1),
    &:nth-child(2),
    &:nth-child(3) {
      .fooditem-label {
        border-top: 0.1rem var(--bs-gray-300) solid;
      }
    }
    // 1,4,7,10 … 左列
    &:nth-child(3n + 1) {
      .fooditem-label {
        margin-right: 1.0rem;
      }
    }
    // 2,5,8,11 … 中央列
    &:nth-child(3n + 2) {
      .fooditem-label {
        margin-inline: 1.0rem;
      }
    }
    // 3,6,9,12 … 右列
    &:nth-child(3n) {
      .fooditem-label {
        margin-left: 1.0rem;
        &::after {
          display: none;
        }
      }
    }
    */
  }
}
/*
  recruit.scss
  ---------------------------------
  メニューフォルダ関連
*/
/* 採用情報TOP */
.recruit-intro-contents__contents-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--agui-spacing-6);
  background-color: var(--bs-black);
  background-size: cover;
  background-repeat: no-repeat;
}
.recruit-intro-contents__contents-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--agui-spacing-4) var(--agui-spacing-4) var(--agui-spacing-7) var(--agui-spacing-4);
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: var(--bs-dark-red-100-rgba70);
  color: var(--bs-white);
}
.recruit-intro-contents .box-management {
  background-image: url("/.assets/recruit-intro-contents01.jpg");
}
.recruit-intro-contents .box-onlyone {
  background-image: url("/.assets/recruit-intro-contents02.jpg");
}

@media (min-width: 1200px) {
  .recruit-intro-contents__contents-box {
    padding: var(--agui-spacing-10);
  }
}
.recruit-menu-contents__contents-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border: 1px var(--bs-black) solid;
}
.recruit-menu-contents__contents-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--agui-spacing-5);
  background: var(--bs-dark-red-gradient);
  color: var(--bs-white);
  text-align: center;
}
.recruit-menu-contents__contents-body {
  padding: var(--agui-spacing-5);
}

@media (min-width: 1200px) {
  .recruit-menu-contents__contents-box {
    flex-direction: row;
  }
  .recruit-menu-contents__contents-header {
    flex-shrink: 0;
    width: 40%;
  }
}
.btn-recruit-entry {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--agui-spacing-7) !important;
  border-radius: 0 !important;
  background: var(--bs-dark-red-gradient);
  font-size: var(--agui-fs-2rem);
  font-family: Yuji Syuku, serif;
  color: var(--bs-white);
}
.btn-recruit-entry:hover, .btn-recruit-entry:active {
  color: var(--bs-yellow);
}

/* 分類待ちclass */
.btn {
  padding: var(--agui-spacing-1) var(--agui-spacing-7);
  border-radius: 20px;
}

img {
  max-width: 100%;
  height: auto;
}

.lh-0 {
  line-height: 0 !important;
}

.table > :not(caption) > * > * {
  background-color: inherit;
}

.swiper.swiper-shopinfo {
  overflow: visible;
}
.swiper.swiper-shopinfo .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
}
.swiper.swiper-shopinfo .swiper-navigation .swiper-pagination {
  display: none;
}
.swiper.swiper-shopinfo .swiper-navigation .swiper-button-prev,
.swiper.swiper-shopinfo .swiper-navigation .swiper-button-next {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--bs-black);
  color: var(--bs-white);
}
.swiper.swiper-shopinfo .swiper-navigation .swiper-button-prev::after,
.swiper.swiper-shopinfo .swiper-navigation .swiper-button-next::after {
  display: none;
}
.swiper.swiper-shopinfo .swiper-navigation .swiper-button-prev {
  left: -10px;
}
.swiper.swiper-shopinfo .swiper-navigation .swiper-button-prev::before {
  position: relative;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: small;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 0 0 0 0;
  content: "\f0d9";
}
.swiper.swiper-shopinfo .swiper-navigation .swiper-button-next {
  right: -10px;
}
.swiper.swiper-shopinfo .swiper-navigation .swiper-button-next::before {
  position: relative;
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: small;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin: 0 0 0 0;
  content: "\f0da";
}

@media (min-width: 1200px) {
  .swiper.swiper-shopinfo .swiper-navigation {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: var(--agui-spacing-5);
  }
  .swiper.swiper-shopinfo .swiper-navigation .swiper-pagination {
    order: 2;
    position: relative;
    display: block;
    padding: 5px;
    width: auto;
  }
  .swiper.swiper-shopinfo .swiper-navigation .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: inherit;
    background-color: var(--bs-gray-800);
  }
  .swiper.swiper-shopinfo .swiper-navigation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--bs-dark-red);
  }
  .swiper.swiper-shopinfo .swiper-navigation .swiper-button-prev,
  .swiper.swiper-shopinfo .swiper-navigation .swiper-button-next {
    position: relative;
    margin-top: 0;
  }
  .swiper.swiper-shopinfo .swiper-navigation .swiper-button-prev {
    order: 1;
  }
  .swiper.swiper-shopinfo .swiper-navigation .swiper-button-next {
    order: 3;
  }
}/*# sourceMappingURL=style.css.map */