:root {
  --c-main: #212721;
  --c-blue: #005BAC;
  --c-gold: #C0AD7B;
  --c-red: #E60012;
  --c-yellow:#FFD900;
  --c-pink: #C7579B;
  --c-orange:#FF8201;
  --c-green: #78BE21;
  --c-black: #212721;
  --c-white: #ffffff;
  --c-splash-green: #229958;
  --c-sound-yellow: #FFE300;
  --c-sound-green: #148A50;
  --c-sound-blue: #007AC6;
  --c-text: #3D3A39;
  --c-lead-bg: #F6C2D6;
  --c-lead-pink: #E975A9;
  --c-lead-red: #E72420;
  --c-tree-bg: #FDDF40;
  --c-dot-red: #DF1D1C;
  --c-modal-bg: rgb(51 51 55 / 0.7);
  --c-rec-pink: #E86F9F;
  --c-rec-card: #EFEFEF;
  --c-btn-shadow-green: #0C703F;
  --c-event-blue: #83CCD2;
  --c-event-bg: #FF9EC4;
  --c-event-dummy: #E6E6E6;
  --c-pc-bg: #149958;
  --c-modal-text: #323234;
  --c-nick-purple: #2A005F;
  --c-offer-green: #149958;
  --c-offer-yellow: #FDDF40;
  --c-offer-pink: #F7C4D7;
  --ff-main: "kozuka-gothic-pro", sans-serif;
  --ff-garamond: adobe-garamond-pro, serif;
  --ff-shrikhand: "shrikhand", sans-serif;
  --ff-inter: "inter-18pt", sans-serif;
  --ff-noto: "noto-sans-cjk-jp", sans-serif;
  --ff-rockwell: "rockwell", serif;
}

.sp {
  display: none;
}

.pc {
  display: block;
}

