@charset "utf-8";

/*
==============
top.css
==============
*/

/* -----------------
■ header
------------------- */
.header {
  opacity: 0;
  transition: opacity .4s;
  pointer-events: none;
}

.header.is-view {
  opacity: 1;
  pointer-events: all;
}




/* -----------------
■ mv
------------------- */
.mv {
  position: relative;
}

#mvVideo {
  width: 100%;
  height: 100svh;
  object-fit: cover;
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
} 

#mvVideo.fade-out {
  opacity: 0.2;
}

.mv__textblock {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}

.mv__textblock img {
  margin-inline: auto;
}

.mv__hotel {
  position: relative;
  top: -24px;
}

.mv__title {
  margin-top: 10px;
}


@media screen and (max-width: 767px)
{
  .mv__textblock {
    top: calc(92 / var(--customW) * var(--unit));
    transform: none;
  }

  .mv__hotel {
    position: static;
  }

  .mv__hotel img {
    width: calc(238 / var(--customW) * var(--unit));
  }

  .mv__title {
    margin-top: calc(22 / var(--customW) * var(--unit));
  }

  .mv__title img {
    width: calc(308 / var(--customW) * var(--unit));
  }

} /* media end */




/* -----------------
■ concept
------------------- */
.concept {
  padding: 82px 0;
  text-align: center;
}

.concept__title {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.77;
  letter-spacing: 0.16em;
}

.concept__text {
  font-size: 1.6rem;
  line-height: 2.12;
  letter-spacing: 0.01em;
}

.concept__text:nth-of-type(1) {
  margin-top: 62px;
}

.concept__text:nth-of-type(n+2) {
  margin-top: 34px;
}


@media screen and (max-width: 767px)
{
  .concept {
    padding: calc(51 / var(--customW) * var(--unit)) 0 calc(50 / var(--customW) * var(--unit));
  }

  .concept__title {
    font-size: calc(16 / var(--customW) * var(--unit));
    line-height: 1.43;
  }

  .concept__text {
    font-size: calc(14 / var(--customW) * var(--unit));
    line-height: 1.85;
    letter-spacing: 0.02em;
  }

  .concept__text:nth-of-type(1) {
    margin-top: calc(47 / var(--customW) * var(--unit));
  }

  .concept__text:nth-of-type(n+2) {
    margin-top: calc(27 / var(--customW) * var(--unit));
  }

} /* media end */




/* -----------------
■ dishes
------------------- */
.dishes {
  margin-top: 77px;
}

.dishes .title {
  text-align: center;
}

.dishes .title__en img {
  margin-inline: auto;
}


/* list */
.dishes__list {
  display: flex;
  justify-content: space-between;
  gap: 0 20px;
  max-width: 1080px;
  margin-top: 45px;
  margin-inline: auto;
}

.dishes__list-item {
  width: 21.296%;
}

.dishes__list-item:nth-of-type(even) {
  margin-top: 103px;
}


/* slider */
.dishes__slider-text {
  font-size: 1.3rem;
  line-height: 1.38;
  letter-spacing: 0;
}

.dishes__slider-img {
  overflow: hidden;
  margin-top: 12px;
}

.dishes__slider-img a:hover {
  opacity: 1;
}

.dishes__slider-img img {
  transition: transform .4s;
}

.dishes__slider-img img:hover {
  transform: scale(1.05);
}

.dishes__slider .slick-dots {
  position: absolute;
  right: 0;
  bottom: 87.5%;
  line-height: 0;
}

.dishes__slider .slick-dots button {
  display: none;
}

.dishes__slider .slick-dots li {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 8px;
  border-radius: 50%;
  transition: background .4s;
  cursor: pointer;
  background-color: #F4F2EF;
}

.dishes__slider .slick-dots li.slick-active {
  background-color: #000;
}


/* detail */
.dishes__detail {
  margin-top: 20px;
}

.dishes__detail-text {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0;
}

.dishes__detail-link {
  margin-top: 10px;
  margin-right: 32px;
  border-bottom: 1px solid #696461;
}

.dishes__detail-link span {
  display: block;
  margin-right: 10px;
  padding-bottom: 11px;
  font-size: 1.8rem;
  line-height: 1.33;
  letter-spacing: 0;
  background: url(../img/common/icon_link_arrow.svg) no-repeat;
  background-position: right bottom 17px;
}


