@charset "UTF-8";
#oshicollection .lp_main {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}
#oshicollection .lp_main .fv-inner {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  aspect-ratio: 1920 / 1104;
}
#oshicollection .lp_main .fv-bg img {
  max-width: 100%;
  aspect-ratio: 1920 / 1104;
}
#lp_wrapper #modal_window_box .main_box {
  box-sizing: content-box;
}
#lp_wrapper #modal_window_box img.scaling {
  max-width: 100%;
  height: auto;
}
/* ベース ============================================== */
#oshicollection .lp_main {
  overflow: hidden;
  color: #462d63;
  background: #f9f1f8;
  font-family: Meiryo, sans-serif;
  line-height: 1.6;
}
#oshicollection .lp_main *,
#oshicollection .lp_main *::before,
#oshicollection .lp_main *::after {
  box-sizing: border-box;
}
#oshicollection .lp_main h1,
#oshicollection .lp_main p {
  margin: 0;
}
#oshicollection .lp_main .fv-inner,
#oshicollection .lp_main section,
#oshicollection .lp_main .feature-footer {
  position: relative;
}
#oshicollection .lp_main picture,
#oshicollection .lp_main img {
  display: block;
}
#oshicollection .lp_main img {
  width: 100%;
  height: auto;
}
#oshicollection .lp_main .header-logo {
  position: absolute;
  top: 41.2%;
  left: 8%;
  width: 27.86%;
}
#oshicollection .lp_main .fv-dual-support {
  position: absolute;
  top: 36%;
  left: 59.6%;
  width: 5.3%;
}
#oshicollection .lp_main .fv-reserve-details {
  position: absolute;
  top: 38%;
  left: 65.6%;
  width: 7.9%;
  aspect-ratio: 194 / 115.5;
  background: url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_detail.png") no-repeat center top / 100% 200%;
  background-image: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_detail.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_detail.png") type("image/png"));
  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}
#oshicollection .lp_main .fv-reserve-details:hover,
#oshicollection .lp_main .fv-reserve-details:focus-visible {
  transform: translateY(-2px);
  filter: brightness(1.06) drop-shadow(0 0 9px #ffb7dd99);
}
#oshicollection .lp_main .fv-reserve-details::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_detail.png") no-repeat center calc(100% + 4.761905%) / 100% 200%;
  background-image: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_detail.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_detail.png") type("image/png"));
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
#oshicollection .lp_main .fv-reserve-details:hover::after,
#oshicollection .lp_main .fv-reserve-details:focus-visible::after {
  opacity: 1;
}
/* 登録ボタン ========================================= */
#oshicollection .lp_main .btn-regist-area {
  position: absolute;
  width: 30%;
  left: 35%;
}
#oshicollection .lp_main .btn-regist-area .ntg-btn-registration {
  --sprite-hover-y: calc(50% - 1.566265%);
  --sprite-disabled-y: calc(100% - 3.13253%);
  --sprite-image: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_02.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_02.png") type("image/png"));
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  aspect-ratio: 518 / 138.333333;
  background: url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_02.png") no-repeat center top / 100% 300%;
  background-image: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_02.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_02.png") type("image/png"));
  cursor: pointer;
  font-size: 0;
  text-decoration: none;
  filter: drop-shadow(0 4px 3px #59355055);
  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}
#oshicollection .lp_main .btn-regist-area .ntg-btn-registration::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: var(--sprite-image);
  background-repeat: no-repeat;
  background-size: 100% 300%;
  background-position: center var(--sprite-hover-y);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
