@charset "UTF-8";
.main-contents .sp {
  display: none;
}
.main-contents .pc {
  display: block;
}
.main-contents img, .main-contents svg {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media screen and (max-width: 562px) {
  .main-contents .pc {
    display: none;
  }
  .main-contents .sp {
    display: block;
  }
}
.main-contents figure, .main-contents picture {
  display: block;
  margin: 0;
}

.js_u_fade {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1), transform 0.6s cubic-bezier(0.5, 1, 0.89, 1);
  transition-delay: 0s;
}
.js_u_fade.is_active {
  transform: translate(0);
  opacity: 1;
}

.js_n_fade {
  opacity: 0;
  transform: translateY(0);
  transition: opacity 0.8s cubic-bezier(0.5, 1, 0.89, 1), transform 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  transition-delay: 0.1s;
}
.js_n_fade.is_active {
  transform: translate(0);
  opacity: 1;
}

.js-scale {
  transform: scale(0);
  transition: transform 0.7s cubic-bezier(0, 0.86, 0.56, 1.36);
}

.js-dash {
  opacity: 0;
  transform: translateX(-110vw);
  transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1), transform 1s cubic-bezier(0, 0.86, 0.56, 1.36);
  transition-delay: 0.3s;
}
.js-dash.is-active {
  transform: translateX(0) !important;
  opacity: 1;
}
@media screen and (min-width: 562px) {
  .js-dash.is-active {
    transform: translateX(-400px);
  }
}

.__delay01 {
  transition-delay: 0.3s;
}

.__delay02 {
  transition-delay: 0.8s;
}

.__delay03 {
  transition-delay: 1.3s;
}

.fade-in {
  opacity: 1 !important;
  transform: translate(0) !important;
}