@media screen and (max-width: 767px)
{
  .dishes {
    position: relative;
    margin-top: calc(0 / var(--customW) * var(--unit));
    padding-top: calc(60 / var(--customW) * var(--unit));
  }

  .dishes::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(330 / var(--customW) * var(--unit));
    height: 1px;
    transform: translateX(-50%);
    background-color: #c9c9c9;
  }

  .dishes .title__en img {
    width: calc(290 / var(--customW) * var(--unit));
  }


  /* list */
  .dishes__list {
    display: block;
    max-width: none;
    margin-top: calc(63 / var(--customW) * var(--unit));
    margin-inline: auto;
  }

  .dishes__list-item {
    width: calc(303 / var(--customW) * var(--unit));
    line-height: 0;
  }

  .dishes__list-item:nth-of-type(even) {
    margin-left: auto;
  }

  .dishes__list-item:nth-of-type(n+2) {
    margin-top: calc(51 / var(--customW) * var(--unit));
  }


  /* slider */
  .dishes__slider-text {
    font-size: calc(16 / var(--customW) * var(--unit));
    line-height: 1.5;
  }

  .dishes__list-item:nth-of-type(odd) .dishes__slider-text {
    padding-left: calc(30 / var(--customW) * var(--unit));
  }

  .dishes__list-item:nth-of-type(even) .dishes__slider-text {
    padding-right: calc(30 / var(--customW) * var(--unit));
    text-align: right;
  }

  .dishes__slider-img {
    margin-top: calc(14 / var(--customW) * var(--unit));
  }

  .dishes__slider .slick-dots {
    bottom: calc(472 / var(--customW) * var(--unit));
  }

  .dishes__list-item:nth-of-type(even) .dishes__slider .slick-dots {
    right: auto;
    left: 0;
  }

  .dishes__slider .slick-dots li {
    width: calc(5 / var(--customW) * var(--unit));
    height: calc(5 / var(--customW) * var(--unit));
    margin-left: calc(8 / var(--customW) * var(--unit));
  }


  /* detail */
  .dishes__detail {
    margin-top: calc(20 / var(--customW) * var(--unit));
  }

  .dishes__list-item:nth-of-type(odd) .dishes__detail {
    padding-left: calc(30 / var(--customW) * var(--unit));
  }

  .dishes__list-item:nth-of-type(even) .dishes__detail {
    padding-right: calc(30 / var(--customW) * var(--unit));
  }

  .dishes__detail-text {
    font-size: calc(12 / var(--customW) * var(--unit));
    line-height: 1.5;
    letter-spacing: 0;
  }

  .dishes__detail-link {
    margin-top: calc(1 / var(--customW) * var(--unit));
    margin-right: calc(0 / var(--customW) * var(--unit));
  }

  .dishes__detail-link a {
    margin-right: calc(12 / var(--customW) * var(--unit));
    padding-bottom: calc(10 / var(--customW) * var(--unit));
    font-size: calc(18 / var(--customW) * var(--unit));
    line-height: 1.33;
    letter-spacing: 0;
    background: url(../img/common/icon_link_arrow_sp.svg) no-repeat;
    background-position: right bottom calc(14 / var(--customW) * var(--unit));
  }

} /* media end */




/* -----------------
■ style
------------------- */
.style {
  max-width: 900px;
  margin-top: 239px;
  margin-inline: auto;
}

.style__list {
  margin-top: 34px;
}

.style__list-item a,
.style__list-item-link {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.style__list-item:nth-of-type(n+2) {
  margin-top: 50px;
}

.style__keywords {
  width: 79%;
  padding: 12px 19px 40px;
  box-sizing: border-box;
  background-color: #F4F2EF;
}

.style__keywords.coming {
  padding: 0;
}

.style__keywords-title {
  width: 93px;
}

.style__keywords-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin-top: 29px;
  padding-left: 20px;
}

.style__keywords-list-item {
  font-size: 1.6rem;
  font-style: italic;
  opacity: 0;
  transition: opacity 1s;
}

.style__keywords-list-item:nth-of-type(1) {
  transition-delay: 0s;
}

.style__keywords-list-item:nth-of-type(2) {
  transition-delay: .1s;
}

.style__keywords-list-item:nth-of-type(3) {
  transition-delay: .2s;
}

.style__keywords-list-item:nth-of-type(4) {
  transition-delay: .3s;
}

