/* ---------------------------------------------------
	common
------------------------------------------------------ */
#pagetit {
  background: url(../img/cuisine/pagetit_bg.jpg) center;
  background-size: cover;
}

.cuisine_slide02 {
  margin-top: 48px;
  margin-bottom: 112px;
}
.cuisine_slide02 .slide_item {
  padding: 0 12px;
}
.cuisine_slide02 + .cuisine_col {
  margin-top: 96px;
}

.sec_tit + .cuisine_col {
  margin-top: 0;
}

.cuisine_col {
  align-items: flex-start;
  margin: 96px auto 0;
}
.cuisine_col + .cuisine_col {
  margin-top: 96px;
}
.cuisine_col .col_img {
  width: calc(50% + 160px);
  text-align: right;
  overflow: hidden;
}
.cuisine_col .col_img .common_slide {
  margin-bottom: 24px;
}
.cuisine_col .col_img .slick-list {
  max-width: 662px;
  margin-left: auto;
  overflow: visible;
}
.cuisine_col .col_img .slide_item {
  padding-left: 20px;
  opacity: 1;
  transition: unset;
}
.cuisine_col .col_img .slick-dots {
  text-align: right;
}
.cuisine_col .col_txt {
  width: calc(50% - 160px);
  padding: 56px 48px 0;
}
.cuisine_col .col_txt .txt_container {
  max-width: 330px;
}
.cuisine_col .col_txt .txt_tit {
  margin-bottom: 24px;
}
.cuisine_col .col_txt .txt_note {
  margin-top: 24px;
  font-size: 1.4rem;
  line-height: 2.2;
}
.cuisine_col.reverse .col_img {
  text-align: left;
}
.cuisine_col.reverse .col_txt .txt_container {
  margin-left: auto;
}

.cuisine_col02 {
  margin-top: 96px;
}
.cuisine_col02 .col_img {
  width: 60%;
  max-width: 642px;
}
.cuisine_col02 .col_txt {
  width: 36%;
  padding-top: 44px;
}

@media screen and (max-width: 810px) {
  #pagetit {
    background: url(../img/cuisine/pagetit_bg_sp.jpg) center;
    background-size: cover;
  }
  .cuisine_slide02 {
    margin-top: 48px;
    margin-bottom: 80px;
  }
  .cuisine_slide02 .slide_item {
    padding: 0 4px;
  }
  .cuisine_slide02 + .cuisine_col {
    margin-top: 96px;
  }
  .cuisine_col {
    width: 100%;
    margin-top: 48px;
  }
  .cuisine_col + .cuisine_col {
    margin-top: 56px;
  }
  .cuisine_col .col_img {
    width: 100%;
    margin: 0 auto 0;
  }
  .cuisine_col .col_img .common_slide {
    margin-bottom: 16px;
  }
  .cuisine_col .col_img .slick-list {
    width: 90%;
    margin: 0 auto;
  }
  .cuisine_col .col_img .slick-dots {
    text-align: center;
  }
  .cuisine_col .col_img .slide_item {
    padding: 0 8px;
  }
  .cuisine_col .col_txt {
    width: calc(100% - 48px);
    margin: 0 auto;
    padding: 24px 0 0;
  }
  .cuisine_col .col_txt .txt_container {
    max-width: 100%;
  }
  .cuisine_col .col_txt .txt_tit {
    margin-bottom: 16px;
  }
  .cuisine_col02 {
    margin-top: 48px;
  }
  .cuisine_col02 .col_img {
    width: 100%;
    max-width: 100%;
  }
  .cuisine_col02 .col_txt {
    width: 100%;
    padding-top: 24px;
  }
}
/* ---------------------------------------------------
	dinner
------------------------------------------------------ */
#dinner {
  padding: 72px 0 128px;
  background: url(../img/cuisine/dinner_bg_01.png) no-repeat left calc(50vw + 72px) bottom 1210px, linear-gradient(to bottom, rgba(19, 27, 36, 0.87) 0%, rgba(19, 27, 36, 0) 600px);
}
#dinner .border_box {
  margin-top: 96px;
}
#dinner .border_box .box_col .col_img {
  width: 50%;
}
#dinner .border_box .box_col .col_txt {
  width: 45%;
}
#dinner .border_box .box_col .col_txt .txt_tit {
  margin-bottom: 24px;
  font-size: 2rem;
  letter-spacing: 0.2em;
  line-height: 1.75;
}
#dinner .border_box .box_col02 {
  margin-top: 32px;
  font-size: 1.4rem;
  line-height: 2.1;
}
#dinner .border_box .box_col02 .col_item {
  width: 32.2%;
  max-width: 315px;
}
#dinner .border_box .box_col02 .col_item .item_img {
  margin-bottom: 16px;
}

@media screen and (max-width: 810px) {
  #dinner {
    padding: 32px 0 64px;
    background: url(../img/cuisine/dinner_bg_01.png) no-repeat center bottom 1210px, linear-gradient(to bottom, rgba(19, 27, 36, 0.87) 0%, rgba(19, 27, 36, 0) 600px);
    background-size: 480px;
  }
  #dinner .border_box {
    margin-top: 48px;
  }
  #dinner .border_box .box_col .col_img {
    width: 100%;
  }
  #dinner .border_box .box_col .col_txt {
    width: 100%;
    margin-top: 24px;
  }
  #dinner .border_box .box_col .col_txt .txt_tit {
    margin-bottom: 20px;
    font-size: 1.8rem;
    letter-spacing: 0.2em;
    line-height: 1.75;
  }
  #dinner .border_box .box_col02 {
    margin-top: 32px;
    font-size: 1.4rem;
    line-height: 2.1;
  }
  #dinner .border_box .box_col02 .col_item {
    width: 32.2%;
    max-width: 315px;
  }
  #dinner .border_box .box_col02 .col_item .item_img {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 810px) {
  #dinner .border_box .box_col02 {
    margin-top: 32px;
    gap: 28px 0;
  }
  #dinner .border_box .box_col02 .col_item {
    width: 100%;
    max-width: 100%;
  }
  #dinner .border_box .box_col02 .col_item .item_img {
    margin-bottom: 16px;
  }
}
/* ---------------------------------------------------
	breakfast
------------------------------------------------------ */
#breakfast {
  padding: 72px 0 128px;
  background: url(../img/cuisine/breakfast_bg_01.png) no-repeat left calc(50vw - 580px) bottom -16px, linear-gradient(to bottom, rgba(19, 27, 36, 0.87) 0%, rgba(19, 27, 36, 0) 600px);
}

@media screen and (max-width: 810px) {
  #breakfast {
    padding: 32px 0 64px;
    background: url(../img/cuisine/breakfast_bg_01.png) no-repeat center bottom -16px, linear-gradient(to bottom, rgba(19, 27, 36, 0.87) 0%, rgba(19, 27, 36, 0) 600px);
    background-size: 400px;
  }
}
/* ---------------------------------------------------
	dining
------------------------------------------------------ */
#dining {
  padding: 72px 0 192px;
}

@media screen and (max-width: 810px) {
  #dining {
    padding: 32px 0 96px;
  }
}