@charset "UTF-8";
/* =========================================================
下層
========================================================= */
.pageTitleArea h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 767px) {
  .btn.pageBottom a {
    padding-inline: 20px 40px;
  }
}

/* =========================================================
pool popup
========================================================= */
.pool_popup {
  position: fixed;
  bottom: 40px;
  right: 100px;
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.4));
  transition: all 0.3s;
  z-index: 3;
}
@media (max-width: 767px) {
  .pool_popup {
    bottom: 0;
    right: auto;
    left: 0;
  }
}
.pool_popup.is_hidden {
  opacity: 0;
  visibility: hidden;
  bottom: 20px;
}
@media (max-width: 767px) {
  .pool_popup.is_hidden {
    bottom: -20px;
  }
}
body:has(.cookie[style="display: block;"]) .pool_popup {
  bottom: 117px;
}
@media (max-width: 767px) {
  body:has(.cookie[style="display: block;"]) .pool_popup {
    bottom: 67.2px;
  }
}
body:has(.cookie[style="display: block;"]) .pool_popup.is_hidden {
  bottom: 97px;
}
@media (max-width: 767px) {
  body:has(.cookie[style="display: block;"]) .pool_popup.is_hidden {
    bottom: 47.2px;
  }
}
@media (max-width: 767px) {
  body.lang_zh-CHT:has(.cookie[style="display: block;"]) .pool_popup, body.lang_zh-CHS:has(.cookie[style="display: block;"]) .pool_popup, body.lang_th:has(.cookie[style="display: block;"]) .pool_popup {
    bottom: 64px;
  }
}
@media (max-width: 767px) {
  body.lang_zh-CHT:has(.cookie[style="display: block;"]) .pool_popup.is_hidden, body.lang_zh-CHS:has(.cookie[style="display: block;"]) .pool_popup.is_hidden, body.lang_th:has(.cookie[style="display: block;"]) .pool_popup.is_hidden {
    bottom: 44px;
  }
}
.pool_closeBtn {
  appearance: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: absolute;
  top: -20px;
  right: -11px;
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.pool_closeBtn img {
  width: 18px;
  height: 18px;
}
.pool_inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 353px;
  background: #172333;
  color: #fff;
  line-height: 1.5;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .pool_inner {
    max-width: 73vw;
  }
}
body.lang_en .pool_inner, body.lang_fr .pool_inner, body.lang_de .pool_inner, body.lang_es .pool_inner, body.lang_it .pool_inner, body.lang_th .pool_inner, body.lang_vi .pool_inner, body.lang_id .pool_inner, body.lang_ms .pool_inner, body.lang_ru .pool_inner, body.lang_ar .pool_inner {
  line-height: 1.3;
}
.pool_inner > a {
  padding: 12px 10px 16px;
  text-decoration: none;
}
@media (max-width: 767px) {
  .pool_inner > a {
    padding: 10px 12px 8px;
  }
}
.pool_inner > a:hover {
  color: #fff;
}
.pool_photo {
  display: block;
}
.pool_photo img {
  width: 333px;
  height: auto;
}
@media (max-width: 767px) {
  .pool_photo img {
    width: 100%;
  }
}
.pool_open {
  position: absolute;
  bottom: calc(100% + 16px);
  right: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  color: #000;
  width: 64px;
  height: 64px;
}
.pool_textBlock {
  position: relative;
  margin-inline: auto;
}
.pool_textBlock .title {
  position: absolute;
  left: 12px;
  bottom: calc(100% + 56px);
  font-size: 1.65rem;
  font-weight: 700;
  color: #f8de00;
}
.pool_textBlock .campaign {
  font-size: 2rem;
  font-weight: 700;
  margin: 10px 0 8px;
}
@media (max-width: 1024px) {
  .pool_textBlock .campaign {
    font-size: 1.4rem;
    margin: 8px -4px 6px;
    text-align: center;
  }
}
body.lang_en .pool_textBlock .campaign, body.lang_fr .pool_textBlock .campaign, body.lang_de .pool_textBlock .campaign, body.lang_es .pool_textBlock .campaign, body.lang_it .pool_textBlock .campaign, body.lang_th .pool_textBlock .campaign, body.lang_vi .pool_textBlock .campaign, body.lang_id .pool_textBlock .campaign, body.lang_ms .pool_textBlock .campaign, body.lang_ru .pool_textBlock .campaign, body.lang_ar .pool_textBlock .campaign {
  font-size: 1.8rem;
}
@media (max-width: 1024px) {
  body.lang_en .pool_textBlock .campaign, body.lang_fr .pool_textBlock .campaign, body.lang_de .pool_textBlock .campaign, body.lang_es .pool_textBlock .campaign, body.lang_it .pool_textBlock .campaign, body.lang_th .pool_textBlock .campaign, body.lang_vi .pool_textBlock .campaign, body.lang_id .pool_textBlock .campaign, body.lang_ms .pool_textBlock .campaign, body.lang_ru .pool_textBlock .campaign, body.lang_ar .pool_textBlock .campaign {
    font-size: 1.2rem;
  }
}
.pool_otoku {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
@media (max-width: 1024px) {
  .pool_otoku {
    gap: 4px;
  }
}
.pool_otoku .text {
  padding: 0 0.6em;
  background: #fff;
  color: #000;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  flex-grow: 1;
}
@media (max-width: 1024px) {
  .pool_otoku .text {
    padding: 0;
    background: none;
    color: #fff;
    font-size: 1.4rem;
  }
}
body.lang_en .pool_otoku .text, body.lang_fr .pool_otoku .text, body.lang_de .pool_otoku .text, body.lang_es .pool_otoku .text, body.lang_it .pool_otoku .text, body.lang_th .pool_otoku .text, body.lang_vi .pool_otoku .text, body.lang_id .pool_otoku .text, body.lang_ms .pool_otoku .text, body.lang_ru .pool_otoku .text, body.lang_ar .pool_otoku .text {
  line-height: 1.2;
  font-size: 1.8rem;
}
@media (max-width: 1024px) {
  body.lang_en .pool_otoku .text, body.lang_fr .pool_otoku .text, body.lang_de .pool_otoku .text, body.lang_es .pool_otoku .text, body.lang_it .pool_otoku .text, body.lang_th .pool_otoku .text, body.lang_vi .pool_otoku .text, body.lang_id .pool_otoku .text, body.lang_ms .pool_otoku .text, body.lang_ru .pool_otoku .text, body.lang_ar .pool_otoku .text {
    font-size: 1.2rem;
  }
}
.pool_otoku .text .italic {
  font-style: italic !important;
}
.pool_otoku .plus {
  position: relative;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .pool_otoku .plus {
    width: 10px;
    height: 10px;
  }
}
.pool_otoku .plus::before, .pool_otoku .plus::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 18px;
  height: 4px;
  border-radius: 2px;
  background: #f8de00;
}
@media (max-width: 767px) {
  .pool_otoku .plus::before, .pool_otoku .plus::after {
    width: 10px;
    height: 1.6px;
  }
}
.pool_otoku .plus::after {
  rotate: 90deg;
}
.pool_otoku .arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  flex-shrink: 0;
}
.pool_otoku .arrow img {
  width: 12px;
  height: 10px;
}/*# sourceMappingURL=style.css.map */