.style__keywords-list-item:nth-of-type(5) {
  transition-delay: .4s;
}

.style__keywords-list-item:nth-of-type(6) {
  transition-delay: .5s;
}

.style__keywords-list-item:nth-of-type(7) {
  transition-delay: .6s;
}

.style__keywords-list-item:nth-of-type(8) {
  transition-delay: .7s;
}

.style__keywords-list-item:nth-of-type(9) {
  transition-delay: .8s;
}

.style__keywords-list-item:nth-of-type(10) {
  transition-delay: .9s;
}

.style__list-item.is-view .style__keywords-list-item {
  opacity: 1;
}

.style__keywords--tworow {
  padding: 12px 19px 20px;
}

.style__keywords--tworow .style__keywords-list {
  margin-top: 15px;
}

/* detail */
.style__detail {
  width: 18.44%;
}

.style__detail-text {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0;
}

.style__detail-link {
  margin-top: 10px;
  font-size: 1.4rem;
  line-height: 1.42;
  letter-spacing: 0;
  border-bottom: 1px solid #696461;
}

.style__detail-link span {
  display: block;
  margin-right: 8px;
  padding-bottom: 9px;
  background: url(../img/common/icon_link_arrow.svg) no-repeat;
  background-position: right bottom 14px;
}

.style__detail-link span {
  display: block;
  padding-bottom: 9px;
}

/* note */
.style__note {
  margin-top: 40px;
  text-align: center;
}

.style__note-text {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
  font-family: "Noto Sans JP", sans-serif;
}


@media screen and (max-width: 767px)
{
  .style {
    max-width: none;
    width: calc(330 / var(--customW) * var(--unit));
    margin-top: calc(100 / var(--customW) * var(--unit));
  }

  .style .title {
    text-align: center;
  }

  .style .title__en img {
    width: calc(190 / var(--customW) * var(--unit));
    margin-inline: auto;
  }

  .style__list {
    margin-top: calc(42 / var(--customW) * var(--unit));
  }

  .style__list-item a,
  .style__list-item-link {
    display: block;
  }

  .style__list-item.pcEle {
    display: none;
  }

  .style__list-item:nth-of-type(n+2) {
    margin-top: calc(50 / var(--customW) * var(--unit));
  }

  .style__keywords {
    width: auto;
    padding: calc(20 / var(--customW) * var(--unit)) calc(20 / var(--customW) * var(--unit)) calc(42 / var(--customW) * var(--unit));
  }

  .style__keywords.coming {
    padding: 0;
  }

  .style__keywords-title {
    width: calc(93 / var(--customW) * var(--unit));
  }

  .style__keywords-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    justify-content: unset;
    gap: calc(13 / var(--customW) * var(--unit)) calc(10 / var(--customW) * var(--unit));
    margin-top: calc(30 / var(--customW) * var(--unit));
    padding-left: 0;
  }

  .span-2 {
    grid-column: span 2;
  }

  .span-4 {
    grid-column: span 4;
  }

  .style__keywords-list-item {
    font-size: calc(16 / var(--customW) * var(--unit));
  }


  /* detail */
  .style__detail {
    width: auto;
    margin-top: calc(30 / var(--customW) * var(--unit));
  }

  .style__detail-text {
    font-size: calc(12 / var(--customW) * var(--unit));
  }

  .style__detail-link {
    width: calc(274 / var(--customW) * var(--unit));
    margin-top: calc(3 / var(--customW) * var(--unit));
  }

  .style__detail-link a {
    margin-right: calc(12 / var(--customW) * var(--unit));
    padding-bottom: calc(10 / var(--customW) * var(--unit));
    font-size: calc(18 / var(--customW) * var(--unit));
    line-height: 1.33;
    background: url(../img/common/icon_link_arrow_sp.svg) no-repeat;
    background-size: calc(11 / var(--customW) * var(--unit));
    background-position: right bottom calc(15 / var(--customW) * var(--unit));
  }


  /* note */
  .style__note {
    margin-top: calc(40 / var(--customW) * var(--unit));
    text-align: left;
  }

  .style__note-text {
    padding-left: 1em;
    text-indent: -1em;
    font-size: calc(10 / var(--customW) * var(--unit));
    line-height: 1.8;
    letter-spacing: 0.01em;
  }

} /* media end */