@charset "utf-8";

:root {
  --color-white: #FFFFFF;
  --color-base: #252525;
  --color-black: #000000;
  --color-black-dark: #1c1d21;
  --color-black-mid: #2b2c32;
  --color-black-light: #d2d2d3;
  --color-green-light: #eef7f6;
  --color-green-mid: #00a199;
  --color-green-dark: #005955;
  --color-greige1: #eae8e1;
  --color-greige2: #97938e;
  --color-b-grey1: #5d6a72;
  --color-footer-bg: #2b2c32;
  --color-gray: #ddd;
  --color-theme: #f5695f;
  --color-theme-darken: #f12617;
  --easing: cubic-bezier(.2, 1, .2, 1);
  --transition: .8s var(--easing);
  --easeInQuad:cubic-bezier(.55, .085, .68, .53);
  --easeOutQuad:cubic-bezier(.25, .46, .45, .94);
  --box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
  --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
  --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
  --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff,.2);
  --color-highlight:#fff;
  --font-family-Poppins: "Poppins", sans-serif;
  }

/* Swiper
================================================ */
.swipers{margin: auto;}
.swiper__list{margin: 0;padding: 0;list-style: none;}
.swiper__item{}
.swiper__img{max-width: 100%;height: auto;vertical-align: bottom;}
.swiper-center .swiper{max-width: 1040px;overflow: visible !important;}
.swiper-bbq-menu .swiper{max-width: 1040px;overflow: visible !important;}
.swiper__img{border-radius: 16px;}
.swipers.-pagination{padding: 0 0 20px;}
.swiper__pagination{bottom: -24px !important;}

.swipers__thumb-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top: 8px;}
.swipers__thumb-item{position:relative;overflow:hidden;padding-top:100%;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);border-radius: 8px;}
.swipers__thumb-item img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:var(--transition);transition:var(--transition)}
.swipers__thumb-item-active{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:.3}
.swipers__thumb-item-active img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.gallery .swiper{overflow: visible;}
  
  @media (min-width: 768px) {
  .swipers {}
  .swiper__list{}
  .swiper__item{}
  .swiper__img{}
  .swiper__pagination{bottom: -28px !important;}
  .swiper-pagination-bullet{/* width: 9px; *//* height: 9px; *//* margin: 0 5px !important; */}
  .swiper-button-prev {/* left: -20px; */}
  .swiper-button-next {/* left: calc(100% - 20px); */}
  .swipers.-pagination{padding: 0 0 24px;}
  .swiper-center{}
  .swipers-pagination .swiper{}
  }
  @media (min-width: 992px) {
  .swipers {}
  .swiper-center .swiper__img{border-radius: 20px;}
  .swiper__list{}
  .swiper__item{}
  .swiper__img{}
  .swipers-pagination{}
  .swipers-pagination .swiper{}
  .swipers__thumb-list{margin-top: 12px;gap: 12px;}
  .swipers__thumb-item{border-radius: 12px;}
  .swipers__thumb-item img{}
  .swipers__thumb-item-active{}
  .swipers__thumb-item-active img{}
  }

/* Swiper card-02
 ================================================ */
[class*=swiper]:focus {outline: none;}
.swipers{margin: auto;}
.swiper-list{margin: 0;padding: 0;list-style: none;transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1) !important;}
.swiper-list a{text-decoration: none;}
/* Swiperが動いている間（インラインにdurationが指定された時）は、最初の1枚目だろうと何だろうとCSS側で一律1000ms（1秒）に固定する */
.swiper-wrapper[style*="transition-duration"][style*="ms"] {transition-duration: 800ms !important;}
/* マウスや指でドラッグしている時（durationが0ms）は、操作の邪魔をしないようにCSSを無効化 */
.swiper-wrapper[style*="transition-duration: 0ms"],
.swiper-wrapper[style*="transition-duration:0ms"] {transition-duration: 0ms !important;}

/* 矢印ボタンエリア */
.swiper-container.swiper-card-02 .swiper-pagination{width:calc(100% - 150px);height:1px;background:#dddbd9;mix-blend-mode:multiply;position:relative;display:flex;flex-wrap:wrap;gap:0;justify-content:flex-start;margin:0 auto 0 0;bottom:auto!important}
.swiper-container.swiper-card-02 .swiper-pagination .swiper-pagination-progressbar-fill{width:100%;height:100%;position:absolute;top:0;left:0;background:var(--color-green-dark);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.swiper-controller{width:100%;margin-top:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.swiper-controller .swiper-button-prev,.swiper-controller .swiper-button-next{width:46px;height:46px;margin-top:0;background-image:none;position:relative;left:auto;top:auto;border:1px solid var(--color-green-dark);border-radius:100%;border-radius: 0;-webkit-transition:all .4s cubic-bezier(.215,.61,.355,1) 0s;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s}
.swiper-controller .swiper-button-prev::after,.swiper-controller .swiper-button-next::after{content:none}
.swiper-controller .swiper-button-prev:hover,.swiper-controller .swiper-button-next:hover{border-color:var(--color-green-dark);background-color:var(--color-green-dark)}
.swiper-controller .swiper-button-prev:hover::before,.swiper-controller .swiper-button-next:hover::before{border-color:#fff}
.swiper-controller .swiper-button-prev::before,.swiper-controller .swiper-button-next::before{content:"";display:block;width:8px;height:8px;border-top:1px solid var(--color-green-dark);border-right:1px solid var(--color-black-dark);position:absolute;left:19px;top:18px;-webkit-transition:all .4s cubic-bezier(.215,.61,.355,1) 0s;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s}
.swiper-controller .swiper-button-prev::before{left:19px;top:18px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.swiper-controller .swiper-button-next{margin-left:10px}
.swiper-controller .swiper-button-next::before{left:auto;right:18px;top:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.swiper-controller .swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
@media (min-width: 768px) {
  .swiper-controller {margin-top: 40px;}
}
@media (min-width: 992px) {
  .swiper-controller {margin-top: 40px;}
}

/* Swiper card-02
  ================================================ */
  .swiper-card-02{overflow: visible;}
  .swiper-card-02 .swiper{overflow:visible;}
  .swiper-card-02 .swiper-slide{width: 84%;height: auto; /* 一番高さのあるスライドに自動で揃わせる */display: flex; /* スライド内のコンテンツ位置を揃えたい場合に推奨 */flex-direction: column;}
  .swiper-card-02 figure{}
  .swiper-card-02 figcaption{display: block;margin-top: 8px;text-decoration: none !important;}
  .swiper-works{margin-top: 32px;}
  .swiper-works .swiper-list__link{pointer-events: none;}
  .swiper-works figcaption{font-size: 13px;}
  .sw-card02 .swiper-pagination-bullet{width: 2.4rem;height: 2px;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);vertical-align:top;background-color: var(--color-m-grey);border-radius: 0;margin: 0 !important;}
  .sw-card02 .swiper-pagination-bullet-active{width:4rem;background-color: var(--color-m-grey);}
  @media (min-width: 768px) {
    .swiper-card-02{}
    .swiper-card-02 .swiper{}
    .swiper-card-02 .swiper-slide{width: 44%;}
    .swiper-card-02 figure{}
    .swiper-card-02 figcaption{}
    .swiper-works{margin-top: 32px;}
    .swiper-works figcaption{}
  }
  @media (min-width: 992px) {
    .swiper-card-02{}
    .swiper-card-02 .swiper{}
    .swiper-card-02 .swiper-slide{width: 360px;}
    .swiper-card-02 figure{}
    .swiper-card-02 figcaption{}
    .swiper-works{margin-top: 32px;}
    .swiper-works figcaption{}
  }