@charset "UTF-8";

.js-trigger {
  opacity: 0;
  translate: 0 100px;
  transition: all .3s ease-out
}

.js-trigger.is__action {
  opacity: 1;
  translate: 0 0px
}

.js-trigger-scale {
  opacity: 0;
  transform: scale(0.85);
  transition: all .5s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0.3s;
}

.js-trigger-scale.is__action-scale {
  opacity: 1;
  transform: scale(1);
}

.js-trigger-slide {
  clip-path: inset(0 100% 0 0);
}

.js-trigger-slide.is__action-slide {
  animation: slideInFromLeft 0.8s ease-out forwards;
}

.is__xmas251120 a.js-trigger-scale {
  opacity: 0;
  transform: scale(0.85);
  transition: all .5s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0.3s;
}

.is__xmas251120 a.js-trigger-scale.is__action-scale {
  opacity: 1;
  transform: scale(1);
  transition: all .5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.is__xmas251120 a.js-trigger-scale.is__action-scale:hover {
  opacity: 0.7;
}


.anchor {
  position: absolute;
  display: block;
  top: -50px
}

.rc-rewardHeader__requirements {
  margin: 13px 0 0
}

.ru-td-underline {
  transition: opacity .2s ease-out;
  will-change: opacity
}

.ru-td-underline:hover {
  opacity: .7
}

body {
  width: 100%;
  margin: 0
}

.lp-anchorlink {
  position: absolute;
  left: 0;
}

.lp-rule .lp-anchorlink {
  top: -80px
}

.is__first .lp-anchorlink {
  top: -205px;
}

.ecm_container_is__xmas251120 {
  padding-top: 30px;
}

.is__xmas251120 {
  margin-top: 26px;
  margin-bottom: 29px;
  position: relative;
  z-index: 3;
}

.is__xmas251120 * {
  box-sizing: border-box
}


.is__xmas251120 img {
  width: 100%
}

.is__xmas251120 a {
  transition: opacity .2s ease-out;
  will-change: opacity
}

@media(hover: hover)and (pointer: fine) {
  .is__xmas251120 a:hover {
    opacity: .7
  }
  
}

.is__xmas251120 .rc-noTransitionCoupon_wrap {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
  width: 537px
}

.is__xmas251120 .rc-noTransitionCoupon__container {
  height: max-content
}

.is__xmas251120 .rc-noTransitionCoupon__link::before {
  display: none
}

.is__xmas251120 .rc-noTransitionCoupon__cover {
  font-size: 25px;
  font-weight: bold
}

.is__xmas251120 .rc-noTransitionCoupon__cover::before {
  margin: auto;
  bottom: 0;
  height: 94%;
  background-size: contain
}

.lp-kv_wrap {
  width: 100%;
  height: 490px;
  background-repeat: repeat-x;
  background-position: center 0px;
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_pc/img/20251120/kv_bg.png);
  position: relative;
  overflow: hidden;
}

.lp-kv_inner {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 90px;
  position: relative;
  z-index: 2
}

.lp-kv_inner>* {
  opacity: 0;
  translate: 0 20px;
  transition: all .3s ease-out
}

.is__start .lp-kv_inner>* {
  opacity: 1;
  translate: 0 0px
}

.lp-kv_logo {
  margin-left: auto;
  margin-right: auto;
  width: 164px;
  clip-path: inset(0 100% 0 0);
  animation: slideInFromLeft 0.8s ease-out 0.2s forwards;
}

.lp-kv_title {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 540px;
  clip-path: inset(0 100% 0 0);
  animation: slideInFromLeft 0.8s ease-out 0.5s forwards;
}

.lp-kv_description {
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  clip-path: inset(0 100% 0 0);
  animation: slideInFromLeft 0.8s ease-out 0.8s forwards;
}

.lp-kv_img {
  position: absolute
}

.lp-kv_img.is__imgleft1 {
  width: 78px;
  left: 50%;
  transform: translateX(-885px);
  top: -92px;
  animation: kv_updown_move_left1 4s ease-in-out 0.2s infinite alternate-reverse;
}

