@charset "UTF-8";
#sharekano .lp_main {
  position: relative;
  left: 50%;
  width: max(100%, 1920px);
  min-width: 0;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
}
#sharekano .lp_main .fv-inner {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  aspect-ratio: 1920 / 830;
}
#sharekano .lp_main .fv-bg img {
  max-width: 100%;
  aspect-ratio: 1920 / 830;
}
#sharekano .lp_main img.fv-bg {
  max-width: 100%;
  aspect-ratio: 1920 / 830;
}
#lp_wrapper #modal_window_box .main_box {
  box-sizing: content-box;
}
#lp_wrapper #modal_window_box img.scaling {
  max-width: 100%;
  height: auto;
}
/* ベース ============================================== */
#sharekano .lp_main {
  overflow: hidden;
  color: #462d63;
  background: #f9f1f8;
  font-family: Meiryo, sans-serif;
  line-height: 1.6;
}
#sharekano .lp_main *,
#sharekano .lp_main *::before,
#sharekano .lp_main *::after {
  box-sizing: border-box;
}
#sharekano .lp_main h1,
#sharekano .lp_main p {
  margin: 0;
}
#sharekano .lp_main .fv-inner,
#sharekano .lp_main section,
#sharekano .lp_main .feature-footer {
  position: relative;
}
#sharekano .lp_main picture,
#sharekano .lp_main img {
  display: block;
}
#sharekano .lp_main .sp {
  display: none;
}
#sharekano .lp_main img {
  width: 100%;
  height: auto;
}
#sharekano .lp_main .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
/* 事前登録達成報酬 =================================== */
#sharekano .lp_main .reward-list {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  pointer-events: none;
}
#sharekano .lp_main .reward-item {
  position: absolute;
  top: 34%;
  width: 14.65%;
  height: 49.5%;
}
#sharekano .lp_main .reward-item:nth-child(1) {
  left: 27%;
}
#sharekano .lp_main .reward-item:nth-child(2) {
  left: 42.7%;
}
#sharekano .lp_main .reward-item:nth-child(3) {
  left: 58.4%;
}
#sharekano .lp_main .reward-cleared-mark {
  position: absolute;
  top: 12%;
  left: 86%;
  display: none;
  width: 38%;
  transform: translate(-50%, -50%);
}
#sharekano .lp_main .reward-item:nth-child(2) .reward-cleared-mark {
  left: 89%;
}
#sharekano .lp_main .reward-item:nth-child(3) .reward-cleared-mark {
  left: 91%;
}
#sharekano .lp_main .reward-item.cleared .reward-cleared-mark {
  display: block;
}
#sharekano .lp_main .fv-dual-support {
  position: absolute;
  top: 77%;
  left: 37.5%;
  width: 5.3%;
}
#sharekano .lp_main .fv-reserve-details {
  position: absolute;
  top: 77.5%;
  left: 55.5%;
  width: 10.1%;
  aspect-ratio: 186 / 99;
  background: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_detail.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_detail.png") type("image/png")) no-repeat center top / 100% 200%;
  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}
#sharekano .lp_main .fv-reserve-details:hover,
#sharekano .lp_main .fv-reserve-details:focus-visible {
  transform: translateY(-2px);
  filter: brightness(1.06) drop-shadow(0 0 9px #ffb7dd99);
}
#sharekano .lp_main .fv-reserve-details::after {
  content: "";
  position: absolute;
  inset: 0;
  background: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_detail.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_detail.png") type("image/png")) no-repeat center bottom / 100% 200%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
#sharekano .lp_main .fv-reserve-details:hover::after,
#sharekano .lp_main .fv-reserve-details:focus-visible::after {
  opacity: 1;
}
/* 登録ボタン ========================================= */
#sharekano .lp_main .btn-regist-area {
  position: absolute;
  left: 34.375%;
  width: 31.25%;
}
#sharekano .lp_main .btn-regist-area .ntg-btn-registration {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  cursor: pointer;
  font-size: 0;
  text-decoration: none;
  filter: drop-shadow(0 4px 3px #59355055);
  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}
#sharekano .lp_main .middle-regist .ntg-btn-registration,
#sharekano .lp_main .footer-regist .ntg-btn-registration {
  --sprite-normal-y: -5.211726%;
  --sprite-hover-y: 53.745928%;
  --sprite-disabled-y: 108.794788%;
  --sprite-image: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_sprite_02.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_sprite_02.png") type("image/png"));
  --sprite-background-size: 100% auto;
  aspect-ratio: 515 / 178;
  background: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_sprite_02.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_sprite_02.png") type("image/png")) no-repeat center var(--sprite-normal-y) / 100% auto;
}
#sharekano .lp_main .btn-regist-area .ntg-btn-registration::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: translateY(1px);
  background-image: var(--sprite-image);
  background-repeat: no-repeat;
  background-size: var(--sprite-background-size);
  background-position: center var(--sprite-hover-y);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
