@charset "utf-8";

.overview {
  padding-block: 200px;
  overflow: hidden;
}
/* .overview__heading {
} */
.overview__content {
  margin-top: 120px;
  overflow: visible;
}
.overview__content__list.swiper-wrapper {
  margin-left: calc(80 / 1600 * -100%);
}
.overview__content__list__item {
  width: calc(400 / 1600 * 100%);
  padding-left: calc(80 / 1600 * 100%);
}
.overview__content__list__item__photo {
  position: relative;
  z-index: 1;
  cursor: pointer;
  touch-action: manipulation;
}
.overview__content__list__item__photo::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61.64" height="104.83" viewBox="0 0 61.64 104.83"><polygon points="61.05 29.5 31.55 29.5 31.55 0 30.55 0 30.55 29.5 1.05 29.5 1.05 30.5 30.55 30.5 30.55 60 31.55 60 31.55 30.5 61.05 30.5 61.05 29.5" fill="%23fff"/><path d="M1.78,103.44v1.17H0v-.16h.26c.29,0,.54-.09.77-.26.22-.18.36-.42.4-.74h.35ZM2.62,93.18h.16l.32.94-.94,10.48h-.86l1.33-11.42ZM2.24,103.69v.08c0,.17.06.33.18.47s.27.22.44.22h.24v.14h-.98v-.91h.11ZM2.78,93.18l4.61,9.97-.37,1.68-4.54-9.86.3-1.79ZM11.62,93.18l.13,1.07-4.02,8.94c-.16.36-.28.67-.37.92-.09.25-.14.49-.18.71h-.16l-.22-1.01,4.82-10.64ZM11.81,103.69h.11v.91h-.98v-.14h.24c.18,0,.33-.07.45-.22s.18-.3.18-.47v-.08ZM11.76,93.18l1.38,11.42h-1.25l-.88-9.7.61-1.73h.14ZM12.66,103.44h.34c.05.32.19.57.42.74.22.18.47.26.75.26h.26v.16h-1.76v-1.17Z" fill="%23fff"/><path d="M25.85,93.18c1.14,0,2.14.24,3.01.73.86.49,1.54,1.17,2.02,2.04s.73,1.89.73,3.06-.24,2.18-.73,3.06-1.16,1.55-2.02,2.04c-.86.49-1.87.73-3.01.73s-2.13-.24-2.99-.73c-.86-.49-1.54-1.17-2.02-2.04s-.73-1.89-.73-3.06.24-2.18.73-3.06,1.16-1.55,2.02-2.04c.86-.49,1.86-.73,2.99-.73ZM25.85,104.35c.91,0,1.7-.22,2.38-.67.68-.45,1.21-1.07,1.58-1.87.38-.8.57-1.73.57-2.8s-.19-2-.57-2.8c-.38-.8-.91-1.42-1.58-1.87-.68-.45-1.47-.67-2.38-.67s-1.68.22-2.36.67c-.68.45-1.21,1.07-1.58,1.87-.38.8-.57,1.73-.57,2.8s.19,2,.57,2.8c.38.8.91,1.42,1.58,1.87.68.45,1.46.67,2.36.67Z" fill="%23fff"/><path d="M39.19,94.57h-.05c-.01-.28-.11-.51-.31-.71-.2-.2-.43-.3-.71-.3h-.21v-.16h1.28v1.17ZM39.19,103.44v1.17h-1.28v-.16h.21c.28,0,.51-.1.71-.3.2-.2.3-.43.31-.71h.05ZM40.18,93.4v11.2h-1.04v-11.2h1.04ZM42.23,93.4c.48,0,.92.07,1.3.21.39.14.72.34.98.6.27.26.47.58.62.94.14.37.22.79.22,1.26,0,.51-.12,1-.36,1.47-.24.47-.57.85-.98,1.14-.41.29-.87.44-1.38.44.18.08.38.23.59.46.21.23.4.45.56.66.29.42.54.77.76,1.07s.44.59.66.88.42.52.58.69c.21.23.43.44.64.62.21.18.45.33.7.43.25.11.53.16.84.16v.16h-.88c-.49,0-.92-.07-1.27-.22-.36-.15-.66-.33-.9-.55-.25-.22-.45-.43-.62-.63-.03-.04-.12-.17-.26-.37-.14-.2-.31-.45-.51-.73s-.39-.56-.58-.84c-.19-.28-.36-.51-.5-.71-.14-.2-.22-.31-.24-.34-.2-.27-.43-.51-.67-.74-.25-.22-.51-.34-.8-.34v-.16c.33.01.61.01.85,0,.28-.01.58-.05.91-.13.33-.07.64-.23.93-.46.29-.23.51-.59.66-1.07.03-.12.06-.26.08-.44.02-.18.03-.35.02-.52-.01-.73-.2-1.3-.55-1.74-.36-.43-.83-.66-1.43-.7-.3-.02-.61-.03-.92-.02s-.69,0-1.11,0c0-.01-.01-.06-.04-.14s-.07-.2-.12-.36h2.26ZM40.13,103.44h.05c0,.28.1.51.3.71.2.2.44.3.72.3h.19v.16h-1.26v-1.17Z" fill="%23fff"/><path d="M55.35,94.57h-.05c0-.28-.1-.51-.3-.71-.2-.2-.44-.3-.72-.3h-.19l-.02-.16h1.28v1.17ZM55.35,103.44v1.17h-1.28v-.16h.21c.28,0,.51-.1.71-.3.2-.2.3-.43.31-.71h.05ZM56.35,93.4v11.2h-1.04v-11.2h1.04ZM60.67,93.4v.5h-4.37v-.5h4.37ZM59.98,98.84v.48h-3.68v-.48h3.68ZM60.67,104.11v.5h-4.37v-.5h4.37ZM61.64,102.01l-.93,2.59h-2.66l.58-.5c.57,0,1.03-.09,1.38-.26.36-.18.65-.42.87-.74.22-.32.42-.68.59-1.09h.16ZM60.67,93.12v.46l-1.95-.18c.23,0,.48-.02.74-.05.26-.03.5-.07.73-.11.22-.04.38-.09.48-.13ZM59.98,97.82v1.06h-.93v-.03c.21-.01.39-.09.54-.25s.22-.34.22-.55v-.22h.16ZM59.98,99.29v1.06h-.16v-.24c0-.21-.08-.4-.22-.55s-.33-.23-.54-.23v-.03h.93ZM60.67,93.85v1.28h-.16v-.29c0-.26-.09-.48-.27-.66-.18-.19-.41-.29-.67-.3v-.03h1.1Z" fill="%23fff"/></svg>') no-repeat center/calc(62 / 400 * 100%) auto rgba(51, 51, 51, .8);
  opacity: 0;
  transition: opacity .5s;
}
.overview__content__list__item__desc {
  margin-top: 40px;
}
.overview__content__list__item__desc__name {
  font-size: clamp(14px, calc(20 / 1200 * 100vw), 20px);
  line-height: 1.75;
}
.modal#overview-detail {
  grid-template-columns: 0 minmax(0, 1fr) 0;
  grid-template-rows: 0 auto 0;
  background: rgba(255, 255, 255, .975);
}
.modal#overview-detail .modal-content {
  width: calc(100% - 280px);
  max-width: 1000px;
  margin-inline: auto;
  padding-block: 150px;
  background: none;
}
.modal#overview-detail .modal-close {
  position: fixed;
  opacity: 0;
}
.modal.is-open#overview-detail .modal-close {
  opacity: 1;
}
/* .overview__modal {
}
.overview__modal__list {
}
.overview__modal__list__item {
}
.overview__modal__list__item__photo {
} */
.overview__modal__list__item__desc {
  width: min(90%, 800px);
  margin-top: 50px;
  margin-inline: auto;
}
.overview__modal__list__item__desc__heading {
  font-size: clamp(14px, calc(20 / 1200 * 100vw), 20px);
  line-height: 1.75;
}
.overview__modal__list__item__desc__copy {
  --margin-top: 30px;
}
.overview__modal__list__item__desc__caution {
  --margin-top: 20px;
}
.overview__modal__btn {
  position: fixed;
  z-index: 1;
  opacity: 0;
}
.modal.is-open#overview-detail .overview__modal__btn {
  opacity: 1;
}
/* .overview__modal__btn--prev {
}
.overview__modal__btn--next {
} */
@media (any-hover: hover){
  .overview__content__list__item__photo:hover::before {
    opacity: 1;
  }
}
@media screen and (max-width: 767px){
  .overview {
    padding-block: 100px 90px;
  }
  .overview__content {
    margin-top: 60px;
  }
  .overview__content__list.swiper-wrapper {
    margin-left: calc(40 / 320 * -100%);
  }
  .overview__content__list__item {
    width: calc(240 / 320 * 100%);
    padding-left: calc(40 / 320 * 100%);
  }
  .overview__content__list__item__photo::before {
    top: 10px;
    right: 10px;
    left: auto;
    bottom: auto;
    width: 40px;
    height: 60px;
    background-size: 60% auto;
    opacity: 1;
  }
  .overview__content__list__item__desc {
    margin-top: 25px;
  }
  .overview__content__list__item__desc__name {
    font-size: 14px;
  }
  .modal#overview-detail .modal-content {
    width: 100%;
    max-width: 560px;
    padding-block: 100px;
  }
  .overview__modal__list__item__desc {
    width: calc(320 / 380 * 100%);
    margin-top: 30px;
  }
  .overview__modal__list__item__desc__heading {
    font-size: 16px;
  }
  .overview__modal__btn {
    top: 20px;
    margin-top: 0;
  }
  .overview__modal__btn--prev {
    left: 14px;
  }
  .overview__modal__btn--next {
    left: calc(14px + 48px + 10px);
    right: auto;
  }
}