.lp-kv_img.is__imgleft2 {
  width: 114px;
  left: 50%;
  transform: translateX(-750px);
  top: -46px;
  animation: kv_updown_move_left2 4s ease-in-out infinite alternate-reverse;
}

.lp-kv_img.is__imgleft3 {
  width: 56px;
  left: 50%;
  transform: translateX(-637px);
  top: -32px;
  animation: kv_updown_move_left3 4s ease-in-out 1s infinite alternate-reverse;
}

.lp-kv_img.is__imgleft4 {
  width: 112px;
  left: 50%;
  transform: translateX(-479px);
  top: -60px;
  animation: kv_updown_move_left4 4s ease-in-out 0.7s infinite alternate-reverse;
}

.lp-kv_img.is__imgleft5 {
  width: 102px;
  left: 50%;
  transform: translateX(-425px);
  top: -32px;
  z-index: 1;
  animation: kv_updown_move_left5 4s ease-in-out 1s infinite alternate-reverse;
}

.lp-kv_img.is__imgleft6 {
  width: 60px;
  left: 50%;
  transform: translateX(-390px);
  top: 2px;
  animation: kv_updown_move_left6 4s ease-in-out 0.5s infinite alternate-reverse;
}

.lp-kv_img.is__imgright1 {
  width: 94px;
  left: 50%;
  transform: translateX(274px);
  top: -31px;
  animation: kv_updown_move_right1 4s ease-in-out infinite alternate-reverse;
}

.lp-kv_img.is__imgright2 {
  width: 160px;
  left: 50%;
  transform: translateX(313px);
  top: -28px;
  animation: kv_updown_move_right2 4s ease-in-out 0.2s infinite alternate-reverse;
  z-index: 1;
}

.lp-kv_img.is__imgright3 {
  width: 80px;
  left: 50%;
  transform: translateX(366px);
  top: -21px;
  animation: kv_updown_move_right3 4s ease-in-out 1s infinite alternate-reverse;
}

.lp-kv_img.is__imgright4 {
  width: 102px;
  left: 50%;
  transform: translateX(574px);
  top: -8px;
  animation: kv_updown_move_right4 4s ease-in-out 0.3s infinite alternate-reverse;
}

.lp-kv_img.is__imgright5 {
  width: 58px;
  left: 50%;
  transform: translateX(725px);
  top: -15px;
  animation: kv_updown_move_right5 4s ease-in-out 1s infinite alternate-reverse;
}

.lp-inr {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 3
}

.lp-caption {
  margin-left: 160px;
  text-align: start;
  font-size: 14px;
  line-height: 1.5714285714
}

.lp-caption.is__step {
  margin: 0 auto;
  text-align: center
}

.lp-caption_link {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.5714285714;
  color: #0783c2
}

.lp-caption_link::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: text-bottom;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 10px;
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_cmn/img/20251120/icon_arrow3.png)
}

a.lp-coupon_btn {
  width: 480px;
  height: 80px;
  margin: 30px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #c22b34;
  background-repeat: no-repeat;
  background-position: center right 32px;
  background-size: 10px;
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_cmn/img/20251120/icon_arrow2.png);
  border-style: solid;
  border-width: 4px;
  border-color: #c22b34;
  border-radius: 75px;
  box-shadow: 0px 6px 6px rgba(0, 0, 0, .2);
  transition: transform .2s ease-out, background-color .2s ease-out;
}

a.lp-coupon_btn:hover {
  transform: translateY(3px);
  text-decoration: none;
  background-color: #ffefef;
  opacity: 1;
}

a.lp-coupon_btn.js-trigger {
  transition: all .3s ease-out;
}

.is__description.lp-inr {
  margin-bottom: 20px;
  text-align: center
}

.is__description .is__date {
  font-weight: 600;
  font-size: 16px
}

.is__description .is__date strong {
  margin-bottom: .2em;
  font-size: 18px;
  font-weight: 600;
  display: block
}

.is__description a.lp-txt {
  color: #2e84c4
}

.lp-rulelink {
  margin-top: 12px;
  font-size: 16px;
  display: flex;
  justify-content: center;
}

.lp-rulelink>li+li::before {
  padding: 0 20px;
  content: "|";
}

