@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* medium: 500, bold: 700, black: 900 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* ------------------------------------------------------------------------*/
/* 施設
---------------------------------------------------------------------------*/
/* pg-intr - 導入
---------------------------------------------------------------------------*/
.pg-intr {
  margin-bottom: 240px;
}
@media screen and (max-width: 1300px) {
  .pg-intr {
    margin-bottom: 18.4615384615vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-intr {
    margin-bottom: 32vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-intr-ttl {
    display: block;
  }
  .pg-intr-ttl .hdl-en + .hdl-ja {
    margin-top: 2.6666666667vw;
    margin-left: 0;
  }
}

/* day-desc - 行間2.7
---------------------------------------------------------------------------*/
.day-desc {
  line-height: 2.7;
}

/* day-item - 各時刻ごとのブロック
---------------------------------------------------------------------------*/
.day-item {
  position: relative;
  margin-bottom: 120px;
}
@media screen and (max-width: 1300px) {
  .day-item {
    margin-bottom: 9.2307692308vw;
  }
}
@media screen and (max-width: 480px) {
  .day-item {
    margin-bottom: 16vw;
  }
}
.day-item::after {
  position: absolute;
  content: "";
  left: 22px;
  top: 100px;
  bottom: 0;
  background-image: url(../img/enjoy/day-arw.png);
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 18px;
}
@media screen and (max-width: 1300px) {
  .day-item::after {
    left: 1.6923076923vw;
    top: 7.6923076923vw;
    width: 1.3846153846vw;
  }
}
@media screen and (max-width: 480px) {
  .day-item::after {
    top: calc(100% + 4vw) !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: auto;
    width: 3vw;
    height: 10.6666666667vw;
  }
}

/* day-ttl - 時刻と見出し
---------------------------------------------------------------------------*/
.day-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 48px;
}
@media screen and (max-width: 1300px) {
  .day-ttl {
    gap: 3.6923076923vw;
  }
}
@media screen and (max-width: 480px) {
  .day-ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0;
  }
}
.day-ttl .hdl-ja {
  margin: 0 !important;
}

/* day-item > pg-imgtx - テキストと画像
---------------------------------------------------------------------------*/
.day-item .pg-imgtx-tx {
  padding-left: 86px;
}
@media screen and (max-width: 1300px) {
  .day-item .pg-imgtx-tx {
    padding-left: 6.6153846154vw;
  }
}
@media screen and (max-width: 480px) {
  .day-item .pg-imgtx-tx {
    padding-left: 0;
  }
}
.day-item .pg-imgtx-img {
  margin-top: -80px;
}
@media screen and (max-width: 1300px) {
  .day-item .pg-imgtx-img {
    margin-top: -6.1538461538vw;
  }
}
@media screen and (max-width: 480px) {
  .day-item .pg-imgtx-img {
    margin-top: 0;
  }
}
.day-item .pg-imgtx-img > div {
  width: 708px;
  margin-left: 0;
  margin-right: -100px;
}
@media screen and (max-width: 1300px) {
  .day-item .pg-imgtx-img > div {
    width: 54.4615384615vw;
    margin-right: -7.6923076923vw;
  }
}
@media screen and (max-width: 480px) {
  .day-item .pg-imgtx-img > div {
    width: 100%;
    margin-right: 0;
  }
  .day-item .pg-imgtx-img > div img {
    width: 100%;
    height: 69.3333333333vw;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    font-family: "object-fit: cover; object-position: center;";
  }
}