#sharekano .lp_main .btn-regist-area .ntg-btn-registration:not(.reserved):not(.end):not(:disabled):hover::after,
#sharekano .lp_main .btn-regist-area .ntg-btn-registration:not(.reserved):not(.end):not(:disabled):focus-visible::after {
  opacity: 1;
}
#sharekano .lp_main .btn-regist-area .ntg-btn-registration.reserved::after,
#sharekano .lp_main .btn-regist-area .ntg-btn-registration.end::after,
#sharekano .lp_main .btn-regist-area .ntg-btn-registration:disabled::after {
  display: none;
}
#sharekano .lp_main .btn-regist-area .ntg-btn-registration:not(.reserved):not(.end):not(:disabled):hover,
#sharekano .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);
}
#sharekano .lp_main .btn-regist-area .ntg-btn-registration.reserved,
#sharekano .lp_main .btn-regist-area .ntg-btn-registration.end {
  background-position: center var(--sprite-disabled-y);
  cursor: default;
}
#sharekano .lp_main .ntg-btn-registration img {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
#sharekano .lp_main .fv-regist {
  top: 70%;
  left: 41.25%;
  width: 16.5%;
}
#sharekano .lp_main .fv-regist .ntg-btn-registration {
  --sprite-normal-y: 0%;
  --sprite-hover-y: 51.8%;
  --sprite-disabled-y: 100%;
  --sprite-image: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_sprite_01.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_sprite_01.png") type("image/png"));
  --sprite-background-size: 100% 300%;
  aspect-ratio: 300 / 238.333333;
  background: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_sprite_01.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_sprite_01.png") type("image/png")) no-repeat center var(--sprite-normal-y) / 100% 300%;
}
#sharekano .lp_main .middle-regist {
  top: 60%;
}
#sharekano .lp_main .footer-regist {
  top: 46%;
}
#sharekano .lp_main button:focus-visible,
#sharekano .lp_main a:focus-visible {
  outline: 3px solid #513079;
  outline-offset: 3px;
}
/* SP ================================================ */
@media screen and (max-width: 769px) {
  #sharekano .lp_main {
    left: auto;
    width: 100%;
    transform: none;
  }
  #sharekano .lp_main .fv-inner,
  #sharekano .lp_main .fv-bg img,
  #sharekano .lp_main img.fv-bg {
    aspect-ratio: 768 / 895;
  }
  #sharekano .lp_main .pc {
    display: none;
  }
  #sharekano .lp_main .sp {
    display: block;
  }
  #sharekano .lp_main .reward-item {
    left: 5.2%;
    width: 89.6%;
    height: 21.6%;
  }
  #sharekano .lp_main .reward-item:nth-child(1) {
    top: 17.2%;
    left: 5.2%;
  }
  #sharekano .lp_main .reward-item:nth-child(2) {
    top: 41.4%;
    left: 5.2%;
  }
  #sharekano .lp_main .reward-item:nth-child(3) {
    top: 65.5%;
    left: 5.2%;
  }
  #sharekano .lp_main .reward-cleared-mark {
    top: 14%;
    left: 95%;
    width: 16.72%;
  }
  #sharekano .lp_main .reward-item:nth-child(2) .reward-cleared-mark,
  #sharekano .lp_main .reward-item:nth-child(3) .reward-cleared-mark {
    left: 95%;
  }
  #sharekano .lp_main .fv-dual-support {
    top: 83%;
    left: 31%;
    width: 14%;
  }
  #sharekano .lp_main .fv-reserve-details {
    top: 84.5%;
    left: 48%;
    width: 25.3%;
  }
  #sharekano .lp_main button:focus-visible,
  #sharekano .lp_main a:focus-visible {
    outline: none;
  }
  #sharekano .lp_main .btn-regist-area {
    left: 10%;
    width: 80%;
  }
  #sharekano .lp_main .fv-regist {
    top: 64%;
    bottom: auto;
    left: 10%;
    width: 80%;
  }
  #sharekano .lp_main .btn-regist-area .ntg-btn-registration {
    --sprite-normal-y: -5.211726%;
    --sprite-hover-y: 53.745928%;
    --sprite-disabled-y: 108.794788%;
    --sprite-image: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_sprite_02.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_sprite_02.png") type("image/png"));
    --sprite-background-size: 100% auto;
    background: none;
    aspect-ratio: 515 / 178;
  }
  #sharekano .lp_main .ntg-btn-registration::before {
    content: "";
    position: absolute;
    inset: -1.15vw 0 auto;
    width: 100%;
    height: 100%;
    background: image-set(url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_sprite_02.webp") type("image/webp"), url("https://www.nijiyome.com/nijiyome-img/img/contents/reserve/sharekano/btn_sprite_02.png") type("image/png")) no-repeat center var(--sprite-normal-y) / 100% auto;
    pointer-events: none;
  }
  #sharekano .lp_main .btn-regist-area .ntg-btn-registration::after {
    top: -1.15vw;
  }
  #sharekano .lp_main .ntg-btn-registration.reserved::before,
  #sharekano .lp_main .ntg-btn-registration.end::before {
    background-position: center var(--sprite-disabled-y);
  }
  #sharekano .lp_main .middle-regist {
    top: 68%;
  }
  #sharekano .lp_main .footer-regist {
    top: 35%;
  }
}

@media screen and (min-width: 770px) and (max-width: 1279px) {
  #sharekano .lp_main {
    width: 1280px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #sharekano .lp_main .fv-reserve-details,
  #sharekano .lp_main .fv-reserve-details::after,
  #sharekano .lp_main .btn-regist-area .ntg-btn-registration,
  #sharekano .lp_main .btn-regist-area .ntg-btn-registration::after {
    transition: none;
  }
  #sharekano .lp_main .fv-reserve-details:hover,
  #sharekano .lp_main .fv-reserve-details:focus-visible,
  #sharekano .lp_main .btn-regist-area .ntg-btn-registration:not(.reserved):not(.end):not(:disabled):hover,
  #sharekano .lp_main .btn-regist-area .ntg-btn-registration:not(.reserved):not(.end):not(:disabled):focus-visible {
    transform: none;
  }
}