.lp-rulelink a:hover {
  text-decoration: none;
}

.lp-nav_wrap {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 960px;
  padding-bottom: 90px;
  position: relative;
  z-index: 3;
}

.lp-nav_wrap+.lp-contents_block {
  margin-top: 60px
}

.lp-contents_block {
  position: relative;
}

.lp-nav {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  display: flex;
  justify-content: center;
  gap: 0px 13px
}

.lp-nav_list {
  width: 194px;
  filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.2))
}

.is__fixed .lp-nav_list {
  width: 194px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: none
}

.is__fixed .lp-nav_list:nth-last-child(1) {
  display: none
}

.lp-nav_list-link.is__float {
  display: none
}

.is__fixed .lp-nav_list-link {
  display: block
}

.is__fixed .lp-nav_list-link:not(.is__float) {
  display: none
}

.lp-cv__wrap {
  margin-top: 20px;
  padding-bottom: 56px;
  position: relative;
  text-align: center;
  position: relative;
}

.lp-cv__wrap::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 20px solid #003560;
  border-bottom: 0;
}

.lp-cv__wrap .lp-btn {
  margin-top: 11px
}

.lp-preparation_ttl {
  width: 336px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.lp-cv__txt {
  font-size: 16px
}

.lp-cv__txt strong {
  color: #ff41be;
  font-weight: inherit
}

a.lp-btn {
  width: 480px;
  height: 75px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  background-color: #ff41be;
  background-repeat: no-repeat;
  background-position: center right 32px;
  background-size: 10px;
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_cmn/img/20251120/icon_arrow.png);
  border-radius: 75px;
  box-shadow: 0px 6px 6px rgba(0, 0, 0, .2);
  transition: transform .2s ease-out;
}

a.lp-btn:hover {
  transform: translateY(3px);
  text-decoration: none;
  opacity: 1;
}

.lp-section_wrap {
  width: 100%;
  padding-bottom: 102px;
  position: relative;
  background-repeat: repeat;
  background-size: 452px
}

.lp-section_wrap::before {
  content: "";
  margin: auto;
  width: 100%;
  height: 201px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: 2201px;
  background-position: center top
}

.lp-section_wrap>* {
  z-index: 2;
  position: relative
}

.lp-section_wrap.is__last {
  padding-bottom: 96px
}

section.lp-section_wrap:nth-of-type(1) .lp-section_ttl {
  width: 960px;
}

section.lp-section_wrap:nth-of-type(2) .lp-section_ttl {
  width: 960px;
}

section.lp-section_wrap:nth-of-type(3) .lp-section_ttl {
  width: 960px;
}

section.lp-section_wrap:nth-of-type(4) .lp-section_ttl {
  width: 960px;
}

section.lp-section_wrap:nth-of-type(5) .lp-section_ttl {
  width: 960px;
}

section.lp-section_wrap:nth-of-type(6) .lp-section_ttl {
  width: 960px;
}

section.lp-section_wrap:nth-of-type(7) .lp-section_ttl {
  width: 960px;
}

section.lp-section_wrap.is__coupon7 .lp-section_ttl {
  width: 960px;
}

.is__action .lp-section__ttl_img {
  translate: 0 0px;
  opacity: 1
}

.is__action .lp-section__ttl_img.is__img1 {
  transition-delay: .1s;
  animation-delay: .1s
}

.is__action .lp-section__ttl_img.is__img2 {
  transition-delay: .2s;
  animation-delay: .2s
}

.is__action .lp-section__ttl_img.is__img3 {
  transition-delay: .3s;
  animation-delay: .3s
}

