@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* SP時の倍率 1.5 から 1.7 に変更 */
/* padding margin */
/* 縦書き */
/* 内径 */
/* ttl
---------------------------------------------------------------------------*/
.ttl {
  position: relative; }
  .ttl-bg img {
    width: 100%;
    height: 590px;
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;"; }
    @media screen and (max-width: 1300px) {
      .ttl-bg img {
        height: 45.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .ttl-bg img {
        height: 80vw; } }
  .ttl-tx {
    position: absolute;
    width: 1080px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    z-index: 10; }
    @media screen and (max-width: 1300px) {
      .ttl-tx {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .ttl-tx {
        width: 86.6666666667vw;
        transform: translate(0);
        left: 2em;
        bottom: 1.5em;
        top: auto; } }

/* dinner
---------------------------------------------------------------------------*/
.dinner-bg {
  padding-top: 48px;
  background-image: url(../img/cuisine/dinner-bg.jpg);
  background-size: 2000px auto;
  background-position: center top;
  background-repeat: no-repeat; }
  @media screen and (max-width: 1300px) {
    .dinner-bg {
      padding-top: 3.6923076923vw;
      background-size: 153.8461538462vw auto; } }
  @media screen and (max-width: 480px) {
    .dinner-bg {
      padding-top: 6.4vw;
      background-size: 100vw auto; } }

/* imgs
---------------------------------------------------------------------------*/
.imgs {
  /* 1280 */
  position: relative;
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1300px) {
    .imgs {
      width: 98.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .imgs {
      width: 93.3333333333vw; } }
  @media screen and (max-width: 480px) {
    .imgs {
      width: 93.3333333333vw; } }
  .imgs .img01 {
    width: 796px; }
    @media screen and (max-width: 1300px) {
      .imgs .img01 {
        width: 61.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .imgs .img01 {
        width: 55.7333333333vw;
        margin: 0 2.1333333333vw; } }
  .imgs .img02 {
    width: 400px; }
    @media screen and (max-width: 1300px) {
      .imgs .img02 {
        width: 30.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .imgs .img02 {
        width: 28vw; } }
    .imgs .img02 img {
      margin-right: -30px;
      margin-left: auto; }
      @media screen and (max-width: 1300px) {
        .imgs .img02 img {
          margin-right: -2.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .imgs .img02 img {
          margin-right: 0; } }
  .imgs.f-reverse .img02 img {
    margin-left: -30px;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .imgs.f-reverse .img02 img {
        margin-left: -2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .imgs.f-reverse .img02 img {
        margin-left: 0; } }

/* wafrench
---------------------------------------------------------------------------*/
.selbreakfast-slider,
.wafrench-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative; }
  @media screen and (max-width: 480px) {
    .selbreakfast-slider,
    .wafrench-slider {
      display: block; } }
.selbreakfast-main,
.wafrench-main {
  width: 920px;
  height: 613px;
  /*background-color: #061A2D;*/ }
  @media screen and (max-width: 1300px) {
    .selbreakfast-main,
    .wafrench-main {
      width: 70.7692307692vw;
      height: 47.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .selbreakfast-main,
    .wafrench-main {
      width: 86.6666666667vw;
      height: 90vw;
      margin-bottom: 1.3333333333vw; } }
  .selbreakfast-main .swiper-slide,
  .wafrench-main .swiper-slide {
    position: relative;
    height: 613px; }
    @media screen and (max-width: 1300px) {
      .selbreakfast-main .swiper-slide,
      .wafrench-main .swiper-slide {
        height: 47.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .selbreakfast-main .swiper-slide,
      .wafrench-main .swiper-slide {
        height: 90vw; } }
  .selbreakfast-main .wafrenchmainsl-img,
  .selbreakfast-main .selbreakfastmainsl-img,
  .wafrench-main .wafrenchmainsl-img,
  .wafrench-main .selbreakfastmainsl-img {
    height: 100%; }
    .selbreakfast-main .wafrenchmainsl-img img,
    .selbreakfast-main .selbreakfastmainsl-img img,
    .wafrench-main .wafrenchmainsl-img img,
    .wafrench-main .selbreakfastmainsl-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .selbreakfast-main .wafrenchmainsl-tx,
  .selbreakfast-main .selbreakfastmainsl-tx,
  .wafrench-main .wafrenchmainsl-tx,
  .wafrench-main .selbreakfastmainsl-tx {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .8em 1.2em;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    letter-spacing: .15em;
    background-color: rgba(34, 59, 82, 0.5); }
    @media screen and (max-width: 1300px) {
      .selbreakfast-main .wafrenchmainsl-tx,
      .selbreakfast-main .selbreakfastmainsl-tx,
      .wafrench-main .wafrenchmainsl-tx,
      .wafrench-main .selbreakfastmainsl-tx {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .selbreakfast-main .wafrenchmainsl-tx,
      .selbreakfast-main .selbreakfastmainsl-tx,
      .wafrench-main .wafrenchmainsl-tx,
      .wafrench-main .selbreakfastmainsl-tx {
        font-size: 3.6266666667vw; } }
.selbreakfast-thumb,
.wafrench-thumb {
  width: 140px;
  height: 613px;
  overflow: hidden;
  padding: 36px 0; }
  @media screen and (max-width: 1300px) {
    .selbreakfast-thumb,
    .wafrench-thumb {
      width: 10.7692307692vw;
      height: 47.1538461538vw;
      padding: 2.7692307692vw 0; } }
  @media screen and (max-width: 480px) {
    .selbreakfast-thumb,
    .wafrench-thumb {
      width: 86.6666666667vw;
      height: 12vw;
      padding: 0; }
      .selbreakfast-thumb .slick-track,
      .wafrench-thumb .slick-track {
        height: 12vw; } }
  .selbreakfast-thumb .wafrenchthumbsl,
  .wafrench-thumb .wafrenchthumbsl {
    height: 552px; }
    @media screen and (max-width: 1300px) {
      .selbreakfast-thumb .wafrenchthumbsl,
      .wafrench-thumb .wafrenchthumbsl {
        height: 42.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .selbreakfast-thumb .wafrenchthumbsl,
      .wafrench-thumb .wafrenchthumbsl {
        height: 12vw; } }
  .selbreakfast-thumb .swiper-slide,
  .selbreakfast-thumb .slick-slide,
  .wafrench-thumb .swiper-slide,
  .wafrench-thumb .slick-slide {
    height: 92px !important;
    opacity: .25;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    border: none; }
    @media screen and (max-width: 1300px) {
      .selbreakfast-thumb .swiper-slide,
      .selbreakfast-thumb .slick-slide,
      .wafrench-thumb .swiper-slide,
      .wafrench-thumb .slick-slide {
        height: 7.0769230769vw !important; } }
    @media screen and (max-width: 480px) {
      .selbreakfast-thumb .swiper-slide,
      .selbreakfast-thumb .slick-slide,
      .wafrench-thumb .swiper-slide,
      .wafrench-thumb .slick-slide {
        width: 17.3333333333vw !important;
        height: 12vw; } }
    .selbreakfast-thumb .swiper-slide.swiper-slide-thumb-active, .selbreakfast-thumb .swiper-slide.slick-current,
    .selbreakfast-thumb .slick-slide.swiper-slide-thumb-active,
    .selbreakfast-thumb .slick-slide.slick-current,
    .wafrench-thumb .swiper-slide.swiper-slide-thumb-active,
    .wafrench-thumb .swiper-slide.slick-current,
    .wafrench-thumb .slick-slide.swiper-slide-thumb-active,
    .wafrench-thumb .slick-slide.slick-current {
      opacity: 1; }
    .selbreakfast-thumb .swiper-slide img,
    .selbreakfast-thumb .slick-slide img,
    .wafrench-thumb .swiper-slide img,
    .wafrench-thumb .slick-slide img {
      width: 120px;
      height: 80px;
      margin-left: auto;
      margin-right: auto;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; }
      @media screen and (max-width: 1300px) {
        .selbreakfast-thumb .swiper-slide img,
        .selbreakfast-thumb .slick-slide img,
        .wafrench-thumb .swiper-slide img,
        .wafrench-thumb .slick-slide img {
          width: 9.2307692308vw;
          height: 6.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .selbreakfast-thumb .swiper-slide img,
        .selbreakfast-thumb .slick-slide img,
        .wafrench-thumb .swiper-slide img,
        .wafrench-thumb .slick-slide img {
          width: 16vw;
          height: 12vw; } }
.selbreakfast .swiper-arw,
.selbreakfast .slick-arrow,
.wafrench .swiper-arw,
.wafrench .slick-arrow {
  position: absolute;
  width: 140px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 0;
  border: none;
  color: transparent;
  background-color: transparent; }
  @media screen and (max-width: 1300px) {
    .selbreakfast .swiper-arw,
    .selbreakfast .slick-arrow,
    .wafrench .swiper-arw,
    .wafrench .slick-arrow {
      width: 10.7692307692vw;
      height: 1.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .selbreakfast .swiper-arw,
    .selbreakfast .slick-arrow,
    .wafrench .swiper-arw,
    .wafrench .slick-arrow {
      width: 2vw;
      height: 4vw;
      padding: 0; } }
  .selbreakfast .swiper-arw.wafrenchmainsl-prev, .selbreakfast .swiper-arw.selbreakfastmainsl-prev, .selbreakfast .swiper-arw.slick-prev,
  .selbreakfast .slick-arrow.wafrenchmainsl-prev,
  .selbreakfast .slick-arrow.selbreakfastmainsl-prev,
  .selbreakfast .slick-arrow.slick-prev,
  .wafrench .swiper-arw.wafrenchmainsl-prev,
  .wafrench .swiper-arw.selbreakfastmainsl-prev,
  .wafrench .swiper-arw.slick-prev,
  .wafrench .slick-arrow.wafrenchmainsl-prev,
  .wafrench .slick-arrow.selbreakfastmainsl-prev,
  .wafrench .slick-arrow.slick-prev {
    top: 0;
    background-image: url(../img/cuisine/prev.png); }
    @media screen and (max-width: 480px) {
      .selbreakfast .swiper-arw.wafrenchmainsl-prev, .selbreakfast .swiper-arw.selbreakfastmainsl-prev, .selbreakfast .swiper-arw.slick-prev,
      .selbreakfast .slick-arrow.wafrenchmainsl-prev,
      .selbreakfast .slick-arrow.selbreakfastmainsl-prev,
      .selbreakfast .slick-arrow.slick-prev,
      .wafrench .swiper-arw.wafrenchmainsl-prev,
      .wafrench .swiper-arw.selbreakfastmainsl-prev,
      .wafrench .swiper-arw.slick-prev,
      .wafrench .slick-arrow.wafrenchmainsl-prev,
      .wafrench .slick-arrow.selbreakfastmainsl-prev,
      .wafrench .slick-arrow.slick-prev {
        top: auto;
        left: -4vw;
        right: auto;
        bottom: 4vw;
        background-image: url(../img/cmn/centersl-prev.png); } }
  .selbreakfast .swiper-arw.wafrenchmainsl-next, .selbreakfast .swiper-arw.selbreakfastmainsl-next, .selbreakfast .swiper-arw.slick-next,
  .selbreakfast .slick-arrow.wafrenchmainsl-next,
  .selbreakfast .slick-arrow.selbreakfastmainsl-next,
  .selbreakfast .slick-arrow.slick-next,
  .wafrench .swiper-arw.wafrenchmainsl-next,
  .wafrench .swiper-arw.selbreakfastmainsl-next,
  .wafrench .swiper-arw.slick-next,
  .wafrench .slick-arrow.wafrenchmainsl-next,
  .wafrench .slick-arrow.selbreakfastmainsl-next,
  .wafrench .slick-arrow.slick-next {
    bottom: 0;
    background-image: url(../img/cuisine/next.png); }
    @media screen and (max-width: 480px) {
      .selbreakfast .swiper-arw.wafrenchmainsl-next, .selbreakfast .swiper-arw.selbreakfastmainsl-next, .selbreakfast .swiper-arw.slick-next,
      .selbreakfast .slick-arrow.wafrenchmainsl-next,
      .selbreakfast .slick-arrow.selbreakfastmainsl-next,
      .selbreakfast .slick-arrow.slick-next,
      .wafrench .swiper-arw.wafrenchmainsl-next,
      .wafrench .swiper-arw.selbreakfastmainsl-next,
      .wafrench .swiper-arw.slick-next,
      .wafrench .slick-arrow.wafrenchmainsl-next,
      .wafrench .slick-arrow.selbreakfastmainsl-next,
      .wafrench .slick-arrow.slick-next {
        bottom: 4vw;
        right: -4vw;
        background-image: url(../img/cmn/centersl-next.png); } }
.selbreakfast .imgtx-tx,
.wafrench .imgtx-tx {
  width: 540px;
  padding-left: 0; }
  @media screen and (max-width: 1300px) {
    .selbreakfast .imgtx-tx,
    .wafrench .imgtx-tx {
      width: 41.5384615385vw; } }
  @media screen and (max-width: 480px) {
    .selbreakfast .imgtx-tx,
    .wafrench .imgtx-tx {
      width: 100%; } }
.selbreakfast .imgtx-img,
.wafrench .imgtx-img {
  width: 500px; }
  @media screen and (max-width: 1300px) {
    .selbreakfast .imgtx-img,
    .wafrench .imgtx-img {
      width: 38.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .selbreakfast .imgtx-img,
    .wafrench .imgtx-img {
      width: 100%; } }
.selbreakfast .bdtpbt,
.wafrench .bdtpbt {
  padding: 48px 0;
  border-top: 1px solid #C8CED4;
  border-bottom: 1px solid #C8CED4; }
  @media screen and (max-width: 1300px) {
    .selbreakfast .bdtpbt,
    .wafrench .bdtpbt {
      padding: 3.6923076923vw 0; } }
  @media screen and (max-width: 480px) {
    .selbreakfast .bdtpbt,
    .wafrench .bdtpbt {
      padding: 6.6666666667vw 0; } }

/* wafrench
---------------------------------------------------------------------------*/
.wafrench-thumb {
  overflow: visible; }

/* selbreakfast
---------------------------------------------------------------------------*/
.selbreakfast .selbreakfast-thumb .slick-track {
  transform: unset !important; }

/* restaurant
---------------------------------------------------------------------------*/
.restaurant-logo {
  width: 240px; }
  @media screen and (max-width: 1300px) {
    .restaurant-logo {
      width: 18.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .restaurant-logo {
      width: 100%; }
      .restaurant-logo img {
        width: 50vw;
        margin: 0 auto; } }
.restaurant-tx {
  width: 700px; }
  @media screen and (max-width: 1300px) {
    .restaurant-tx {
      width: 53.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .restaurant-tx {
      width: 100%;
      margin-top: 8vw; } }
  .restaurant-tx p {
    width: calc(100% + 2em);
    margin-left: 0;
    margin-right: -2em; }
    @media screen and (max-width: 480px) {
      .restaurant-tx p {
        width: 100%;
        margin-right: 0; } }
.restaurant .datatbl .w280 {
  width: 280px; }
  @media screen and (max-width: 1300px) {
    .restaurant .datatbl .w280 {
      width: 21.5384615385vw; } }
  @media screen and (max-width: 480px) {
    .restaurant .datatbl .w280 {
      width: 100%; } }
.restaurant .datatbl td {
  padding-left: 2em;
  padding-right: 5em; }
  @media screen and (max-width: 480px) {
    .restaurant .datatbl td {
      padding-left: 0;
      padding-right: 0; } }

/* centersl
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .centersl-wrap .swiper-slide img {
    height: 90vw; } }