/* .cafe {
} */
.cafe__content {
  position: relative;
  z-index: 1;
  padding-block: 200px;
  grid-template-columns: max(2.5%, calc(var(--window-half-width) - 800px)) min(calc(600 / 1600 * 100%), 600px) min(calc(160 / 1600 * 100%), 160px) min(calc(610 / 1600 * 100%), 610px) minmax(0, 1fr) max(2.5%, calc(var(--window-half-width) - 800px));
  align-items: start;
}
.cafe__content::before {
  content: "";
  grid-column: 1 / 6;
  position: absolute;
  z-index: -1;
  inset: 0;
  background: rgba(var(--color-gold), .1);
}
.cafe__content__desc {
  grid-column: 2;
  grid-row: 2;
}
/* .cafe__content__desc__heading {
} */
.cafe__content__desc__copy {
  --margin-top: 55px;
}
/* .cafe__content__photo {
} */
.cafe__content__photo--1 {
  grid-column: 2;
  grid-row: span 2;
  margin-top: 130px;
}
.cafe__content__photo--2 {
  grid-column: 4 / 7;
  grid-row: 1 / span 3;
}
.cafe__content__btn {
  grid-column: 4;
  margin-top: 100px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 50px;
}
/* .cafe__content__btn__item {
}
.cafe__content__btn__item--menu {
}
.cafe__content__btn__item--howto {
} */
.cafe__content__btn__item--calendar {
  grid-column: span 2;
}
.cafe__content__btn__item--calendar a {
  border-color: rgb(var(--color-gold));
  color: #fff;
  background: rgb(var(--color-gold));
}
@media (any-hover: hover) {
  .cafe__content__btn__item--calendar a {
    transition: filter .5s;
  }
  .cafe__content__btn__item--calendar a:hover {
    background: rgb(var(--color-gold));
    filter: brightness(.9);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .cafe__content__btn {
    grid-template-columns: 100%;
    gap: 30px 0;
  }
  .cafe__content__btn__item--calendar {
    grid-column: span 1;
  }
}
@media screen and (max-width: 767px){
  .cafe__content {
    padding-block: 100px;
    grid-template-columns: minmax(0, 1fr) calc(320 / 380 * 100%) minmax(0, 1fr);
  }
  .cafe__content::before {
    grid-column: 1 / 4;
  }
  .cafe__content__desc {
    grid-column: 2 / 4;
    grid-row: auto;
  }
  .cafe__content__desc__copy {
    --margin-top: 40px;
  }
  .cafe__content__photo--1 {
    grid-column: 2;
    grid-row: auto;
    margin-top: 60px;
  }
  .cafe__content__photo--2 {
    grid-column: 1 / 4;
    grid-row: auto;
    margin-top: 60px;
  }
  .cafe__content__btn {
    grid-column: 2;
    margin-top: 40px;
    grid-template-columns: calc(240 / 320 * 100%);
    justify-content: center;
    align-items: start;
    gap: 25px 0;
  }
  .cafe__content__btn__item--calendar {
    grid-column: span 1;
  }
}