@charset "UTF-8";
.fv {
  padding-top: 100px;
  position: relative;
}
.fv__img video {
  width: 100%;
}
.fv__ttl {
  position: absolute;
  top: 30%;
}
.fv__icon {
  position: absolute;
  bottom: 30%;
}
.fv__scroll {
  position: absolute;
  width: 17.811%;
  bottom: 21%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  animation: floatUpDown 3s infinite;
  /* 繰り返しにしたければ infinite を追加 */
}
@keyframes floatUpDown {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-20px);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}

.news {
  width: 90%;
  max-width: 618px;
  margin: 0 auto;
  padding-top: 15%;
}
.news__ttl {
  width: 37.308%;
  margin: 0 auto;
}

.reservation {
  margin: 12.409% auto 0;
  width: 90%;
  max-width: 618px;
  padding-bottom: 15%;
}
.reservation__ttl {
  width: 68.76%;
  margin: 0 auto;
}
.reservation__calender {
  margin-top: 7%;
}
.reservation__calender iframe {
  width: 100%;
  height: 500px;
}
.reservation__txt {
  margin-top: 3%;
  font-size: clamp(0.1rem, 2.62773723vw, 1.8rem);
  text-align: center;
  line-height: 1.5;
  color: #2F2E2E;
}

.youtube__inner {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  /* 4:3なら 4 / 3 に */
  overflow: hidden;
  background: #000;
}
.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  border: 0;
  pointer-events: none;
}