.lp-section_ttl {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.lp-section__ttl_box {
  width: 228px;
  height: 100%;
  position: relative;
  display: block
}

.lp-section__ttl_img {
  position: absolute;
}


@keyframes slideInFromLeft {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes updown_move {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes kv_updown_move_left1 {
  0% {
    transform: translateX(-885px) translateY(0);
  }

  50% {
    transform: translateX(-885px) translateY(-10px);
  }

  100% {
    transform: translateX(-885px) translateY(0);
  }
}

@keyframes kv_updown_move_left2 {
  0% {
    transform: translateX(-750px) translateY(0);
  }

  50% {
    transform: translateX(-750px) translateY(-10px);
  }

  100% {
    transform: translateX(-750px) translateY(0);
  }
}

@keyframes kv_updown_move_left3 {
  0% {
    transform: translateX(-637px) translateY(0);
  }

  50% {
    transform: translateX(-637px) translateY(-10px);
  }

  100% {
    transform: translateX(-637px) translateY(0);
  }
}

@keyframes kv_updown_move_left4 {
  0% {
    transform: translateX(-479px) translateY(0);
  }

  50% {
    transform: translateX(-479px) translateY(-10px);
  }

  100% {
    transform: translateX(-479px) translateY(0);
  }
}

@keyframes kv_updown_move_left5 {
  0% {
    transform: translateX(-425px) translateY(0);
  }

  50% {
    transform: translateX(-425px) translateY(-10px);
  }

  100% {
    transform: translateX(-425px) translateY(0);
  }
}

@keyframes kv_updown_move_left6 {
  0% {
    transform: translateX(-390px) translateY(0);
  }

  50% {
    transform: translateX(-390px) translateY(-10px);
  }

  100% {
    transform: translateX(-390px) translateY(0);
  }
}

@keyframes kv_updown_move_right1 {
  0% {
    transform: translateX(274px) translateY(0);
  }

  50% {
    transform: translateX(274px) translateY(-10px);
  }

  100% {
    transform: translateX(274px) translateY(0);
  }
}

@keyframes kv_updown_move_right2 {
  0% {
    transform: translateX(313px) translateY(0);
  }

  50% {
    transform: translateX(313px) translateY(-10px);
  }

  100% {
    transform: translateX(313px) translateY(0);
  }
}

@keyframes kv_updown_move_right3 {
  0% {
    transform: translateX(366px) translateY(0);
  }

  50% {
    transform: translateX(366px) translateY(-10px);
  }

  100% {
    transform: translateX(366px) translateY(0);
  }
}

@keyframes kv_updown_move_right4 {
  0% {
    transform: translateX(574px) translateY(0);
  }

  50% {
    transform: translateX(574px) translateY(-10px);
  }

  100% {
    transform: translateX(574px) translateY(0);
  }
}

@keyframes kv_updown_move_right5 {
  0% {
    transform: translateX(725px) translateY(0);
  }

  50% {
    transform: translateX(725px) translateY(-10px);
  }

  100% {
    transform: translateX(725px) translateY(0);
  }
}

.campaign__rules {
  position: relative;
}

.campaign__rules #campaign-Rules1 {
  position: absolute;
  left: 0;
  top: -170px;
}
.campaign__survey {
    margin-top: 30px;
}

.campaignt__survey .ThanksEmbedded_box__dzopT {
    padding: 76px 56px;
}

.is__first .lp-section__ttl_text {
  width: 275px;
}

.pattern_figure1 .is__left .lp-section__ttl_img.is__img1 {
  width: 120px;
  left: 82px;
  top: -80px;
  transform-origin: top center;
  animation: updown_move 4s ease-in-out 0.3s infinite alternate-reverse
}

.pattern_figure1 .is__left .lp-section__ttl_img.is__img2 {
  width: 88px;
  left: 26px;
  top: -91px;
  transform-origin: top center;
  animation: updown_move 4s ease-in-out 1.2s infinite alternate-reverse
}


.pattern_figure1 .is__right .lp-section__ttl_img.is__img1 {
  width: 78px;
  left: 16px;
  top: -99px;
  z-index: 1;
  transform-origin: top center;
  animation: updown_move 4s ease-in-out 0.6s infinite alternate-reverse
}

.pattern_figure1 .is__right .lp-section__ttl_img.is__img2 {
  width: 58px;
  left: 42px;
  top: -97px;
  transform-origin: top center;
  animation: updown_move 4s ease-in-out 0.1s infinite alternate-reverse
}

.pattern_figure1 .is__right .lp-section__ttl_img.is__img3 {
  width: 81px;
  left: 77px;
  top: -90px;
  transform-origin: top center;
  animation: updown_move 4s ease-in-out 1.8s infinite alternate-reverse
}


.pattern_figure2 .is__left .lp-section__ttl_img.is__img1 {
  width: 90px;
  left: 64px;
  top: -87px;
  animation: updown_move 4s ease-in-out 0.4s infinite alternate-reverse
}

.pattern_figure2 .is__left .lp-section__ttl_img.is__img2 {
  width: 104px;
  left: 124px;
  top: -77px;
  animation: updown_move 4s ease-in-out 1.5s infinite alternate-reverse
}

.pattern_figure2 .is__right .lp-section__ttl_img.is__img1 {
  width: 70px;
  left: -10px;
  top: -102px;
  animation: updown_move 4s ease-in-out 0.9s infinite alternate-reverse
}

.pattern_figure2 .is__right .lp-section__ttl_img.is__img2 {
  width: 56px;
  top: -98px;
  left: 55px;
  animation: updown_move 4s ease-in-out 0.2s infinite alternate-reverse
}

.pattern_figure2 .is__right .lp-section__ttl_img.is__img3 {
  width: 124px;
  left: 48px;
  top: -94px;
  animation: updown_move 4s ease-in-out 2.1s infinite alternate-reverse
}

.pattern_figure3 .is__left .lp-section__ttl_img.is__img1 {
  width: 90px;
  left: 60px;
  top: -87px;
  animation: updown_move 4s ease-in-out 1.4s infinite alternate-reverse
}

.pattern_figure3 .is__left .lp-section__ttl_img.is__img2 {
  width: 70px;
  left: 110px;
  top: -81px;
  animation: updown_move 4s ease-in-out 0.3s infinite alternate-reverse
}

.pattern_figure3 .is__left .lp-section__ttl_img.is__img3 {
  width: 94px;
  left: 141px;
  top: -76px;
  animation: updown_move 4s ease-in-out 2.3s infinite alternate-reverse
}

.pattern_figure3 .is__right .lp-section__ttl_img.is__img1 {
  width: 104px;
  left: 53px;
  top: -93px;
  animation: updown_move 4s ease-in-out 0.7s infinite alternate-reverse
}



.is__coupon2 .lp-campaign_ttl {
  width: 420px;
  height: 24px;
}

.is__coupon2 .lp-check_ttl {
  width: 351px;
}

.is__coupon2 .lp-campaign_wrap {
  margin-top: 54px;
}

.is__coupon2 .lp-section__ttl_text {
  width: 326px;
}

.is__coupon3 .lp-campaign_ttl {
  width: 420px;
  height: 24px;
}

.is__coupon3 .lp-section__ttl_text {
  width: 408px;
}

.is__coupon3 .lp-check_ttl {
  width: 420px;
}

.is__coupon4 .lp-card_ttl {
  width: 348px;
}

.is__coupon4 .lp-section__ttl_text {
  width: 248px;
}

.is__coupon5 .lp-section__ttl_text {
  width: 474px;
}

.is__coupon5 .lp-campaign_lists .lp-campaign_list {
  background-color: #fff;
}

.is__coupon6 .lp-section__ttl_text {
  width: 388px;
}


.is__coupon7 .lp-section__ttl_text {
  width: 286px;
}

.lp-section_box {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fff;
  border-radius: 9px;
}

.lp-card_wrap .lp-caption {
  margin-top: 16px
}

.lp-card_yet {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  width: 490px;
  height: 248px;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: drop-shadow(0 1.9px 3px rgba(0, 0, 0, 0.25))
}

section.lp-section_wrap:nth-of-type(2) .lp-card_yet {
  width: 492px;
  height: 248px;
}

section.lp-section_wrap:nth-of-type(3) .lp-card_yet {
  width: 492px;
  height: 290px
}

section.lp-section_wrap:nth-of-type(4) .lp-card_yet {
  width: 488px;
  height: 246px
}

section.lp-section_wrap:nth-of-type(5) .lp-card_yet {
  width: 504px;
  height: 251px
}

.lp-card_ttl {
  width: 368px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.lp-check_wrap {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 884px;
}

.lp-check_ttl {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  width: 320px;
}

.lp-check_lists {
  margin-top: 16px;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 22px 30px;
}

section.lp-section_wrap:nth-of-type(4) .lp-check_lists {
  margin-left: auto;
  margin-right: auto;
  width: 584px;
  flex-wrap: wrap;
  justify-content: center
}

.lp-check_list {
  width: 424px;
  height: 148px;
  filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.2))
}


section.lp-section_wrap:nth-of-type(4) .lp-check_list {
  height: 240px
}


.lp-check_list_img {
  display: block;
}

.lp-check_list a {
  position: relative;
  display: block;
  transition: all .5s ease;
}

.lp-check_list a:hover {
  position: relative;
  opacity: 1;
  transform: scale(1.03);
}

.lp-check_list_img img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transform-origin: center center;
  transition: transform .5s ease
}