.main-contents img, .main-contents svg {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
.lp picture {
  display: block;
}
.lp h2, .lp h3 {
  margin: 0;
}
.lp a {
  color: var(--c-white);
  -webkit-tap-highlight-color: transparent;
}
.lp a:focus {
  outline: none;
}
.lp a:hover, .lp a:focus {
  text-decoration: none;
}
.lp button {
  -webkit-tap-highlight-color: transparent;
}
.lp button:focus {
  outline: none;
}
.lp img {
  display: block;
  width: 100%;
  height: auto;
}
.lp .name {
  font-family: var(--ff-noto);
  font-size: calc(12 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: var(--c-text);
}
.lp .dotLine {
  display: block;
  height: calc(3 * min(100vw, 520px) / 375);
  background: radial-gradient(circle, var(--c-dot-red) calc(1.5 * min(100vw, 520px) / 375), transparent calc(calc(1.5 * min(100vw, 520px) / 375) + 0.5px)) 0 0/calc(8.3 * min(100vw, 520px) / 375) calc(3 * min(100vw, 520px) / 375) repeat-x;
}
.lp .price {
  font-family: var(--ff-noto);
  font-size: calc(18 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1;
  color: var(--c-sound-green);
}
.lp .price .tax {
  margin-left: calc(3 * min(100vw, 520px) / 375);
  font-size: calc(10 * min(100vw, 520px) / 375);
}
.lp .btnBuy {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(32 * min(100vw, 520px) / 375);
  box-sizing: border-box;
  padding: 0 calc(12 * min(100vw, 520px) / 375);
  border: 2px solid var(--c-text);
  border-radius: calc(50 * min(100vw, 520px) / 375);
  background-color: var(--c-white);
  box-shadow: 1px 2px 0 var(--c-text);
  font-family: var(--ff-rockwell);
  font-size: calc(18 * min(100vw, 520px) / 375);
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: var(--c-text);
}
.lp .btnBuy::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(12.7 * min(100vw, 520px) / 375);
  width: calc(7.4 * min(100vw, 520px) / 375);
  height: calc(8.4 * min(100vw, 520px) / 375);
  background: url(../images/icon_buy_arrow.svg) center/contain no-repeat;
  transform: translateY(-50%);
}
.lp .btnBuy._check {
  width: calc(120 * min(100vw, 520px) / 375);
  justify-content: flex-start;
  padding-left: calc(20 * min(100vw, 520px) / 375);
}
.lp .btnBig {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(280 * min(100vw, 520px) / 375);
  height: calc(56 * min(100vw, 520px) / 375);
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding: 0 calc(12 * min(100vw, 520px) / 375);
  border: 2px solid var(--c-white);
  border-radius: calc(50 * min(100vw, 520px) / 375);
  background-color: var(--c-dot-red);
  box-shadow: 2px 3px 0 var(--c-dot-red);
  font-family: var(--ff-noto);
  font-size: calc(18 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  color: var(--c-white);
}
.lp .btnBig::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(22.3 * min(100vw, 520px) / 375);
  width: calc(12 * min(100vw, 520px) / 375);
  height: calc(14 * min(100vw, 520px) / 375);
  background: url(../images/icon_btn_arrow.svg) center/contain no-repeat;
  transform: translateY(-50%);
}
.lp .btnBig._cat {
  border-color: var(--c-dot-red);
  box-shadow: 2px 3px 0 var(--c-btn-shadow-green);
}
.lp .btnSmall {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(140 * min(100vw, 520px) / 375);
  height: calc(32 * min(100vw, 520px) / 375);
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding: 0 calc(8 * min(100vw, 520px) / 375);
  border: 2px solid var(--c-dot-red);
  border-radius: calc(50 * min(100vw, 520px) / 375);
  background-color: var(--c-dot-red);
  box-shadow: 2px 3px 0 var(--c-btn-shadow-green);
  font-family: var(--ff-noto);
  font-size: calc(11 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  color: var(--c-white);
}
.lp .btnSmall::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(8.5 * min(100vw, 520px) / 375);
  width: calc(5 * min(100vw, 520px) / 375);
  height: calc(6 * min(100vw, 520px) / 375);
  background: url(../images/icon_btn_arrow_s.svg) center/contain no-repeat;
  transform: translateY(-50%);
}
.lp .splash {
  position: fixed;
  inset: 0;
  z-index: 1000;
  overflow: hidden;
  background: var(--c-splash-green) url(../images/splash_bg.webp) center/calc(530 * min(100vw, 520px) / 375) repeat;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}
.lp .splash.is-hide {
  opacity: 0;
  visibility: hidden;
}
.lp .splash .splashPattern {
  position: absolute;
  inset: 0;
  background: url(../images/splash_bg_cut.webp) center/calc(530 * min(100vw, 520px) / 375) repeat;
  pointer-events: none;
}
.lp .splashPeek {
  position: absolute;
  width: calc(68.3 * min(100vw, 520px) / 375);
  aspect-ratio: 1;
  -webkit-mask: url(../images/splash_heart.svg) center/100% no-repeat;
  mask: url(../images/splash_heart.svg) center/100% no-repeat;
}
.lp .splashPeek .santa {
  position: absolute;
  top: calc(1 * min(100vw, 520px) / 375);
  left: calc(1 * min(100vw, 520px) / 375);
  width: calc(66.3 * min(100vw, 520px) / 375);
  transform: translate(calc(60 * min(100vw, 520px) / 375), calc(-60 * min(100vw, 520px) / 375)) rotate(20deg);
  transform-origin: right top;
  animation: splashPeek 4.5s infinite both;
}
@media (prefers-reduced-motion: reduce) {
  .lp .splashPeek .santa {
    transform: none;
    animation: none;
  }
}
.lp .splashPeek._01 {
  top: calc(50% + calc(-276.1 * min(100vw, 520px) / 375));
  left: calc(50% + calc(-81.5 * min(100vw, 520px) / 375));
}
.lp .splashPeek._01 .santa {
  animation-delay: 0s;
  animation-duration: 4.5s;
}
.lp .splashPeek._02 {
  top: calc(50% + calc(-170.1 * min(100vw, 520px) / 375));
  left: calc(50% + calc(24.5 * min(100vw, 520px) / 375));
}
.lp .splashPeek._02 .santa {
  animation-delay: 1.2s;
  animation-duration: 5s;
}
.lp .splashPeek._03 {
  top: calc(50% + calc(-64.1 * min(100vw, 520px) / 375));
  left: calc(50% + calc(-187.5 * min(100vw, 520px) / 375));
}
.lp .splashPeek._03 .santa {
  animation-delay: 2.4s;
  animation-duration: 4.2s;
}
.lp .splashPeek._04 {
  top: calc(50% + calc(41.9 * min(100vw, 520px) / 375));
  left: calc(50% + calc(24.5 * min(100vw, 520px) / 375));
}
.lp .splashPeek._04 .santa {
  animation-delay: 0.6s;
  animation-duration: 4.8s;
}
.lp .splashPeek._05 {
  top: calc(50% + calc(147.9 * min(100vw, 520px) / 375));
  left: calc(50% + calc(-81.5 * min(100vw, 520px) / 375));
}
.lp .splashPeek._05 .santa {
  animation-delay: 1.8s;
  animation-duration: 4.4s;
}
.lp .splashPeek._06 {
  top: calc(50% + calc(-276.1 * min(100vw, 520px) / 375));
  left: calc(50% + calc(236.5 * min(100vw, 520px) / 375));
}
.lp .splashPeek._06 .santa {
  animation-delay: 0.9s;
  animation-duration: 4.6s;
}
.lp .splashPeek._07 {
  top: calc(50% + calc(41.9 * min(100vw, 520px) / 375));
  left: calc(50% + calc(342.5 * min(100vw, 520px) / 375));
}
.lp .splashPeek._07 .santa {
  animation-delay: 2.1s;
  animation-duration: 4.3s;
}
.lp .splashPeek._08 {
  top: calc(50% + calc(-170.1 * min(100vw, 520px) / 375));
  left: calc(50% + calc(-293.5 * min(100vw, 520px) / 375));
}
.lp .splashPeek._08 .santa {
  animation-delay: 1.5s;
  animation-duration: 4.7s;
}
.lp .splashPeek._09 {
  top: calc(50% + calc(41.9 * min(100vw, 520px) / 375));
  left: calc(50% + calc(-399.5 * min(100vw, 520px) / 375));
}
.lp .splashPeek._09 .santa {
  animation-delay: 2.7s;
  animation-duration: 4.4s;
}
.lp .pcBg {
  display: none;
}
@media (min-width: 521px) {
  .lp .pcBg {
    display: block;
    position: fixed;
    inset: 0;
    background-color: var(--c-pc-bg);
  }
  .lp .pcBg::before {
    content: "";
    position: absolute;
    top: calc(474 * min(100vw, 1920px) / 1920);
    left: 0;
    width: 100%;
    height: calc(200 * min(100vw, 1920px) / 1920);
    background: url(../images/pc_medal.webp) calc(80 * min(100vw, 1920px) / 1920) 0/calc(390 * min(100vw, 1920px) / 1920) calc(200 * min(100vw, 1920px) / 1920) repeat-x;
  }
}
.lp .lpContainer {
  position: relative;
  z-index: 1;
}
@media (min-width: 1001px) {
  .lp .lpContainer {
    display: grid;
    grid-template-columns: calc(375 * min(100vw, 520px) / 375) 1fr;
  }
}
@media (min-width: 1001px) and (min-width: 1001px) and (max-width: 1200px) {
  .lp .lpContainer {
    padding-left: 0;
  }
}
@media (min-width: 1001px) and (min-width: 1201px) and (max-width: 1400px) {
  .lp .lpContainer {
    padding-left: calc(155 * min(100vw, 1920px) / 1920);
  }
}
@media (min-width: 1001px) and (min-width: 1401px) {
  .lp .lpContainer {
    padding-left: calc(310 * min(100vw, 1920px) / 1920);
  }
}
.lp .pcSide {
  --side-shift: 0px;
  --side-header: 0px;
  display: none;
}
@media (min-width: 1001px) {
  .lp .pcSide {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-self: start;
    align-items: center;
    justify-content: center;
    height: 100vh;
    box-sizing: border-box;
    padding-top: calc(max(var(--side-shift), var(--side-header), max(64.8px, min(calc(108 * min(100vw, 1920px) / 1920), 108 * min(100vh, 1080px) / 1080))) - var(--side-shift));
    padding-right: max(188.4px, min(calc(314 * min(100vw, 1920px) / 1920), 314 * min(100vh, 1080px) / 1080));
    padding-bottom: var(--side-shift);
  }
}
.lp .pcNav {
  position: relative;
  width: max(209.4px, min(calc(349 * min(100vw, 1920px) / 1920), 349 * min(100vh, 1080px) / 1080));
}
.lp .pcNav .turkey,
.lp .pcNav .board {
  position: absolute;
  transform-origin: center bottom;
  pointer-events: none;
}
.lp .pcNav .turkey {
  --pace-x: max(177.648px, min(calc(296.08 * min(100vw, 1920px) / 1920), 296.08 * min(100vh, 1080px) / 1080));
  top: calc(-1 * max(50.622px, min(calc(84.37 * min(100vw, 1920px) / 1920), 84.37 * min(100vh, 1080px) / 1080)));
  left: max(4.176px, min(calc(6.96 * min(100vw, 1920px) / 1920), 6.96 * min(100vh, 1080px) / 1080));
  width: max(23.4px, min(calc(39 * min(100vw, 1920px) / 1920), 39 * min(100vh, 1080px) / 1080));
  animation: evTurkeyPace 6s linear infinite;
}
.lp .pcNav .turkey img {
  transform-origin: 46% 100%;
  animation: decoTurkeyRun 0.4s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .pcNav .turkey,
  .lp .pcNav .turkey img {
    animation: none;
  }
}
.lp .pcNav .board {
  --pace-x: max(219.9px, min(calc(366.5 * min(100vw, 1920px) / 1920), 366.5 * min(100vh, 1080px) / 1080));
  --pace-lean: 0deg;
  top: max(259.332px, min(calc(432.22 * min(100vw, 1920px) / 1920), 432.22 * min(100vh, 1080px) / 1080));
  left: calc(-1 * max(35.85px, min(calc(59.75 * min(100vw, 1920px) / 1920), 59.75 * min(100vh, 1080px) / 1080)));
  width: max(61.2px, min(calc(102 * min(100vw, 1920px) / 1920), 102 * min(100vh, 1080px) / 1080));
  animation: evTurkeyPace 7s linear -2.5s infinite;
}
.lp .pcNav .board img {
  animation: pcBoardBob 1.2s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .pcNav .board,
  .lp .pcNav .board img {
    animation: none;
  }
}
.lp .pcNavCard {
  position: relative;
  height: max(307.2px, min(calc(512 * min(100vw, 1920px) / 1920), 512 * min(100vh, 1080px) / 1080));
  box-sizing: border-box;
  overflow: hidden;
  padding-top: max(25.2px, min(calc(42 * min(100vw, 1920px) / 1920), 42 * min(100vh, 1080px) / 1080));
  border: max(1.8px, min(calc(3 * min(100vw, 1920px) / 1920), 3 * min(100vh, 1080px) / 1080)) solid var(--c-white);
  border-radius: max(7.2px, min(calc(12 * min(100vw, 1920px) / 1920), 12 * min(100vh, 1080px) / 1080));
  background-color: var(--c-sound-yellow);
  text-align: center;
}
.lp .pcNavCard .santa {
  position: absolute;
  top: 0;
  right: 0;
  width: max(29.4px, min(calc(49 * min(100vw, 1920px) / 1920), 49 * min(100vh, 1080px) / 1080));
}
.lp .pcNavCard .ttl {
  font-family: var(--ff-rockwell);
  font-size: max(16.8px, min(calc(28 * min(100vw, 1920px) / 1920), 28 * min(100vh, 1080px) / 1080));
  font-weight: 700;
  line-height: 1;
  color: var(--c-red);
}
.lp .pcNavList {
  margin-top: max(16.2px, min(calc(27 * min(100vw, 1920px) / 1920), 27 * min(100vh, 1080px) / 1080));
}
.lp .pcNavList li {
  display: flex;
  justify-content: center;
}
.lp .pcNavList li + li {
  margin-top: max(10.8px, min(calc(18 * min(100vw, 1920px) / 1920), 18 * min(100vh, 1080px) / 1080));
}
.lp .pcNavList a {
  display: inline-flex;
  align-items: center;
  gap: max(7.2px, min(calc(12 * min(100vw, 1920px) / 1920), 12 * min(100vh, 1080px) / 1080));
  font-family: var(--ff-rockwell);
  font-size: max(13.2px, min(calc(22 * min(100vw, 1920px) / 1920), 22 * min(100vh, 1080px) / 1080));
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  color: var(--c-sound-green);
  transition: opacity 0.2s ease;
}
.lp .pcNavList a::before, .lp .pcNavList a::after {
  content: "";
  flex-shrink: 0;
  width: max(7.2px, min(calc(12 * min(100vw, 1920px) / 1920), 12 * min(100vh, 1080px) / 1080));
  height: max(7.2px, min(calc(12 * min(100vw, 1920px) / 1920), 12 * min(100vh, 1080px) / 1080));
  background: url(../images/pc_nav_star.svg) center/contain no-repeat;
}
@media (hover: hover) {
  .lp .pcNavList a:hover {
    opacity: 0.7;
  }
}
.lp .pcNavBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max(174px, min(calc(290 * min(100vw, 1920px) / 1920), 290 * min(100vh, 1080px) / 1080));
  height: max(42px, min(calc(70 * min(100vw, 1920px) / 1920), 70 * min(100vh, 1080px) / 1080));
  margin: max(17.4px, min(calc(29 * min(100vw, 1920px) / 1920), 29 * min(100vh, 1080px) / 1080)) auto 0;
  border-radius: max(24px, min(calc(40 * min(100vw, 1920px) / 1920), 40 * min(100vh, 1080px) / 1080));
  background-color: var(--c-dot-red);
  box-shadow: max(1.8px, min(calc(3 * min(100vw, 1920px) / 1920), 3 * min(100vh, 1080px) / 1080)) max(1.8px, min(calc(3 * min(100vw, 1920px) / 1920), 3 * min(100vh, 1080px) / 1080)) 0 var(--c-btn-shadow-green);
  font-family: var(--ff-rockwell);
  font-size: max(16.8px, min(calc(28 * min(100vw, 1920px) / 1920), 28 * min(100vh, 1080px) / 1080));
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: var(--c-white);
}
.lp .pcNavBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: max(12px, min(calc(20 * min(100vw, 1920px) / 1920), 20 * min(100vh, 1080px) / 1080));
  width: max(8.4px, min(calc(14 * min(100vw, 1920px) / 1920), 14 * min(100vh, 1080px) / 1080));
  height: max(10.08px, min(calc(16.8 * min(100vw, 1920px) / 1920), 16.8 * min(100vh, 1080px) / 1080));
  background: url(../images/icon_btn_arrow.svg) center/contain no-repeat;
  transform: translateY(-50%);
}
.lp .soundBarPc {
  top: auto;
  right: max(188.4px, min(calc(314 * min(100vw, 1920px) / 1920), 314 * min(100vh, 1080px) / 1080));
  bottom: calc(max(24px, min(calc(40 * min(100vw, 1920px) / 1920), 40 * min(100vh, 1080px) / 1080)) + var(--side-shift));
  margin: 0 auto;
  width: max(228px, min(calc(380 * min(100vw, 1920px) / 1920), 380 * min(100vh, 1080px) / 1080));
  height: max(42px, min(calc(70 * min(100vw, 1920px) / 1920), 70 * min(100vh, 1080px) / 1080));
  border: max(1.2px, min(calc(2 * min(100vw, 1920px) / 1920), 2 * min(100vh, 1080px) / 1080)) solid var(--c-white);
  border-radius: max(7.2px, min(calc(12 * min(100vw, 1920px) / 1920), 12 * min(100vh, 1080px) / 1080));
}
.lp .soundBarPc .santa {
  top: max(1.2px, min(calc(2 * min(100vw, 1920px) / 1920), 2 * min(100vh, 1080px) / 1080));
  width: max(47.4px, min(calc(79 * min(100vw, 1920px) / 1920), 79 * min(100vh, 1080px) / 1080));
}
.lp .soundBarPc .label {
  top: max(11.4px, min(calc(19 * min(100vw, 1920px) / 1920), 19 * min(100vh, 1080px) / 1080));
  left: max(70.8px, min(calc(118 * min(100vw, 1920px) / 1920), 118 * min(100vh, 1080px) / 1080));
  gap: max(14.4px, min(calc(24 * min(100vw, 1920px) / 1920), 24 * min(100vh, 1080px) / 1080));
}
.lp .soundBarPc .txt {
  padding-top: max(5.4px, min(calc(9 * min(100vw, 1920px) / 1920), 9 * min(100vh, 1080px) / 1080));
  font-size: max(12px, min(calc(20 * min(100vw, 1920px) / 1920), 20 * min(100vh, 1080px) / 1080));
}
.lp .soundBarPc .line {
  height: max(13.2px, min(calc(22 * min(100vw, 1920px) / 1920), 22 * min(100vh, 1080px) / 1080));
}
.lp .soundBarPc .icon {
  top: max(14.25px, min(calc(23.75 * min(100vw, 1920px) / 1920), 23.75 * min(100vh, 1080px) / 1080));
  right: max(12px, min(calc(20 * min(100vw, 1920px) / 1920), 20 * min(100vh, 1080px) / 1080));
  width: max(15.6px, min(calc(26 * min(100vw, 1920px) / 1920), 26 * min(100vh, 1080px) / 1080));
}
.lp .lpWrapper {
  width: 100%;
  max-width: calc(375 * min(100vw, 520px) / 375);
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: var(--c-white);
}
.lp .lpWrapper .mv {
  position: relative;
  height: calc(375 * min(100vw, 520px) / 375);
  background: url(../images/mv_bg.webp) top center/cover no-repeat;
}
.lp .lpWrapper .mv .obj {
  position: absolute;
  display: block;
}
.lp .lpWrapper .mv .obj._snowboard {
  top: calc(134 * min(100vw, 520px) / 375);
  left: calc(-27.26 * min(100vw, 520px) / 375);
  width: calc(72 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._reindeer {
  top: calc(9 * min(100vw, 520px) / 375);
  left: calc(8 * min(100vw, 520px) / 375);
  width: calc(53 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._house {
  top: calc(0 * min(100vw, 520px) / 375);
  left: calc(0 * min(100vw, 520px) / 375);
  width: calc(375 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._windowSanta {
  top: calc(-21 * min(100vw, 520px) / 375);
  left: calc(10 * min(100vw, 520px) / 375);
  width: calc(56 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._windowShade {
  top: calc(207 * min(100vw, 520px) / 375);
  left: calc(251 * min(100vw, 520px) / 375);
  width: calc(35 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._windowBars {
  top: calc(198 * min(100vw, 520px) / 375);
  left: calc(251 * min(100vw, 520px) / 375);
  width: calc(35 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._doorSanta {
  top: calc(20 * min(100vw, 520px) / 375);
  left: calc(-39 * min(100vw, 520px) / 375);
  width: calc(90 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._doorGinger {
  top: calc(78 * min(100vw, 520px) / 375);
  left: calc(-12 * min(100vw, 520px) / 375);
  width: calc(34 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._doorFront {
  top: calc(265 * min(100vw, 520px) / 375);
  left: calc(130 * min(100vw, 520px) / 375);
  width: calc(123 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._presents {
  top: calc(251 * min(100vw, 520px) / 375);
  left: calc(0 * min(100vw, 520px) / 375);
  width: calc(75 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._taxi {
  top: calc(238 * min(100vw, 520px) / 375);
  left: calc(224 * min(100vw, 520px) / 375);
  width: calc(151 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._ribbon {
  top: calc(96 * min(100vw, 520px) / 375);
  left: calc(46 * min(100vw, 520px) / 375);
  width: calc(284 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._dots {
  top: calc(2 * min(100vw, 520px) / 375);
  left: calc(8 * min(100vw, 520px) / 375);
  width: calc(360 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._title {
  top: calc(15 * min(100vw, 520px) / 375);
  left: calc(21 * min(100vw, 520px) / 375);
  width: calc(330 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._turkey {
  top: calc(20 * min(100vw, 520px) / 375);
  left: calc(322 * min(100vw, 520px) / 375);
  width: calc(22 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .obj._snowman {
  top: calc(283 * min(100vw, 520px) / 375);
  left: calc(86 * min(100vw, 520px) / 375);
  width: calc(46 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .mvClip {
  position: absolute;
  overflow: hidden;
}
.lp .lpWrapper .mv .mvClip._left {
  top: 0;
  left: 0;
  width: calc(48.53 * min(100vw, 520px) / 375);
  height: 100%;
}
.lp .lpWrapper .mv .mvClip._right {
  top: 0;
  right: 0;
  left: calc(327.26 * min(100vw, 520px) / 375);
  height: 100%;
}
.lp .lpWrapper .mv .mvClip._window {
  top: calc(198 * min(100vw, 520px) / 375);
  left: calc(251 * min(100vw, 520px) / 375);
  width: calc(35 * min(100vw, 520px) / 375);
  height: calc(61 * min(100vw, 520px) / 375);
  -webkit-mask: url(../images/mv_mask_window.png) 0 0/100% 100% no-repeat;
  mask: url(../images/mv_mask_window.png) 0 0/100% 100% no-repeat;
}
.lp .lpWrapper .mv .mvClip._door {
  top: calc(202 * min(100vw, 520px) / 375);
  left: calc(151 * min(100vw, 520px) / 375);
  width: calc(73 * min(100vw, 520px) / 375);
  height: calc(118 * min(100vw, 520px) / 375);
  -webkit-mask: url(../images/mv_mask_door.png) 0 0/100% 100% no-repeat;
  mask: url(../images/mv_mask_door.png) 0 0/100% 100% no-repeat;
}
.lp .lpWrapper .mv ._windowShade {
  mix-blend-mode: multiply;
}
.lp .lpWrapper .mv ._title {
  transform: scale(0.9);
  transition: transform 0.5s cubic-bezier(0.34, 1.8, 0.64, 1) 0s;
}
.lp .lpWrapper .mv ._title.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .mv ._title {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .mv ._ribbon {
  transform-origin: center 35%;
  transform: scaleY(0.8);
  transition: transform 0.6s cubic-bezier(0.34, 1.8, 0.64, 1) 0s;
}
.lp .lpWrapper .mv ._ribbon.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .mv ._ribbon {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .mv ._reindeer {
  transform: translate(calc(24 * min(100vw, 520px) / 375), calc(16 * min(100vw, 520px) / 375)) rotate(12deg);
  opacity: 0;
  transition: opacity 0.3s ease 0.15s, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s;
}
.lp .lpWrapper .mv ._reindeer.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .mv ._reindeer {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .mv ._turkey {
  transform-origin: center bottom;
  transform: translateY(calc(16 * min(100vw, 520px) / 375)) scale(0.6);
  opacity: 0;
  transition: opacity 0.3s ease 0.3s, transform 0.5s cubic-bezier(0.34, 1.8, 0.64, 1) 0.3s;
}
.lp .lpWrapper .mv ._turkey.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .mv ._turkey {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .mv ._snowboard {
  transform-origin: center bottom;
  transform: translate(calc(-40 * min(100vw, 520px) / 375), calc(-24 * min(100vw, 520px) / 375)) rotate(-12deg);
  opacity: 0;
  transition: opacity 0.3s ease 0.5s, transform 0.7s cubic-bezier(0.34, 1.4, 0.64, 1) 0.5s;
}
.lp .lpWrapper .mv ._snowboard.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .mv ._snowboard {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .mv ._windowSanta {
  transform-origin: right top;
  transform: translate(calc(12 * min(100vw, 520px) / 375), calc(-60 * min(100vw, 520px) / 375)) rotate(15deg);
  transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.7s;
}
.lp .lpWrapper .mv ._windowSanta.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .mv ._windowSanta {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .mv ._taxi {
  transform: translateX(calc(180 * min(100vw, 520px) / 375));
  transition: transform 0.9s cubic-bezier(0.34, 1.3, 0.64, 1) 1.3s;
}
.lp .lpWrapper .mv ._taxi.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .mv ._taxi {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .mv ._presents {
  transform: translateX(calc(-130 * min(100vw, 520px) / 375));
  transition: transform 0.9s cubic-bezier(0.25, 1, 0.5, 1) 1.4s;
}
.lp .lpWrapper .mv ._presents.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .mv ._presents {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .mv ._snowman {
  transform-origin: center bottom;
  transform: translateY(calc(16 * min(100vw, 520px) / 375)) scale(0.6);
  opacity: 0;
  transition: opacity 0.3s ease 1.5s, transform 0.5s cubic-bezier(0.34, 1.8, 0.64, 1) 1.5s;
}
.lp .lpWrapper .mv ._snowman.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .mv ._snowman {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .mv ._doorSanta {
  opacity: 0;
  transform: translateX(calc(-60 * min(100vw, 520px) / 375));
  transition: opacity 0s 1.6s, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1.6s;
}
.lp .lpWrapper .mv ._doorSanta.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .mv ._doorSanta {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .mv ._doorGinger {
  opacity: 0;
  transform: translateX(calc(-60 * min(100vw, 520px) / 375));
  transition: opacity 0s 1.8s, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1.8s;
}
.lp .lpWrapper .mv ._doorGinger.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .mv ._doorGinger {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .mv .ho {
  position: absolute;
  display: block;
}
@media (prefers-reduced-motion: no-preference) {
  .lp .lpWrapper .mv .ho {
    transform: scale(0);
  }
  .lp .lpWrapper .mv .ho.is-active {
    animation-duration: 4.5s;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
  }
}
.lp .lpWrapper .mv .ho._01 {
  top: calc(232 * min(100vw, 520px) / 375);
  left: calc(113 * min(100vw, 520px) / 375);
  width: calc(15 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .ho._01.is-active {
  animation-name: mvHo_01;
}
.lp .lpWrapper .mv .ho._02 {
  top: calc(243 * min(100vw, 520px) / 375);
  left: calc(119 * min(100vw, 520px) / 375);
  width: calc(12 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .ho._02.is-active {
  animation-name: mvHo_02;
}
.lp .lpWrapper .mv .ho._03 {
  top: calc(251 * min(100vw, 520px) / 375);
  left: calc(126 * min(100vw, 520px) / 375);
  width: calc(9 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .mv .ho._03.is-active {
  animation-name: mvHo_03;
}
.lp .lpWrapper .sec01 {
  position: relative;
  height: calc(987 * min(100vw, 520px) / 375);
  background-color: var(--c-lead-bg);
}
.lp .lpWrapper .sec01 .inner {
  position: relative;
  width: 100%;
  max-width: calc(335 * min(100vw, 520px) / 375);
  margin: 0 auto;
  z-index: 1;
  padding-top: calc(41 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec01 .leadBox {
  position: relative;
  padding: calc(6 * min(100vw, 520px) / 375);
  border-radius: calc(8 * min(100vw, 520px) / 375);
  background: repeating-linear-gradient(144.6deg, var(--c-lead-red) 0 calc(6.95 * min(100vw, 520px) / 375), var(--c-lead-pink) calc(6.95 * min(100vw, 520px) / 375) calc(13.9 * min(100vw, 520px) / 375));
  opacity: 0;
  transform: translateY(calc(24 * min(100vw, 520px) / 375));
  transition: opacity 0.8s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}
.lp .lpWrapper .sec01 .leadBox.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec01 .leadBox {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec01 .cloud {
  position: absolute;
  top: calc(-22 * min(100vw, 520px) / 375);
  right: 0;
  width: calc(96 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec01 .leadBoxInner {
  padding: calc(19 * min(100vw, 520px) / 375) calc(20 * min(100vw, 520px) / 375);
  border-radius: calc(8 * min(100vw, 520px) / 375);
  background-color: var(--c-white);
}
.lp .lpWrapper .sec01 .txt {
  position: relative;
  font-family: var(--ff-noto);
  font-size: calc(13 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 2.82;
  letter-spacing: 0.04em;
  text-align: center;
  color: var(--c-text);
}
.lp .lpWrapper .sec01 .txt::after {
  content: "";
  position: absolute;
  top: calc(37 * min(100vw, 520px) / 375);
  right: 0;
  bottom: calc(-3.4 * min(100vw, 520px) / 375);
  left: 0;
  background-image: radial-gradient(circle at 50% calc(1.5 * min(100vw, 520px) / 375), var(--c-sound-yellow) calc(1.5 * min(100vw, 520px) / 375), transparent calc(calc(1.5 * min(100vw, 520px) / 375) + 0.5px));
  background-size: calc(8.3 * min(100vw, 520px) / 375) calc(36.66 * min(100vw, 520px) / 375);
  pointer-events: none;
}
.lp .lpWrapper .sec01 .hang {
  position: absolute;
  opacity: 0;
  transform: translateY(-80%);
  transition: opacity 0s var(--drop-delay), transform 0.9s cubic-bezier(0.34, 1.4, 0.64, 1) var(--drop-delay);
}
.lp .lpWrapper .sec01 .hang .swing {
  display: block;
  transform-origin: center top;
}
.lp .lpWrapper .sec01 .hang.is-active {
  opacity: 1;
  transform: none;
}
.lp .lpWrapper .sec01 .hang.is-active .swing {
  animation: leadSwing var(--swing-time) linear calc(var(--drop-delay) + 0.9s) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec01 .hang {
    opacity: 1;
    transform: none;
  }
  .lp .lpWrapper .sec01 .hang.is-active .swing {
    animation: none;
  }
}
.lp .lpWrapper .sec01 .hang._01 {
  --drop-delay: 0.4s;
  --swing: 6deg;
  --swing-time: 2.6s;
  top: calc(287.4 * min(100vw, 520px) / 375);
  left: calc(10 * min(100vw, 520px) / 375);
  width: calc(43 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec01 .hang._02 {
  --drop-delay: 0.55s;
  --swing: 5deg;
  --swing-time: 3s;
  top: calc(264.4 * min(100vw, 520px) / 375);
  left: calc(56.8 * min(100vw, 520px) / 375);
  width: calc(40 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec01 .hang._03 {
  --drop-delay: 0.7s;
  --swing: 3deg;
  --swing-time: 3.4s;
  top: calc(228.3 * min(100vw, 520px) / 375);
  left: calc(84 * min(100vw, 520px) / 375);
  width: calc(91 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec01 .tapTxt {
  position: absolute;
  top: calc(352 * min(100vw, 520px) / 375);
  left: calc(262 * min(100vw, 520px) / 375);
  transform: translateX(-50%);
  font-family: var(--ff-noto);
  font-size: calc(13 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: var(--c-sound-green);
  white-space: nowrap;
}
.lp .lpWrapper .sec01 .arrow {
  position: absolute;
  top: calc(363 * min(100vw, 520px) / 375);
  left: calc(163 * min(100vw, 520px) / 375);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(49.8 * min(100vw, 520px) / 375);
  height: calc(51.8 * min(100vw, 520px) / 375);
  animation: leadArrow 0.8s ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec01 .arrow {
    animation: none;
  }
}
.lp .lpWrapper .sec01 .arrow img {
  flex-shrink: 0;
  width: calc(40.7 * min(100vw, 520px) / 375);
  transform: rotate(54.21deg);
}
.lp .lpWrapper .sec01 .boxList li {
  position: absolute;
}
.lp .lpWrapper .sec01 .boxList a {
  display: block;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.3s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.lp .lpWrapper .sec01 .boxList a.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec01 .boxList a {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec01 .boxList img {
  transition: transform 0.25s ease;
}
@media (hover: hover) {
  .lp .lpWrapper .sec01 .boxList a:hover img {
    transform: translateY(calc(-4 * min(100vw, 520px) / 375));
  }
}
.lp .lpWrapper .sec01 .boxList a:active img {
  transform: scale(0.95);
}
.lp .lpWrapper .sec01 .boxList ._goods {
  top: calc(711.3 * min(100vw, 520px) / 375);
  left: calc(211.4 * min(100vw, 520px) / 375);
  width: calc(150 * min(100vw, 520px) / 375);
  transform: rotate(10deg);
}
.lp .lpWrapper .sec01 .boxList ._goods a {
  transition-delay: 0.15s;
}
.lp .lpWrapper .sec01 .boxList ._sweets {
  top: calc(448.2 * min(100vw, 520px) / 375);
  left: calc(7.5 * min(100vw, 520px) / 375);
  width: calc(178 * min(100vw, 520px) / 375);
  transform: rotate(-10deg);
}
.lp .lpWrapper .sec01 .boxList ._sweets a {
  transition-delay: 0s;
}
.lp .lpWrapper .sec01 .boxList ._ornaments {
  top: calc(545.1 * min(100vw, 520px) / 375);
  left: calc(195.1 * min(100vw, 520px) / 375);
  width: calc(152 * min(100vw, 520px) / 375);
  transform: rotate(4deg);
}
.lp .lpWrapper .sec01 .boxList ._ornaments a {
  transition-delay: 0.15s;
}
.lp .lpWrapper .sec01 .boxList ._advent {
  top: calc(415.3 * min(100vw, 520px) / 375);
  left: calc(177.4 * min(100vw, 520px) / 375);
  width: calc(174 * min(100vw, 520px) / 375);
  transform: rotate(10deg);
}
.lp .lpWrapper .sec01 .boxList ._advent a {
  transition-delay: 0.15s;
}
.lp .lpWrapper .sec01 .boxList ._snow {
  top: calc(588.5 * min(100vw, 520px) / 375);
  left: calc(58.1 * min(100vw, 520px) / 375);
  width: calc(114 * min(100vw, 520px) / 375);
  transform: rotate(-6deg);
}
.lp .lpWrapper .sec01 .boxList ._snow a {
  transition-delay: 0s;
}
.lp .lpWrapper .sec01 .boxList ._characters {
  top: calc(706.7 * min(100vw, 520px) / 375);
  left: calc(15 * min(100vw, 520px) / 375);
  width: calc(212 * min(100vw, 520px) / 375);
  transform: rotate(-6deg);
}
.lp .lpWrapper .sec01 .boxList ._characters a {
  transition-delay: 0s;
}
.lp .lpWrapper .sec01 .boxList ._allitems {
  top: calc(810.8 * min(100vw, 520px) / 375);
  left: calc(193 * min(100vw, 520px) / 375);
  width: calc(168 * min(100vw, 520px) / 375);
  transform: rotate(3deg);
}
.lp .lpWrapper .sec01 .boxList ._allitems a {
  transition-delay: 0.15s;
}
.lp .lpWrapper .sec01 .boxList ._wrapping {
  top: calc(825.4 * min(100vw, 520px) / 375);
  left: calc(19.3 * min(100vw, 520px) / 375);
  width: calc(174 * min(100vw, 520px) / 375);
  transform: rotate(-12deg);
}
.lp .lpWrapper .sec01 .boxList ._wrapping a {
  transition-delay: 0s;
}
.lp .lpWrapper .sec02 {
  position: relative;
  height: calc(735 * min(100vw, 520px) / 375);
  background-color: var(--c-tree-bg);
}
.lp .lpWrapper .sec02 .drip {
  position: absolute;
  z-index: 1;
}
.lp .lpWrapper .sec02 .drip._01 {
  top: calc(-21 * min(100vw, 520px) / 375);
  left: calc(-7 * min(100vw, 520px) / 375);
  width: calc(143 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .drip._02 {
  top: calc(-11 * min(100vw, 520px) / 375);
  left: calc(224 * min(100vw, 520px) / 375);
  width: calc(189 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .ttl {
  position: absolute;
  top: calc(62 * min(100vw, 520px) / 375);
  left: calc(10 * min(100vw, 520px) / 375);
  width: calc(354 * min(100vw, 520px) / 375);
  transform: rotate(-5deg);
}
.lp .lpWrapper .sec02 .treeImg {
  position: absolute;
  top: calc(196 * min(100vw, 520px) / 375);
  left: calc(-52 * min(100vw, 520px) / 375);
  width: calc(265 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .item._01 .itemImg {
  position: absolute;
  top: calc(145.34 * min(100vw, 520px) / 375);
  left: calc(232.34 * min(100vw, 520px) / 375);
  width: calc(107 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .item._01 .itemInfo {
  position: absolute;
  top: calc(265 * min(100vw, 520px) / 375);
  left: calc(188 * min(100vw, 520px) / 375);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: calc(167 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .item._01 .name {
  font-size: calc(14 * min(100vw, 520px) / 375);
  letter-spacing: 0;
  white-space: nowrap;
}
.lp .lpWrapper .sec02 .item._01 .dotLine {
  width: calc(167 * min(100vw, 520px) / 375);
  margin-top: calc(6.5 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .item._01 .price {
  margin-top: calc(6.5 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .item._01 .btnBuy {
  width: calc(127 * min(100vw, 520px) / 375);
  margin-top: calc(12 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .item._02 {
  position: absolute;
  top: calc(401 * min(100vw, 520px) / 375);
  left: calc(205 * min(100vw, 520px) / 375);
  width: calc(150 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .item._02 .txt {
  font-family: var(--ff-noto);
  font-size: calc(12 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1.6;
  color: var(--c-text);
}
.lp .lpWrapper .sec02 .item._02 .name {
  margin-top: calc(12 * min(100vw, 520px) / 375);
  font-size: calc(14 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .item._02 .spec {
  margin-top: calc(4 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .item._02 .spec li {
  position: relative;
  padding-left: calc(12 * min(100vw, 520px) / 375);
  font-family: var(--ff-noto);
  font-size: calc(10 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1.4;
  color: var(--c-text);
  white-space: nowrap;
}
.lp .lpWrapper .sec02 .item._02 .spec li + li {
  margin-top: calc(4 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .item._02 .spec li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(8 * min(100vw, 520px) / 375);
  height: calc(8 * min(100vw, 520px) / 375);
  border-radius: 50%;
  background-color: var(--c-text);
  transform: translateY(-50%);
}
.lp .lpWrapper .sec02 .item._02 .dotLine {
  width: calc(149 * min(100vw, 520px) / 375);
  margin-top: calc(10.5 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .item._02 .price {
  margin-top: calc(6.5 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec02 .item._02 .btnBuy {
  width: calc(127 * min(100vw, 520px) / 375);
  margin-top: calc(12 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 {
  position: relative;
  height: calc(564.64 * min(100vw, 520px) / 375);
  margin-top: calc(-26 * min(100vw, 520px) / 375);
  background: url(../images/cal_bg.svg) center top/100% auto no-repeat;
}
.lp .lpWrapper .sec03 .inner {
  position: relative;
  width: 100%;
  max-width: calc(335 * min(100vw, 520px) / 375);
  margin: 0 auto;
  padding-top: calc(63 * min(100vw, 520px) / 375);
  text-align: center;
}
.lp .lpWrapper .sec03 .ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 * min(100vw, 520px) / 375);
  font-family: var(--ff-rockwell);
  font-size: calc(32 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
}
.lp .lpWrapper .sec03 .ttl::before, .lp .lpWrapper .sec03 .ttl::after {
  content: "";
  flex-shrink: 0;
  width: calc(14 * min(100vw, 520px) / 375);
  height: calc(14 * min(100vw, 520px) / 375);
  background: url(../images/cal_star_l.svg) center/contain no-repeat;
}
.lp .lpWrapper .sec03 .ttl::after {
  background-image: url(../images/cal_star_r.svg);
}
.lp .lpWrapper .sec03 .txt {
  margin-top: calc(19 * min(100vw, 520px) / 375);
  font-family: var(--ff-noto);
  font-size: calc(14 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: var(--c-white);
}
.lp .lpWrapper .sec03 .calendar {
  position: relative;
  display: grid;
  grid-template-columns: calc(56 * min(100vw, 520px) / 375) calc(56 * min(100vw, 520px) / 375) calc(56 * min(100vw, 520px) / 375) calc(55 * min(100vw, 520px) / 375) calc(56 * min(100vw, 520px) / 375) calc(56 * min(100vw, 520px) / 375);
  margin-top: calc(24 * min(100vw, 520px) / 375);
  background-color: var(--c-white);
}
.lp .lpWrapper .sec03 .calendar::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: url(../images/cal_grid.svg) 0 0/calc(335.5 * min(100vw, 520px) / 375) calc(224 * min(100vw, 520px) / 375) no-repeat;
  pointer-events: none;
}
.lp .lpWrapper .sec03 .calDay {
  perspective: calc(400 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calCard {
  position: relative;
  display: block;
  width: 100%;
  height: calc(56 * min(100vw, 520px) / 375);
  padding: 0;
  border: 0;
  background: none;
  cursor: default;
  transform-style: preserve-3d;
  transition: transform 0.9s cubic-bezier(0.45, 0, 0.2, 1);
}
.lp .lpWrapper .sec03 .calCard:focus-visible {
  outline: 2px solid var(--c-sound-yellow);
  outline-offset: -2px;
}
.lp .lpWrapper .sec03 .front,
.lp .lpWrapper .sec03 .back {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.lp .lpWrapper .sec03 .front {
  background: url(../images/cal_calendar.webp) no-repeat;
  background-size: calc(336 * min(100vw, 520px) / 375) calc(224 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .back {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--c-white);
  transform: rotateY(180deg);
}
.lp .lpWrapper .sec03 .back img {
  width: 100%;
}
.lp .lpWrapper .sec03 .calDay.is-open .calCard {
  cursor: pointer;
  transform: rotateY(180deg);
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec03 .calCard {
    cursor: pointer;
    transition: none;
  }
}
.lp .lpWrapper .sec03 .calDay:nth-child(1) .front {
  background-position: calc(0 * min(100vw, 520px) / 375) calc(0 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(2) .front {
  background-position: calc(-56 * min(100vw, 520px) / 375) calc(0 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(3) .front {
  background-position: calc(-112 * min(100vw, 520px) / 375) calc(0 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(4) .front {
  background-position: calc(-168 * min(100vw, 520px) / 375) calc(0 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(5) .front {
  background-position: calc(-223 * min(100vw, 520px) / 375) calc(0 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(6) .front {
  background-position: calc(-279 * min(100vw, 520px) / 375) calc(0 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(7) .front {
  background-position: calc(0 * min(100vw, 520px) / 375) calc(-56 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(8) .front {
  background-position: calc(-56 * min(100vw, 520px) / 375) calc(-56 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(9) .front {
  background-position: calc(-112 * min(100vw, 520px) / 375) calc(-56 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(10) .front {
  background-position: calc(-168 * min(100vw, 520px) / 375) calc(-56 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(11) .front {
  background-position: calc(-223 * min(100vw, 520px) / 375) calc(-56 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(12) .front {
  background-position: calc(-279 * min(100vw, 520px) / 375) calc(-56 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(13) .front {
  background-position: calc(0 * min(100vw, 520px) / 375) calc(-112 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(14) .front {
  background-position: calc(-56 * min(100vw, 520px) / 375) calc(-112 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(15) .front {
  background-position: calc(-112 * min(100vw, 520px) / 375) calc(-112 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(16) .front {
  background-position: calc(-168 * min(100vw, 520px) / 375) calc(-112 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(17) .front {
  background-position: calc(-223 * min(100vw, 520px) / 375) calc(-112 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(18) .front {
  background-position: calc(-279 * min(100vw, 520px) / 375) calc(-112 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(19) .front {
  background-position: calc(0 * min(100vw, 520px) / 375) calc(-168 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(20) .front {
  background-position: calc(-56 * min(100vw, 520px) / 375) calc(-168 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(21) .front {
  background-position: calc(-112 * min(100vw, 520px) / 375) calc(-168 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(22) .front {
  background-position: calc(-168 * min(100vw, 520px) / 375) calc(-168 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(23) .front {
  background-position: calc(-223 * min(100vw, 520px) / 375) calc(-168 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .calDay:nth-child(24) .front {
  background-position: calc(-279 * min(100vw, 520px) / 375) calc(-168 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .btnBig {
  margin-top: calc(24 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec03 .snow {
  position: absolute;
  top: calc(-1.8 * min(100vw, 520px) / 375);
  left: calc(309 * min(100vw, 520px) / 375);
  width: calc(52.6 * min(100vw, 520px) / 375);
  transform: rotate(39.26deg);
}
.lp .lpWrapper .sec03 .santa {
  position: absolute;
  top: calc(496.5 * min(100vw, 520px) / 375);
  left: calc(1.5 * min(100vw, 520px) / 375);
  width: calc(72 * min(100vw, 520px) / 375);
  transform: rotate(-10.38deg);
  animation: calSantaRide 7s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec03 .santa {
    animation: none;
  }
}
.lp .lpWrapper .sec04 {
  position: relative;
  padding-bottom: calc(40 * min(100vw, 520px) / 375);
  background: repeating-linear-gradient(90deg, var(--c-dot-red) 0 calc(20 * min(100vw, 520px) / 375), var(--c-rec-pink) calc(20 * min(100vw, 520px) / 375) calc(40 * min(100vw, 520px) / 375));
}
.lp .lpWrapper .sec04 .snowTop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
.lp .lpWrapper .sec04 .swipeHint {
  position: absolute;
  top: calc(4 * min(100vw, 520px) / 375);
  left: calc(110 * min(100vw, 520px) / 375);
  z-index: 2;
  width: calc(34 * min(100vw, 520px) / 375);
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.lp .lpWrapper .sec04 .swipeHint.is-active img {
  animation: swipeHint 2.2s both;
}
.lp .lpWrapper .sec04 .swipeHint.is-done {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .swipeHint.is-active img {
    animation: none;
  }
}
.lp .lpWrapper .sec04 .inner {
  position: relative;
  width: 100%;
  max-width: calc(335 * min(100vw, 520px) / 375);
  margin: 0 auto;
  padding-top: calc(94.7 * min(100vw, 520px) / 375);
  text-align: center;
}
.lp .lpWrapper .sec04 .ttl {
  width: calc(316 * min(100vw, 520px) / 375);
  margin-right: auto;
  margin-left: auto;
}
.lp .lpWrapper .sec04 .txt {
  margin-top: calc(28.3 * min(100vw, 520px) / 375);
  font-family: var(--ff-noto);
  font-size: calc(14 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: var(--c-white);
}
.lp .lpWrapper .sec04 .recBox {
  position: relative;
  margin-top: calc(24 * min(100vw, 520px) / 375);
  padding-bottom: calc(40 * min(100vw, 520px) / 375);
  border-radius: calc(8 * min(100vw, 520px) / 375);
  background-color: var(--c-rec-card);
  text-align: left;
}
.lp .lpWrapper .sec04 .name {
  color: var(--c-dot-red);
}
.lp .lpWrapper .sec04 .dotLine {
  display: block;
  height: calc(3 * min(100vw, 520px) / 375);
  background: radial-gradient(circle, var(--c-sound-yellow) calc(1.5 * min(100vw, 520px) / 375), transparent calc(calc(1.5 * min(100vw, 520px) / 375) + 0.5px)) 0 0/calc(8.3 * min(100vw, 520px) / 375) calc(3 * min(100vw, 520px) / 375) repeat-x;
  margin-top: calc(8 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .price {
  margin-top: calc(8 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .btnBuy {
  margin-top: calc(16 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .itemImg {
  position: absolute;
}
.lp .lpWrapper .sec04 .recPickup {
  position: relative;
  height: calc(924 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup .itemImg img {
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.3s ease 0s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0s;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .recPickup .itemImg img {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec04 .recPickup .itemImg.is-active img {
  opacity: 1;
  transform: none;
}
.lp .lpWrapper .sec04 .recPickup .itemInfo {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: calc(260 * min(100vw, 520px) / 375);
  opacity: 0;
  transform: translateY(calc(24 * min(100vw, 520px) / 375));
  transition: opacity 0.8s ease 0.2s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
}
.lp .lpWrapper .sec04 .recPickup .itemInfo.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .recPickup .itemInfo {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec04 .recPickup .name {
  font-size: calc(16 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup .desc {
  margin-top: calc(8 * min(100vw, 520px) / 375);
  font-family: var(--ff-noto);
  font-size: calc(13 * min(100vw, 520px) / 375);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.04em;
  color: var(--c-text);
}
.lp .lpWrapper .sec04 .recPickup .price {
  font-size: calc(16 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup .price .tax {
  font-size: calc(12 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup .dotLine,
.lp .lpWrapper .sec04 .recPickup .price {
  margin-top: calc(6.5 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup .itemLogo {
  position: absolute;
  top: calc(193 * min(100vw, 520px) / 375);
  left: calc(217 * min(100vw, 520px) / 375);
  width: calc(84 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup .priceList {
  margin-top: calc(6.5 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup .priceList li {
  display: flex;
  align-items: center;
  -moz-column-gap: calc(8 * min(100vw, 520px) / 375);
       column-gap: calc(8 * min(100vw, 520px) / 375);
  white-space: nowrap;
}
.lp .lpWrapper .sec04 .recPickup .priceList li + li {
  margin-top: calc(4 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup .priceList .price {
  margin-top: 0;
  font-size: calc(13 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup .priceList .price .tax {
  font-size: calc(10 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup .priceList .each {
  font-size: calc(12 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup .priceName {
  font-family: var(--ff-noto);
  font-size: calc(14 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: var(--c-dot-red);
}
.lp .lpWrapper .sec04 .recPickup .itemCredit {
  position: absolute;
  display: flex;
  align-items: flex-end;
  -moz-column-gap: calc(2 * min(100vw, 520px) / 375);
       column-gap: calc(2 * min(100vw, 520px) / 375);
  font-family: var(--ff-noto);
  font-size: calc(8 * min(100vw, 520px) / 375);
  font-weight: 400;
  line-height: 1;
  color: var(--c-black);
  white-space: nowrap;
  opacity: 0;
  transform: translateY(calc(24 * min(100vw, 520px) / 375));
  transition: opacity 0.8s ease 0.1s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;
}
.lp .lpWrapper .sec04 .recPickup .itemCredit.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .recPickup .itemCredit {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec04 .recPickup .creditLogo {
  flex-shrink: 0;
  width: calc(44 * min(100vw, 520px) / 375);
  padding: calc(1 * min(100vw, 520px) / 375) calc(2 * min(100vw, 520px) / 375);
  border-radius: calc(5.6 * min(100vw, 520px) / 375);
  background-color: var(--c-nick-purple);
}
.lp .lpWrapper .sec04 .recPickup .keyring {
  position: absolute;
  z-index: 2;
  transform-origin: var(--origin);
}
.lp .lpWrapper .sec04 .recPickup .keyring img {
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.3s ease 0.3s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .recPickup .keyring img {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec04 .recPickup .keyring.is-active {
  animation: decoSwing var(--swing-time) ease-in-out 1s infinite;
}
.lp .lpWrapper .sec04 .recPickup .keyring.is-active img {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .recPickup .keyring.is-active {
    animation: none;
  }
}
.lp .lpWrapper .sec04 .recPickup .keyring._sb {
  --origin: 59.2% 0.9%;
  --swing: 3deg;
  --swing-time: 3.2s;
  top: calc(-45.7 * min(100vw, 520px) / 375);
  left: calc(-23 * min(100vw, 520px) / 375);
  width: calc(101 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup .keyring._pt {
  --origin: 6.3% 1.5%;
  --swing: -3deg;
  --swing-time: 3.6s;
  top: calc(399.3 * min(100vw, 520px) / 375);
  left: calc(265.3 * min(100vw, 520px) / 375);
  width: calc(93 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup ._01 .itemImg {
  top: calc(48 * min(100vw, 520px) / 375);
  left: 0;
  width: calc(335 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup ._01 .itemCredit {
  top: calc(281 * min(100vw, 520px) / 375);
  left: 0;
  justify-content: center;
  width: calc(335 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup ._01 .itemInfo {
  top: calc(330 * min(100vw, 520px) / 375);
  left: calc(20 * min(100vw, 520px) / 375);
  align-items: flex-start;
}
.lp .lpWrapper .sec04 .recPickup ._01 .dotLine {
  width: calc(190 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup ._01 .btnBuy {
  margin-top: calc(16 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup ._02 .itemImg {
  top: calc(515 * min(100vw, 520px) / 375);
  left: 0;
  width: calc(335 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup ._02 .itemCredit {
  top: calc(789 * min(100vw, 520px) / 375);
  left: calc(290 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recPickup ._02 .itemInfo {
  top: calc(809.5 * min(100vw, 520px) / 375);
  right: calc(20 * min(100vw, 520px) / 375);
  align-items: flex-end;
  text-align: right;
}
.lp .lpWrapper .sec04 .recPickup ._02 .dotLine {
  width: calc(186 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList {
  position: relative;
  height: calc(2360 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li {
  position: absolute;
  left: 0;
  width: calc(168 * min(100vw, 520px) / 375);
  opacity: 0;
  transform: translateY(calc(24 * min(100vw, 520px) / 375));
  transition: opacity 0.8s ease var(--anime-delay, 0s), transform 1s cubic-bezier(0.25, 1, 0.5, 1) var(--anime-delay, 0s);
}
.lp .lpWrapper .sec04 .recList li.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .recList li {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec04 .recList li .itemImg img {
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.3s ease calc(var(--anime-delay, 0s) + 0.35s), transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) calc(var(--anime-delay, 0s) + 0.35s);
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .recList li .itemImg img {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec04 .recList li.is-active .itemImg img {
  opacity: 1;
  transform: none;
}
.lp .lpWrapper .sec04 .recList li:nth-child(even) {
  --anime-delay: 0.15s;
  left: calc(168 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(even) .itemInfo {
  padding-left: calc(0.5 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(1) {
  top: calc(0 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(2) {
  top: calc(107 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(3) {
  top: calc(384 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(4) {
  top: calc(491 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(5) {
  top: calc(785 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(6) {
  top: calc(873 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(7) {
  top: calc(1170 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(8) {
  top: calc(1258 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(9) {
  top: calc(1572 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(10) {
  top: calc(1654 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(11) {
  top: calc(1957 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(12) {
  top: calc(2055 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList .itemImg {
  position: relative;
  height: calc(168 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList .itemImg span {
  position: absolute;
  display: block;
}
.lp .lpWrapper .sec04 .recList .itemInfo {
  width: calc(120 * min(100vw, 520px) / 375);
  margin-top: calc(8 * min(100vw, 520px) / 375);
  padding-left: calc(20 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList .small {
  font-size: calc(11 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList .name {
  white-space: nowrap;
}
.lp .lpWrapper .sec04 .recList .dotLine,
.lp .lpWrapper .sec04 .recList .price {
  margin-top: calc(6.5 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList .price {
  font-size: calc(13 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList .each {
  font-size: calc(12 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList .itemCredit {
  position: absolute;
  top: calc(158 * min(100vw, 520px) / 375);
  left: calc(1 * min(100vw, 520px) / 375);
  width: calc(150 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(12) .itemCredit {
  top: calc(143 * min(100vw, 520px) / 375);
  left: 0;
  width: calc(70 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(1) .itemImg span {
  top: calc(5 * min(100vw, 520px) / 375);
  left: calc(10 * min(100vw, 520px) / 375);
  width: calc(143 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(2) .itemImg span {
  top: calc(13 * min(100vw, 520px) / 375);
  left: calc(5 * min(100vw, 520px) / 375);
  width: calc(175 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(3) .itemImg span {
  top: calc(3 * min(100vw, 520px) / 375);
  left: calc(-8 * min(100vw, 520px) / 375);
  width: calc(170 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(4) .itemImg span {
  top: calc(31 * min(100vw, 520px) / 375);
  left: calc(1 * min(100vw, 520px) / 375);
  width: calc(180 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(5) .itemImg span {
  top: calc(9 * min(100vw, 520px) / 375);
  left: calc(8 * min(100vw, 520px) / 375);
  width: calc(151 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(6) .itemImg span {
  top: calc(20 * min(100vw, 520px) / 375);
  left: calc(10 * min(100vw, 520px) / 375);
  width: calc(135 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(7) .itemImg span {
  top: calc(1 * min(100vw, 520px) / 375);
  left: calc(7 * min(100vw, 520px) / 375);
  width: calc(135 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(8) .itemImg span {
  top: calc(3 * min(100vw, 520px) / 375);
  left: calc(11 * min(100vw, 520px) / 375);
  width: calc(144 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(9) .itemImg span {
  top: calc(26 * min(100vw, 520px) / 375);
  left: calc(-16 * min(100vw, 520px) / 375);
  width: calc(180 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(10) .itemImg span {
  top: calc(19 * min(100vw, 520px) / 375);
  left: calc(1 * min(100vw, 520px) / 375);
  width: calc(168 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(11) .itemImg span {
  top: calc(15 * min(100vw, 520px) / 375);
  left: calc(17 * min(100vw, 520px) / 375);
  width: calc(125 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(12) .itemImg span {
  top: calc(-4 * min(100vw, 520px) / 375);
  left: calc(5 * min(100vw, 520px) / 375);
  width: calc(160 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(1) .dotLine {
  width: calc(111 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(2) .dotLine {
  width: calc(99 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(3) .dotLine {
  width: calc(111 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(4) .dotLine {
  width: calc(78 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(5) .dotLine {
  width: calc(136 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(6) .dotLine {
  width: calc(162 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(7) .dotLine {
  width: calc(126 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(8) .dotLine {
  width: calc(151 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(9) .dotLine {
  width: calc(87 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(10) .dotLine {
  width: calc(117 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(11) .dotLine {
  width: calc(111 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(12) .dotLine {
  width: calc(129 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(6) .itemInfo {
  width: calc(162 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(8) .itemInfo {
  margin-top: calc(2.6 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .recList li:nth-child(8) .name {
  letter-spacing: 0;
}
.lp .lpWrapper .sec04 .recList li:nth-child(8) .narrow {
  letter-spacing: -0.067em;
}
.lp .lpWrapper .sec04 .recList + .btnBig {
  margin-top: calc(24 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catCard {
  border-radius: calc(8 * min(100vw, 520px) / 375);
  background-color: var(--c-rec-card);
  opacity: 0;
  transform: translateY(calc(24 * min(100vw, 520px) / 375));
  transition: opacity 0.8s ease var(--anime-delay, 0s), transform 1s cubic-bezier(0.25, 1, 0.5, 1) var(--anime-delay, 0s);
}
.lp .lpWrapper .sec04 .catCard.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .catCard {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec04 .catCard .catImg img {
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.3s ease calc(var(--anime-delay, 0s) + 0.35s), transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) calc(var(--anime-delay, 0s) + 0.35s);
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .catCard .catImg img {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec04 .catCard.is-active .catImg img {
  opacity: 1;
  transform: none;
}
.lp .lpWrapper .sec04 .catTtl {
  margin-right: auto;
  margin-left: auto;
}
.lp .lpWrapper .sec04 .catList {
  margin-top: calc(16 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList .catCard {
  padding: calc(32 * min(100vw, 520px) / 375) 0 calc(24 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList .catCard + .catCard {
  margin-top: calc(16 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList .catTtl {
  height: calc(25 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList .catTxt {
  margin-top: calc(4 * min(100vw, 520px) / 375);
  font-family: var(--ff-noto);
  font-size: calc(14 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.04em;
  color: var(--c-text);
}
.lp .lpWrapper .sec04 .catList ._sweets .catTtl {
  width: calc(146 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList ._sweets .catImg {
  width: calc(258 * min(100vw, 520px) / 375);
  margin-top: calc(13 * min(100vw, 520px) / 375);
  margin-left: calc(28 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList ._sweets .btnBig {
  margin-top: calc(14 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList ._snow .catTtl {
  width: calc(273 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList ._snow .catImg {
  width: calc(244 * min(100vw, 520px) / 375);
  margin-top: calc(23 * min(100vw, 520px) / 375);
  margin-left: calc(44.03 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList ._snow .btnBig {
  margin-top: calc(14 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList ._ornaments .catTtl {
  width: calc(242 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList ._ornaments .catImg {
  width: calc(291 * min(100vw, 520px) / 375);
  margin-top: calc(9 * min(100vw, 520px) / 375);
  margin-left: calc(24 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList ._ornaments .btnBig {
  margin-top: calc(8 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList ._goods .catTtl {
  width: calc(311 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList ._goods .catImg {
  width: calc(238 * min(100vw, 520px) / 375);
  margin-top: calc(7 * min(100vw, 520px) / 375);
  margin-left: calc(48 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catList ._goods .btnBig {
  margin-top: calc(9 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catSmall {
  display: grid;
  grid-template-columns: repeat(2, calc(160 * min(100vw, 520px) / 375));
  justify-content: space-between;
  row-gap: calc(16 * min(100vw, 520px) / 375);
  margin-top: calc(16 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catSmall .catCard {
  padding: calc(16 * min(100vw, 520px) / 375) 0;
}
.lp .lpWrapper .sec04 .catSmall .catCard:nth-child(even) {
  --anime-delay: 0.15s;
}
.lp .lpWrapper .sec04 .catSmall .catTtl {
  height: calc(16 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catSmall .catImg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(120 * min(100vw, 520px) / 375);
  height: calc(120 * min(100vw, 520px) / 375);
  margin: calc(8 * min(100vw, 520px) / 375) auto 0;
}
.lp .lpWrapper .sec04 .catSmall ._characters .catTtl {
  width: calc(149 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catSmall ._characters .catImg span {
  width: calc(120 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catSmall ._wrapping .catTtl {
  width: calc(130 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catSmall ._wrapping .catImg span {
  width: calc(120 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .catSmall .btnSmall {
  margin-top: calc(8 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec04 .btnBuy,
.lp .lpWrapper .sec04 .btnBig,
.lp .lpWrapper .sec04 .btnSmall {
  position: relative;
  z-index: 2;
}
.lp .lpWrapper .sec04 .deco {
  --enter-x: calc(-60 * min(100vw, 520px) / 375);
  position: absolute;
  z-index: 1;
  opacity: 0;
  transform: translateX(var(--enter-x));
  transition: opacity 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1);
}
.lp .lpWrapper .sec04 .deco.is-active {
  opacity: 1;
  transform: none;
}
.lp .lpWrapper .sec04 .deco img {
  transform-origin: var(--origin);
}
.lp .lpWrapper .sec04 .deco.is-active img {
  animation: decoSwing var(--swing-time) ease-in-out 1s infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .deco {
    opacity: 1;
    transform: none;
  }
  .lp .lpWrapper .sec04 .deco.is-active img {
    animation: none;
  }
}
.lp .lpWrapper .sec04 .deco._01 {
  --origin: 46.7% 91%;
  --swing-time: 0s;
  top: calc(280 * min(100vw, 520px) / 375);
  left: calc(6 * min(100vw, 520px) / 375);
  width: calc(70 * min(100vw, 520px) / 375);
  --enter-x: calc(-120 * min(100vw, 520px) / 375);
  transition: opacity 0s, transform 1.6s cubic-bezier(0.25, 0.6, 0.4, 1);
}
.lp .lpWrapper .sec04 .deco._01.is-active img {
  animation: decoTurkeyRun 0.4s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .deco._01.is-active img {
    animation: none;
  }
}
.lp .lpWrapper .sec04 .deco._01._dash {
  --dash-from: calc(-91 * min(100vw, 520px) / 375);
  --dash-to: calc(384 * min(100vw, 520px) / 375);
  --dash-lean: 6deg;
  transform-origin: center bottom;
}
.lp .lpWrapper .sec04 .deco._01._dash.is-active {
  animation: decoTurkeyDash 6s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .deco._01._dash.is-active {
    animation: none;
  }
}
.lp .lpWrapper .sec04 .deco._surf {
  --origin: 70.6% 0.6%;
  --swing-time: 3.2s;
  top: calc(1075.7 * min(100vw, 520px) / 375);
  left: calc(5.97 * min(100vw, 520px) / 375);
  width: calc(80 * min(100vw, 520px) / 375);
  --swing: 4deg;
}
.lp .lpWrapper .sec04 .deco._penguin {
  --origin: 69.3% 0.7%;
  --swing-time: 2.8s;
  top: calc(1180.78 * min(100vw, 520px) / 375);
  left: calc(308.65 * min(100vw, 520px) / 375);
  width: calc(94 * min(100vw, 520px) / 375);
  --enter-x: calc(60 * min(100vw, 520px) / 375);
  --swing: -4deg;
}
.lp .lpWrapper .sec04 .deco._bsanta {
  --origin: 16.5% 0.8%;
  --swing-time: 3.4s;
  top: calc(1445.58 * min(100vw, 520px) / 375);
  left: calc(-5.18 * min(100vw, 520px) / 375);
  width: calc(78 * min(100vw, 520px) / 375);
  --swing: 4deg;
}
.lp .lpWrapper .sec04 .deco._psanta {
  --origin: 70% 0.5%;
  --swing-time: 3s;
  top: calc(1551.07 * min(100vw, 520px) / 375);
  left: calc(304.07 * min(100vw, 520px) / 375);
  width: calc(79 * min(100vw, 520px) / 375);
  --enter-x: calc(60 * min(100vw, 520px) / 375);
  --swing: -4deg;
}
.lp .lpWrapper .sec04 .deco._ctree {
  --origin: 4.1% 0.2%;
  --swing-time: 3.6s;
  top: calc(1832.58 * min(100vw, 520px) / 375);
  left: calc(-11.02 * min(100vw, 520px) / 375);
  width: calc(81 * min(100vw, 520px) / 375);
  --swing: 4deg;
}
.lp .lpWrapper .sec04 .deco._sweater {
  --origin: 67.9% 0.8%;
  --swing-time: 3.1s;
  top: calc(1947.61 * min(100vw, 520px) / 375);
  left: calc(278.54 * min(100vw, 520px) / 375);
  width: calc(128 * min(100vw, 520px) / 375);
  --enter-x: calc(60 * min(100vw, 520px) / 375);
  --swing: -4deg;
}
.lp .lpWrapper .sec04 .deco._turkey1 {
  --origin: 46.9% 91.2%;
  --swing-time: 0s;
  top: calc(2253 * min(100vw, 520px) / 375);
  left: calc(-12 * min(100vw, 520px) / 375);
  width: calc(70 * min(100vw, 520px) / 375);
  --enter-x: calc(-120 * min(100vw, 520px) / 375);
  transition: opacity 0s, transform 1.6s cubic-bezier(0.25, 0.6, 0.4, 1);
}
.lp .lpWrapper .sec04 .deco._turkey1.is-active img {
  animation: decoTurkeyRun 0.4s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .deco._turkey1.is-active img {
    animation: none;
  }
}
.lp .lpWrapper .sec04 .deco._turkey1._dash {
  --dash-from: calc(-73 * min(100vw, 520px) / 375);
  --dash-to: calc(402 * min(100vw, 520px) / 375);
  --dash-lean: 6deg;
  transform-origin: center bottom;
}
.lp .lpWrapper .sec04 .deco._turkey1._dash.is-active {
  animation: decoTurkeyDash 6s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .deco._turkey1._dash.is-active {
    animation: none;
  }
}
.lp .lpWrapper .sec04 .deco._bike {
  --origin: 20.8% 0.5%;
  --swing-time: 3.3s;
  top: calc(2665.45 * min(100vw, 520px) / 375);
  left: calc(0.09 * min(100vw, 520px) / 375);
  width: calc(102 * min(100vw, 520px) / 375);
  --swing: 4deg;
}
.lp .lpWrapper .sec04 .deco._stocking {
  --origin: 83.9% 0.9%;
  --swing-time: 3.5s;
  top: calc(2721 * min(100vw, 520px) / 375);
  left: calc(284.01 * min(100vw, 520px) / 375);
  width: calc(114 * min(100vw, 520px) / 375);
  --enter-x: calc(60 * min(100vw, 520px) / 375);
  --swing: -4deg;
}
.lp .lpWrapper .sec04 .deco._soccer {
  --origin: 28.3% 0.9%;
  --swing-time: 3.8s;
  top: calc(3060.11 * min(100vw, 520px) / 375);
  left: calc(4.11 * min(100vw, 520px) / 375);
  width: calc(73 * min(100vw, 520px) / 375);
  --swing: 4deg;
}
.lp .lpWrapper .sec04 .deco._turkey2 {
  --origin: 53.1% 91.2%;
  --swing-time: 0s;
  top: calc(3126 * min(100vw, 520px) / 375);
  left: calc(303 * min(100vw, 520px) / 375);
  width: calc(70 * min(100vw, 520px) / 375);
  --enter-x: calc(60 * min(100vw, 520px) / 375);
  --enter-x: calc(120 * min(100vw, 520px) / 375);
  transition: opacity 0s, transform 1.6s cubic-bezier(0.25, 0.6, 0.4, 1);
}
.lp .lpWrapper .sec04 .deco._turkey2.is-active img {
  animation: decoTurkeyRun 0.4s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .deco._turkey2.is-active img {
    animation: none;
  }
}
.lp .lpWrapper .sec04 .deco._turkey2._dash {
  --dash-from: calc(87 * min(100vw, 520px) / 375);
  --dash-to: calc(-388 * min(100vw, 520px) / 375);
  --dash-lean: -6deg;
  transform-origin: center bottom;
}
.lp .lpWrapper .sec04 .deco._turkey2._dash.is-active {
  animation: decoTurkeyDash 6s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec04 .deco._turkey2._dash.is-active {
    animation: none;
  }
}
.lp .lpWrapper .sec04 .deco._btree {
  --origin: 9.6% 0.9%;
  --swing-time: 3s;
  top: calc(3401.96 * min(100vw, 520px) / 375);
  left: calc(-1.15 * min(100vw, 520px) / 375);
  width: calc(78 * min(100vw, 520px) / 375);
  --swing: 4deg;
}
.lp .lpWrapper .sec04 .deco._ksanta {
  --origin: 92.3% 0.7%;
  --swing-time: 3.2s;
  top: calc(3941.82 * min(100vw, 520px) / 375);
  left: calc(297.97 * min(100vw, 520px) / 375);
  width: calc(93 * min(100vw, 520px) / 375);
  --enter-x: calc(60 * min(100vw, 520px) / 375);
  --swing: -4deg;
}
.lp .lpWrapper .sec04 .deco._bear {
  --origin: 27.6% 0.2%;
  --swing-time: 3.4s;
  top: calc(4355.82 * min(100vw, 520px) / 375);
  left: calc(0.63 * min(100vw, 520px) / 375);
  width: calc(64 * min(100vw, 520px) / 375);
  --swing: 4deg;
}
.lp .lpWrapper .sec04 .deco._snowman {
  --origin: 64.4% 0.7%;
  --swing-time: 2.9s;
  top: calc(4774.5 * min(100vw, 520px) / 375);
  left: calc(313.57 * min(100vw, 520px) / 375);
  width: calc(90 * min(100vw, 520px) / 375);
  --enter-x: calc(60 * min(100vw, 520px) / 375);
  --swing: -4deg;
}
.lp .lpWrapper .sec04 .deco._01._dash {
  --dash-from-y: calc(40 * min(100vw, 520px) / 375);
  --dash-to-y: calc(-60 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 {
  position: relative;
  padding-top: calc(12 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .ticker {
  height: calc(29 * min(100vw, 520px) / 375);
  overflow: hidden;
}
.lp .lpWrapper .sec05 .tickerTrack {
  display: block;
  width: calc(100% + calc(394 * min(100vw, 520px) / 375));
  height: 100%;
  margin-left: calc(-8 * min(100vw, 520px) / 375);
  background: url(../images/all_ticker.svg) 0 0/calc(197 * min(100vw, 520px) / 375) calc(29 * min(100vw, 520px) / 375) repeat-x;
  animation: allTicker 6s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec05 .tickerTrack {
    animation: none;
  }
}
.lp .lpWrapper .sec05 .allBody {
  margin-top: calc(12 * min(100vw, 520px) / 375);
  padding-bottom: calc(40 * min(100vw, 520px) / 375);
  background-color: var(--c-tree-bg);
}
.lp .lpWrapper .sec05 .inner {
  position: relative;
  width: 100%;
  max-width: calc(335 * min(100vw, 520px) / 375);
  margin: 0 auto;
}
.lp .lpWrapper .sec05 .itemLoop {
  position: relative;
  height: calc(210.82 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .itemLoopTrack {
  position: absolute;
  inset: 0;
  animation: allItemLoop 78s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec05 .itemLoopTrack {
    transform: translateX(calc(-1560 * min(100vw, 520px) / 375));
    animation: none;
  }
}
.lp .lpWrapper .sec05 .itemLoopList {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1560 * min(100vw, 520px) / 375);
  height: 100%;
}
.lp .lpWrapper .sec05 .itemLoopList + .itemLoopList {
  left: calc(1560 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .itemLoopList li {
  position: absolute;
}
.lp .lpWrapper .sec05 .itemLoopList ._01 {
  top: calc(48 * min(100vw, 520px) / 375);
  left: calc(-63 * min(100vw, 520px) / 375);
  width: calc(72 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .itemLoopList ._02 {
  top: calc(58 * min(100vw, 520px) / 375);
  left: calc(39 * min(100vw, 520px) / 375);
  width: calc(124 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .itemLoopList ._03 {
  top: calc(47 * min(100vw, 520px) / 375);
  left: calc(179 * min(100vw, 520px) / 375);
  width: calc(97 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .itemLoopList ._04 {
  top: calc(49 * min(100vw, 520px) / 375);
  left: calc(321 * min(100vw, 520px) / 375);
  width: calc(68 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .itemLoopList ._05 {
  top: calc(63 * min(100vw, 520px) / 375);
  left: calc(435 * min(100vw, 520px) / 375);
  width: calc(119 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .itemLoopList ._06 {
  top: calc(56 * min(100vw, 520px) / 375);
  left: calc(584 * min(100vw, 520px) / 375);
  width: calc(91 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .itemLoopList ._07 {
  top: calc(51 * min(100vw, 520px) / 375);
  left: calc(719 * min(100vw, 520px) / 375);
  width: calc(68 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .itemLoopList ._08 {
  top: calc(56 * min(100vw, 520px) / 375);
  left: calc(828 * min(100vw, 520px) / 375);
  width: calc(98 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .itemLoopList ._09 {
  top: calc(53 * min(100vw, 520px) / 375);
  left: calc(972 * min(100vw, 520px) / 375);
  width: calc(90 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .itemLoopList ._10 {
  top: calc(58 * min(100vw, 520px) / 375);
  left: calc(1086 * min(100vw, 520px) / 375);
  width: calc(109 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .itemLoopList ._11 {
  top: calc(50 * min(100vw, 520px) / 375);
  left: calc(1235 * min(100vw, 520px) / 375);
  width: calc(88 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .itemLoopList ._12 {
  top: calc(50 * min(100vw, 520px) / 375);
  left: calc(1362 * min(100vw, 520px) / 375);
  width: calc(60 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec05 .btnAll {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(72 * min(100vw, 520px) / 375);
  padding-left: calc(19 * min(100vw, 520px) / 375);
  border-radius: calc(40 * min(100vw, 520px) / 375);
  background-color: var(--c-dot-red);
  box-shadow: 3px 3px 0 var(--c-btn-shadow-green);
  font-family: var(--ff-rockwell);
  font-size: calc(34 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: var(--c-white);
}
.lp .lpWrapper .sec05 .btnAll::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(20 * min(100vw, 520px) / 375);
  width: calc(14 * min(100vw, 520px) / 375);
  height: calc(16.8 * min(100vw, 520px) / 375);
  background: url(../images/icon_btn_arrow.svg) center/contain no-repeat;
  transform: translateY(-50%);
}
.lp .lpWrapper .sec05 .btnAll .snow {
  position: absolute;
  top: calc(-9.82 * min(100vw, 520px) / 375);
  left: calc(17 * min(100vw, 520px) / 375);
  width: calc(120 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec06 {
  position: relative;
  padding-bottom: calc(105 * min(100vw, 520px) / 375);
  background-color: var(--c-event-bg);
}
.lp .lpWrapper .sec06 .evHead {
  box-sizing: border-box;
  height: calc(100 * min(100vw, 520px) / 375);
  padding-top: calc(35 * min(100vw, 520px) / 375);
  background: repeating-linear-gradient(-45deg, var(--c-event-blue) 0 calc(30 * min(100vw, 520px) / 375), var(--c-tree-bg) calc(30 * min(100vw, 520px) / 375) calc(40 * min(100vw, 520px) / 375));
}
.lp .lpWrapper .sec06 .evHead .ttl {
  width: calc(343 * min(100vw, 520px) / 375);
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.3s ease 0s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0s;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec06 .evHead .ttl {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec06 .evHead.is-active .ttl {
  opacity: 1;
  transform: none;
}
.lp .lpWrapper .sec06 .inner {
  position: relative;
  width: 100%;
  max-width: calc(335 * min(100vw, 520px) / 375);
  margin: 0 auto;
  padding-top: calc(41 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec06 .evList li {
  opacity: 0;
  transform: translateY(calc(24 * min(100vw, 520px) / 375));
  transition: opacity 0.8s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}
.lp .lpWrapper .sec06 .evList li.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec06 .evList li {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec06 .evList li + li {
  margin-top: calc(24 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec06 .evLink {
  display: block;
  text-decoration: none;
}
.lp .lpWrapper .sec06 .evImg {
  display: block;
}
.lp .lpWrapper .sec06 .evImg:empty {
  aspect-ratio: 335/200;
  background-color: var(--c-event-dummy);
}
.lp .lpWrapper .sec06 .evOfferBody {
  padding: calc(2.4 * min(100vw, 520px) / 375) calc(20 * min(100vw, 520px) / 375) calc(18.7 * min(100vw, 520px) / 375);
  border-radius: 0 0 calc(30.7 * min(100vw, 520px) / 375) calc(30.7 * min(100vw, 520px) / 375);
  background-color: var(--c-offer-green);
}
.lp .lpWrapper .sec06 .evOfferBox {
  padding-bottom: calc(5.2 * min(100vw, 520px) / 375);
  border: calc(2.6 * min(100vw, 520px) / 375) solid var(--c-offer-yellow);
  border-radius: calc(31.8 * min(100vw, 520px) / 375);
  background-color: var(--c-offer-pink);
}
.lp .lpWrapper .sec06 .evOfferImg {
  width: calc(267 * min(100vw, 520px) / 375);
  margin: calc(8.6 * min(100vw, 520px) / 375) auto 0;
}
.lp .lpWrapper .sec06 .evOfferNote {
  margin-top: calc(2.9 * min(100vw, 520px) / 375);
  font-family: var(--ff-noto);
  font-size: calc(9 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1.32;
  color: var(--c-black);
  text-align: center;
}
.lp .lpWrapper .sec06 .ginger {
  position: absolute;
  top: calc(80 * min(100vw, 520px) / 375);
  left: calc(304 * min(100vw, 520px) / 375);
  z-index: 1;
  width: calc(51 * min(100vw, 520px) / 375);
  transform-origin: center bottom;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.3s ease 0.3s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec06 .ginger {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec06 .ginger img {
  transform-origin: center bottom;
}
.lp .lpWrapper .sec06 .ginger.is-active {
  opacity: 1;
  transform: none;
}
.lp .lpWrapper .sec06 .ginger.is-active img {
  animation: evGingerDance 1.6s ease-in-out 0.8s infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec06 .ginger.is-active img {
    animation: none;
  }
}
.lp .lpWrapper .sec06 .turkey {
  --pace-x: calc(255 * min(100vw, 520px) / 375);
  position: absolute;
  top: calc(592.6 * min(100vw, 520px) / 375);
  left: calc(6.2 * min(100vw, 520px) / 375);
  z-index: 1;
  width: calc(49 * min(100vw, 520px) / 375);
  opacity: 0;
  transform-origin: center bottom;
  transition: opacity 0.3s ease;
}
.lp .lpWrapper .sec06 .turkey img {
  transform-origin: 46% 100%;
}
.lp .lpWrapper .sec06 .turkey.is-active {
  opacity: 1;
  animation: evTurkeyPace 5s linear infinite;
}
.lp .lpWrapper .sec06 .turkey.is-active img {
  animation: decoTurkeyRun 0.4s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec06 .turkey {
    opacity: 1;
  }
  .lp .lpWrapper .sec06 .turkey.is-active, .lp .lpWrapper .sec06 .turkey.is-active img {
    animation: none;
  }
}
.lp .lpWrapper .sec06 .box {
  position: absolute;
  z-index: 1;
  transform-origin: center bottom;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.3s ease var(--pop-delay, 0s), transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) var(--pop-delay, 0s);
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec06 .box {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec06 .box img {
  transform-origin: center bottom;
}
.lp .lpWrapper .sec06 .box.is-active {
  opacity: 1;
  transform: none;
}
.lp .lpWrapper .sec06 .box.is-active img {
  animation: evBoxHop 3.2s ease-in-out var(--hop-delay) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec06 .box.is-active img {
    animation: none;
  }
}
.lp .lpWrapper .sec06 .box._01 {
  --pop-delay: 0.15s;
  --hop-delay: 1.8s;
  bottom: calc(77.66 * min(100vw, 520px) / 375);
  left: calc(31.46 * min(100vw, 520px) / 375);
  width: calc(56 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec06 .box._02 {
  --hop-delay: 1s;
  bottom: calc(50.14 * min(100vw, 520px) / 375);
  left: 0;
  width: calc(58 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec07 {
  position: relative;
  margin-top: calc(-50.12 * min(100vw, 520px) / 375);
  padding-top: calc(101.12 * min(100vw, 520px) / 375);
  padding-bottom: calc(40 * min(100vw, 520px) / 375);
  background: url(../images/cs_bg_top.svg) center top/100% auto no-repeat, linear-gradient(var(--c-sound-green), var(--c-sound-green)) 0 calc(39 * min(100vw, 520px) / 375)/100% 100% no-repeat;
}
.lp .lpWrapper .sec07 .csBand {
  position: relative;
  height: calc(73 * min(100vw, 520px) / 375);
  background: repeating-linear-gradient(90deg, var(--c-sound-blue) 0 calc(16 * min(100vw, 520px) / 375), var(--c-lead-pink) calc(16 * min(100vw, 520px) / 375) calc(32 * min(100vw, 520px) / 375)) 0 0/100% calc(8 * min(100vw, 520px) / 375) no-repeat, repeating-linear-gradient(90deg, var(--c-sound-blue) 0 calc(16 * min(100vw, 520px) / 375), var(--c-lead-pink) calc(16 * min(100vw, 520px) / 375) calc(32 * min(100vw, 520px) / 375)) 0 100%/100% calc(8 * min(100vw, 520px) / 375) no-repeat, var(--c-white);
}
.lp .lpWrapper .sec07 .csBand .ttl {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.3s ease 0s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0s;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec07 .csBand .ttl {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec07 .csBand.is-active .ttl {
  opacity: 1;
  transform: none;
}
.lp .lpWrapper .sec07 .inner {
  position: relative;
  width: 100%;
  max-width: calc(335 * min(100vw, 520px) / 375);
  margin: 0 auto;
}
.lp .lpWrapper .sec07 .txt {
  width: calc(295 * min(100vw, 520px) / 375);
  margin: calc(24 * min(100vw, 520px) / 375) auto 0;
  font-family: var(--ff-noto);
  font-size: calc(14 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  color: var(--c-white);
  opacity: 0;
  transform: translateY(calc(24 * min(100vw, 520px) / 375));
  transition: opacity 0.8s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}
.lp .lpWrapper .sec07 .txt.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec07 .txt {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec07 .csImg {
  margin-top: calc(23.6 * min(100vw, 520px) / 375);
  aspect-ratio: 335/199.19;
  background-color: var(--c-event-dummy);
  opacity: 0;
  transform: translateY(calc(24 * min(100vw, 520px) / 375));
  transition: opacity 0.8s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}
.lp .lpWrapper .sec07 .csImg.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec07 .csImg {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec07 .notes {
  width: calc(219 * min(100vw, 520px) / 375);
  margin: calc(16.81 * min(100vw, 520px) / 375) 0 0 auto;
  font-family: var(--ff-noto);
  font-size: calc(10 * min(100vw, 520px) / 375);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: var(--c-white);
  opacity: 0;
  transform: translateY(calc(24 * min(100vw, 520px) / 375));
  transition: opacity 0.8s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}
.lp .lpWrapper .sec07 .notes.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec07 .notes {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec07 .deer {
  position: absolute;
  top: calc(19.23 * min(100vw, 520px) / 375);
  left: calc(281 * min(100vw, 520px) / 375);
  z-index: 1;
  width: calc(76 * min(100vw, 520px) / 375);
  opacity: 0;
  transform: translate(calc(110 * min(100vw, 520px) / 375), calc(-30 * min(100vw, 520px) / 375));
  transition: opacity 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1);
}
.lp .lpWrapper .sec07 .deer img {
  transform-origin: center bottom;
}
.lp .lpWrapper .sec07 .deer.is-active {
  opacity: 1;
  transform: none;
}
.lp .lpWrapper .sec07 .deer.is-active img {
  animation: csDeerLeap 1s ease-in-out 1s infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec07 .deer {
    opacity: 1;
    transform: none;
  }
  .lp .lpWrapper .sec07 .deer.is-active img {
    animation: none;
  }
}
.lp .lpWrapper .sec07 .gift {
  position: absolute;
  top: calc(426.12 * min(100vw, 520px) / 375);
  left: calc(4 * min(100vw, 520px) / 375);
  z-index: 1;
  width: calc(121 * min(100vw, 520px) / 375);
  transform-origin: center bottom;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.3s ease 0.2s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec07 .gift {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec07 .gift img {
  transform-origin: center bottom;
}
.lp .lpWrapper .sec07 .gift.is-active {
  opacity: 1;
  transform: none;
}
.lp .lpWrapper .sec07 .gift.is-active img {
  animation: evBoxHop 3.2s ease-in-out 1.2s infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec07 .gift.is-active img {
    animation: none;
  }
}
.lp .lpWrapper .sec08 {
  padding: calc(40 * min(100vw, 520px) / 375) 0;
  background-color: var(--c-lead-pink);
}
.lp .lpWrapper .sec08 .inner {
  position: relative;
  width: 100%;
  max-width: calc(335 * min(100vw, 520px) / 375);
  margin: 0 auto;
}
.lp .lpWrapper .sec08 .bnList li {
  opacity: 0;
  transform: translateY(calc(24 * min(100vw, 520px) / 375));
  transition: opacity 0.8s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}
.lp .lpWrapper .sec08 .bnList li.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec08 .bnList li {
    opacity: 1;
    transform: none;
  }
}
.lp .lpWrapper .sec08 .bnList li + li {
  margin-top: calc(24 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec08 .bnLink {
  display: block;
}
.lp .lpWrapper .sec08 .bnImg {
  display: block;
}
.lp .lpWrapper .sec08 li:nth-child(3) .bnImg {
  overflow: hidden;
  border-radius: calc(12 * min(100vw, 520px) / 375);
}
.lp .lpWrapper .sec08 .notes {
  margin-top: calc(16 * min(100vw, 520px) / 375);
  font-family: var(--ff-noto);
  font-size: calc(10 * min(100vw, 520px) / 375);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.04em;
  color: var(--c-white);
  opacity: 0;
  transform: translateY(calc(24 * min(100vw, 520px) / 375));
  transition: opacity 0.8s ease 0s, transform 1s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}
.lp .lpWrapper .sec08 .notes.is-active {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp .lpWrapper .sec08 .notes {
    opacity: 1;
    transform: none;
  }
}
.lp .calModal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 calc(20 * min(100vw, 520px) / 375);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.lp .calModal.is-show {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0s;
}
.lp .calModal.is-show .calModalPanel {
  transform: none;
}
.lp .calModalBg {
  position: absolute;
  inset: 0;
  background-color: var(--c-modal-bg);
}
.lp .calModalPanel {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(335 * min(100vw, 520px) / 375);
  max-height: calc(100% - calc(40 * min(100vw, 520px) / 375));
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  padding: calc(16 * min(100vw, 520px) / 375) calc(calc(20 * min(100vw, 520px) / 375) - 1.5px) calc(36 * min(100vw, 520px) / 375);
  border: 1.5px solid var(--c-text);
  border-radius: calc(16 * min(100vw, 520px) / 375);
  background-color: var(--c-white);
  transform: translateY(calc(16 * min(100vw, 520px) / 375));
  transition: transform 0.3s ease;
  scrollbar-width: none;
}
.lp .calModalPanel::-webkit-scrollbar {
  display: none;
}
.lp .calModalPanel:focus {
  outline: none;
}
.lp .calModalClose {
  align-self: flex-end;
  width: calc(34 * min(100vw, 520px) / 375);
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.lp .calModalImg {
  position: relative;
  width: calc(295 * min(100vw, 520px) / 375);
  aspect-ratio: 1;
  margin-top: calc(4 * min(100vw, 520px) / 375);
}
.lp .calModalImg img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, 0.15));
  transition: opacity 0.2s ease;
}
.lp .calModalImg._noShadow img {
  filter: none;
}
.lp .calModalImg.is-loading img {
  opacity: 0;
  transition: none;
}
.lp .calModalCredit {
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: var(--ff-noto);
  font-size: calc(10 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1;
  text-align: right;
  color: var(--c-text);
}
.lp .calModalCredit:empty {
  display: none;
}
.lp .calModalName {
  margin-top: calc(12 * min(100vw, 520px) / 375);
  font-family: var(--ff-noto);
  font-size: calc(14 * min(100vw, 520px) / 375);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: center;
  color: var(--c-modal-text);
}
.lp .calModalPrice {
  margin-top: calc(4 * min(100vw, 520px) / 375);
  font-family: var(--ff-noto);
  font-size: calc(16 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: var(--c-modal-text);
}
.lp .calModalPrice .tax {
  font-size: calc(12 * min(100vw, 520px) / 375);
}
.lp .calModalNote {
  margin-top: calc(8 * min(100vw, 520px) / 375);
  font-family: var(--ff-noto);
  font-size: calc(10 * min(100vw, 520px) / 375);
  line-height: 1.4;
  text-align: center;
  color: var(--c-modal-text);
}
.lp .calModalNote:empty {
  display: none;
}
.lp .calModalBtn {
  position: relative;
  display: block;
  margin-top: calc(40 * min(100vw, 520px) / 375);
  padding: calc(14 * min(100vw, 520px) / 375) calc(56 * min(100vw, 520px) / 375) calc(14 * min(100vw, 520px) / 375) calc(40 * min(100vw, 520px) / 375);
  border-radius: calc(44 * min(100vw, 520px) / 375);
  background-color: var(--c-dot-red);
  box-shadow: 4px 4px 0 var(--c-sound-green);
  font-family: var(--ff-rockwell);
  font-size: calc(28 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: 0.04em;
  text-decoration: none;
  color: var(--c-white);
}
.lp .calModalBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 9.49%;
  width: calc(12 * min(100vw, 520px) / 375);
  height: calc(14 * min(100vw, 520px) / 375);
  background: url(../images/icon_btn_arrow.svg) center/contain no-repeat;
  transform: translateY(-50%);
}

html.is-modal {
  overflow: hidden;
}

@keyframes calSantaRide {
  0% {
    translate: calc(-85 * min(100vw, 520px) / 375) 0;
  }
  70%, 100% {
    translate: calc(385 * min(100vw, 520px) / 375) 0;
  }
}
@keyframes leadSwing {
  0%, 50%, 100% {
    transform: none;
    animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  }
  25% {
    transform: rotate(var(--swing));
    animation-timing-function: cubic-bezier(0.12, 0, 0.39, 0);
  }
  75% {
    transform: rotate(calc(var(--swing) * -1));
    animation-timing-function: cubic-bezier(0.12, 0, 0.39, 0);
  }
}
@keyframes leadArrow {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(calc(3 * min(100vw, 520px) / 375), calc(3 * min(100vw, 520px) / 375));
  }
}
@keyframes swipeHint {
  0% {
    opacity: 1;
    transform: none;
    animation-timing-function: cubic-bezier(0.3, 0.6, 0.4, 1);
  }
  73% {
    opacity: 1;
    transform: translateX(calc(150 * min(100vw, 520px) / 375));
    animation-timing-function: ease;
  }
  100% {
    opacity: 0;
    transform: translateX(calc(150 * min(100vw, 520px) / 375));
  }
}
@keyframes decoSwing {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: rotate(var(--swing));
  }
}
@keyframes decoTurkeyRun {
  0%, 100% {
    transform: rotate(-5deg) scale(1.04, 0.94);
    animation-timing-function: ease-out;
  }
  25%, 75% {
    transform: translateY(calc(-7 * min(100vw, 520px) / 375));
    animation-timing-function: ease-in;
  }
  50% {
    transform: rotate(5deg) scale(1.04, 0.94);
    animation-timing-function: ease-out;
  }
}
@keyframes decoTurkeyDash {
  0% {
    transform: translate(var(--dash-from), var(--dash-from-y, 0px)) rotate(var(--dash-lean));
  }
  40%, 100% {
    transform: translate(var(--dash-to), var(--dash-to-y, 0px)) rotate(var(--dash-lean));
  }
}
@keyframes allTicker {
  from {
    transform: none;
  }
  to {
    transform: translateX(calc(-197 * min(100vw, 520px) / 375));
  }
}
@keyframes allItemLoop {
  from {
    transform: translateX(calc(-1560 * min(100vw, 520px) / 375));
  }
  to {
    transform: none;
  }
}
@keyframes evGingerDance {
  0%, 50%, 100% {
    transform: none;
  }
  25% {
    transform: translateY(calc(-3 * min(100vw, 520px) / 375)) rotate(-10deg);
  }
  75% {
    transform: translateY(calc(-3 * min(100vw, 520px) / 375)) rotate(10deg);
  }
}
@keyframes evTurkeyPace {
  0% {
    transform: translateX(0) scaleX(1) rotate(var(--pace-lean, 6deg));
  }
  45% {
    transform: translateX(var(--pace-x)) scaleX(1) rotate(var(--pace-lean, 6deg));
    animation-timing-function: ease-in-out;
  }
  50% {
    transform: translateX(var(--pace-x)) scaleX(-1) rotate(var(--pace-lean, 6deg));
  }
  95% {
    transform: translateX(0) scaleX(-1) rotate(var(--pace-lean, 6deg));
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateX(0) scaleX(1) rotate(var(--pace-lean, 6deg));
  }
}
@keyframes pcBoardBob {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: translateY(calc(-1 * max(2.4px, min(calc(4 * min(100vw, 1920px) / 1920), 4 * min(100vh, 1080px) / 1080))));
  }
}
@keyframes evBoxHop {
  0%, 72%, 100% {
    transform: none;
  }
  80% {
    transform: translateY(calc(-10 * min(100vw, 520px) / 375));
  }
  87% {
    transform: scale(1.06, 0.92);
  }
  93% {
    transform: none;
  }
}
@keyframes csDeerLeap {
  0%, 100% {
    transform: none;
  }
  35% {
    transform: translateY(calc(-8 * min(100vw, 520px) / 375)) rotate(-8deg);
  }
  70% {
    transform: translateY(calc(-2 * min(100vw, 520px) / 375)) rotate(4deg);
  }
}
@keyframes fixedSantaPeek {
  0%, 62% {
    transform: none;
  }
  70%, 80% {
    transform: translateY(100%);
    animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  88%, 100% {
    transform: none;
  }
}
@keyframes mvHo_03 {
  0%, 0% {
    transform: scale(0);
    animation-timing-function: cubic-bezier(0.34, 1.8, 0.64, 1);
  }
  10%, 75% {
    transform: none;
    animation-timing-function: ease-in;
  }
  85%, 100% {
    transform: scale(0);
  }
}
@keyframes mvHo_02 {
  0%, 13% {
    transform: scale(0);
    animation-timing-function: cubic-bezier(0.34, 1.8, 0.64, 1);
  }
  23%, 75% {
    transform: none;
    animation-timing-function: ease-in;
  }
  85%, 100% {
    transform: scale(0);
  }
}
@keyframes mvHo_01 {
  0%, 26% {
    transform: scale(0);
    animation-timing-function: cubic-bezier(0.34, 1.8, 0.64, 1);
  }
  36%, 75% {
    transform: none;
    animation-timing-function: ease-in;
  }
  85%, 100% {
    transform: scale(0);
  }
}
@keyframes splashPeek {
  0%, 100% {
    transform: translate(calc(60 * min(100vw, 520px) / 375), calc(-60 * min(100vw, 520px) / 375)) rotate(20deg);
    animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  25%, 60% {
    transform: none;
    animation-timing-function: ease-in;
  }
  75% {
    transform: translate(calc(60 * min(100vw, 520px) / 375), calc(-60 * min(100vw, 520px) / 375)) rotate(20deg);
  }
}
.snowLayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 90;
}
.snowLayer canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.soundBarWrap {
  position: relative;
  z-index: 110;
  width: 100%;
  max-width: calc(375 * min(100vw, 520px) / 375);
  height: calc(65 * min(100vw, 520px) / 375);
  margin: 0 auto;
}
@media (min-width: 1001px) {
  .soundBarWrap {
    display: none;
  }
}

.soundBar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--c-sound-yellow);
  border-bottom: 1px solid var(--c-sound-green);
}
.soundBar.is-fixed {
  position: fixed;
  top: var(--sound-top, 0px);
  left: 50%;
  max-width: calc(375 * min(100vw, 520px) / 375);
  height: calc(65 * min(100vw, 520px) / 375);
  transform: translateX(-50%);
}
.soundBar button {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.soundBar button:focus {
  outline: none;
}
.soundBar img {
  display: block;
  width: 100%;
  height: auto;
}
.soundBar .soundBarToggle {
  position: absolute;
  inset: 0;
}
.soundBar .santa {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(60 * min(100vw, 520px) / 375);
}
.soundBar .label {
  position: absolute;
  top: calc(20 * min(100vw, 520px) / 375);
  left: calc(103 * min(100vw, 520px) / 375);
  display: flex;
  align-items: center;
  gap: calc(24 * min(100vw, 520px) / 375);
}
.soundBar .txt {
  padding-top: calc(6 * min(100vw, 520px) / 375);
  font-family: var(--ff-rockwell);
  font-size: calc(16 * min(100vw, 520px) / 375);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  color: var(--c-sound-blue);
  white-space: nowrap;
}
.soundBar .line {
  width: 1px;
  height: calc(20 * min(100vw, 520px) / 375);
  background-color: var(--c-sound-blue);
}
.soundBar .icon {
  position: absolute;
  top: calc(24 * min(100vw, 520px) / 375);
  right: calc(20 * min(100vw, 520px) / 375);
  width: calc(20 * min(100vw, 520px) / 375);
}
.soundBar .icon .on {
  display: none;
}
.soundBar.is-on .icon .on {
  display: block;
}
.soundBar.is-on .icon .off {
  display: none;
}

.fixedBtn {
  position: fixed;
  right: calc(50% - calc(187.5 * min(100vw, 520px) / 375) + calc(10 * min(100vw, 520px) / 375));
  bottom: 70px;
  z-index: 105;
  display: block;
  width: calc(90 * min(100vw, 520px) / 375);
  height: calc(134 * min(100vw, 520px) / 375);
  opacity: 0;
  visibility: hidden;
  transform: translateY(calc(20 * min(100vw, 520px) / 375));
  transition: opacity 0.4s ease, visibility 0.4s, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  -webkit-tap-highlight-color: transparent;
}
.fixedBtn:focus {
  outline: none;
}
.fixedBtn.is_show {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.fixedBtn img {
  display: block;
  width: 100%;
  height: auto;
}
.fixedBtn .santa {
  position: absolute;
  top: 0;
  left: calc(12 * min(100vw, 520px) / 375);
  width: calc(60 * min(100vw, 520px) / 375);
  height: calc(60 * min(100vw, 520px) / 375);
  overflow: hidden;
}
.fixedBtn .santa img {
  animation: fixedSantaPeek 5s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .fixedBtn .santa img {
    animation: none;
  }
}
.fixedBtn .circle {
  position: absolute;
  top: calc(44 * min(100vw, 520px) / 375);
  left: 0;
  width: calc(90 * min(100vw, 520px) / 375);
  transition: transform 0.25s ease;
}
@media (hover: hover) {
  .fixedBtn:hover .circle {
    transform: scale(1.05);
  }
}
@media (min-width: 1001px) {
  .fixedBtn {
    right: max(113.52px, min(calc(189.2 * min(100vw, 1920px) / 1920), 189.2 * min(100vh, 1080px) / 1080));
    bottom: max(24px, min(calc(40 * min(100vw, 1920px) / 1920), 40 * min(100vh, 1080px) / 1080));
    width: max(74.88px, min(calc(124.8 * min(100vw, 1920px) / 1920), 124.8 * min(100vh, 1080px) / 1080));
    height: max(111.486px, min(calc(185.81 * min(100vw, 1920px) / 1920), 185.81 * min(100vh, 1080px) / 1080));
  }
  .fixedBtn .santa {
    left: max(9.984px, min(calc(16.64 * min(100vw, 1920px) / 1920), 16.64 * min(100vh, 1080px) / 1080));
    width: max(49.92px, min(calc(83.2 * min(100vw, 1920px) / 1920), 83.2 * min(100vh, 1080px) / 1080));
    height: max(49.92px, min(calc(83.2 * min(100vw, 1920px) / 1920), 83.2 * min(100vh, 1080px) / 1080));
  }
  .fixedBtn .circle {
    top: max(36.606px, min(calc(61.01 * min(100vw, 1920px) / 1920), 61.01 * min(100vh, 1080px) / 1080));
    width: max(74.88px, min(calc(124.8 * min(100vw, 1920px) / 1920), 124.8 * min(100vh, 1080px) / 1080));
  }
}
.fixedBtn._top {
  display: none;
}
@media (min-width: 1001px) {
  .fixedBtn._top {
    display: block;
    right: max(24px, min(calc(40 * min(100vw, 1920px) / 1920), 40 * min(100vh, 1080px) / 1080));
    width: max(77.4px, min(calc(129 * min(100vw, 1920px) / 1920), 129 * min(100vh, 1080px) / 1080));
    height: max(115.086px, min(calc(191.81 * min(100vw, 1920px) / 1920), 191.81 * min(100vh, 1080px) / 1080));
  }
  .fixedBtn._top .santa {
    left: max(10.2px, min(calc(17 * min(100vw, 1920px) / 1920), 17 * min(100vh, 1080px) / 1080));
    width: max(67.2px, min(calc(112 * min(100vw, 1920px) / 1920), 112 * min(100vh, 1080px) / 1080));
    height: max(53.4px, min(calc(89 * min(100vw, 1920px) / 1920), 89 * min(100vh, 1080px) / 1080));
  }
  .fixedBtn._top .santa img {
    animation-delay: 2.5s;
  }
  .fixedBtn._top .circle {
    top: max(40.206px, min(calc(67.01 * min(100vw, 1920px) / 1920), 67.01 * min(100vh, 1080px) / 1080));
    width: max(74.88px, min(calc(124.8 * min(100vw, 1920px) / 1920), 124.8 * min(100vh, 1080px) / 1080));
  }
}

html.is-splash {
  overflow: hidden;
}
html.is-splash body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 999;
  background: var(--c-splash-green) url(../images/splash_bg.webp) center/calc(530 * min(100vw, 520px) / 375) repeat;
}

@media (max-width: 767px) {
  .wrapper {
    min-width: unset;
  }
}
@media (min-width: 768px) {
  .wrapper > .forcms_block:nth-of-type(1), .wrapper > .forcms_block:nth-of-type(2) {
    position: relative;
    z-index: 100;
  }
  .wrapper > .forcms_block:nth-of-type(2) {
    background: var(--c-white);
  }
  .wrapper .breadcrumb {
    margin-bottom: 0;
  }
  .wrapper .pane-footer {
    margin: 0;
    padding: 50px 0 0 0;
    background: var(--c-white);
  }
}
.wrapper .pane-left-menu {
  display: none;
}

body, .wrapper {
  overflow: visible !important;
}
body > .forcms_block, .wrapper > .forcms_block {
  overflow: hidden;
}

.wrapper {
  min-width: unset;
}

footer .block-page-top {
  display: none !important;
}/*# sourceMappingURL=style.css.map */