.js-fade-01.is_active .js-l-fade,
.js-fade-01.is_active .js-r-fade,
.js-fade-01.is_active .js-u-fade,
.js-fade-01.is_active .main_productImg,
.js-fade-01.is_active .main_txtBox {
  opacity: 1 !important;
  transform: translate(0) !important;
}
.js-fade-01.is_active .js-scale {
  transform: scale(1) !important;
}
.js-fade-01.is_active .js-mask-animation {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

.js-mask-animation {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  /* display: inline-block; */
  transition: 1s 0.3s cubic-bezier(0.68, -0.02, 0.32, 0.99);
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

.js-mask-animation.center {
  -webkit-clip-path: inset(0 100% 100% 0);
          clip-path: inset(0 100% 100% 0);
}

.js-swich {
  position: relative;
}
.js-swich .js-swich-target {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.js-swich .js-swich-target.is-active {
  opacity: 1;
}

.main-contents {
  margin-top: 0;
  overflow: hidden;
  background: #FFCEDB;
  margin-top: 0;
}
footer {
  position: relative;
  z-index: 5;
}

.lp {
  background: #CDEAD7;
}
.lp .lblk {
  display: none;
}
@media (min-width: 1024px) {
  .lp .lblk {
    display: block;
    position: fixed;
    top: 46.2962962963vh;
    left: 10.4166666667vw;
    z-index: 2;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .lp .lblk {
    left: 5.2083333333vw;
  }
}
@media (min-width: 1367px) {
  .lp .lblk {
    left: 6.25vw;
  }
}
.lp .lblk_logo {
  width: 20.15625vw;
  margin: 0 auto;
}
.lp .lblk_sns_list {
  display: flex;
  justify-content: center;
  gap: 0 1.3541666667vw;
  display: grid;
  grid-template-columns: repeat(3, 2.6041666667vw);
  margin: 2.0833333333vw 0 1.3541666667vw;
}
.lp .lblk_url {
  width: 18.90625vw;
  margin: 0 auto;
  display: block;
}
.lp .lblk_allBtn {
  display: block;
  width: 25vw;
  margin: 2.0833333333vw auto 0;
}
.lp .pc_bg_l {
  display: none;
}
@media (min-width: 1024px) {
  .lp .pc_bg_l {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 49.1666666667vw;
    z-index: -1;
    opacity: 0.5;
  }
}
.lp .pc_bg_r {
  display: none;
}
@media (min-width: 1024px) {
  .lp .pc_bg_r {
    display: block;
    position: fixed;
    right: -2.6041666667vw;
    top: 10.4166666667vw;
    width: 25.6770833333vw;
    opacity: 0.5;
    z-index: 3;
  }
}
.lp #lp2412 {
  font-family: "m-plus-rounded-2p", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "MS PGothic", Osaka, arial, sans-serif;
  max-width: 562px;
  flex: 0 0 1;
  margin: 0;
  letter-spacing: 0.02em;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  color: #670000;
  position: relative;
  z-index: 10;
}
@media (max-width: 562px) {
  .lp #lp2412 {
    margin: 0 auto;
    max-width: 562px;
  }
}
@media (min-width: 1024px) {
  .lp #lp2412 {
    margin-left: auto;
    margin-right: 5.2083333333vw;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .lp #lp2412 {
    margin-left: auto;
    margin-right: 10.4166666667vw;
  }
}
@media (min-width: 1367px) {
  .lp #lp2412 {
    margin-left: auto;
    margin-right: 23.4375vw;
  }
}
.lp #lp2412 .en {
  font-family: "cy-text", sans-serif;
}
.lp #lp2412 .lpWrapper {
  background: #fff;
  overflow: hidden;
  line-height: 1;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .lpWrapper {
    position: relative;
  }
  .lp #lp2412 .lpWrapper::before, .lp #lp2412 .lpWrapper::after {
    content: "";
    width: 3px;
    height: 100%;
    background: #680000;
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 5;
  }
  .lp #lp2412 .lpWrapper::before {
    left: 0;
  }
  .lp #lp2412 .lpWrapper::after {
    right: 0;
  }
}
.lp #lp2412 .c_inner {
  padding: 0 calc(20 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .c_inner {
    padding: 0 29.9732px;
  }
}
.lp #lp2412 .js_drop_obj {
  transition-duration: 0.6s;
  transition-timing-function: ease-out;
  transform-origin: top;
  transform: scaleY(0);
}
.lp #lp2412 .js_drop_obj.is_active {
  transform: scale(1);
}
.lp #lp2412 .mv {
  background: #9BD3AE;
  padding: calc(40 * 0.2666666667vw) calc(20 * 0.2666666667vw);
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv {
    padding: 59.9464px 29.9732px;
  }
}
.lp #lp2412 .mv_mainImg {
  position: relative;
}
.lp #lp2412 .mv_mainImg_door {
  width: calc(39.38 * 0.2666666667vw);
  position: absolute;
  top: calc(267.55 * 0.2666666667vw);
  left: calc(139.45 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv_mainImg_door {
    width: 59.0172308px;
    top: 400.966483px;
    left: 208.988137px;
  }
}
.lp #lp2412 .mv_mainImg_item {
  position: absolute;
}
.lp #lp2412 .mv_mainImg_item.__01 {
  width: calc(25.86 * 0.2666666667vw);
  top: calc(385.87 * 0.2666666667vw);
  left: calc(92.15 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv_mainImg_item.__01 {
    width: 38.7553476px;
    top: 578.2879342px;
    left: 138.101519px;
  }
}
.lp #lp2412 .mv_mainImg_item.__02 {
  width: calc(24.03 * 0.2666666667vw);
  bottom: calc(9.16 * 0.2666666667vw);
  left: calc(213.97 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv_mainImg_item.__02 {
    width: 36.0127998px;
    bottom: 13.7277256px;
    left: 320.6682802px;
  }
}
.lp #lp2412 .mv_intro_head {
  position: absolute;
  bottom: calc(-38 * 0.2666666667vw);
  left: 0;
  width: 100%;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv_intro_head {
    bottom: -56.94908px;
  }
}
.lp #lp2412 .mv .js_f3_doorWrapper {
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.1, 0.9, 0.58, 0.97);
  transform-origin: center left;
}
.lp #lp2412 .mv.anime_phase3_active .js_f3_doorWrapper {
  transform: perspective(1000px) rotateY(-60deg);
}
.lp #lp2412 .mv .mv_mainImg_item.__01 {
  animation: shake01 0.8s ease-in-out, slide01 0.8s ease-in-out 0.8s forwards;
  /* 下に落ちるアニメーション */
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .mv_mainImg_item.__01 {
    animation: shake01_pc 0.8s ease-in-out, slide01_pc 0.8s ease-in-out 0.8s forwards;
  }
}
@keyframes shake01_pc {}
@keyframes slide01 {
  0% {
    transform: translateY(calc(0 * 0.2666666667vw)) rotate(-5deg);
  }
  100% {
    transform: translateY(calc(75 * 0.2666666667vw)) rotate(-5deg);
  }
}
@keyframes slide01_pc {
  0% {
    transform: translateY(0px) rotate(-5deg);
  }
  100% {
    transform: translateY(112.3995px) rotate(-5deg);
  }
}
.lp #lp2412 .mv .mv_mainImg_item.__02 {
  animation: shake02 0.8s ease-in-out 1s, slide02 0.5s ease-in-out 1.8s forwards;
  /* 下に落ちるアニメーション */
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .mv_mainImg_item.__02 {
    animation: shake02_pc 0.8s ease-in-out 1s, slide02_pc 0.5s ease-in-out 1.8s forwards;
  }
}
@keyframes shake02 {}
@keyframes shake02_pc {}
@keyframes slide02 {
  0% {
    transform: translateY(calc(0 * 0.2666666667vw)) rotate(5deg);
  }
  100% {
    transform: translateY(calc(30 * 0.2666666667vw)) rotate(5deg);
  }
}
@keyframes slide02_pc {
  0% {
    transform: translateY(0px) rotate(5deg);
  }
  100% {
    transform: translateY(44.9598px) rotate(5deg);
  }
}
.lp #lp2412 .mv [class^=js_f1_],
.lp #lp2412 .mv [class^=js_f2_],
.lp #lp2412 .mv [class^=js_f3_] {
  position: absolute;
  line-height: 0;
}
.lp #lp2412 .mv [class^=js_f1_] {
  transition-delay: 2s;
  transition-duration: 0.8s;
  transition-timing-function: ease;
}
@keyframes set {
  100% {
    transform: rotate(0deg);
  }
}
.lp #lp2412 .mv .js_f3_doorWrapper {
  width: calc(39.3 * 0.2666666667vw);
  height: calc(89.13 * 0.2666666667vw);
  position: absolute;
  top: calc(267.55 * 0.2666666667vw);
  left: calc(139.45 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .js_f3_doorWrapper {
    width: 58.897338px;
    height: 133.5755658px;
    top: 400.966483px;
    left: 208.988137px;
  }
}
.lp #lp2412 .mv .js_f1_door_01 {
  width: 100%;
  top: 0;
  left: 0;
  transform: translate(calc(-130 * 0.2666666667vw), calc(-85 * 0.2666666667vw)) scale(0.82);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .js_f1_door_01 {
    transform: translate(-194.8258px, -127.3861px) scale(0.82);
  }
}
.lp #lp2412 .mv .js_f1_door_02 {
  width: calc(23 * 0.2666666667vw);
  top: calc(21 * 0.2666666667vw);
  left: calc(8.8 * 0.2666666667vw);
  transform: translate(calc(-130 * 0.2666666667vw), calc(-114 * 0.2666666667vw)) scale(0.782);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .js_f1_door_02 {
    width: 34.46918px;
    top: 31.47186px;
    left: 13.188208px;
    transform: translate(-194.8258px, -170.84724px) scale(0.782);
  }
}
.lp #lp2412 .mv .js_f1_door_03 {
  width: calc(31 * 0.2666666667vw);
  top: calc(73 * 0.2666666667vw);
  left: calc(4.75 * 0.2666666667vw);
  transform: translate(calc(-130 * 0.2666666667vw), calc(-74 * 0.2666666667vw)) scale(0.8275);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .js_f1_door_03 {
    width: 46.45846px;
    top: 109.40218px;
    left: 7.118635px;
    transform: translate(-194.8258px, -110.90084px) scale(0.8275);
  }
}
.lp #lp2412 .mv .js_f1_tile_01 {
  width: calc(22.8 * 0.2666666667vw);
  top: calc(191 * 0.2666666667vw);
  left: calc(107 * 0.2666666667vw);
  transform: translate(calc(175.5 * 0.2666666667vw), calc(92 * 0.2666666667vw)) scale(0.763);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .js_f1_tile_01 {
    width: 34.169448px;
    top: 286.24406px;
    left: 160.35662px;
    transform: translate(263.01483px, 137.87672px) scale(0.763);
  }
}
.lp #lp2412 .mv .js_f1_tile_02 {
  width: calc(22.8 * 0.2666666667vw);
  top: calc(191 * 0.2666666667vw);
  left: calc(147 * 0.2666666667vw);
  transform: translate(calc(135.5 * 0.2666666667vw), calc(114 * 0.2666666667vw)) scale(0.763);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .js_f1_tile_02 {
    width: 34.169448px;
    top: 286.24406px;
    left: 220.30302px;
    transform: translate(203.06843px, 170.84724px) scale(0.763);
  }
}
.lp #lp2412 .mv .js_f1_tile_03 {
  width: calc(22.8 * 0.2666666667vw);
  top: calc(191 * 0.2666666667vw);
  left: calc(188 * 0.2666666667vw);
  transform: translate(calc(94.5 * 0.2666666667vw), calc(136 * 0.2666666667vw)) scale(0.763);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .js_f1_tile_03 {
    width: 34.169448px;
    top: 286.24406px;
    left: 281.74808px;
    transform: translate(141.62337px, 203.81776px) scale(0.763);
  }
}
.lp #lp2412 .mv .js_f1_obj_01 {
  width: calc(11.7 * 0.2666666667vw);
  bottom: calc(192.5 * 0.2666666667vw);
  left: calc(99 * 0.2666666667vw);
  transform: translate(calc(-40 * 0.2666666667vw), calc(151 * 0.2666666667vw)) scale(2.1);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .js_f1_obj_01 {
    width: 17.534322px;
    bottom: 288.49205px;
    left: 148.36734px;
    transform: translate(-59.9464px, 226.29766px) scale(2.1);
  }
}
.lp #lp2412 .mv .js_f1_obj_02 {
  width: calc(8 * 0.2666666667vw);
  bottom: calc(143.4 * 0.2666666667vw);
  left: calc(113 * 0.2666666667vw);
  transform: translate(calc(82.5 * 0.2666666667vw), calc(68.5 * 0.2666666667vw)) scale(1.88375);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .js_f1_obj_02 {
    width: 11.98928px;
    bottom: 214.907844px;
    left: 169.34858px;
    transform: translate(123.63945px, 102.65821px) scale(1.88375);
  }
}
.lp #lp2412 .mv .js_f1_obj_03 {
  width: calc(8 * 0.2666666667vw);
  bottom: calc(192.7 * 0.2666666667vw);
  left: calc(201 * 0.2666666667vw);
  transform: translate(calc(-72 * 0.2666666667vw), calc(133.5 * 0.2666666667vw)) scale(3.25);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .js_f1_obj_03 {
    width: 11.98928px;
    bottom: 288.791782px;
    left: 301.23066px;
    transform: translate(-107.90352px, 200.07111px) scale(3.25);
  }
}
.lp #lp2412 .mv .js_f1_obj_04 {
  width: calc(16.5 * 0.2666666667vw);
  bottom: calc(143.5 * 0.2666666667vw);
  left: calc(206 * 0.2666666667vw);
  transform: translate(calc(65 * 0.2666666667vw), calc(68.8 * 0.2666666667vw)) scale(1.87);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .js_f1_obj_04 {
    width: 24.72789px;
    bottom: 215.05771px;
    left: 308.72396px;
    transform: translate(97.4129px, 103.107808px) scale(1.87);
  }
}
.lp #lp2412 .mv.anime_phase1_active [class*=js_f1_] {
  transform: translate(0) scale(1);
}
.lp #lp2412 .mv.anime_phase1_active [class*=js_f1_door]:nth-of-type(odd) svg {
  animation: shake01 1s 0.5s ease-in-out forwards, set 1s 1.8s ease-in-out forwards;
}
.lp #lp2412 .mv.anime_phase1_active [class*=js_f1_door]:nth-of-type(even) svg {
  animation: shake02 1s 0.5s ease-in-out forwards, set 1s 1.8s ease-in-out forwards;
}
.lp #lp2412 .mv.anime_phase1_active [class*=js_f1_tile]:nth-of-type(odd) svg {
  animation: shake01 1s 0.5s ease-in-out forwards, set 1s 1.8s ease-in-out forwards;
}
.lp #lp2412 .mv.anime_phase1_active [class*=js_f1_tile]:nth-of-type(even) svg {
  animation: shake02 1s 0.5s ease-in-out forwards, set 1s 1.8s ease-in-out forwards;
}
.lp #lp2412 .mv.anime_phase1_active [class*=js_f1_obj]:nth-of-type(odd) svg {
  animation: shake01 1s 0.5s ease-in-out forwards, set 1s 1.8s ease-in-out forwards;
}
.lp #lp2412 .mv.anime_phase1_active [class*=js_f1_obj]:nth-of-type(even) svg {
  animation: shake02 1s 0.5s ease-in-out forwards, set 1s 1.8s ease-in-out forwards;
}
.lp #lp2412 .mv .js_f2_obj_01 {
  width: calc(43.04 * 0.2666666667vw);
  top: calc(385.87 * 0.2666666667vw);
  left: calc(34.15 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .js_f2_obj_01 {
    width: 64.5023264px;
    top: 578.2879342px;
    left: 51.179239px;
  }
}
.lp #lp2412 .mv .js_f2_obj_02 {
  width: calc(24.03 * 0.2666666667vw);
  bottom: calc(9.16 * 0.2666666667vw);
  left: calc(213.97 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv .js_f2_obj_02 {
    width: 36.0127998px;
    bottom: 13.7277256px;
    left: 320.6682802px;
  }
}
.lp #lp2412 .mv.anime_phase2_active .js_f2_obj_01 {
  animation: shake01 0.8s ease-in-out forwards, slide01 0.8s ease-in-out 1.5s forwards;
  /* 下に落ちるアニメーション */
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv.anime_phase2_active .js_f2_obj_01 {
    animation: shake01 0.8s ease-in-out forwards, slide01_pc 0.8s ease-in-out 1.5s forwards;
  }
}
@keyframes slide01 {
  100% {
    transform: translateY(calc(110 * 0.2666666667vw)) rotate(-5deg);
  }
}
@keyframes slide01_pc {
  100% {
    transform: translateY(164.8526px) rotate(-5deg);
  }
}
.lp #lp2412 .mv.anime_phase2_active .js_f2_obj_02 {
  animation: shake01 0.8s ease-in-out forwards, slide02 0.8s ease-in-out 1.5s forwards;
  /* 下に落ちるアニメーション */
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .mv.anime_phase2_active .js_f2_obj_02 {
    animation: shake01 0.8s ease-in-out forwards, slide02_pc 0.8s ease-in-out 1.5s forwards;
  }
}
@keyframes slide02 {
  100% {
    transform: translateY(calc(45 * 0.2666666667vw)) rotate(-5deg);
  }
}
@keyframes slide02_pc {
  100% {
    transform: translateY(67.4397px) rotate(-5deg);
  }
}
@keyframes shake01 {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(5deg);
  }
}
@keyframes shake02 {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  75% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@keyframes shake01_pc {}
.lp #lp2412 .intro {
  padding: calc(100 * 0.2666666667vw) calc(20 * 0.2666666667vw) calc(40 * 0.2666666667vw);
  background: url(../images/intro_bg.svg) no-repeat bottom center/cover;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .intro {
    padding: 149.866px 29.9732px 59.9464px;
  }
}
.lp #lp2412 .intro_lead {
  text-align: center;
  color: #FEECD2;
  font-size: calc(14 * 0.2666666667vw);
  font-weight: 800;
  line-height: 2;
  letter-spacing: 0.02em;
  margin: 0 calc(50% - 50vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .intro_lead {
    font-size: 20.98124px;
    font-weight: 600;
  }
}
.lp #lp2412 .intro_hook {
  width: calc(180 * 0.2666666667vw);
  margin: calc(35 * 0.2666666667vw) auto 0;
  animation: mochimochi 2s infinite;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .intro_hook {
    width: 269.7588px;
    margin: 52.4531px auto 0;
  }
}
@keyframes mochimochi {
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(0.8, 1.1);
  }
  45% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.lp #lp2412 .intro_banner {
  display: block;
  width: 100%;
  margin-top: calc(20 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .intro_banner {
    margin-top: 29.9732px;
  }
}
.lp #lp2412 .products {
  background: #9BD3AE;
  padding: calc(80 * 0.2666666667vw) calc(20 * 0.2666666667vw) calc(40 * 0.2666666667vw);
  position: relative;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products {
    padding: 119.8928px 29.9732px 59.9464px;
  }
}
.lp #lp2412 .products_drop {
  width: calc(118 * 0.2666666667vw);
  position: absolute;
  right: calc(13 * 0.2666666667vw);
  top: calc(-7 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_drop {
    width: 176.84188px;
    position: absolute;
    right: 19.48258px;
    top: -10.49062px;
  }
}
.lp #lp2412 .products_inner {
  position: relative;
}
.lp #lp2412 .products_container {
  text-align: center;
  padding-bottom: calc(16 * 0.2666666667vw);
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_container {
    padding-bottom: 23.97856px;
  }
}
.lp #lp2412 .products_container.recommend {
  background: url(../images/product_recommend_frame.svg) no-repeat top center/contain;
  height: calc(1466 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_container.recommend {
    height: 2197.03556px;
  }
}
.lp #lp2412 .products_container.recommend .products_name {
  min-height: calc(33.45 * 0.2666666667vw);
  margin-top: calc(15 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_container.recommend .products_name {
    min-height: 50.130177px;
    margin-top: 22.4799px;
  }
}
.lp #lp2412 .products_container.recommend .products_btn {
  margin-top: calc(15 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_container.recommend .products_btn {
    margin-top: 22.4799px;
  }
}
.lp #lp2412 .products_container.character {
  background: url(../images/product_character_frame.svg) no-repeat top center/contain;
  height: calc(898 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_container.character {
    height: 1345.79668px;
  }
}
.lp #lp2412 .products_container.character .products_name {
  min-height: calc(33.45 * 0.2666666667vw);
  margin-top: calc(11 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_container.character .products_name {
    min-height: 50.130177px;
    margin-top: 16.48526px;
  }
}
.lp #lp2412 .products_container.character .products_btn {
  margin-top: calc(11 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_container.character .products_btn {
    margin-top: 16.48526px;
  }
}
.lp #lp2412 .products_container.character .products_card {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.lp #lp2412 .products_head {
  font-size: calc(18 * 0.2666666667vw);
  font-weight: 700;
  color: #9E250C;
  background: #680000;
  width: calc(173 * 0.2666666667vw);
  height: calc(40 * 0.2666666667vw);
  margin: 0 auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0rem 0rem calc(12 * 0.2666666667vw) calc(12 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_head {
    font-size: 26.97588px;
    width: 259.26818px;
    height: 59.9464px;
    border-radius: 0rem 0rem 17.98392px 17.98392px;
  }
}
.lp #lp2412 .products_list {
  display: grid;
  gap: calc(24 * 0.2666666667vw) calc(24 * 0.2666666667vw);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  padding: 0 calc(24 * 0.2666666667vw);
  margin-top: calc(20 * 0.2666666667vw);
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_list {
    gap: 35.96784px 35.96784px;
    padding: 0 35.96784px;
    margin-top: 29.9732px;
  }
}
.lp #lp2412 .products_list li {
  position: relative;
  height: calc(260 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_list li {
    height: 389.6516px;
  }
}
.lp #lp2412 .products_card {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: calc(12 * 0.2666666667vw);
  background: #FEECD2;
  padding: calc(20 * 0.2666666667vw) calc(12 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_card {
    border-radius: 17.98392px;
    padding: 29.9732px 17.98392px;
  }
}
.lp #lp2412 .products_name {
  font-size: calc(12 * 0.2666666667vw);
  line-height: 1.4;
  font-weight: 800;
  color: #680000;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_name {
    font-size: 17.98392px;
    font-weight: 600;
  }
}
.lp #lp2412 .products_btn {
  height: calc(32 * 0.2666666667vw);
  flex-shrink: 0;
  border-radius: calc(50 * 0.2666666667vw);
  border: calc(2 * 0.2666666667vw) solid #670000;
  background: #C71C49;
  box-shadow: calc(1 * 0.2666666667vw) calc(1 * 0.2666666667vw) 0px 0px #670000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(14 * 0.2666666667vw);
  letter-spacing: 0.04em;
  font-weight: 800;
  color: #FFE6CB;
  cursor: pointer;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_btn {
    height: 47.95712px;
    border-radius: 74.933px;
    border: 2.99732px solid #670000;
    box-shadow: 1.49866px 1.49866px 0px 0px #670000;
    font-size: 20.98124px;
    font-weight: 600;
  }
}
.lp #lp2412 .products_spacerObj {
  width: calc(343 * 0.2666666667vw);
  margin: calc(50 * 0.2666666667vw) auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_spacerObj {
    width: 514.04038px;
    margin: 74.933px auto;
  }
}
.lp #lp2412 .products_rotationObj {
  transform-origin: center; /* 回転の基点を要素の下部中央に設定 */
  animation: wiper-animation 1s infinite ease-in-out;
}
@keyframes wiper-animation {
  0% {
    transform: rotateZ(-5deg);
  }
  50% {
    transform: rotateZ(5deg);
  }
  100% {
    transform: rotateZ(-5deg);
  }
}
.lp #lp2412 .products_rotationObj.obj_01 {
  width: calc(61 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_rotationObj.obj_01 {
    width: 91.41826px;
  }
}
.lp #lp2412 .products_rotationObj.obj_02 {
  width: calc(107 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_rotationObj.obj_02 {
    width: 160.35662px;
  }
}
.lp #lp2412 .products_rotationObj.obj_03 {
  width: calc(71 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_rotationObj.obj_03 {
    width: 106.40486px;
  }
}
.lp #lp2412 .products_rotationObj.obj_04 {
  width: calc(86 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_rotationObj.obj_04 {
    width: 128.88476px;
  }
}
.lp #lp2412 .products_allBtn {
  margin-top: calc(40 * 0.2666666667vw);
  display: block;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .products_allBtn {
    margin-top: 59.9464px;
  }
}
.lp #lp2412 .limited {
  position: relative;
  background: url(../images/limited_bg.svg) no-repeat center bottom/cover;
  padding: calc(118 * 0.2666666667vw) 0 calc(73 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .limited {
    padding: 176.84188px 0 109.40218px;
  }
}
.lp #lp2412 .limited::before {
  content: "";
  width: 100%;
  height: calc(40 * 0.2666666667vw);
  background: url(../images/limited_head.svg) no-repeat center center/cover;
  display: inline-block;
  position: absolute;
  top: calc(-1 * 0.2666666667vw);
  left: 0;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .limited::before {
    height: 59.9464px;
    top: -1.49866px;
  }
}
.lp #lp2412 .limited_ttl {
  width: calc(335 * 0.2666666667vw);
  margin: 0 auto;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .limited_ttl {
    width: 502.0511px;
  }
}
.lp #lp2412 .limited_box {
  width: calc(335 * 0.2666666667vw);
  border-radius: calc(20 * 0.2666666667vw);
  border: calc(2 * 0.2666666667vw) solid #FFE6CB;
  background: #FEECD2;
  padding: calc(28 * 0.2666666667vw) calc(20 * 0.2666666667vw) calc(29 * 0.2666666667vw);
  box-sizing: border-box;
  margin: calc(38 * 0.2666666667vw) auto 0;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .limited_box {
    width: 502.0511px;
    border-radius: 29.9732px;
    border: 2.99732px solid #FFE6CB;
    padding: 41.96248px 29.9732px 43.46114px;
    margin: 56.94908px auto 0;
  }
}
.lp #lp2412 .limited_box_lead {
  text-align: center;
  font-weight: 800;
  font-size: calc(18 * 0.2666666667vw);
  line-height: 1.5;
  color: #670000;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .limited_box_lead {
    font-size: 26.97588px;
    font-weight: 600;
  }
}
.lp #lp2412 .limited_box_img {
  margin-top: calc(24 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .limited_box_img {
    margin-top: 35.96784px;
  }
}
.lp #lp2412 .limited_box_note {
  margin-top: calc(22 * 0.2666666667vw);
  font-size: calc(10 * 0.2666666667vw);
  line-height: 1.5;
  font-weight: 800;
  color: #670000;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .limited_box_note {
    margin-top: 32.97052px;
    font-size: 14.9866px;
    font-weight: 600;
  }
}
.lp #lp2412 .event {
  padding: calc(80 * 0.2666666667vw) 0 calc(40 * 0.2666666667vw);
  background: #FEECD2;
  position: relative;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event {
    padding: 119.8928px 0 59.9464px;
  }
}
.lp #lp2412 .event_drop {
  width: calc(118 * 0.2666666667vw);
  position: absolute;
  left: calc(-1 * 0.2666666667vw);
  top: calc(-7 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_drop {
    width: 176.84188px;
    left: -1.49866px;
    top: -10.49062px;
  }
}
.lp #lp2412 .event_ttl {
  width: calc(175 * 0.2666666667vw);
  margin: 0 auto;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_ttl {
    width: 262.2655px;
  }
}
.lp #lp2412 .event_lead {
  text-align: center;
  font-weight: 800;
  font-size: calc(14 * 0.2666666667vw);
  letter-spacing: 0.04em;
  margin-top: calc(22 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_lead {
    font-size: 20.98124px;
    margin-top: 32.97052px;
    font-weight: 600;
  }
}
.lp #lp2412 .event_box {
  margin: calc(20 * 0.2666666667vw) auto 0;
  width: calc(335 * 0.2666666667vw);
  border-radius: 2rem;
  background: #FFF;
  padding: calc(20 * 0.2666666667vw) 0 calc(24 * 0.2666666667vw) calc(20 * 0.2666666667vw);
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_box {
    margin: 29.9732px auto 0;
    width: 502.0511px;
    padding: 29.9732px 0 35.96784px 29.9732px;
  }
}
.lp #lp2412 .event_box_schedule {
  display: flex;
  gap: 0 calc(14.5 * 0.2666666667vw);
  align-items: center;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_box_schedule {
    gap: 0 21.73057px;
  }
}
.lp #lp2412 .event_box_schedule + .event_box_schedule {
  margin-top: calc(20 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_box_schedule + .event_box_schedule {
    margin-top: 29.9732px;
  }
}
.lp #lp2412 .event_box_schedule_day {
  width: calc(110 * 0.2666666667vw);
  height: calc(37 * 0.2666666667vw);
  border-radius: calc(50 * 0.2666666667vw);
  background: #EE86AE;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: calc(16 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_box_schedule_day {
    width: 164.8526px;
    height: 55.45042px;
    border-radius: 74.933px;
    font-size: 23.97856px;
    font-weight: 600;
  }
}
.lp #lp2412 .event_box_schedule_day .m {
  font-size: calc(14 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_box_schedule_day .m {
    font-size: 20.98124px;
  }
}
.lp #lp2412 .event_box_schedule_day .s {
  font-size: calc(12 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_box_schedule_day .s {
    font-size: 17.98392px;
  }
}
.lp #lp2412 .event_box_schedule_cont {
  font-size: calc(12 * 0.2666666667vw);
  font-weight: 800;
  color: #680006;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_box_schedule_cont {
    font-size: 17.98392px;
    font-weight: 600;
  }
}
.lp #lp2412 .event_box_obj {
  position: absolute;
}
.lp #lp2412 .event_box_obj.__01 {
  width: calc(52.5 * 0.2666666667vw);
  top: calc(-32 * 0.2666666667vw);
  left: calc(-21 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_box_obj.__01 {
    width: 78.67965px;
    top: -47.95712px;
    left: -31.47186px;
  }
}
.lp #lp2412 .event_box_obj.__02 {
  width: calc(73.5 * 0.2666666667vw);
  top: calc(43 * 0.2666666667vw);
  right: calc(-10 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_box_obj.__02 {
    width: 110.15151px;
    top: 64.44238px;
    right: -14.9866px;
  }
}
.lp #lp2412 .event_box_obj.__03 {
  width: calc(89.5 * 0.2666666667vw);
  bottom: calc(-35 * 0.2666666667vw);
  left: calc(-44 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_box_obj.__03 {
    width: 134.13007px;
    bottom: -52.4531px;
    left: -65.94104px;
  }
}
.lp #lp2412 .event_btnCap {
  width: calc(281 * 0.2666666667vw);
  margin: calc(40 * 0.2666666667vw) auto 0;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_btnCap {
    width: 421.12346px;
    margin: 59.9464px auto 0;
  }
}
.lp #lp2412 .event_btn {
  width: calc(335 * 0.2666666667vw);
  display: block;
  margin: calc(24 * 0.2666666667vw) auto 0;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .event_btn {
    width: 502.0511px;
    margin: 35.96784px auto 0;
  }
}
.lp #lp2412 .campaign {
  padding: calc(118 * 0.2666666667vw) calc(20 * 0.2666666667vw) calc(78 * 0.2666666667vw);
  background: url(../images/special_bg.svg) no-repeat center center/cover;
  position: relative;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .campaign {
    padding: 176.84188px 29.9732px 116.89548px;
  }
}
.lp #lp2412 .campaign::before {
  content: "";
  width: 100%;
  height: calc(40 * 0.2666666667vw);
  background: url(../images/campaign_head.svg) no-repeat center center/cover;
  display: inline-block;
  position: absolute;
  top: calc(-1 * 0.2666666667vw);
  left: 0;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .campaign::before {
    height: 59.9464px;
    top: -1.49866px;
  }
}
.lp #lp2412 .campaign_lead {
  text-align: center;
  line-height: 2.05;
  font-size: calc(14 * 0.2666666667vw);
  font-weight: 800;
  color: #fff;
  margin-top: calc(28 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .campaign_lead {
    font-size: 20.98124px;
    margin-top: 41.96248px;
    font-weight: 600;
  }
}
.lp #lp2412 .campaign_symbol {
  margin-top: calc(33 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .campaign_symbol {
    margin-top: 49.45578px;
  }
}
.lp #lp2412 .campaign_btn {
  width: calc(335 * 0.2666666667vw);
  display: block;
  margin: calc(32 * 0.2666666667vw) auto 0;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .campaign_btn {
    width: 502.0511px;
    margin: 47.95712px auto 0;
  }
}
.lp #lp2412 .bottom {
  background: #F286AF;
  padding: calc(74 * 0.2666666667vw) calc(20 * 0.2666666667vw) 0;
  position: relative;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .bottom {
    padding: 110.90084px 29.9732px 0;
  }
}
.lp #lp2412 .bottom::before {
  content: "";
  width: 100%;
  height: calc(40 * 0.2666666667vw);
  background: url(../images/campaign_bottom.svg) no-repeat center center/cover;
  display: inline-block;
  position: absolute;
  top: calc(-13 * 0.2666666667vw);
  left: 0;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .bottom::before {
    height: 59.9464px;
    top: -19.48258px;
  }
}
.lp #lp2412 .banner_item {
  display: block;
}
.lp #lp2412 .banner_item + .banner_item {
  margin-top: calc(20 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .banner_item + .banner_item {
    margin-top: 29.9732px;
  }
}
.lp #lp2412 .copy {
  padding: calc(40 * 0.2666666667vw) 0;
  text-align: center;
  font-size: calc(14 * 0.2666666667vw);
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 562px) {
  .lp #lp2412 .copy {
    padding: 59.9464px 0;
    font-size: 20.98124px;
  }
}
.lp .modal {
  font-family: "m-plus-rounded-2p", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "MS PGothic", Osaka, arial, sans-serif;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  transition-duration: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.lp .modal.is_active {
  opacity: 1;
  visibility: visible;
}
.lp .modal_box {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border-radius: calc(12 * 0.2666666667vw);
  background: #FEECD2;
  padding: calc(44 * 0.2666666667vw) calc(30 * 0.2666666667vw) calc(30 * 0.2666666667vw);
  color: #680000;
}
@media screen and (min-width: 562px) {
  .lp .modal_box {
    margin-top: 29.9732px;
    padding: 65.94104px 44.9598px 44.9598px;
    border-radius: 17.98392px;
  }
}
@media (min-width: 1025px) {
  .lp .modal_box {
    display: flex;
    gap: 0 24px;
  }
}
.lp .modal_box_closeBtn {
  width: calc(32 * 0.2666666667vw);
  position: absolute;
  top: calc(12 * 0.2666666667vw);
  left: calc(12 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp .modal_box_closeBtn {
    width: 47.95712px;
    top: 17.98392px;
    left: 17.98392px;
  }
}
.lp .modal_productImg {
  width: calc(196 * 0.2666666667vw);
  margin: 0 auto;
}
@media screen and (min-width: 562px) {
  .lp .modal_productImg {
    width: 293.73736px;
  }
}
@media (min-width: 1025px) {
  .lp .modal_productImg {
    flex: 0 0 293.73736px;
  }
}
.lp .modal_productName {
  margin-top: calc(20 * 0.2666666667vw);
  font-size: calc(20 * 0.2666666667vw);
  font-weight: 800;
  text-align: center;
  line-height: 1.33;
}
@media screen and (min-width: 562px) {
  .lp .modal_productName {
    margin-top: 29.9732px;
    font-size: 29.9732px;
    font-weight: 600;
  }
}
@media (min-width: 1025px) {
  .lp .modal_productName {
    text-align: left;
    margin-top: 0;
  }
}
.lp .modal_productPrice {
  font-size: calc(14 * 0.2666666667vw);
  font-weight: 800;
  text-align: center;
  margin-top: calc(8 * 0.2666666667vw);
  line-height: 1;
}
@media screen and (min-width: 562px) {
  .lp .modal_productPrice {
    font-size: 20.98124px;
    margin-top: 11.98928px;
    font-weight: 600;
  }
}
@media (min-width: 1025px) {
  .lp .modal_productPrice {
    text-align: left;
  }
}
.lp .modal_productPrice_yen {
  font-size: calc(10 * 0.2666666667vw);
  font-weight: 800;
}
@media screen and (min-width: 562px) {
  .lp .modal_productPrice_yen {
    font-size: 14.9866px;
    font-weight: 600;
  }
}
.lp .modal_productPrice_tax {
  font-size: calc(12 * 0.2666666667vw);
  font-weight: 800;
}
@media screen and (min-width: 562px) {
  .lp .modal_productPrice_tax {
    font-size: 17.98392px;
    font-weight: 600;
  }
}
.lp .modal_productDesc {
  font-size: calc(10 * 0.2666666667vw);
  line-height: 2;
  font-weight: 800;
  width: calc(196 * 0.2666666667vw);
  font-feature-settings: "palt";
  margin: calc(18 * 0.2666666667vw) auto 0;
}
@media screen and (min-width: 562px) {
  .lp .modal_productDesc {
    font-size: 14.9866px;
    width: 293.73736px;
    margin: 26.97588px auto 0;
    font-weight: 600;
  }
}
@media (min-width: 1025px) {
  .lp .modal_productDesc {
    width: auto;
  }
}
.lp .modal_productLink {
  display: block;
  margin: calc(24 * 0.2666666667vw) auto 0;
  width: calc(240 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .lp .modal_productLink {
    margin: 35.96784px auto 0;
    width: 359.6784px;
  }
}
@media (min-width: 1025px) {
  .lp .modal_productLink {
    width: 239.7856px;
    margin: 26.97588px auto 0;
  }
}
.lp .modal_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(104, 0, 0, 0.25);
}
.lp .fixedBtn {
  display: block;
  position: fixed;
  bottom: calc(15 * 0.2666666667vw);
  right: calc(11 * 0.2666666667vw);
  width: calc(93 * 0.2666666667vw);
  z-index: 10;
  transition-duration: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.lp .fixedBtn.is_show {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  .lp .fixedBtn {
    bottom: 22.4799px;
    right: 16.48526px;
    width: 139.37538px;
  }
}

body.is_fixed, html.is_fixed {
  overflow: hidden;
}

a:hover,
a img:hover {
  text-decoration: none;
  opacity: 1;
}

@media (min-width: 768px) {
  .lp-hd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
  }
}

.lp-ft {
  position: relative;
}

@media (min-width: 768px) {
  .breadcrumb.promo {
    width: 100%;
    position: fixed;
    top: 55px;
    left: 0;
    background: #fff;
    z-index: 11;
  }
}

.shindan {
  font-family: "m-plus-rounded-2p", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "MS PGothic", Osaka, arial, sans-serif;
  max-width: 562px;
  flex: 0 0 1;
  margin: 0;
  letter-spacing: 0.02em;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  color: #670000;
  background: #FFCEDB;
}
@media (max-width: 562px) {
  .shindan {
    margin: 0 auto;
    max-width: 562px;
  }
}
@media screen and (min-width: 562px) {
  .shindan::before, .shindan::after {
    content: "";
    width: 3px;
    height: 100%;
    background: #680000;
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 5;
  }
  .shindan::before {
    left: 0;
  }
  .shindan::after {
    right: 0;
  }
}
.shindan .en {
  font-family: "cy-text", sans-serif;
}
.shindan button {
  background-color: unset;
  border: none;
  outline: none;
  -webkit-appearance: none;
}
.shindan .main_wrapper {
  min-height: calc(712 * 0.2666666667vw);
  position: relative;
}
@media screen and (min-width: 562px) {
  .shindan .main_wrapper {
    min-height: 1067.04592px;
  }
}
.shindan .main_wrapper::before, .shindan .main_wrapper::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  display: inline-block;
}
.shindan .main_wrapper::before {
  background: url(../images/shindan_top.svg) no-repeat top center/contain;
  height: calc(16 * 0.2666666667vw);
  top: 0;
}
.shindan .main_wrapper::after {
  background: url(../images/shindan_bottom.svg) no-repeat bottom center/cover;
  height: calc(18 * 0.2666666667vw);
  bottom: 0;
}
@media screen and (min-width: 562px) {
  .shindan .main_wrapper::after {
    height: 26.97588px;
  }
}
.shindan .start_wrapper {
  padding: calc(46 * 0.2666666667vw) 0 calc(46 * 0.2666666667vw);
  height: calc(712 * 0.2666666667vw);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition-delay: 2s;
  transition-duration: 0.8s;
  transition-timing-function: ease-in;
}
@media screen and (min-width: 562px) {
  .shindan .start_wrapper {
    padding: 68.93836px 0 68.93836px;
    height: 1067.04592px;
  }
}
.shindan .start_wrapper.is_active {
  visibility: visible;
  opacity: 1;
}
.shindan .start_ttl {
  display: flex;
  justify-content: center;
  width: calc(311 * 0.2666666667vw);
  margin: 0 auto;
}
@media screen and (min-width: 562px) {
  .shindan .start_ttl {
    width: 466.08326px;
  }
}
.shindan .start_door {
  margin-top: calc(22 * 0.2666666667vw);
  position: relative;
}
@media screen and (min-width: 562px) {
  .shindan .start_door {
    margin-top: 32.97052px;
  }
}
.shindan .start_door_obj.__01 {
  width: calc(102 * 0.2666666667vw);
  position: absolute;
  top: calc(71 * 0.2666666667vw);
  left: calc(17 * 0.2666666667vw);
  transform-origin: center; /* 回転の基点を要素の下部中央に設定 */
  animation: start_door_obj_wiper-animation 0.8s 1s forwards ease-in-out;
}
@media screen and (min-width: 562px) {
  .shindan .start_door_obj.__01 {
    width: 152.86332px;
    top: 106.40486px;
    left: 25.47722px;
  }
}
@keyframes start_door_obj_wiper-animation {
  0% {
    transform: rotateZ(0deg);
  }
  33% {
    transform: rotateZ(5deg);
  }
  66% {
    transform: rotateZ(-5deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}
.shindan .start_door_obj.__02 {
  width: calc(135 * 0.2666666667vw);
  position: absolute;
  top: calc(17 * 0.2666666667vw);
  left: calc(120 * 0.2666666667vw);
  transition-delay: 0.3s;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.1, 0.9, 0.58, 0.97);
  transform-origin: center left;
}
@media screen and (min-width: 562px) {
  .shindan .start_door_obj.__02 {
    width: 202.3191px;
    top: 25.47722px;
    left: 179.8392px;
  }
}
.shindan .start_door_obj.__02.is_active {
  transform: perspective(1000px) rotateY(-40deg);
}
.shindan .start_lead {
  text-align: center;
  font-size: calc(14 * 0.2666666667vw);
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.8;
  margin-top: calc(34 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .start_lead {
    font-size: 20.98124px;
    margin-top: 50.95444px;
  }
}
.shindan .start_btn {
  margin: calc(28 * 0.2666666667vw) auto 0;
  width: calc(320 * 0.2666666667vw);
  display: block;
}
@media screen and (min-width: 562px) {
  .shindan .start_btn {
    margin: 41.96248px auto 0;
    width: 479.5712px;
  }
}
.shindan .shindan_wrapper {
  position: relative;
  height: calc(712 * 0.2666666667vw);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  visibility: hidden;
  transition-delay: 0.5s;
  opacity: 0;
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
}
@media screen and (min-width: 562px) {
  .shindan .shindan_wrapper {
    height: 1067.04592px;
  }
}
.shindan .shindan_wrapper.is_active {
  transition-delay: 3s;
  visibility: visible;
  opacity: 1;
}
.shindan .shindan_obj {
  position: absolute;
}
.shindan .shindan_obj.__center {
  width: calc(138 * 0.2666666667vw);
  top: calc(6.38 * 0.2666666667vw);
  left: calc(119 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.__center {
    width: 206.81508px;
    top: 9.5614508px;
    left: 178.34054px;
  }
}
.shindan .shindan_obj.t__01 {
  width: calc(31 * 0.2666666667vw);
  top: calc(37 * 0.2666666667vw);
  left: calc(42 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.t__01 {
    width: 46.45846px;
    top: 55.45042px;
    left: 62.94372px;
  }
}
.shindan .shindan_obj.t__02 {
  width: calc(45 * 0.2666666667vw);
  top: calc(50 * 0.2666666667vw);
  right: calc(36 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.t__02 {
    width: 67.4397px;
    top: 74.933px;
    right: 53.95176px;
  }
}
.shindan .shindan_obj.t__03 {
  width: calc(31 * 0.2666666667vw);
  top: calc(132 * 0.2666666667vw);
  left: calc(43 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.t__03 {
    width: 46.45846px;
    top: 197.82312px;
    left: 64.44238px;
  }
}
.shindan .shindan_obj.t__04 {
  width: calc(28 * 0.2666666667vw);
  top: calc(132 * 0.2666666667vw);
  left: calc(131 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.t__04 {
    width: 41.96248px;
    top: 197.82312px;
    left: 196.32446px;
  }
}
.shindan .shindan_obj.t__05 {
  width: calc(54 * 0.2666666667vw);
  top: calc(141 * 0.2666666667vw);
  right: calc(117 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.t__05 {
    width: 80.92764px;
    top: 211.31106px;
    right: 175.34322px;
  }
}
.shindan .shindan_obj.t__06 {
  width: calc(38 * 0.2666666667vw);
  top: calc(128 * 0.2666666667vw);
  right: calc(39 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.t__06 {
    width: 56.94908px;
    top: 191.82848px;
    right: 58.44774px;
  }
}
.shindan .shindan_obj.b__01 {
  width: calc(45 * 0.2666666667vw);
  bottom: calc(128 * 0.2666666667vw);
  left: calc(39 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.b__01 {
    width: 67.4397px;
    bottom: 191.82848px;
    left: 58.44774px;
  }
}
.shindan .shindan_obj.b__02 {
  width: calc(38 * 0.2666666667vw);
  bottom: calc(129 * 0.2666666667vw);
  left: calc(126 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.b__02 {
    width: 56.94908px;
    bottom: 193.32714px;
    left: 188.83116px;
  }
}
.shindan .shindan_obj.b__03 {
  width: calc(31 * 0.2666666667vw);
  bottom: calc(123 * 0.2666666667vw);
  right: calc(129 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.b__03 {
    width: 46.45846px;
    bottom: 184.33518px;
    right: 193.32714px;
  }
}
.shindan .shindan_obj.b__04 {
  width: calc(26 * 0.2666666667vw);
  bottom: calc(131 * 0.2666666667vw);
  right: calc(45 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.b__04 {
    width: 38.96516px;
    bottom: 196.32446px;
    right: 67.4397px;
  }
}
.shindan .shindan_obj.b__05 {
  width: calc(28 * 0.2666666667vw);
  bottom: calc(47 * 0.2666666667vw);
  left: calc(45 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.b__05 {
    width: 41.96248px;
    bottom: 70.43702px;
    left: 67.4397px;
  }
}
.shindan .shindan_obj.b__06 {
  width: calc(54 * 0.2666666667vw);
  bottom: calc(47 * 0.2666666667vw);
  left: calc(118 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.b__06 {
    width: 80.92764px;
    bottom: 70.43702px;
    left: 176.84188px;
  }
}
.shindan .shindan_obj.b__07 {
  width: calc(39 * 0.2666666667vw);
  bottom: calc(52 * 0.2666666667vw);
  right: calc(125 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.b__07 {
    width: 58.44774px;
    bottom: 77.93032px;
    right: 187.3325px;
  }
}
.shindan .shindan_obj.b__08 {
  width: calc(33 * 0.2666666667vw);
  bottom: calc(48 * 0.2666666667vw);
  right: calc(42 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_obj.b__08 {
    width: 49.45578px;
    bottom: 71.93568px;
    right: 62.94372px;
  }
}
.shindan .shindan_modal {
  background: #FFFCF9;
  border-radius: calc(12 * 0.2666666667vw);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
  width: calc(335 * 0.2666666667vw);
  height: calc(300 * 0.2666666667vw);
  position: relative;
}
@media screen and (min-width: 562px) {
  .shindan .shindan_modal {
    border-radius: 17.98392px;
    width: 502.0511px;
    height: 449.598px;
  }
}
.shindan .shindan_modal_contant {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
  opacity: 0;
  visibility: hidden;
}
.shindan .shindan_modal_contant.is_active {
  opacity: 1;
  visibility: visible;
}
.shindan .shindan_modal_num {
  display: inline-block;
  padding: calc(6 * 0.2666666667vw) calc(24 * 0.2666666667vw);
  border-radius: calc(12 * 0.2666666667vw);
  background: #670000;
  font-size: calc(12 * 0.2666666667vw);
  font-weight: 800;
  color: #FFE6CB;
  line-height: 1;
}
@media screen and (min-width: 562px) {
  .shindan .shindan_modal_num {
    padding: 8.99196px 35.96784px;
    border-radius: 17.98392px;
    font-size: 17.98392px;
  }
}
.shindan .shindan_modal_question {
  font-size: calc(16 * 0.2666666667vw);
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1;
  margin-top: calc(20 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_modal_question {
    font-size: 23.97856px;
    margin-top: 29.9732px;
  }
}
.shindan .shindan_modal_answer {
  margin-top: calc(20 * 0.2666666667vw);
  width: calc(268 * 0.2666666667vw);
  height: calc(60 * 0.2666666667vw);
  border-radius: calc(50 * 0.2666666667vw);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 calc(8 * 0.2666666667vw);
  font-size: calc(16 * 0.2666666667vw);
  font-weight: 800;
  font-family: inherit;
  line-height: 1;
}
@media screen and (min-width: 562px) {
  .shindan .shindan_modal_answer {
    margin-top: 29.9732px;
    width: 401.64088px;
    height: 89.9196px;
    border-radius: 74.933px;
    gap: 0 11.98928px;
    font-size: 23.97856px;
  }
}
.shindan .shindan_modal_answer + .shindan_modal_answer {
  margin-top: calc(18 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_modal_answer + .shindan_modal_answer {
    margin-top: 26.97588px;
  }
}
.shindan .shindan_modal_answer.__variationA {
  border: calc(3 * 0.2666666667vw) solid #670000;
  background: #FEECD2;
  box-shadow: calc(2 * 0.2666666667vw) calc(2 * 0.2666666667vw) 0px 0px #670000;
  color: #670000;
}
@media screen and (min-width: 562px) {
  .shindan .shindan_modal_answer.__variationA {
    border: 4.49598px solid #670000;
    box-shadow: 2.99732px 2.99732px 0px 0px #670000;
  }
}
.shindan .shindan_modal_answer.__variationB {
  border: calc(3 * 0.2666666667vw) solid #670000;
  background: #A52300;
  box-shadow: calc(2 * 0.2666666667vw) calc(2 * 0.2666666667vw) 0px 0px #670000;
  color: #FEECD2;
}
@media screen and (min-width: 562px) {
  .shindan .shindan_modal_answer.__variationB {
    border: 4.49598px solid #670000;
    box-shadow: 2.99732px 2.99732px 0px 0px #670000;
  }
}
.shindan .shindan_modal_tObj {
  width: calc(44 * 0.2666666667vw);
  position: absolute;
  top: calc(7 * 0.2666666667vw);
  left: calc(13 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_modal_tObj {
    width: 65.94104px;
    top: 10.49062px;
    left: 19.48258px;
  }
}
.shindan .shindan_modal_en {
  width: calc(20 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .shindan_modal_en {
    width: 29.9732px;
  }
}
.shindan .result_wrapper {
  padding: calc(45 * 0.2666666667vw) calc(20 * 0.2666666667vw) calc(50 * 0.2666666667vw);
  display: none;
}
@media screen and (min-width: 562px) {
  .shindan .result_wrapper {
    padding: 67.4397px 29.9732px 74.933px;
  }
}
.shindan .result_wrapper.is_active {
  display: block;
}
.shindan .result_modal {
  border-radius: calc(12 * 0.2666666667vw);
  background: #FFFCF9;
  width: 100%;
  padding: calc(36 * 0.2666666667vw) calc(20 * 0.2666666667vw) calc(40 * 0.2666666667vw);
  box-sizing: border-box;
  transition-delay: 2s;
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
  opacity: 0;
  display: none;
}
@media screen and (min-width: 562px) {
  .shindan .result_modal {
    border-radius: 17.98392px;
    padding: 53.95176px 29.9732px 59.9464px;
  }
}
.shindan .result_modal.is_active {
  display: block;
  animation: 0.5s 2s fade-in forwards;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.shindan .result_modal_ttl {
  height: calc(45 * 0.2666666667vw);
  text-align: center;
}
.shindan .result_modal_ttl img {
  width: auto;
  height: 100%;
}
@media screen and (min-width: 562px) {
  .shindan .result_modal_ttl {
    height: 67.4397px;
  }
}
.shindan .result_modal_img {
  width: calc(140 * 0.2666666667vw);
  margin: calc(25 * 0.2666666667vw) auto 0;
}
@media screen and (min-width: 562px) {
  .shindan .result_modal_img {
    width: 209.8124px;
    margin: 37.4665px auto 0;
  }
}
.shindan .result_modal_productName {
  margin-top: calc(22 * 0.2666666667vw);
  font-size: calc(24 * 0.2666666667vw);
  font-weight: 800;
  text-align: center;
  line-height: 1.33;
  letter-spacing: 0;
}
@media screen and (min-width: 562px) {
  .shindan .result_modal_productName {
    margin-top: 32.97052px;
    font-size: 35.96784px;
  }
}
.shindan .result_modal_productPrice {
  font-size: calc(18 * 0.2666666667vw);
  font-weight: 800;
  text-align: center;
  margin-top: calc(6 * 0.2666666667vw);
  line-height: 1;
}
@media screen and (min-width: 562px) {
  .shindan .result_modal_productPrice {
    font-size: 26.97588px;
    margin-top: 8.99196px;
  }
}
.shindan .result_modal_productPrice_yen {
  font-size: calc(12 * 0.2666666667vw);
  font-weight: 800;
}
@media screen and (min-width: 562px) {
  .shindan .result_modal_productPrice_yen {
    font-weight: 600;
    font-size: 17.98392px;
  }
}
.shindan .result_modal_productPrice_tax {
  font-size: calc(12 * 0.2666666667vw);
  font-weight: 800;
}
@media screen and (min-width: 562px) {
  .shindan .result_modal_productPrice_tax {
    font-size: 17.98392px;
    font-weight: 600;
  }
}
.shindan .result_modal_productDesc {
  font-size: calc(10 * 0.2666666667vw);
  line-height: 2;
  font-weight: 800;
  width: calc(220 * 0.2666666667vw);
  font-feature-settings: "palt";
  margin: calc(18 * 0.2666666667vw) auto 0;
  text-align: center;
  letter-spacing: 0;
}
@media screen and (min-width: 562px) {
  .shindan .result_modal_productDesc {
    font-size: 14.9866px;
    width: 329.7052px;
    margin: 26.97588px auto 0;
  }
}
.shindan .result_modal_productLink {
  display: block;
  margin: calc(24 * 0.2666666667vw) auto 0;
  width: calc(240 * 0.2666666667vw);
}
@media screen and (min-width: 562px) {
  .shindan .result_modal_productLink {
    margin: 35.96784px auto 0;
    width: 359.6784px;
  }
}
.shindan .result_checkBtn {
  display: none;
  opacity: 0;
  width: calc(320 * 0.2666666667vw);
  margin: calc(32 * 0.2666666667vw) auto 0;
}
@media screen and (min-width: 562px) {
  .shindan .result_checkBtn {
    width: 479.5712px;
    margin: 47.95712px auto 0;
  }
}
.shindan .result_moreBtn {
  display: none;
  opacity: 0;
  width: calc(320 * 0.2666666667vw);
  margin: calc(24 * 0.2666666667vw) auto 0;
}
@media screen and (min-width: 562px) {
  .shindan .result_moreBtn {
    width: 479.5712px;
    margin: 35.96784px auto 0;
  }
}
.shindan .result_wrapper.is_active .result_moreBtn,
.shindan .result_wrapper.is_active .result_checkBtn {
  display: block;
  animation: 0.5s 2s fade-in forwards;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@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: #fff;
  }
  .wrapper .breadcrumb {
    margin-bottom: 0;
  }
  .wrapper .pane-footer {
    margin: 0;
    padding: 50px 0 0 0;
    background: #fff;
  }
}
.wrapper .pane-left-menu {
  display: none;
}
.wrapper .pane-main {
  width: auto;
}
.wrapper .pane-contents .container {
  width: auto;
}/*# sourceMappingURL=style.css.map */