.journey {
  position: relative;
  padding-top: 20%;
  width: 90%;
  max-width: 618px;
  margin: 0 auto;
}
.journey__verticalTxt {
  display: none;
}
.journey__ttl {
  width: 57.422%;
}
.journey__list {
  margin-top: 3.569%;
}
.journey__item {
  position: relative;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.journey__itemTtl {
  font-size: clamp(0.1rem, 4.08759124vw, 2.8rem);
  line-height: 1.5;
}
.journey__itemTxt {
  font-size: clamp(0.1rem, 2.33576642vw, 1.6rem);
  margin-top: 4%;
  line-height: 1.8;
}
.journey__itemImg {
  position: absolute;
  right: -5.5%;
  top: -78%;
  width: 41.039%;
}
.journey__item + .journey__item {
  margin-top: 12%;
}
.journey__item:nth-child(2) .journey__itemInner {
  width: 62%;
  margin-left: auto;
}
.journey__item:nth-child(2) .journey__itemImg {
  right: auto;
  left: -5.5%;
  top: -15%;
  width: 39.039%;
}
.journey__item:nth-child(3) {
  margin-top: 32%;
}

.lineup {
  position: relative;
  width: 90%;
  max-width: 618px;
  margin: 18% auto 0;
  padding-bottom: 18%;
}
.lineup__verticalTxt {
  display: none;
}
.lineup__ttl {
  width: 79.481%;
  margin: 0 auto;
}
.lineup__list {
  margin-top: 10%;
}
.lineup__listTtl {
  width: 49.149%;
}
.lineup__listSubTtl {
  text-align: left;
}
.lineup__list + .lineup__list {
  margin-top: 20%;
}
.lineup__item {
  margin-top: 5%;
}
.lineup__itemInner {
  background-color: #FFF7E8;
  border-radius: 27px;
  padding: 8% 5%;
  font-weight: bold;
  margin-top: 4%;
}
.lineup__itemTtl {
  font-size: clamp(0.1rem, 4.08759124vw, 2.8rem);
}
.lineup__itemSubTtl {
  font-size: clamp(0.1rem, 3.35766423vw, 2.3rem);
  margin-top: 3%;
}
.lineup__itemTxt {
  font-size: clamp(0.1rem, 2.33576642vw, 1.6rem);
  margin-top: 4%;
  line-height: 1.8;
}
.lineup__item + .lineup__item {
  margin-top: 10%;
}
.lineup__otherList {
  margin-top: 14%;
}
.lineup__otherItem {
  display: flex;
  align-items: center;
  gap: 3%;
  font-weight: bold;
}
.lineup__otherItem + .lineup__otherItem {
  margin-top: 4.1%;
}
.lineup__otherItemIcon {
  background-color: #DF1F1C;
  border-radius: 50%;
  color: #fff;
  width: 15vw;
  height: 15vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(0.1rem, 4.37956204vw, 3rem);
}
.lineup__otherItemTtl {
  font-size: clamp(0.1rem, 3.94160584vw, 2.7rem);
}
.lineup__otherItemTxt {
  margin-top: 5%;
  font-size: clamp(0.1rem, 2.62773723vw, 1.8rem);
}
.lineup__otherItem:nth-child(2) .lineup__otherItemIcon {
  background-color: transparent;
  width: 11.3vw;
  height: 11.3vw;
}
.lineup__txt {
  font-size: clamp(0.1rem, 5.25547445vw, 3.6rem);
  font-weight: bold;
  margin-top: 15%;
  text-align: center;
}
.lineup__btn {
  margin-top: 10%;
}

.price {
  width: 90%;
  max-width: 618px;
  margin: 0 auto;
  padding: 5.4016% 0 10.366%;
}
.price__ttl {
  width: 29%;
  margin: 0 auto;
}
.price__subTtl {
  color: #fff;
}
.price__day {
  color: #fff;
  border: 15px solid #fff;
  border-radius: 32px;
  padding: 7.3% 0 7%;
  margin-top: 9%;
  text-align: center;
  font-weight: bold;
}
.price__dayTtl {
  font-size: clamp(0.1rem, 9.05109489vw, 6.5rem);
}
.price__dayTxt {
  font-size: clamp(0.1rem, 5.25547445vw, 3.6rem);
  margin-top: 2%;
}
.price__txt {
  color: #fff;
  margin-top: 5%;
  line-height: 1.8;
  font-size: clamp(0.1rem, 2.62773723vw, 1.8rem);
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .fv {
    padding-top: 10.33%;
  }
  .fv__ttl {
    width: 65.625%;
    top: 33%;
    left: 8%;
  }
  .fv__icon {
    width: 16.7%;
    bottom: 17%;
    right: 6%;
  }
  .fv__scroll {
    width: 6.3545%;
    bottom: 24%;
  }
  .news {
    padding-top: 4.375%;
    width: 78%;
    max-width: 1485px;
  }
  .news__ttl {
    width: 16.8354%;
  }
  .reservation {
    width: 78%;
    max-width: 1485px;
    margin: 5.417% auto 0;
    padding-bottom: 8%;
  }
  .reservation__ttl {
    width: 31.65%;
  }
  .reservation__calender {
    margin: 5% auto 0;
    width: 80%;
  }
  .reservation__txt {
    font-size: clamp(0.1rem, 0.9375vw, 1.8rem);
  }
  .journey {
    width: 78%;
    max-width: 1485px;
    padding-top: 5%;
  }
  .journey__verticalTxt {
    display: block;
    position: absolute;
    width: 3.165%;
    top: 55%;
    left: -10%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .journey__ttl {
    width: 36.72%;
  }
  .journey__list {
    margin-top: 2.963%;
  }
  .journey__item {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .journey__itemInner {
    width: 50%;
  }
  .journey__itemTtl {
    font-size: clamp(0.1rem, 2.55208333vw, 4.9rem);
  }
  .journey__itemTxt {
    font-size: clamp(0.1rem, 0.9375vw, 1.8rem);
  }
  .journey__itemImg {
    position: relative;
    right: auto;
    left: auto;
    width: 38.8556%;
  }
  .journey__item:nth-child(2) {
    flex-direction: row-reverse;
    margin-top: 0;
  }
  .journey__item:nth-child(2) .journey__itemInner {
    margin-left: unset;
    width: auto;
  }
  .journey__item:nth-child(2) .journey__itemImg {
    left: auto;
  }
  .journey__item:nth-child(3) {
    margin-top: 2%;
  }
  .lineup {
    width: 78%;
    max-width: 1485px;
    margin-top: 5.2608%;
    padding-bottom: 10%;
  }
  .lineup__verticalTxt {
    display: block;
    position: absolute;
    width: 2.4916%;
    top: 42%;
    left: -10%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .lineup__ttl {
    width: 32.997%;
  }
  .lineup__list {
    margin-top: 4%;
  }
  .lineup__listTtl {
    width: 27.6768%;
  }
  .lineup__list + .lineup__list {
    margin-top: 9%;
  }
  .lineup__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .lineup__itemImg {
    width: 47.1385%;
  }
  .lineup__itemInner {
    width: 46.527%;
    margin: 0;
    padding: 2.7%;
  }
  .lineup__itemTtl {
    font-size: clamp(0.1rem, 1.875vw, 3.6rem);
  }
  .lineup__itemSubTtl {
    font-size: clamp(0.1rem, 1.458333vw, 2.8rem);
  }
  .lineup__itemTxt {
    font-size: clamp(0.1rem, 0.9375vw, 1.8rem);
  }
  .lineup__item + .lineup__item {
    margin-top: 5%;
  }
  .lineup__otherList {
    margin-top: 8%;
  }
  .lineup__otherItem {
    justify-content: center;
  }
  .lineup__otherItem + .lineup__otherItem {
    margin-top: 3%;
  }
  .lineup__otherItemIcon {
    width: 6.3545vw;
    height: 6.3545vw;
    font-size: clamp(0.1rem, 1.927vw, 3.7rem);
  }
  .lineup__otherItem:nth-child(2) .lineup__otherItemIcon {
    width: 3.9vw;
    height: 3.9vw;
  }
  .lineup__otherItemTtl {
    font-size: clamp(0.1rem, 2.39583333vw, 4.6rem);
    display: flex;
    align-items: center;
    gap: 3vw;
  }
  .lineup__otherItemTtl span {
    font-size: clamp(0.1rem, 2.08333vw, 4rem);
  }
  .lineup__otherItemTxt {
    font-size: clamp(0.1rem, 1.35416667vw, 2.6rem);
  }
  .lineup__txt {
    font-size: clamp(0.1rem, 2.5520833vw, 4.9rem);
    margin-top: 8%;
  }
  .lineup__btn {
    margin-top: 5%;
  }
  .price {
    padding: 2.0314% 0 4.323%;
    width: 100%;
    max-width: none;
  }
  .price__ttl {
    width: 11.875%;
  }
  .price__day {
    margin: 2% auto 0;
    width: 59.1147%;
    padding: 2.8646% 0;
    display: flex;
    justify-content: center;
  }
  .price__dayTtl {
    font-size: clamp(0.1rem, 3.22916667vw, 6.2rem);
  }
  .price__dayTxt {
    font-size: clamp(0.1rem, 1.875vw, 3.6rem);
  }
  .price__txt {
    margin-top: 3%;
    text-align: center;
    font-size: clamp(0.1rem, 0.9375vw, 1.8rem);
  }
  .price__btn {
    width: 30.9378%;
  }
}/*# sourceMappingURL=front-page.css.map */