/* day-col3 - 3カラムレイアウト
---------------------------------------------------------------------------*/
.day-col3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 80px 53px;
  padding-left: 86px;
}
@media screen and (max-width: 1300px) {
  .day-col3 {
    gap: 6.1538461538vw 4.0769230769vw;
    padding-left: 6.6153846154vw;
  }
}
@media screen and (max-width: 480px) {
  .day-col3 {
    gap: 10.6666666667vw 0;
    padding-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.day-col3 li {
  width: 294px;
}
@media screen and (max-width: 1300px) {
  .day-col3 li {
    width: 22.6153846154vw;
  }
}
@media screen and (max-width: 480px) {
  .day-col3 li {
    width: 67.2vw;
  }
}
.day-col3 li .day-desc {
  line-height: 2.3;
}

/* day-btn - 別ページへリンク
---------------------------------------------------------------------------*/
.day-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/* day-wideimg - 1280画像
---------------------------------------------------------------------------*/
.day-wideimg {
  width: 1280px;
  margin-left: -100px;
  margin-right: -100px;
}
@media screen and (max-width: 1300px) {
  .day-wideimg {
    width: 98.4615384615vw;
    margin-left: -7.6923076923vw;
    margin-right: -7.6923076923vw;
  }
}
@media screen and (max-width: 480px) {
  .day-wideimg {
    width: 100vw;
    margin-left: -6.4vw;
    margin-right: -6.4vw;
  }
}

/* day-tx - 左余白ありのテキストエリア
---------------------------------------------------------------------------*/
.day-tx {
  padding-left: 86px;
}
@media screen and (max-width: 1300px) {
  .day-tx {
    padding-left: 6.6153846154vw;
  }
}
@media screen and (max-width: 480px) {
  .day-tx {
    padding-left: 0;
  }
}

/* day-imgs - 画像2枚
---------------------------------------------------------------------------*/
.day-imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.day-imgs li {
  width: 532px;
}
@media screen and (max-width: 1300px) {
  .day-imgs li {
    width: 40.9230769231vw;
  }
}
@media screen and (max-width: 480px) {
  .day-imgs li {
    width: 42.9333333333vw;
  }
  .day-imgs li img {
    width: 100%;
    height: 69.3333333333vw;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    font-family: "object-fit: cover; object-position: center;";
  }
}

/* 個別設定
---------------------------------------------------------------------------*/
.day01-02::after,
.day01-05::after,
.day02-01::after {
  top: 725px;
}
@media screen and (max-width: 1300px) {
  .day01-02::after,
  .day01-05::after,
  .day02-01::after {
    top: 55.7692307692vw;
  }
}

@media screen and (min-width: 481px) {
  .day01-03 .pg-imgtx-tx,
  .day02-02 .pg-imgtx-tx {
    width: 450px;
  }
}
@media screen and (min-width: 481px) and (max-width: 1300px) {
  .day01-03 .pg-imgtx-tx,
  .day02-02 .pg-imgtx-tx {
    width: 34.6153846154vw;
  }
}
@media screen and (min-width: 481px) {
  .day01-03 .pg-imgtx-img,
  .day02-02 .pg-imgtx-img {
    width: 50%;
  }
  .day01-03 .pg-imgtx-img > div,
  .day02-02 .pg-imgtx-img > div {
    width: 100%;
    margin-right: 0;
  }
}

.day01-04::after {
  top: 640px;
}
@media screen and (max-width: 1300px) {
  .day01-04::after {
    top: 49.2307692308vw;
  }
}

.day01-05::after {
  background-position: center center;
}

.day02-05::after {
  background-image: url(../img/enjoy/day-arw-last.png);
}

.andmore::after {
  display: none;
}
.andmore .day-wideimg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .andmore .day-wideimg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.3333333333vw;
  }
}
.andmore .day-wideimg li {
  width: 250px;
}
@media screen and (max-width: 1300px) {
  .andmore .day-wideimg li {
    width: 19.2307692308vw;
  }
}
@media screen and (max-width: 480px) {
  .andmore .day-wideimg li {
    width: 30%;
  }
}
.andmore .day-wideimg li:last-of-type {
  display: none;
}
@media screen and (max-width: 480px) {
  .andmore .day-wideimg li:last-of-type {
    display: block;
  }
}