.lp-check_caption {
  margin: 24px auto 0 auto;
  text-align: center;
  font-size: 14px;
}

.lp-check_switch {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 424px;
}

.lp-check_switch_link {
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: 0px 6px 6px rgba(0, 0, 0, .2);
}

.lp-check_switch .lp-check_caption {
  text-align: left;
  margin-top: 14px;
}

.lp-campaign_wrap {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 836px;
  text-align: center
}

.lp-campaign_ttl {
  width: 191px;
  height: 23px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.lp-campaign_lists {
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px 34px;
}

.lp-campaign_list {
  width: 400px;
  display: block;
  box-shadow: 0px 6px 6px rgba(0, 0, 0, .2)
}

.is__coupon-content.lp-section_wrap {
  padding-bottom: 170px;
  background-color: #032c48;
  /* background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_pc/img/20251120/coupon_pattern_bg.jpg); */
  /* background-repeat: repeat; */
  /* background-position: -40px 380px; */
}

.is__coupon-content.is__coupon-content_check.lp-section_wrap {
  padding-bottom: 180px;
  background-color: #006b99;
  /* background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_pc/img/20251120/coupon_pattern_bg_check.jpg); */
  /* background-repeat: repeat; */
  /* background-position: -40px; */
}

.is__coupon-content.lp-section_wrap::before {
  content: "";
  position: absolute;
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_pc/img/20251120/coupon_pattern_before.png);
  background-position: top center;
  background-size: auto;
  top: -104px;
  width: 100%;
  height: 379px;
  z-index: 1;
}