#oshicollection .lp_main .btn-regist-area .ntg-btn-registration:not(.reserved):not(.end):not(:disabled):hover::after,
#oshicollection .lp_main .btn-regist-area .ntg-btn-registration:not(.reserved):not(.end):not(:disabled):focus-visible::after {
  opacity: 1;
}
#oshicollection .lp_main .btn-regist-area .ntg-btn-registration.reserved::after,
#oshicollection .lp_main .btn-regist-area .ntg-btn-registration.end::after,
#oshicollection .lp_main .btn-regist-area .ntg-btn-registration:disabled::after {
  display: none;
}
#oshicollection .lp_main .btn-regist-area .ntg-btn-registration:not(.reserved):not(.end):not(:disabled):hover,
#oshicollection .lp_main .btn-regist-area .ntg-btn-registration:not(.reserved):not(.end):not(:disabled):focus-visible {
  transform: translateY(-4px);
  filter: brightness(1.06) drop-shadow(0 7px 5px #59355044) drop-shadow(0 0 14px #ffb7ddaa);
}
#oshicollection .lp_main .btn-regist-area .ntg-btn-registration.reserved,
#oshicollection .lp_main .btn-regist-area .ntg-btn-registration.end {
  background-position: center var(--sprite-disabled-y);
  cursor: default;
}
#oshicollection .lp_main .ntg-btn-registration img {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
#oshicollection .lp_main .fv-regist {
  top: 46.2%;
  left: 60.3%;
  width: 12.5%;
}
#oshicollection .lp_main .fv-regist .ntg-btn-registration {
  --sprite-hover-y: calc(50% + 0.33389%);
  --sprite-disabled-y: calc(100% + 0.66778%);
  --sprite-image: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_01.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_01.png") type("image/png"));
  aspect-ratio: 211 / 199.666667;
  background-image: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_01.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_01.png") type("image/png"));
}
#oshicollection .lp_main .bonus-regist {
  top: 79%;
}
#oshicollection .lp_main .about-regist {
  display: none;
}
#oshicollection .lp_main .footer-regist {
  top: 40%;
}
#oshicollection .lp_main button:focus-visible,
#oshicollection .lp_main a:focus-visible {
  outline: 3px solid #513079;
  outline-offset: 3px;
}
/* SP ================================================ */
@media screen and (max-width: 769px) {
  #oshicollection .lp_main .header-logo {
    top: 18.7%;
    left: 27.5%;
    width: 45%;
  }
  #oshicollection .lp_main .fv-dual-support {
    top: 59%;
    left: 80%;
    width: 17%;
  }
  #oshicollection .lp_main .fv-reserve-details {
    top: 73%;
    left: 64%;
    width: 26%;
  }
  #oshicollection .lp_main .btn-regist-area {
    left: 25%;
    width: 50%;
  }
  #oshicollection .lp_main .fv-regist {
    top: auto;
    bottom: 3%;
  }
  #oshicollection .lp_main .btn-regist-area .ntg-btn-registration {
    --sprite-hover-y: calc(50% - 1.566265%);
    --sprite-disabled-y: calc(100% - 3.13253%);
    --sprite-image: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_02.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_02.png") type("image/png"));
    background: none;
    aspect-ratio: 518 / 138.333333;
  }
  #oshicollection .lp_main .ntg-btn-registration::before {
    content: "";
    position: absolute;
    inset: -1.15vw 0 auto;
    width: 100%;
    height: 100%;
    background: url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_02.png") no-repeat center top / 100% 300%;
    background-image: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_02.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/oshicollection-n/btn_sprite_02.png") type("image/png"));
    pointer-events: none;
  }
  #oshicollection .lp_main .btn-regist-area .ntg-btn-registration::after {
    top: -1.15vw;
  }
  #oshicollection .lp_main .ntg-btn-registration.reserved::before,
  #oshicollection .lp_main .ntg-btn-registration.end::before {
    background-position: center var(--sprite-disabled-y);
  }
  #oshicollection .lp_main .bonus-regist {
    display: none;
  }
  #oshicollection .lp_main .about-regist {
    display: block;
    top: 76%;
  }
  #oshicollection .lp_main .footer-regist {
    top: 43%;
  }
}

@media (prefers-reduced-motion: reduce) {
  #oshicollection .lp_main .fv-reserve-details,
  #oshicollection .lp_main .fv-reserve-details::after,
  #oshicollection .lp_main .btn-regist-area .ntg-btn-registration,
  #oshicollection .lp_main .btn-regist-area .ntg-btn-registration::after {
    transition: none;
  }
  #oshicollection .lp_main .fv-reserve-details:hover,
  #oshicollection .lp_main .fv-reserve-details:focus-visible,
  #oshicollection .lp_main .btn-regist-area .ntg-btn-registration:not(.reserved):not(.end):not(:disabled):hover,
  #oshicollection .lp_main .btn-regist-area .ntg-btn-registration:not(.reserved):not(.end):not(:disabled):focus-visible {
    transform: none;
  }
}

@media screen and (max-width: 769px) {
  #oshicollection .lp_main .fv-inner,
  #oshicollection .lp_main .fv-bg img {
    aspect-ratio: 768 / 1007;
  }
}