@charset "utf-8";

body {
  font-family: 'Noto Sans KR', sans-serif;
}

/* ----------
header
---------- */
/* --- hamburgerMenu --- */
.hamburgerMenu-list > li:nth-child(1) > a {
  width: calc((534px / 2) + 25px);
}
.hamburgerMenu-list > li:nth-child(1) > a img {
  aspect-ratio: 534 / 49;
}
.hamburgerMenu-list > li:nth-child(2) > a {
  width: calc((379px / 2) + 25px);
}
.hamburgerMenu-list > li:nth-child(2) > a img {
  aspect-ratio: 379 / 48;
}
.hamburgerMenu-list > li:nth-child(3) > a {
  width: calc((346px / 2) + 25px);
}
.hamburgerMenu-list > li:nth-child(3) > a img {
  aspect-ratio: 346 / 48;
}
.hamburgerMenu-list > li:nth-child(4) > a {
  width: calc((319px / 2) + 25px);
}
.hamburgerMenu-list > li:nth-child(4) > a img {
  aspect-ratio: 319 / 47;
}
@media screen and (768px <= width) {
  .hamburgerMenu-list > li:nth-child(1) > a {
    width: calc((534px / 1.2) + 50px);
  }
  .hamburgerMenu-list > li:nth-child(2) > a {
    width: calc((379px / 1.2) + 50px);
  }
  .hamburgerMenu-list > li:nth-child(3) > a {
    width: calc((346px / 1.2) + 50px);
  }
  .hamburgerMenu-list > li:nth-child(4) > a {
    width: calc((319px / 1.2) + 50px);
  }
}

.hamburgerMenu-usefulTtl {
  width: calc(245px / 2);
}
.hamburgerMenu-usefulTtl img {
  aspect-ratio: 245 / 50;
}
@media screen and (768px <= width) {
  .hamburgerMenu-usefulTtl {
    width: calc(245px / 1.2);
  }
}

/* ----------
introduction
---------- */
.introduction-ttl img {
  aspect-ratio: 775 / 298;
}
@media screen and (768px <= width) {
  .introduction-ttl {
    max-width: 633px;
  }
  .introduction-ttl img {
    aspect-ratio: 633 / 243;
  }
}

/* ----------
pickup
---------- */
.pickup-ttl {
  width: calc(621px / 2);
}
.pickup-ttl img {
  aspect-ratio: 621 / 142;
}
@media screen and (768px <= width) {
  .pickup-ttl {
    width: calc(621px / 1.5);
  }
}

/* --- pickupGourmet --- */
.pickupGourmet-bubble {
  width: calc(502px / 2);
  aspect-ratio: 502 / 96;
}
.pickupGourmet-ttl {
  top: -20%;
  width: calc(236px / 2);
}
.pickupGourmet-ttl img {
  aspect-ratio: 236 / 109;
}
@media screen and (768px <= width) {
  .pickupGourmet-bubble {
    width: calc(502px / 1.5);
  }
  .pickupGourmet-ttl {
    width: calc(236px / 1.5);
  }
}

/* --- pickupYtSection --- */
/* _play */
._play .pickupYtSection-bubble {
  width: calc(563px / 2);
  aspect-ratio: 563 / 96;
}
._play .pickupYtSection-ttl {
  width: calc(465px / 2);
}
._play .pickupYtSection-ttl img {
  aspect-ratio: 465 / 111;
}
@media screen and (768px <= width) {
  ._play .pickupYtSection-bubble {
    width: calc(563px / 1.5);
  }
  ._play .pickupYtSection-ttl {
    width: calc(465px / 1.5);
  }
}

/* --- pickupSpot --- */
.pickupSpot-bubble {
  right: calc(50% - 110px);
  width: calc(630px / 2);
  aspect-ratio: 630 / 96;
}
@media screen and (768px <= width) {
  .pickupSpot-bubble {
    right: 50%;
    width: calc(630px / 1.5);
  }
}