.is__coupon-content.lp-section_wrap::after {
  content: "";
  position: absolute;
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_pc/img/20251120/coupon_pattern_before_blue_pc.png);
  background-position: top center;
  background-size: auto;
  top: -135px;
  width: 100%;
  height: 65px;
  z-index: 2;
}

.is__coupon-content.lp-section_wrap.is__first::after {
  content: "";
  position: absolute;
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_pc/img/20251120/coupon_pattern_before_white_pc.png);
  background-position: top center;
  background-size: auto;
  top: -135px;
  width: 100%;
  height: 65px;
  z-index: 2;
}

.is__coupon-content.lp-section_wrap.is__coupon6::after {
  content: "";
  position: absolute;
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_pc/img/20251120/coupon_pattern_before_blue2_pc.png);
  background-position: top center;
  background-size: auto;
  top: -135px;
  width: 100%;
  height: 65px;
  z-index: 2;
}
.is__coupon-content .lp-section_box {
  margin-top: 40px;
}

.is__coupon-content.is__step {
  padding-bottom: 100px;
}

.lp-step_inr {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  padding: 50px 0 50px 15px;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 9px
}

.lp-step_box {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center
}

.lp-step_box+.lp-step_box::before,
.lp-step_box+.lp-step_box::after {
  margin: auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0
}

.lp-step_box+.lp-step_box::before {
  width: 1px;
  height: 100%;
  left: -1px;
  background-color: #000;
}

.lp-step_box+.lp-step_box::after {
  width: 0;
  height: 0;
  left: -8px;
  border-style: solid;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-left: 22px solid #003560;
  border-right: 0;
}

.lp-step_box .lp-caption {
  margin-top: 6px
}