/* --- slider-spot --- */
/* _sauna */
._sauna .sliderSpot-ttl {
  width: calc(205px / 2);
  aspect-ratio: 205 / 103;
}
/* _kidsarea */
._kidsarea .sliderSpot-ttl {
  width: calc(199px / 2);
  aspect-ratio: 199 / 104;
}
/* _hotel */
._hotel .sliderSpot-ttl {
  width: calc(146px / 2);
  aspect-ratio: 146 / 107;
}
/* _virtualbatting */
._virtualbatting .sliderSpot-ttl {
  left: 0;
  width: calc(497px / 2);
  aspect-ratio: 497 / 107;
}

/* ----------
enjoy
---------- */
.enjoy-ttl {
  width: calc(548px / 2);
}
.enjoy-ttl img {
  aspect-ratio: 548 / 139;
}
@media screen and (768px <= width) {
  .enjoy-ttl {
    width: calc(548px / 1.3);
  }
}

/* ----- rules ----- */
.rules-bubble {
  width: calc(532px / 2);
}
.rules-bubble img {
  aspect-ratio: 532 / 96;
}
@media screen and (768px <= width) {
  .rules-bubble {
    width: calc(532px / 1.5);
  }
}

/* ----------
howto
---------- */
.howto-ttl {
  width: calc(555px / 2);
}
.howto-ttl img {
  aspect-ratio: 555 / 188;
}
@media screen and (768px <= width) {
  .howto-ttl {
    width: 498px;
  }
  .howto-ttl img {
    aspect-ratio: 498 / 170;
  }
}

/* _step01 */
._step01 .howtoStep-ttl {
  width: calc(328px / 2);
}
._step01 .howtoStep-ttl img {
  aspect-ratio: 328 / 37;
}
/* _step02 */
._step02 .howtoStep-ttl {
  width: calc(417px / 2);
}
._step02 .howtoStep-ttl img {
  aspect-ratio: 417 / 38;
}
/* _step03 */
._step03 .howtoStep-ttl {
  width: calc(397px / 2);
}
._step03 .howtoStep-ttl img {
  aspect-ratio: 397 / 37;
}
/* _step04 */
._step04 .howtoStep-ttl {
  width: calc(271px / 2);
}
._step04 .howtoStep-ttl img {
  aspect-ratio: 271 / 37;
}
/* _step05 */
._step05 .howtoStep-ttl {
  width: calc(339px / 2);
}
._step05 .howtoStep-ttl img {
  aspect-ratio: 339 / 86;
}
/* _step06 */
._step06 .howtoStep-ttl {
  width: calc(316px / 2);
}
._step06 .howtoStep-ttl img {
  aspect-ratio: 316 / 89;
}
@media screen and (768px <= width) {
  /* _step01 */
  ._step01 .howtoStep-ttl {
    width: calc(328px / 1.3);
  }
  /* _step02 */
  ._step02 .howtoStep-ttl {
    width: calc(417px / 1.3);
  }
  /* _step03 */
  ._step03 .howtoStep-ttl {
    width: calc(397px / 1.3);
  }
  /* _step04 */
  ._step04 .howtoStep-ttl {
    width: calc(271px / 1.3);
  }
  /* _step05 */
  ._step05 .howtoStep-ttl {
    width: 423px;
  }
  ._step05 .howtoStep-ttl img {
    aspect-ratio: 423 / 28;
  }
}

/* text */
.forKorea-txt {
  line-height: 1.5;
}
.forKorea-txt_caution {
  color: #ff0000;
}
/* list */
.forKorea-list li {
  padding-inline-start: 1em;
  text-indent: -1em;
  line-height: 1.5;
}
.forKorea-list li::before {
  content: '・';
}
.forKorea-list li + li {
  margin-top: 5px;
}
.forKorea-notes li {
  padding-inline-start: 1em;
  text-indent: -1em;
  line-height: 1.5;
}
.forKorea-notes li::before {
  content: '※';
  color: #ff0000;
}
/* table */
.forKorea-table {
  border-collapse: collapse;
}
.forKorea-table tr {
  border: 1px solid;
}
.forKorea-table th,
.forKorea-table td {
  display: block;
  width: 100%;
  padding: 5px;
}
.forKorea-table th {
  text-align: start;
  border-bottom: 1px solid;
}
@media screen and (768px <= width) {
  .forKorea-table tr {
    display: table-cell;
    width: 50%;
  }
}