.lp-link_txt {
  padding-right: 16px;
  font-size: 16px;
  text-align: center;
  background-position: center right;
  background-size: auto 10px;
  background-repeat: no-repeat;
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_cmn/img/20251120/icon_arrow3.png)
}

.lp-step_num {
  margin-left: auto;
  margin-right: auto;
  width: 40px;
}

.lp-step_img {
  margin-left: auto;
  margin-right: auto
}

.lp-step_box.is__step1 .lp-step_img {
  margin-top: -18px
}

.lp-step_txt {
  text-align: center;
  font-size: 16px;
  line-height: 1.625;
  font-weight: bold
}

.is__step1.lp-step_box {
  width: 335px
}

.is__step1 .lp-step_img {
  margin-top: 22px;
  width: 235px
}

.is__step1 .lp-step_txt {
  margin-top: 15px
}

.is__step2.lp-step_box {
  width: 320px
}

.is__step2 .lp-step_img {
  margin-top: 31px;
  width: 245px
}

.is__step2 .lp-step_txt {
  margin-top: 33px;
  margin-bottom: 20px
}

.is__step3.lp-step_box {
  width: 320px
}

.is__step3 .lp-step_img {
  margin-top: 21.5px;
  width: 221px
}

.is__step3 .lp-step_txt {
  margin-top: 25px;
  margin-bottom: 18px
}

.lp-recommend_lists {
  margin-top: 27px;
  margin-left: auto;
  margin-right: auto;
  width: 816px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px
}

.lp-recommend_list {
  width: 400px;
  position: relative;
  filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.2))
}

.lp-recommend_list::before {
  content: "";
  margin: auto;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff
}

.lp-rule {
  position: relative
}

.lp-nav {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  display: flex;
  justify-content: center;
  gap: 0px 13px
}

.lp-nav.is__fixed {
  position: fixed;
padding-top: 6px;
  padding-bottom: 7px;
  width: 100%;
  left: 0;
  top: 60px;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.7);
  filter: drop-shadow(0px 7px 5px rgba(0, 0, 0, 0.15));
  gap: 8px
}


.is__fixed .lp-nav_list {
  width: 153px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #fff;
  border-radius: 9px;
  filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.2))
}

.is__fixed .lp-nav_list:nth-last-child(1) {
  display: block
}

.lp-nav_list-link {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 153px 100%
}

.is__list5 {
  display: none;
}

.lp-nav_list-link.is__bic {
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_pc/img/20251120/nav_1_active-v2.png)
}

.is__bic_section .lp-nav_list-link.is__bic img {
  opacity: 0
}

.lp-nav_list-link.is__books {
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_pc/img/20251120/nav_2_active-v2.png)
}

.is__books_section .lp-nav_list-link.is__books img {
  opacity: 0
}

.lp-nav_list-link.is__fashion {
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_pc/img/20251120/nav_3_active-v2.png)
}

.is__fashion_section .lp-nav_list-link.is__fashion img {
  opacity: 0
}

.lp-nav_list-link.is__ichiba {
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_pc/img/20251120/nav_4_active-v2.png)
}

.is__ichiba_section .lp-nav_list-link.is__ichiba img {
  opacity: 0
}

.lp-nav_list-link.is__recommend {
  background-image: url(https://r.r10s.jp/evt/event/xmas/tieup/family/_pc/img/20251120/nav_5_active-v2.png)
}

.is__recommend_section .lp-nav_list-link.is__recommend img {
  opacity: 0
}

.lp-nav_list-link img {
  transition: opacity .2s ease-out
}

.lp-nav_list-link.is__float {
  display: none
}

.is__fixed .lp-nav_list-link {
  display: block
}

.is__fixed .lp-nav_list-link:not(.is__float) {
  display: none
}

.lp-anchorlink {
  position: absolute;
  left: 0;
  top: -210px;
}

.lp-rule .lp-anchorlink {
  top: -80px
}

.lp-kv_wrap .star {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 84%;
  z-index: 1;
}

.lp-kv_wrap canvas#starCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  /* コンテンツの裏側に */
}

.lp-contents_block .star {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.lp-contents_block canvas#starCanvas2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  /* コンテンツの裏側に */
}