@charset "UTF-8";
/* -- foundation -- */
/* CSS Document */
/*----------------------------------------------------
	☆etc
----------------------------------------------------*/
/*----------------------------------------------------
    ☆component
----------------------------------------------------*/
/*----------------------------------------------------
    ☆margin
----------------------------------------------------*/
/*----------------------------------------------------
    ☆element size fix
----------------------------------------------------*/
/*----------------------------------------------------
    ☆position
----------------------------------------------------*/
/*----------------------------------------------------
    ☆border
----------------------------------------------------*/
/*----------------------------------------------------
    ☆button
----------------------------------------------------*/
/*----------------------------------------------------
    ☆animation
----------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@1,900&family=Noto+Sans+JP:wght@100..900&display=swap");
@-webkit-keyframes noise-anim {
  0% {
    clip: rect(21px, 9999px, 44px, 0);
    -webkit-transform: translateX(1px);
            transform: translateX(1px);
  }
  5% {
    clip: rect(185px, 9999px, 222px, 0);
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  10% {
    clip: rect(122px, 9999px, 134px, 0);
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  15% {
    clip: rect(29px, 9999px, 43px, 0);
    -webkit-transform: translateX(1px);
            transform: translateX(1px);
  }
  20% {
    clip: rect(62px, 9999px, 79px, 0);
    -webkit-transform: translateX(19px);
            transform: translateX(19px);
  }
  25% {
    clip: rect(20px, 9999px, 60px, 0);
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  30% {
    clip: rect(40px, 9999px, 68px, 0);
    -webkit-transform: translateX(14px);
            transform: translateX(14px);
  }
  35% {
    clip: rect(133px, 9999px, 148px, 0);
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }
  40% {
    clip: rect(170px, 9999px, 216px, 0);
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }
  45% {
    clip: rect(168px, 9999px, 179px, 0);
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }
  50% {
    clip: rect(30px, 9999px, 31px, 0);
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
  }
  55% {
    clip: rect(80px, 9999px, 97px, 0);
    -webkit-transform: translateX(26px);
            transform: translateX(26px);
  }
  60% {
    clip: rect(71px, 9999px, 101px, 0);
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  65% {
    clip: rect(4px, 9999px, 38px, 0);
    -webkit-transform: translateX(23px);
            transform: translateX(23px);
  }
  70% {
    clip: rect(93px, 9999px, 97px, 0);
    -webkit-transform: translateX(26px);
            transform: translateX(26px);
  }
  75% {
    clip: rect(178px, 9999px, 183px, 0);
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  80% {
    clip: rect(61px, 9999px, 72px, 0);
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  85% {
    clip: rect(187px, 9999px, 226px, 0);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  90% {
    clip: rect(139px, 9999px, 140px, 0);
    -webkit-transform: translateX(21px);
            transform: translateX(21px);
  }
  95% {
    clip: rect(67px, 9999px, 98px, 0);
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  100% {
    clip: rect(74px, 9999px, 120px, 0);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@keyframes noise-anim {
  0% {
    clip: rect(21px, 9999px, 44px, 0);
    -webkit-transform: translateX(1px);
            transform: translateX(1px);
  }
  5% {
    clip: rect(185px, 9999px, 222px, 0);
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  10% {
    clip: rect(122px, 9999px, 134px, 0);
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  15% {
    clip: rect(29px, 9999px, 43px, 0);
    -webkit-transform: translateX(1px);
            transform: translateX(1px);
  }
  20% {
    clip: rect(62px, 9999px, 79px, 0);
    -webkit-transform: translateX(19px);
            transform: translateX(19px);
  }
  25% {
    clip: rect(20px, 9999px, 60px, 0);
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  30% {
    clip: rect(40px, 9999px, 68px, 0);
    -webkit-transform: translateX(14px);
            transform: translateX(14px);
  }
  35% {
    clip: rect(133px, 9999px, 148px, 0);
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }
  40% {
    clip: rect(170px, 9999px, 216px, 0);
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }
  45% {
    clip: rect(168px, 9999px, 179px, 0);
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }
  50% {
    clip: rect(30px, 9999px, 31px, 0);
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
  }
  55% {
    clip: rect(80px, 9999px, 97px, 0);
    -webkit-transform: translateX(26px);
            transform: translateX(26px);
  }
  60% {
    clip: rect(71px, 9999px, 101px, 0);
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  65% {
    clip: rect(4px, 9999px, 38px, 0);
    -webkit-transform: translateX(23px);
            transform: translateX(23px);
  }
  70% {
    clip: rect(93px, 9999px, 97px, 0);
    -webkit-transform: translateX(26px);
            transform: translateX(26px);
  }
  75% {
    clip: rect(178px, 9999px, 183px, 0);
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  80% {
    clip: rect(61px, 9999px, 72px, 0);
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  85% {
    clip: rect(187px, 9999px, 226px, 0);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  90% {
    clip: rect(139px, 9999px, 140px, 0);
    -webkit-transform: translateX(21px);
            transform: translateX(21px);
  }
  95% {
    clip: rect(67px, 9999px, 98px, 0);
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  100% {
    clip: rect(74px, 9999px, 120px, 0);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}

@-webkit-keyframes noise-anim-2 {
  0% {
    clip: rect(202px, 9999px, 231px, 0);
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px);
  }
  5% {
    clip: rect(153px, 9999px, 167px, 0);
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  10% {
    clip: rect(128px, 9999px, 156px, 0);
    -webkit-transform: translateX(-18px);
            transform: translateX(-18px);
  }
  15% {
    clip: rect(85px, 9999px, 121px, 0);
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
  20% {
    clip: rect(179px, 9999px, 193px, 0);
    -webkit-transform: translateX(-11px);
            transform: translateX(-11px);
  }
  25% {
    clip: rect(177px, 9999px, 178px, 0);
    -webkit-transform: translateX(-21px);
            transform: translateX(-21px);
  }
  30% {
    clip: rect(133px, 9999px, 182px, 0);
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  35% {
    clip: rect(192px, 9999px, 233px, 0);
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  40% {
    clip: rect(43px, 9999px, 53px, 0);
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px);
  }
  45% {
    clip: rect(39px, 9999px, 47px, 0);
    -webkit-transform: translateX(-21px);
            transform: translateX(-21px);
  }
  50% {
    clip: rect(88px, 9999px, 93px, 0);
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  55% {
    clip: rect(78px, 9999px, 98px, 0);
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  60% {
    clip: rect(126px, 9999px, 162px, 0);
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px);
  }
  65% {
    clip: rect(12px, 9999px, 62px, 0);
    -webkit-transform: translateX(-18px);
            transform: translateX(-18px);
  }
  70% {
    clip: rect(116px, 9999px, 131px, 0);
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
  75% {
    clip: rect(87px, 9999px, 114px, 0);
    -webkit-transform: translateX(-17px);
            transform: translateX(-17px);
  }
  80% {
    clip: rect(32px, 9999px, 33px, 0);
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  85% {
    clip: rect(59px, 9999px, 85px, 0);
    -webkit-transform: translateX(-29px);
            transform: translateX(-29px);
  }
  90% {
    clip: rect(83px, 9999px, 119px, 0);
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  95% {
    clip: rect(165px, 9999px, 191px, 0);
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  100% {
    clip: rect(64px, 9999px, 107px, 0);
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(202px, 9999px, 231px, 0);
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px);
  }
  5% {
    clip: rect(153px, 9999px, 167px, 0);
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  10% {
    clip: rect(128px, 9999px, 156px, 0);
    -webkit-transform: translateX(-18px);
            transform: translateX(-18px);
  }
  15% {
    clip: rect(85px, 9999px, 121px, 0);
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
  20% {
    clip: rect(179px, 9999px, 193px, 0);
    -webkit-transform: translateX(-11px);
            transform: translateX(-11px);
  }
  25% {
    clip: rect(177px, 9999px, 178px, 0);
    -webkit-transform: translateX(-21px);
            transform: translateX(-21px);
  }
  30% {
    clip: rect(133px, 9999px, 182px, 0);
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  35% {
    clip: rect(192px, 9999px, 233px, 0);
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  40% {
    clip: rect(43px, 9999px, 53px, 0);
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px);
  }
  45% {
    clip: rect(39px, 9999px, 47px, 0);
    -webkit-transform: translateX(-21px);
            transform: translateX(-21px);
  }
  50% {
    clip: rect(88px, 9999px, 93px, 0);
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  55% {
    clip: rect(78px, 9999px, 98px, 0);
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  60% {
    clip: rect(126px, 9999px, 162px, 0);
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px);
  }
  65% {
    clip: rect(12px, 9999px, 62px, 0);
    -webkit-transform: translateX(-18px);
            transform: translateX(-18px);
  }
  70% {
    clip: rect(116px, 9999px, 131px, 0);
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
  75% {
    clip: rect(87px, 9999px, 114px, 0);
    -webkit-transform: translateX(-17px);
            transform: translateX(-17px);
  }
  80% {
    clip: rect(32px, 9999px, 33px, 0);
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  85% {
    clip: rect(59px, 9999px, 85px, 0);
    -webkit-transform: translateX(-29px);
            transform: translateX(-29px);
  }
  90% {
    clip: rect(83px, 9999px, 119px, 0);
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  95% {
    clip: rect(165px, 9999px, 191px, 0);
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  100% {
    clip: rect(64px, 9999px, 107px, 0);
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
}

@-webkit-keyframes noise-anim-w {
  0% {
    clip: rect(250px, 9999px, 297px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  5% {
    clip: rect(269px, 9999px, 271px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  10% {
    clip: rect(311px, 9999px, 342px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  15% {
    clip: rect(309px, 9999px, 352px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  20% {
    clip: rect(89px, 9999px, 116px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  25% {
    clip: rect(249px, 9999px, 294px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  30% {
    clip: rect(167px, 9999px, 172px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  35% {
    clip: rect(19px, 9999px, 41px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  40% {
    clip: rect(293px, 9999px, 332px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  45% {
    clip: rect(87px, 9999px, 124px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  50% {
    clip: rect(217px, 9999px, 250px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  55% {
    clip: rect(74px, 9999px, 109px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  60% {
    clip: rect(131px, 9999px, 178px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  65% {
    clip: rect(175px, 9999px, 183px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  70% {
    clip: rect(268px, 9999px, 291px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  75% {
    clip: rect(90px, 9999px, 110px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  80% {
    clip: rect(335px, 9999px, 377px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  85% {
    clip: rect(102px, 9999px, 150px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  90% {
    clip: rect(219px, 9999px, 225px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  95% {
    clip: rect(226px, 9999px, 276px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  100% {
    clip: rect(299px, 9999px, 327px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@keyframes noise-anim-w {
  0% {
    clip: rect(250px, 9999px, 297px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  5% {
    clip: rect(269px, 9999px, 271px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  10% {
    clip: rect(311px, 9999px, 342px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  15% {
    clip: rect(309px, 9999px, 352px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  20% {
    clip: rect(89px, 9999px, 116px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  25% {
    clip: rect(249px, 9999px, 294px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  30% {
    clip: rect(167px, 9999px, 172px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  35% {
    clip: rect(19px, 9999px, 41px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  40% {
    clip: rect(293px, 9999px, 332px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  45% {
    clip: rect(87px, 9999px, 124px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  50% {
    clip: rect(217px, 9999px, 250px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  55% {
    clip: rect(74px, 9999px, 109px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  60% {
    clip: rect(131px, 9999px, 178px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  65% {
    clip: rect(175px, 9999px, 183px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  70% {
    clip: rect(268px, 9999px, 291px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  75% {
    clip: rect(90px, 9999px, 110px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  80% {
    clip: rect(335px, 9999px, 377px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  85% {
    clip: rect(102px, 9999px, 150px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  90% {
    clip: rect(219px, 9999px, 225px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  95% {
    clip: rect(226px, 9999px, 276px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  100% {
    clip: rect(299px, 9999px, 327px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@-webkit-keyframes noise-anim-s {
  0% {
    clip: rect(864px, 9999px, 662px, 0);
  }
  5% {
    clip: rect(1093px, 9999px, 305px, 0);
  }
  10% {
    clip: rect(328px, 9999px, 94px, 0);
  }
  15% {
    clip: rect(739px, 9999px, 763px, 0);
  }
  20% {
    clip: rect(370px, 9999px, 817px, 0);
  }
  25% {
    clip: rect(540px, 9999px, 780px, 0);
  }
  30% {
    clip: rect(1114px, 9999px, 323px, 0);
  }
  35% {
    clip: rect(1088px, 9999px, 968px, 0);
  }
  40% {
    clip: rect(688px, 9999px, 357px, 0);
  }
  45% {
    clip: rect(546px, 9999px, 495px, 0);
  }
  50% {
    clip: rect(976px, 9999px, 1015px, 0);
  }
  55% {
    clip: rect(467px, 9999px, 569px, 0);
  }
  60% {
    clip: rect(123px, 9999px, 554px, 0);
  }
  65% {
    clip: rect(1014px, 9999px, 525px, 0);
  }
  70% {
    clip: rect(190px, 9999px, 344px, 0);
  }
  75% {
    clip: rect(265px, 9999px, 925px, 0);
  }
  80% {
    clip: rect(1001px, 9999px, 958px, 0);
  }
  85% {
    clip: rect(865px, 9999px, 561px, 0);
  }
  90% {
    clip: rect(616px, 9999px, 950px, 0);
  }
  95% {
    clip: rect(645px, 9999px, 527px, 0);
  }
  100% {
    clip: rect(735px, 9999px, 238px, 0);
  }
}

@keyframes noise-anim-s {
  0% {
    clip: rect(864px, 9999px, 662px, 0);
  }
  5% {
    clip: rect(1093px, 9999px, 305px, 0);
  }
  10% {
    clip: rect(328px, 9999px, 94px, 0);
  }
  15% {
    clip: rect(739px, 9999px, 763px, 0);
  }
  20% {
    clip: rect(370px, 9999px, 817px, 0);
  }
  25% {
    clip: rect(540px, 9999px, 780px, 0);
  }
  30% {
    clip: rect(1114px, 9999px, 323px, 0);
  }
  35% {
    clip: rect(1088px, 9999px, 968px, 0);
  }
  40% {
    clip: rect(688px, 9999px, 357px, 0);
  }
  45% {
    clip: rect(546px, 9999px, 495px, 0);
  }
  50% {
    clip: rect(976px, 9999px, 1015px, 0);
  }
  55% {
    clip: rect(467px, 9999px, 569px, 0);
  }
  60% {
    clip: rect(123px, 9999px, 554px, 0);
  }
  65% {
    clip: rect(1014px, 9999px, 525px, 0);
  }
  70% {
    clip: rect(190px, 9999px, 344px, 0);
  }
  75% {
    clip: rect(265px, 9999px, 925px, 0);
  }
  80% {
    clip: rect(1001px, 9999px, 958px, 0);
  }
  85% {
    clip: rect(865px, 9999px, 561px, 0);
  }
  90% {
    clip: rect(616px, 9999px, 950px, 0);
  }
  95% {
    clip: rect(645px, 9999px, 527px, 0);
  }
  100% {
    clip: rect(735px, 9999px, 238px, 0);
  }
}

@-webkit-keyframes noise-anim-s2 {
  0% {
    clip: rect(1142px, 9999px, 346px, 0);
  }
  5% {
    clip: rect(151px, 9999px, 400px, 0);
  }
  10% {
    clip: rect(1109px, 9999px, 925px, 0);
  }
  15% {
    clip: rect(863px, 9999px, 608px, 0);
  }
  20% {
    clip: rect(208px, 9999px, 86px, 0);
  }
  25% {
    clip: rect(963px, 9999px, 129px, 0);
  }
  30% {
    clip: rect(982px, 9999px, 46px, 0);
  }
  35% {
    clip: rect(665px, 9999px, 102px, 0);
  }
  40% {
    clip: rect(663px, 9999px, 650px, 0);
  }
  45% {
    clip: rect(88px, 9999px, 196px, 0);
  }
  50% {
    clip: rect(794px, 9999px, 897px, 0);
  }
  55% {
    clip: rect(753px, 9999px, 962px, 0);
  }
  60% {
    clip: rect(1036px, 9999px, 209px, 0);
  }
  65% {
    clip: rect(878px, 9999px, 40px, 0);
  }
  70% {
    clip: rect(907px, 9999px, 80px, 0);
  }
  75% {
    clip: rect(1090px, 9999px, 752px, 0);
  }
  80% {
    clip: rect(139px, 9999px, 940px, 0);
  }
  85% {
    clip: rect(239px, 9999px, 245px, 0);
  }
  90% {
    clip: rect(87px, 9999px, 512px, 0);
  }
  95% {
    clip: rect(947px, 9999px, 300px, 0);
  }
  100% {
    clip: rect(0px, 9999px, 1223px, 0);
  }
}

@keyframes noise-anim-s2 {
  0% {
    clip: rect(1142px, 9999px, 346px, 0);
  }
  5% {
    clip: rect(151px, 9999px, 400px, 0);
  }
  10% {
    clip: rect(1109px, 9999px, 925px, 0);
  }
  15% {
    clip: rect(863px, 9999px, 608px, 0);
  }
  20% {
    clip: rect(208px, 9999px, 86px, 0);
  }
  25% {
    clip: rect(963px, 9999px, 129px, 0);
  }
  30% {
    clip: rect(982px, 9999px, 46px, 0);
  }
  35% {
    clip: rect(665px, 9999px, 102px, 0);
  }
  40% {
    clip: rect(663px, 9999px, 650px, 0);
  }
  45% {
    clip: rect(88px, 9999px, 196px, 0);
  }
  50% {
    clip: rect(794px, 9999px, 897px, 0);
  }
  55% {
    clip: rect(753px, 9999px, 962px, 0);
  }
  60% {
    clip: rect(1036px, 9999px, 209px, 0);
  }
  65% {
    clip: rect(878px, 9999px, 40px, 0);
  }
  70% {
    clip: rect(907px, 9999px, 80px, 0);
  }
  75% {
    clip: rect(1090px, 9999px, 752px, 0);
  }
  80% {
    clip: rect(139px, 9999px, 940px, 0);
  }
  85% {
    clip: rect(239px, 9999px, 245px, 0);
  }
  90% {
    clip: rect(87px, 9999px, 512px, 0);
  }
  95% {
    clip: rect(947px, 9999px, 300px, 0);
  }
  100% {
    clip: rect(0px, 9999px, 1223px, 0);
  }
}

@-webkit-keyframes vibration {
  0% {
    -webkit-transform: translateX(-1px) translateY(8px);
            transform: translateX(-1px) translateY(8px);
  }
  5% {
    -webkit-transform: translateX(-5px) translateY(-7px);
            transform: translateX(-5px) translateY(-7px);
  }
  10% {
    -webkit-transform: translateX(-1px) translateY(8px);
            transform: translateX(-1px) translateY(8px);
  }
  15% {
    -webkit-transform: translateX(4px) translateY(-2px);
            transform: translateX(4px) translateY(-2px);
  }
  20% {
    -webkit-transform: translateX(1px) translateY(8px);
            transform: translateX(1px) translateY(8px);
  }
  25% {
    -webkit-transform: translateX(2px) translateY(-5px);
            transform: translateX(2px) translateY(-5px);
  }
  30% {
    -webkit-transform: translateX(4px) translateY(5px);
            transform: translateX(4px) translateY(5px);
  }
  35% {
    -webkit-transform: translateX(7px) translateY(-3px);
            transform: translateX(7px) translateY(-3px);
  }
  40% {
    -webkit-transform: translateX(6px) translateY(-6px);
            transform: translateX(6px) translateY(-6px);
  }
  45% {
    -webkit-transform: translateX(-5px) translateY(-2px);
            transform: translateX(-5px) translateY(-2px);
  }
  50% {
    -webkit-transform: translateX(4px) translateY(6px);
            transform: translateX(4px) translateY(6px);
  }
  55% {
    -webkit-transform: translateX(3px) translateY(-7px);
            transform: translateX(3px) translateY(-7px);
  }
  60% {
    -webkit-transform: translateX(7px) translateY(-4px);
            transform: translateX(7px) translateY(-4px);
  }
  65% {
    -webkit-transform: translateX(1px) translateY(8px);
            transform: translateX(1px) translateY(8px);
  }
  70% {
    -webkit-transform: translateX(-1px) translateY(-6px);
            transform: translateX(-1px) translateY(-6px);
  }
  75% {
    -webkit-transform: translateX(6px) translateY(-7px);
            transform: translateX(6px) translateY(-7px);
  }
  80% {
    -webkit-transform: translateX(8px) translateY(4px);
            transform: translateX(8px) translateY(4px);
  }
  85% {
    -webkit-transform: translateX(-1px) translateY(-3px);
            transform: translateX(-1px) translateY(-3px);
  }
  90% {
    -webkit-transform: translateX(0px) translateY(0px);
            transform: translateX(0px) translateY(0px);
  }
  95% {
    -webkit-transform: translateX(5px) translateY(-5px);
            transform: translateX(5px) translateY(-5px);
  }
  100% {
    -webkit-transform: translateX(-1px) translateY(-5px);
            transform: translateX(-1px) translateY(-5px);
  }
}

@keyframes vibration {
  0% {
    -webkit-transform: translateX(-1px) translateY(8px);
            transform: translateX(-1px) translateY(8px);
  }
  5% {
    -webkit-transform: translateX(-5px) translateY(-7px);
            transform: translateX(-5px) translateY(-7px);
  }
  10% {
    -webkit-transform: translateX(-1px) translateY(8px);
            transform: translateX(-1px) translateY(8px);
  }
  15% {
    -webkit-transform: translateX(4px) translateY(-2px);
            transform: translateX(4px) translateY(-2px);
  }
  20% {
    -webkit-transform: translateX(1px) translateY(8px);
            transform: translateX(1px) translateY(8px);
  }
  25% {
    -webkit-transform: translateX(2px) translateY(-5px);
            transform: translateX(2px) translateY(-5px);
  }
  30% {
    -webkit-transform: translateX(4px) translateY(5px);
            transform: translateX(4px) translateY(5px);
  }
  35% {
    -webkit-transform: translateX(7px) translateY(-3px);
            transform: translateX(7px) translateY(-3px);
  }
  40% {
    -webkit-transform: translateX(6px) translateY(-6px);
            transform: translateX(6px) translateY(-6px);
  }
  45% {
    -webkit-transform: translateX(-5px) translateY(-2px);
            transform: translateX(-5px) translateY(-2px);
  }
  50% {
    -webkit-transform: translateX(4px) translateY(6px);
            transform: translateX(4px) translateY(6px);
  }
  55% {
    -webkit-transform: translateX(3px) translateY(-7px);
            transform: translateX(3px) translateY(-7px);
  }
  60% {
    -webkit-transform: translateX(7px) translateY(-4px);
            transform: translateX(7px) translateY(-4px);
  }
  65% {
    -webkit-transform: translateX(1px) translateY(8px);
            transform: translateX(1px) translateY(8px);
  }
  70% {
    -webkit-transform: translateX(-1px) translateY(-6px);
            transform: translateX(-1px) translateY(-6px);
  }
  75% {
    -webkit-transform: translateX(6px) translateY(-7px);
            transform: translateX(6px) translateY(-7px);
  }
  80% {
    -webkit-transform: translateX(8px) translateY(4px);
            transform: translateX(8px) translateY(4px);
  }
  85% {
    -webkit-transform: translateX(-1px) translateY(-3px);
            transform: translateX(-1px) translateY(-3px);
  }
  90% {
    -webkit-transform: translateX(0px) translateY(0px);
            transform: translateX(0px) translateY(0px);
  }
  95% {
    -webkit-transform: translateX(5px) translateY(-5px);
            transform: translateX(5px) translateY(-5px);
  }
  100% {
    -webkit-transform: translateX(-1px) translateY(-5px);
            transform: translateX(-1px) translateY(-5px);
  }
}

@keyframes exZoomIN {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes exZoomIN {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes slowZoomIN {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes slowZoomIN {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes slowZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

@-webkit-keyframes slowZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

@keyframes slowExZoomIN {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes slowExZoomIN {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes Flashing1 {
  0% {
    opacity: 0;
  }
  29% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Flashing1 {
  0% {
    opacity: 0;
  }
  29% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes Flashing2 {
  0% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Flashing2 {
  0% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes Flashing3 {
  0% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Flashing3 {
  0% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes blink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes exFadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes exFadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes spark {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes spark {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes exBounceIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes exBounceIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes arrowAnimTop {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-100%) rotate(180deg);
            transform: translateY(-100%) rotate(180deg);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
    opacity: 1;
  }
}

@-webkit-keyframes arrowAnimTop {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-100%) rotate(180deg);
            transform: translateY(-100%) rotate(180deg);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
    opacity: 1;
  }
}

@keyframes arrowAnimScroll {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes arrowAnimScroll {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes arrowAnimScrollUp {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes arrowAnimScrollUp {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

/* ------------------------------ */
/* -- FONT -- */
/* ------------------------------ */
/* -- Function -- */
@-webkit-keyframes exZoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

@keyframes exZoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

.exZoomIn {
  -webkit-animation-name: exZoomIn;
  animation-name: exZoomIn;
}

/*-----------------------------------------------------------
reset
-------------------------------------------------------------*/
html, body {
  /*overflow-x: hidden;*/
  background-color: #ffffff;
}

body, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, p, img {
  margin: 0;
  padding: 0;
  color: #333333;
}

a {
  color: #4b16e6 !important;
  outline: 0;
}

@media screen and (min-width: 786px) {
  a:hover {
    text-decoration: none;
  }
  a img:hover {
    /*@include opacity(0.7);*/
  }
}

ul, ol {
  list-style-type: none;
}

ul li:first-child {
  /*margin-left: 0;*/
}

/*-----------------------------------------------------------
font
-------------------------------------------------------------*/
/*-----------------------------------------------------------
layout
-------------------------------------------------------------*/
html {
  position: relative;
  min-height: 100%;
  font-size: 62.5%;
  /* sets the base font to 10px for easier math */
  scroll-behavior: smooth;
}

html.is-fullscreen-content-open,
html.is-fullscreen-content-open body {
  overflow: hidden;
  overscroll-behavior: none;
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  font-size: 30px;
  font-size: 3rem;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

btn {
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
}

.wrap {
  width: 100%;
  overflow: hidden;
  /*padding-bottom: 48px;*/
}

.wrap--fullwindow {
  position: absolute;
  height: 100svh;
  min-height: 100%;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

@media screen and (max-width: 786px), screen and (any-pointer: coarse) and (orientation: portrait) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  .is-ipad body {
    background: #000000 !important;
  }
  .is-ipad .wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 156.25dvh;
    max-width: none;
    overflow: hidden;
    background: #89d1e8;
    -webkit-transform: scale(0.64);
            transform: scale(0.64);
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
  .is-android-14,
  .is-android-14 body,
  .is-android-14 .wrap {
    min-height: 100dvh;
    background: #ffffff;
  }
  .is-android-14 .l-main--fullwindow,
  .is-android-14 .p-memberIndex__overlayWhite {
    height: 100dvh;
    min-height: 100dvh;
  }
  .is-gacha-subpage-open:not(.is-ipad) .wrap,
  .is-gacha-subpage-open:not(.is-ipad) .l-main--fullwindow {
    height: 100dvh;
    min-height: 100dvh;
  }
}

@media screen and (orientation: landscape) {
  body {
    background: #000000 !important;
  }
}

.anchor {
  margin-top: 0px;
  padding-top: 0px;
  pointer-events: none;
}

/* -- layout -- */
/* -- foundation -- */
/* CSS Document */
/*----------------------------------------------------
	☆etc
----------------------------------------------------*/
/*----------------------------------------------------
    ☆component
----------------------------------------------------*/
/*----------------------------------------------------
    ☆margin
----------------------------------------------------*/
/*----------------------------------------------------
    ☆element size fix
----------------------------------------------------*/
/*----------------------------------------------------
    ☆position
----------------------------------------------------*/
/*----------------------------------------------------
    ☆border
----------------------------------------------------*/
/*----------------------------------------------------
    ☆button
----------------------------------------------------*/
/*----------------------------------------------------
    ☆animation
----------------------------------------------------*/
@keyframes noise-anim {
  0% {
    clip: rect(12px, 9999px, 55px, 0);
    -webkit-transform: translateX(9px);
            transform: translateX(9px);
  }
  5% {
    clip: rect(126px, 9999px, 141px, 0);
    -webkit-transform: translateX(14px);
            transform: translateX(14px);
  }
  10% {
    clip: rect(85px, 9999px, 115px, 0);
    -webkit-transform: translateX(22px);
            transform: translateX(22px);
  }
  15% {
    clip: rect(53px, 9999px, 58px, 0);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  20% {
    clip: rect(195px, 9999px, 240px, 0);
    -webkit-transform: translateX(28px);
            transform: translateX(28px);
  }
  25% {
    clip: rect(60px, 9999px, 85px, 0);
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }
  30% {
    clip: rect(86px, 9999px, 108px, 0);
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  35% {
    clip: rect(170px, 9999px, 181px, 0);
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  40% {
    clip: rect(178px, 9999px, 180px, 0);
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  45% {
    clip: rect(100px, 9999px, 104px, 0);
    -webkit-transform: translateX(22px);
            transform: translateX(22px);
  }
  50% {
    clip: rect(28px, 9999px, 55px, 0);
    -webkit-transform: translateX(17px);
            transform: translateX(17px);
  }
  55% {
    clip: rect(34px, 9999px, 78px, 0);
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  60% {
    clip: rect(197px, 9999px, 220px, 0);
    -webkit-transform: translateX(18px);
            transform: translateX(18px);
  }
  65% {
    clip: rect(171px, 9999px, 201px, 0);
    -webkit-transform: translateX(12px);
            transform: translateX(12px);
  }
  70% {
    clip: rect(118px, 9999px, 168px, 0);
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  75% {
    clip: rect(160px, 9999px, 171px, 0);
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  80% {
    clip: rect(61px, 9999px, 70px, 0);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  85% {
    clip: rect(188px, 9999px, 231px, 0);
    -webkit-transform: translateX(26px);
            transform: translateX(26px);
  }
  90% {
    clip: rect(187px, 9999px, 230px, 0);
    -webkit-transform: translateX(19px);
            transform: translateX(19px);
  }
  95% {
    clip: rect(151px, 9999px, 168px, 0);
    -webkit-transform: translateX(28px);
            transform: translateX(28px);
  }
  100% {
    clip: rect(144px, 9999px, 165px, 0);
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(195px, 9999px, 223px, 0);
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  5% {
    clip: rect(70px, 9999px, 102px, 0);
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  10% {
    clip: rect(137px, 9999px, 146px, 0);
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  15% {
    clip: rect(156px, 9999px, 175px, 0);
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  20% {
    clip: rect(164px, 9999px, 192px, 0);
    -webkit-transform: translateX(-29px);
            transform: translateX(-29px);
  }
  25% {
    clip: rect(135px, 9999px, 171px, 0);
    -webkit-transform: translateX(-29px);
            transform: translateX(-29px);
  }
  30% {
    clip: rect(96px, 9999px, 106px, 0);
    -webkit-transform: translateX(-11px);
            transform: translateX(-11px);
  }
  35% {
    clip: rect(174px, 9999px, 179px, 0);
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }
  40% {
    clip: rect(93px, 9999px, 105px, 0);
    -webkit-transform: translateX(-24px);
            transform: translateX(-24px);
  }
  45% {
    clip: rect(39px, 9999px, 69px, 0);
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    clip: rect(168px, 9999px, 197px, 0);
    -webkit-transform: translateX(-24px);
            transform: translateX(-24px);
  }
  55% {
    clip: rect(146px, 9999px, 155px, 0);
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  60% {
    clip: rect(70px, 9999px, 88px, 0);
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  65% {
    clip: rect(75px, 9999px, 119px, 0);
    -webkit-transform: translateX(-17px);
            transform: translateX(-17px);
  }
  70% {
    clip: rect(184px, 9999px, 205px, 0);
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
  }
  75% {
    clip: rect(9px, 9999px, 43px, 0);
    -webkit-transform: translateX(-13px);
            transform: translateX(-13px);
  }
  80% {
    clip: rect(34px, 9999px, 67px, 0);
    -webkit-transform: translateX(-7px);
            transform: translateX(-7px);
  }
  85% {
    clip: rect(72px, 9999px, 112px, 0);
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  90% {
    clip: rect(120px, 9999px, 168px, 0);
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }
  95% {
    clip: rect(116px, 9999px, 163px, 0);
    -webkit-transform: translateX(-7px);
            transform: translateX(-7px);
  }
  100% {
    clip: rect(163px, 9999px, 208px, 0);
    -webkit-transform: translateX(-21px);
            transform: translateX(-21px);
  }
}

@keyframes noise-anim-w {
  0% {
    clip: rect(234px, 9999px, 264px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  5% {
    clip: rect(225px, 9999px, 266px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  10% {
    clip: rect(24px, 9999px, 35px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  15% {
    clip: rect(134px, 9999px, 167px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  20% {
    clip: rect(52px, 9999px, 78px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  25% {
    clip: rect(146px, 9999px, 154px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  30% {
    clip: rect(95px, 9999px, 108px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  35% {
    clip: rect(215px, 9999px, 249px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  40% {
    clip: rect(266px, 9999px, 283px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  45% {
    clip: rect(272px, 9999px, 289px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  50% {
    clip: rect(342px, 9999px, 389px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  55% {
    clip: rect(233px, 9999px, 243px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  60% {
    clip: rect(288px, 9999px, 334px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  65% {
    clip: rect(102px, 9999px, 135px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  70% {
    clip: rect(337px, 9999px, 340px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  75% {
    clip: rect(207px, 9999px, 212px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  80% {
    clip: rect(338px, 9999px, 350px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  85% {
    clip: rect(321px, 9999px, 366px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  90% {
    clip: rect(195px, 9999px, 221px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  95% {
    clip: rect(199px, 9999px, 207px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  100% {
    clip: rect(230px, 9999px, 268px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@keyframes noise-anim-s {
  0% {
    clip: rect(915px, 9999px, 1075px, 0);
  }
  5% {
    clip: rect(563px, 9999px, 503px, 0);
  }
  10% {
    clip: rect(1126px, 9999px, 602px, 0);
  }
  15% {
    clip: rect(923px, 9999px, 848px, 0);
  }
  20% {
    clip: rect(204px, 9999px, 411px, 0);
  }
  25% {
    clip: rect(375px, 9999px, 646px, 0);
  }
  30% {
    clip: rect(915px, 9999px, 157px, 0);
  }
  35% {
    clip: rect(190px, 9999px, 672px, 0);
  }
  40% {
    clip: rect(399px, 9999px, 941px, 0);
  }
  45% {
    clip: rect(813px, 9999px, 160px, 0);
  }
  50% {
    clip: rect(1103px, 9999px, 502px, 0);
  }
  55% {
    clip: rect(253px, 9999px, 1034px, 0);
  }
  60% {
    clip: rect(487px, 9999px, 126px, 0);
  }
  65% {
    clip: rect(640px, 9999px, 177px, 0);
  }
  70% {
    clip: rect(307px, 9999px, 740px, 0);
  }
  75% {
    clip: rect(55px, 9999px, 1191px, 0);
  }
  80% {
    clip: rect(998px, 9999px, 1119px, 0);
  }
  85% {
    clip: rect(105px, 9999px, 935px, 0);
  }
  90% {
    clip: rect(290px, 9999px, 811px, 0);
  }
  95% {
    clip: rect(965px, 9999px, 16px, 0);
  }
  100% {
    clip: rect(580px, 9999px, 252px, 0);
  }
}

@keyframes noise-anim-s2 {
  0% {
    clip: rect(738px, 9999px, 427px, 0);
  }
  5% {
    clip: rect(751px, 9999px, 470px, 0);
  }
  10% {
    clip: rect(944px, 9999px, 311px, 0);
  }
  15% {
    clip: rect(34px, 9999px, 186px, 0);
  }
  20% {
    clip: rect(38px, 9999px, 69px, 0);
  }
  25% {
    clip: rect(698px, 9999px, 136px, 0);
  }
  30% {
    clip: rect(1123px, 9999px, 8px, 0);
  }
  35% {
    clip: rect(56px, 9999px, 1092px, 0);
  }
  40% {
    clip: rect(230px, 9999px, 227px, 0);
  }
  45% {
    clip: rect(191px, 9999px, 444px, 0);
  }
  50% {
    clip: rect(960px, 9999px, 960px, 0);
  }
  55% {
    clip: rect(790px, 9999px, 932px, 0);
  }
  60% {
    clip: rect(493px, 9999px, 670px, 0);
  }
  65% {
    clip: rect(672px, 9999px, 777px, 0);
  }
  70% {
    clip: rect(1050px, 9999px, 1041px, 0);
  }
  75% {
    clip: rect(834px, 9999px, 868px, 0);
  }
  80% {
    clip: rect(467px, 9999px, 922px, 0);
  }
  85% {
    clip: rect(257px, 9999px, 557px, 0);
  }
  90% {
    clip: rect(53px, 9999px, 635px, 0);
  }
  95% {
    clip: rect(147px, 9999px, 576px, 0);
  }
  100% {
    clip: rect(0px, 9999px, 1223px, 0);
  }
}

@keyframes vibration {
  0% {
    -webkit-transform: translateX(6px) translateY(-5px);
            transform: translateX(6px) translateY(-5px);
  }
  5% {
    -webkit-transform: translateX(-5px) translateY(-6px);
            transform: translateX(-5px) translateY(-6px);
  }
  10% {
    -webkit-transform: translateX(0px) translateY(0px);
            transform: translateX(0px) translateY(0px);
  }
  15% {
    -webkit-transform: translateX(8px) translateY(-1px);
            transform: translateX(8px) translateY(-1px);
  }
  20% {
    -webkit-transform: translateX(-7px) translateY(7px);
            transform: translateX(-7px) translateY(7px);
  }
  25% {
    -webkit-transform: translateX(-3px) translateY(-1px);
            transform: translateX(-3px) translateY(-1px);
  }
  30% {
    -webkit-transform: translateX(-7px) translateY(1px);
            transform: translateX(-7px) translateY(1px);
  }
  35% {
    -webkit-transform: translateX(-1px) translateY(5px);
            transform: translateX(-1px) translateY(5px);
  }
  40% {
    -webkit-transform: translateX(5px) translateY(-3px);
            transform: translateX(5px) translateY(-3px);
  }
  45% {
    -webkit-transform: translateX(1px) translateY(3px);
            transform: translateX(1px) translateY(3px);
  }
  50% {
    -webkit-transform: translateX(2px) translateY(4px);
            transform: translateX(2px) translateY(4px);
  }
  55% {
    -webkit-transform: translateX(7px) translateY(-6px);
            transform: translateX(7px) translateY(-6px);
  }
  60% {
    -webkit-transform: translateX(-6px) translateY(-6px);
            transform: translateX(-6px) translateY(-6px);
  }
  65% {
    -webkit-transform: translateX(-4px) translateY(2px);
            transform: translateX(-4px) translateY(2px);
  }
  70% {
    -webkit-transform: translateX(-1px) translateY(7px);
            transform: translateX(-1px) translateY(7px);
  }
  75% {
    -webkit-transform: translateX(-2px) translateY(-7px);
            transform: translateX(-2px) translateY(-7px);
  }
  80% {
    -webkit-transform: translateX(8px) translateY(0px);
            transform: translateX(8px) translateY(0px);
  }
  85% {
    -webkit-transform: translateX(-5px) translateY(-1px);
            transform: translateX(-5px) translateY(-1px);
  }
  90% {
    -webkit-transform: translateX(8px) translateY(3px);
            transform: translateX(8px) translateY(3px);
  }
  95% {
    -webkit-transform: translateX(-2px) translateY(1px);
            transform: translateX(-2px) translateY(1px);
  }
  100% {
    -webkit-transform: translateX(-4px) translateY(1px);
            transform: translateX(-4px) translateY(1px);
  }
}

@keyframes exZoomIN {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes exZoomIN {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes slowZoomIN {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes slowZoomIN {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes slowZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

@-webkit-keyframes slowZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

@keyframes slowExZoomIN {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes slowExZoomIN {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes Flashing1 {
  0% {
    opacity: 0;
  }
  29% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Flashing2 {
  0% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Flashing3 {
  0% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes blink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes exFadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes exFadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes spark {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes spark {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes exBounceIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes exBounceIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes arrowAnimTop {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-100%) rotate(180deg);
            transform: translateY(-100%) rotate(180deg);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
    opacity: 1;
  }
}

@-webkit-keyframes arrowAnimTop {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-100%) rotate(180deg);
            transform: translateY(-100%) rotate(180deg);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
    opacity: 1;
  }
}

@keyframes arrowAnimScroll {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes arrowAnimScroll {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes arrowAnimScrollUp {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes arrowAnimScrollUp {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

/* ------------------------------ */
/* -- FONT -- */
/* ------------------------------ */
/* -- Function -- */
@-webkit-keyframes exZoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

@keyframes exZoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

.exZoomIn {
  -webkit-animation-name: exZoomIn;
  animation-name: exZoomIn;
}

/* --------------------------- */
/* main */
.l-main {
  display: block;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.l-main--fullwindow {
  position: absolute;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
  top: 0;
}

.l-main__content {
  position: relative;
  width: 100%;
  max-width: 786px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}

.l-block {
  position: relative;
  /* ブラウザのスクロールバーの幅を考慮 */
}

.l-block:after {
  display: table;
  content: "";
  clear: both;
}

.l-block--breaking-mg {
  margin-right: -webkit-calc(50% - 50vw);
  margin-left: -webkit-calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

.l-block--breaking-pd {
  padding-right: -webkit-calc(50vw - 50%);
  padding-left: -webkit-calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%);
}

.l-block__inner {
  position: relative;
  width: 100%;
  max-width: 786px;
  margin-left: auto;
  margin-right: auto;
}

.l-flex {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}

.l-flex--wrap {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.l-flex--left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.l-flex--right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.l-flex--center {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.l-flex--spb {
  -webkit-box-pack: justify;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l-flex--spa {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.l-flex--v-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.l-flex--v-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-flex--v-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  align-items: flex-end;
}

.l-flex--reverse {
  -webkit-box-direction: reverse;
  /*--- Androidブラウザ用 ---*/
  /*--- safari（PC）用 ---*/
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.l-flex__elem, .l-flex__elem--blank {
  position: relative;
  /*
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		*/
  -ms-flex-basis: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 1px;
  max-width: 100%;
}

.l-flex__elem-inline {
  position: relative;
  /*
			-webkit-box-flex: 1;
			-ms-flex: 1;
			flex: 1;
			*/
  -ms-flex-basis: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 1px;
  max-width: 100%;
}

.l-flex__elem--sep {
  width: 100% !important;
}

.l-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  left: 0;
  top: 0;
}

.l-modal__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
}

.l-modal__inner {
  position: relative;
}

/* -- foundation -- */
/* --------------------------- */
/* Header */
.l-header {
  position: fixed;
  left: 16px;
  top: 16px;
  z-index: 999;
}

.l-header__logo {
  width: 116px;
}

.l-header__catchcopy {
  font-size: 12px;
  margin-left: 36px;
  margin-bottom: 2px;
}

.l-header__answer {
  font-family: 'din-next-lt-pro-heavy';
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.7rem;
  line-height: 1;
  margin-left: 10px;
  margin-bottom: -1px;
}

.p-idxBackBtn {
  position: fixed;
  left: 32px;
  top: 66px;
  font-size: 11px;
  padding: 7px 15px 9px 26px;
  background-color: #ebebeb;
  color: #000000 !important;
  text-decoration: none;
  border-radius: 16px;
}

.p-idxBackBtn::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-right: 1px solid #929292;
  border-bottom: 1px solid #929292;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 17px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

/* --------------------------- */
/* nav */
.lock {
  pointer-events: none;
  opacity: 0.5;
}

.l-copyright {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #000000;
  font-size: 1.07296dvh;
  left: 2.14592dvh;
  bottom: 0.75107dvh;
  text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white;
  font-weight: bold;
}

.l-navBtn {
  position: absolute;
  width: 80px;
  height: 80px;
  right: 22px;
  top: 34px;
  background-color: #ffffff;
  border-radius: 19px;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.l-navBtn__inner {
  position: absolute;
  width: 30px;
  height: 5px;
  background-color: #000000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 2px;
}

.l-navBtn__inner::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 5px;
  background-color: #000000;
  left: 0;
  top: -10px;
  border-radius: 2px;
}

.l-navBtn__inner::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 5px;
  background-color: #000000;
  left: 0;
  bottom: -10px;
  border-radius: 2px;
}

.l-navContainer {
  position: fixed;
  width: 354px;
  height: 100dvh;
  background-color: #000000;
  right: 0;
  top: 0;
  padding-top: 153px;
  padding-left: 26px;
  padding-bottom: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.l-navContainer.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.l-nav {
  position: relative;
  width: 100%;
}

.l-nav__elem {
  display: block;
}

.l-nav__link {
  display: block;
  cursor: pointer;
}

.l-nav__btn01 {
  width: 90px;
  margin-bottom: 26px;
}

.l-nav__btn02 {
  width: 174px;
  margin-bottom: 26px;
}

.l-nav__btn03 {
  width: 201px;
  margin-bottom: 26px;
}

.l-nav__btn04 {
  width: 289px;
  margin-bottom: 26px;
}

.l-nav__btn05 {
  width: 258px;
  margin-bottom: 26px;
}

.l-nav__btn06 {
  width: 238px;
  margin-bottom: 48px;
}

.l-nav__btn07 {
  width: 308px;
}

.l-nav__copyright {
  position: absolute;
  left: 20px;
  bottom: 23px;
  width: 313px;
}

.l-nav__cptxt {
  font-size: 10px;
  color: #ffffff !important;
  line-height: 1.6;
  white-space: nowrap;
  font-weight: normal;
  margin: 0 !important;
}

.l-nav__close {
  position: absolute;
  left: 21px;
  top: 24px;
  width: 31px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.l-nav__close:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.l-nav__X {
  position: relative;
  display: block;
  width: 30px;
  margin-bottom: 26px;
}

.p-idxPolicy {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.p-idxPolicy__inner {
  position: absolute;
  width: 119.1dvh;
  max-width: 1120px;
  height: 82.97dvh;
  background-color: #5b5b5b;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-idxPolicy__content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 5.63dvh 10.63dvh 5.63dvh 10.63dvh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll;
}

.p-idxPolicy__txt {
  font-size: 14px;
  color: #ffffff;
  line-height: 1.8;
}

.p-idxPolicy__txtLarge {
  font-size: 18px !important;
  color: #ffffff;
  line-height: 1.8;
}

.p-idxPolicy__block {
  margin-top: 30px;
}

.p-idxPolicy__title {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  line-height: 55px;
  border-bottom: 2px solid #adadad;
  margin-bottom: 12px;
}

.p-idxPolicy__margin01 {
  margin-bottom: 30px;
}

.p-idxPolicy__margin02 {
  margin-bottom: 30px;
}

.p-idxPolicy__li {
  font-size: 14px;
  color: #ffffff;
  line-height: 1.8;
}

.p-idxPolicy__li::before {
  content: "・";
}

.p-idxPolicy__txtLink {
  color: #ffffff !important;
}

.p-idxPolicy__close {
  position: absolute;
  right: -41px;
  top: 0px;
  width: 31px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.p-idxPolicy__close:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

@media screen and (max-device-width: 786px) {
  .l-navBtn {
    position: absolute;
    width: 17.8117vw;
    height: 14.75827vw;
    right: 5.85242vw;
    top: 5.34351vw;
    border-radius: 1.65394vw;
  }
  .l-navBtn__inner {
    position: absolute;
    width: 7.63359vw;
    height: 1.01781vw;
    border-radius: 0.50891vw;
  }
  .l-navBtn__inner::before {
    content: "";
    position: absolute;
    width: 7.63359vw;
    height: 1.01781vw;
    background-color: #000000;
    left: 0;
    top: -2.54453vw;
    border-radius: 0.50891vw;
  }
  .l-navBtn__inner::after {
    content: "";
    position: absolute;
    width: 7.63359vw;
    height: 1.01781vw;
    background-color: #000000;
    left: 0;
    bottom: -2.54453vw;
    border-radius: 0.50891vw;
  }
  .l-navContainer {
    width: 100%;
    padding-top: 16.41vw;
    padding-left: 5.725vw;
    padding-bottom: 1.52vw;
  }
  .l-nav {
    position: relative;
    width: 100%;
  }
  .l-nav__elem {
    display: block;
  }
  .l-nav__link {
    display: block;
  }
  .l-nav__btn01 {
    width: 22.77vw;
    margin-bottom: 6.74vw;
  }
  .l-nav__btn02 {
    width: 43.7659vw;
    margin-bottom: 6.74vw;
  }
  .l-nav__btn03 {
    width: 50.63613vw;
    margin-bottom: 6.74vw;
  }
  .l-nav__btn04 {
    width: 73.5369vw;
    margin-bottom: 6.74vw;
  }
  .l-nav__btn05 {
    width: 65.13995vw;
    margin-bottom: 6.74vw;
  }
  .l-nav__btn06 {
    width: 60.68702vw;
    margin-bottom: 12.21vw;
  }
  .l-nav__btn07 {
    width: 78.49873vw;
  }
  .l-nav__copyright {
    position: absolute;
    left: 5.725vw;
    bottom: 1.52vw;
    width: 90.96vw;
  }
  .l-nav__cptxt {
    font-size: 2.79vw;
  }
  .l-nav__close {
    left: auto;
    right: 3.94vw;
    top: 7.88vw;
    width: 6.61vw;
  }
  .l-nav__X {
    width: 7.5vw;
    margin-bottom: 6.74vw;
  }
  .p-idxPolicy__inner {
    position: absolute;
    width: 100%;
    max-width: auto;
    height: 100%;
  }
  .p-idxPolicy__content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 23.15vw 5.08vw 6.36vw 5.08vw;
  }
  .p-idxPolicy__txt {
    font-size: 3.04vw;
  }
  .p-idxPolicy__txtLarge {
    font-size: 3.56vw !important;
    line-height: 3.2;
  }
  .p-idxPolicy__block {
    margin-top: 5.72vw;
  }
  .p-idxPolicy__title {
    font-size: 4.06vw;
    line-height: 8.26vw;
    border-bottom: 2px solid #adadad;
    margin-bottom: 3.816vw;
  }
  .p-idxPolicy__margin01 {
    margin-bottom: 7.63vw;
  }
  .p-idxPolicy__margin02 {
    margin-bottom: 30px;
  }
  .p-idxPolicy__li {
    font-size: 3.56vw;
  }
  .p-idxPolicy__close {
    left: auto;
    right: 3.94vw;
    top: 7.88vw;
    width: 6.61vw;
    z-index: 999;
  }
  .l-copyright {
    position: absolute;
    left: auto;
    right: auto;
    margin: auto;
    bottom: 3.81679vw;
    font-size: 2.54453vw;
    position: relative;
    width: 100%;
    text-align: center;
    left: auto;
    right: auto;
    margin: auto;
    bottom: auto;
    font-size: 2.54453vw;
    margin-top: 5.08906vw;
  }
}

/* -- foundation -- */
/* CSS Document */
/*----------------------------------------------------
	☆etc
----------------------------------------------------*/
/*----------------------------------------------------
    ☆component
----------------------------------------------------*/
/*----------------------------------------------------
    ☆margin
----------------------------------------------------*/
/*----------------------------------------------------
    ☆element size fix
----------------------------------------------------*/
/*----------------------------------------------------
    ☆position
----------------------------------------------------*/
/*----------------------------------------------------
    ☆border
----------------------------------------------------*/
/*----------------------------------------------------
    ☆button
----------------------------------------------------*/
/*----------------------------------------------------
    ☆animation
----------------------------------------------------*/
@keyframes noise-anim {
  0% {
    clip: rect(11px, 9999px, 36px, 0);
    -webkit-transform: translateX(22px);
            transform: translateX(22px);
  }
  5% {
    clip: rect(103px, 9999px, 151px, 0);
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }
  10% {
    clip: rect(168px, 9999px, 186px, 0);
    -webkit-transform: translateX(18px);
            transform: translateX(18px);
  }
  15% {
    clip: rect(94px, 9999px, 107px, 0);
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  20% {
    clip: rect(33px, 9999px, 68px, 0);
    -webkit-transform: translateX(26px);
            transform: translateX(26px);
  }
  25% {
    clip: rect(177px, 9999px, 210px, 0);
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  30% {
    clip: rect(159px, 9999px, 207px, 0);
    -webkit-transform: translateX(12px);
            transform: translateX(12px);
  }
  35% {
    clip: rect(188px, 9999px, 224px, 0);
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  40% {
    clip: rect(15px, 9999px, 55px, 0);
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  45% {
    clip: rect(11px, 9999px, 56px, 0);
    -webkit-transform: translateX(19px);
            transform: translateX(19px);
  }
  50% {
    clip: rect(39px, 9999px, 66px, 0);
    -webkit-transform: translateX(17px);
            transform: translateX(17px);
  }
  55% {
    clip: rect(199px, 9999px, 246px, 0);
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }
  60% {
    clip: rect(125px, 9999px, 149px, 0);
    -webkit-transform: translateX(16px);
            transform: translateX(16px);
  }
  65% {
    clip: rect(116px, 9999px, 128px, 0);
    -webkit-transform: translateX(24px);
            transform: translateX(24px);
  }
  70% {
    clip: rect(133px, 9999px, 138px, 0);
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
  }
  75% {
    clip: rect(136px, 9999px, 152px, 0);
    -webkit-transform: translateX(14px);
            transform: translateX(14px);
  }
  80% {
    clip: rect(25px, 9999px, 64px, 0);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  85% {
    clip: rect(178px, 9999px, 202px, 0);
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  90% {
    clip: rect(106px, 9999px, 117px, 0);
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  95% {
    clip: rect(67px, 9999px, 104px, 0);
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    clip: rect(62px, 9999px, 83px, 0);
    -webkit-transform: translateX(14px);
            transform: translateX(14px);
  }
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(135px, 9999px, 168px, 0);
    -webkit-transform: translateX(-13px);
            transform: translateX(-13px);
  }
  5% {
    clip: rect(200px, 9999px, 238px, 0);
    -webkit-transform: translateX(-11px);
            transform: translateX(-11px);
  }
  10% {
    clip: rect(139px, 9999px, 142px, 0);
    -webkit-transform: translateX(-12px);
            transform: translateX(-12px);
  }
  15% {
    clip: rect(153px, 9999px, 155px, 0);
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  20% {
    clip: rect(11px, 9999px, 43px, 0);
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
  }
  25% {
    clip: rect(167px, 9999px, 169px, 0);
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  30% {
    clip: rect(76px, 9999px, 92px, 0);
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  35% {
    clip: rect(123px, 9999px, 159px, 0);
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  40% {
    clip: rect(72px, 9999px, 107px, 0);
    -webkit-transform: translateX(-23px);
            transform: translateX(-23px);
  }
  45% {
    clip: rect(89px, 9999px, 122px, 0);
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  50% {
    clip: rect(195px, 9999px, 215px, 0);
    -webkit-transform: translateX(-12px);
            transform: translateX(-12px);
  }
  55% {
    clip: rect(24px, 9999px, 47px, 0);
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  60% {
    clip: rect(161px, 9999px, 204px, 0);
    -webkit-transform: translateX(-11px);
            transform: translateX(-11px);
  }
  65% {
    clip: rect(158px, 9999px, 208px, 0);
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  70% {
    clip: rect(196px, 9999px, 223px, 0);
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px);
  }
  75% {
    clip: rect(29px, 9999px, 55px, 0);
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  80% {
    clip: rect(114px, 9999px, 144px, 0);
    -webkit-transform: translateX(-21px);
            transform: translateX(-21px);
  }
  85% {
    clip: rect(59px, 9999px, 107px, 0);
    -webkit-transform: translateX(-22px);
            transform: translateX(-22px);
  }
  90% {
    clip: rect(9px, 9999px, 44px, 0);
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  95% {
    clip: rect(4px, 9999px, 20px, 0);
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  100% {
    clip: rect(76px, 9999px, 89px, 0);
    -webkit-transform: translateX(-17px);
            transform: translateX(-17px);
  }
}

@keyframes noise-anim-w {
  0% {
    clip: rect(302px, 9999px, 322px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  5% {
    clip: rect(169px, 9999px, 193px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  10% {
    clip: rect(94px, 9999px, 103px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  15% {
    clip: rect(115px, 9999px, 122px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  20% {
    clip: rect(321px, 9999px, 354px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  25% {
    clip: rect(289px, 9999px, 296px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  30% {
    clip: rect(290px, 9999px, 296px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  35% {
    clip: rect(335px, 9999px, 368px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  40% {
    clip: rect(46px, 9999px, 88px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  45% {
    clip: rect(198px, 9999px, 215px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  50% {
    clip: rect(146px, 9999px, 178px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  55% {
    clip: rect(259px, 9999px, 261px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  60% {
    clip: rect(162px, 9999px, 197px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  65% {
    clip: rect(203px, 9999px, 204px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  70% {
    clip: rect(310px, 9999px, 357px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  75% {
    clip: rect(215px, 9999px, 228px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  80% {
    clip: rect(107px, 9999px, 134px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  85% {
    clip: rect(236px, 9999px, 247px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  90% {
    clip: rect(360px, 9999px, 395px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  95% {
    clip: rect(75px, 9999px, 115px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  100% {
    clip: rect(115px, 9999px, 127px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@keyframes noise-anim-s {
  0% {
    clip: rect(637px, 9999px, 1045px, 0);
  }
  5% {
    clip: rect(311px, 9999px, 129px, 0);
  }
  10% {
    clip: rect(292px, 9999px, 974px, 0);
  }
  15% {
    clip: rect(266px, 9999px, 844px, 0);
  }
  20% {
    clip: rect(279px, 9999px, 262px, 0);
  }
  25% {
    clip: rect(940px, 9999px, 788px, 0);
  }
  30% {
    clip: rect(964px, 9999px, 1163px, 0);
  }
  35% {
    clip: rect(771px, 9999px, 972px, 0);
  }
  40% {
    clip: rect(863px, 9999px, 941px, 0);
  }
  45% {
    clip: rect(923px, 9999px, 20px, 0);
  }
  50% {
    clip: rect(146px, 9999px, 1189px, 0);
  }
  55% {
    clip: rect(545px, 9999px, 534px, 0);
  }
  60% {
    clip: rect(1089px, 9999px, 167px, 0);
  }
  65% {
    clip: rect(1097px, 9999px, 165px, 0);
  }
  70% {
    clip: rect(459px, 9999px, 1029px, 0);
  }
  75% {
    clip: rect(580px, 9999px, 914px, 0);
  }
  80% {
    clip: rect(902px, 9999px, 1127px, 0);
  }
  85% {
    clip: rect(468px, 9999px, 241px, 0);
  }
  90% {
    clip: rect(495px, 9999px, 386px, 0);
  }
  95% {
    clip: rect(761px, 9999px, 767px, 0);
  }
  100% {
    clip: rect(5px, 9999px, 1080px, 0);
  }
}

@keyframes noise-anim-s2 {
  0% {
    clip: rect(1184px, 9999px, 582px, 0);
  }
  5% {
    clip: rect(840px, 9999px, 853px, 0);
  }
  10% {
    clip: rect(63px, 9999px, 56px, 0);
  }
  15% {
    clip: rect(166px, 9999px, 1070px, 0);
  }
  20% {
    clip: rect(453px, 9999px, 142px, 0);
  }
  25% {
    clip: rect(465px, 9999px, 861px, 0);
  }
  30% {
    clip: rect(1177px, 9999px, 380px, 0);
  }
  35% {
    clip: rect(24px, 9999px, 767px, 0);
  }
  40% {
    clip: rect(1107px, 9999px, 427px, 0);
  }
  45% {
    clip: rect(334px, 9999px, 596px, 0);
  }
  50% {
    clip: rect(715px, 9999px, 960px, 0);
  }
  55% {
    clip: rect(7px, 9999px, 271px, 0);
  }
  60% {
    clip: rect(217px, 9999px, 382px, 0);
  }
  65% {
    clip: rect(636px, 9999px, 981px, 0);
  }
  70% {
    clip: rect(679px, 9999px, 223px, 0);
  }
  75% {
    clip: rect(809px, 9999px, 101px, 0);
  }
  80% {
    clip: rect(1056px, 9999px, 98px, 0);
  }
  85% {
    clip: rect(99px, 9999px, 1030px, 0);
  }
  90% {
    clip: rect(1187px, 9999px, 1012px, 0);
  }
  95% {
    clip: rect(185px, 9999px, 356px, 0);
  }
  100% {
    clip: rect(0px, 9999px, 1223px, 0);
  }
}

@keyframes vibration {
  0% {
    -webkit-transform: translateX(6px) translateY(0px);
            transform: translateX(6px) translateY(0px);
  }
  5% {
    -webkit-transform: translateX(7px) translateY(0px);
            transform: translateX(7px) translateY(0px);
  }
  10% {
    -webkit-transform: translateX(7px) translateY(8px);
            transform: translateX(7px) translateY(8px);
  }
  15% {
    -webkit-transform: translateX(-3px) translateY(-5px);
            transform: translateX(-3px) translateY(-5px);
  }
  20% {
    -webkit-transform: translateX(1px) translateY(6px);
            transform: translateX(1px) translateY(6px);
  }
  25% {
    -webkit-transform: translateX(2px) translateY(2px);
            transform: translateX(2px) translateY(2px);
  }
  30% {
    -webkit-transform: translateX(-4px) translateY(-7px);
            transform: translateX(-4px) translateY(-7px);
  }
  35% {
    -webkit-transform: translateX(7px) translateY(8px);
            transform: translateX(7px) translateY(8px);
  }
  40% {
    -webkit-transform: translateX(-7px) translateY(7px);
            transform: translateX(-7px) translateY(7px);
  }
  45% {
    -webkit-transform: translateX(3px) translateY(-7px);
            transform: translateX(3px) translateY(-7px);
  }
  50% {
    -webkit-transform: translateX(-2px) translateY(-6px);
            transform: translateX(-2px) translateY(-6px);
  }
  55% {
    -webkit-transform: translateX(-4px) translateY(5px);
            transform: translateX(-4px) translateY(5px);
  }
  60% {
    -webkit-transform: translateX(-4px) translateY(-6px);
            transform: translateX(-4px) translateY(-6px);
  }
  65% {
    -webkit-transform: translateX(6px) translateY(-5px);
            transform: translateX(6px) translateY(-5px);
  }
  70% {
    -webkit-transform: translateX(2px) translateY(-3px);
            transform: translateX(2px) translateY(-3px);
  }
  75% {
    -webkit-transform: translateX(3px) translateY(-3px);
            transform: translateX(3px) translateY(-3px);
  }
  80% {
    -webkit-transform: translateX(-5px) translateY(-3px);
            transform: translateX(-5px) translateY(-3px);
  }
  85% {
    -webkit-transform: translateX(6px) translateY(8px);
            transform: translateX(6px) translateY(8px);
  }
  90% {
    -webkit-transform: translateX(0px) translateY(7px);
            transform: translateX(0px) translateY(7px);
  }
  95% {
    -webkit-transform: translateX(-4px) translateY(2px);
            transform: translateX(-4px) translateY(2px);
  }
  100% {
    -webkit-transform: translateX(4px) translateY(-5px);
            transform: translateX(4px) translateY(-5px);
  }
}

@keyframes exZoomIN {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes exZoomIN {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes slowZoomIN {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes slowZoomIN {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes slowZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

@-webkit-keyframes slowZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

@keyframes slowExZoomIN {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes slowExZoomIN {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes Flashing1 {
  0% {
    opacity: 0;
  }
  29% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Flashing2 {
  0% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Flashing3 {
  0% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes blink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes exFadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes exFadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes spark {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes spark {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes exBounceIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes exBounceIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes arrowAnimTop {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-100%) rotate(180deg);
            transform: translateY(-100%) rotate(180deg);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
    opacity: 1;
  }
}

@-webkit-keyframes arrowAnimTop {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-100%) rotate(180deg);
            transform: translateY(-100%) rotate(180deg);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
    opacity: 1;
  }
}

@keyframes arrowAnimScroll {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes arrowAnimScroll {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes arrowAnimScrollUp {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes arrowAnimScrollUp {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

/* ------------------------------ */
/* -- FONT -- */
/* ------------------------------ */
/* -- Function -- */
@-webkit-keyframes exZoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

@keyframes exZoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

.exZoomIn {
  -webkit-animation-name: exZoomIn;
  animation-name: exZoomIn;
}

/* --------------------------- */
/* Footer */
.l-footer {
  position: fixed;
  background-color: #4b535e;
  width: 100%;
  height: 48px;
  left: 0;
  bottom: 0;
}

.l-footer__copyright {
  display: block;
  position: relative;
  font-size: 13px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  line-height: 48px;
}

/* -- object -- */
/* -- title -- */
.c-h1-header {
  display: inline-block;
  font-size: 46px;
  font-size: 4.6rem;
  font-weight: 200;
  line-height: 1.1;
  /* -- height: 50px -- */
  margin-bottom: 52px;
}

.c-h2-header {
  position: relative;
  display: table;
  margin: 0 auto;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 200;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 70px;
}

.c-h2-header span {
  font-size: 33px;
  font-size: 3.3rem;
  font-weight: 500;
}

.c-h2-header:before {
  content: "";
  position: absolute;
  width: 94px;
  height: 6px;
  background-color: #70ced6;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -20px;
}

.c-h2-header__dsc {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 50px;
}

.c-label-header {
  position: relative;
  display: table;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  margin: 80px auto 65px auto;
}

.c-label-header:before {
  content: "";
  position: absolute;
  width: 94px;
  height: 6px;
  background-color: #70ced6;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -15px;
}

@media only screen and (max-width: 786px) {
  .c-h1-header {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: -0.05em;
    margin-top: 33px;
    margin-bottom: 33px;
  }
  .c-h2-header {
    font-size: 7px;
    font-size: 0.7rem;
    margin-bottom: 25px;
  }
  .c-h2-header span {
    font-size: 17px;
    font-size: 1.7rem;
  }
  .c-h2-header:before {
    width: 47px;
    height: 3px;
    bottom: -10px;
  }
  .c-h2-header__dsc {
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 25px;
  }
  .c-label-header {
    font-size: 9px;
    font-size: 0.9rem;
    margin: 32px auto 37px auto;
  }
  .c-label-header:before {
    width: 47px;
    height: 3px;
    bottom: -10px;
  }
}

/* --------------------------- */
/* text */
.c-txt {
  line-height: 1.8em;
}

.c-txt--large {
  font-size: 18px;
  font-size: 1.8rem;
}

.c-txt--base {
  font-size: 16px;
  font-size: 1.6rem;
}

.c-txt--small {
  font-size: 14px;
  font-size: 1.4rem;
}

.c-txt + .c-txt {
  margin-top: 2em;
}

.copyright {
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
}

.c-notice {
  font-weight: 200;
  font-size: 12px;
  font-size: 1.2rem;
}

/* -- foundation -- */
/* CSS Document */
/*----------------------------------------------------
	☆etc
----------------------------------------------------*/
/*----------------------------------------------------
    ☆component
----------------------------------------------------*/
/*----------------------------------------------------
    ☆margin
----------------------------------------------------*/
/*----------------------------------------------------
    ☆element size fix
----------------------------------------------------*/
/*----------------------------------------------------
    ☆position
----------------------------------------------------*/
/*----------------------------------------------------
    ☆border
----------------------------------------------------*/
/*----------------------------------------------------
    ☆button
----------------------------------------------------*/
/*----------------------------------------------------
    ☆animation
----------------------------------------------------*/
@keyframes noise-anim {
  0% {
    clip: rect(27px, 9999px, 74px, 0);
    -webkit-transform: translateX(13px);
            transform: translateX(13px);
  }
  5% {
    clip: rect(73px, 9999px, 104px, 0);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  10% {
    clip: rect(191px, 9999px, 235px, 0);
    -webkit-transform: translateX(12px);
            transform: translateX(12px);
  }
  15% {
    clip: rect(12px, 9999px, 29px, 0);
    -webkit-transform: translateX(16px);
            transform: translateX(16px);
  }
  20% {
    clip: rect(117px, 9999px, 167px, 0);
    -webkit-transform: translateX(6px);
            transform: translateX(6px);
  }
  25% {
    clip: rect(88px, 9999px, 121px, 0);
    -webkit-transform: translateX(23px);
            transform: translateX(23px);
  }
  30% {
    clip: rect(48px, 9999px, 67px, 0);
    -webkit-transform: translateX(12px);
            transform: translateX(12px);
  }
  35% {
    clip: rect(108px, 9999px, 139px, 0);
    -webkit-transform: translateX(21px);
            transform: translateX(21px);
  }
  40% {
    clip: rect(112px, 9999px, 130px, 0);
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  45% {
    clip: rect(106px, 9999px, 156px, 0);
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
  }
  50% {
    clip: rect(32px, 9999px, 67px, 0);
    -webkit-transform: translateX(27px);
            transform: translateX(27px);
  }
  55% {
    clip: rect(103px, 9999px, 137px, 0);
    -webkit-transform: translateX(13px);
            transform: translateX(13px);
  }
  60% {
    clip: rect(4px, 9999px, 14px, 0);
    -webkit-transform: translateX(23px);
            transform: translateX(23px);
  }
  65% {
    clip: rect(96px, 9999px, 113px, 0);
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }
  70% {
    clip: rect(147px, 9999px, 181px, 0);
    -webkit-transform: translateX(1px);
            transform: translateX(1px);
  }
  75% {
    clip: rect(81px, 9999px, 111px, 0);
    -webkit-transform: translateX(11px);
            transform: translateX(11px);
  }
  80% {
    clip: rect(12px, 9999px, 27px, 0);
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  85% {
    clip: rect(10px, 9999px, 15px, 0);
    -webkit-transform: translateX(12px);
            transform: translateX(12px);
  }
  90% {
    clip: rect(26px, 9999px, 31px, 0);
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  95% {
    clip: rect(201px, 9999px, 246px, 0);
    -webkit-transform: translateX(14px);
            transform: translateX(14px);
  }
  100% {
    clip: rect(8px, 9999px, 21px, 0);
    -webkit-transform: translateX(19px);
            transform: translateX(19px);
  }
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(127px, 9999px, 169px, 0);
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
  5% {
    clip: rect(170px, 9999px, 173px, 0);
    -webkit-transform: translateX(-28px);
            transform: translateX(-28px);
  }
  10% {
    clip: rect(19px, 9999px, 35px, 0);
    -webkit-transform: translateX(-13px);
            transform: translateX(-13px);
  }
  15% {
    clip: rect(176px, 9999px, 207px, 0);
    -webkit-transform: translateX(-11px);
            transform: translateX(-11px);
  }
  20% {
    clip: rect(22px, 9999px, 49px, 0);
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  25% {
    clip: rect(196px, 9999px, 239px, 0);
    -webkit-transform: translateX(-7px);
            transform: translateX(-7px);
  }
  30% {
    clip: rect(79px, 9999px, 106px, 0);
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  35% {
    clip: rect(8px, 9999px, 50px, 0);
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  40% {
    clip: rect(154px, 9999px, 190px, 0);
    -webkit-transform: translateX(-14px);
            transform: translateX(-14px);
  }
  45% {
    clip: rect(62px, 9999px, 68px, 0);
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
  50% {
    clip: rect(187px, 9999px, 234px, 0);
    -webkit-transform: translateX(-17px);
            transform: translateX(-17px);
  }
  55% {
    clip: rect(67px, 9999px, 109px, 0);
    -webkit-transform: translateX(-11px);
            transform: translateX(-11px);
  }
  60% {
    clip: rect(154px, 9999px, 174px, 0);
    -webkit-transform: translateX(-11px);
            transform: translateX(-11px);
  }
  65% {
    clip: rect(108px, 9999px, 122px, 0);
    -webkit-transform: translateX(-18px);
            transform: translateX(-18px);
  }
  70% {
    clip: rect(92px, 9999px, 135px, 0);
    -webkit-transform: translateX(-21px);
            transform: translateX(-21px);
  }
  75% {
    clip: rect(16px, 9999px, 43px, 0);
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px);
  }
  80% {
    clip: rect(6px, 9999px, 43px, 0);
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px);
  }
  85% {
    clip: rect(95px, 9999px, 125px, 0);
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
  90% {
    clip: rect(128px, 9999px, 154px, 0);
    -webkit-transform: translateX(-12px);
            transform: translateX(-12px);
  }
  95% {
    clip: rect(146px, 9999px, 154px, 0);
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  100% {
    clip: rect(176px, 9999px, 220px, 0);
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px);
  }
}

@keyframes noise-anim-w {
  0% {
    clip: rect(287px, 9999px, 302px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  5% {
    clip: rect(114px, 9999px, 158px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  10% {
    clip: rect(270px, 9999px, 305px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  15% {
    clip: rect(60px, 9999px, 67px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  20% {
    clip: rect(296px, 9999px, 308px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  25% {
    clip: rect(22px, 9999px, 42px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  30% {
    clip: rect(222px, 9999px, 271px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  35% {
    clip: rect(248px, 9999px, 273px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  40% {
    clip: rect(179px, 9999px, 188px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  45% {
    clip: rect(52px, 9999px, 57px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  50% {
    clip: rect(347px, 9999px, 386px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  55% {
    clip: rect(343px, 9999px, 369px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  60% {
    clip: rect(234px, 9999px, 252px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  65% {
    clip: rect(290px, 9999px, 324px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  70% {
    clip: rect(276px, 9999px, 313px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  75% {
    clip: rect(162px, 9999px, 166px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  80% {
    clip: rect(335px, 9999px, 371px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  85% {
    clip: rect(3px, 9999px, 41px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  90% {
    clip: rect(239px, 9999px, 286px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  95% {
    clip: rect(24px, 9999px, 66px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  100% {
    clip: rect(248px, 9999px, 287px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@keyframes noise-anim-s {
  0% {
    clip: rect(1149px, 9999px, 440px, 0);
  }
  5% {
    clip: rect(826px, 9999px, 22px, 0);
  }
  10% {
    clip: rect(237px, 9999px, 836px, 0);
  }
  15% {
    clip: rect(745px, 9999px, 657px, 0);
  }
  20% {
    clip: rect(1111px, 9999px, 805px, 0);
  }
  25% {
    clip: rect(178px, 9999px, 338px, 0);
  }
  30% {
    clip: rect(765px, 9999px, 159px, 0);
  }
  35% {
    clip: rect(360px, 9999px, 1105px, 0);
  }
  40% {
    clip: rect(1180px, 9999px, 287px, 0);
  }
  45% {
    clip: rect(126px, 9999px, 843px, 0);
  }
  50% {
    clip: rect(460px, 9999px, 1171px, 0);
  }
  55% {
    clip: rect(113px, 9999px, 977px, 0);
  }
  60% {
    clip: rect(727px, 9999px, 427px, 0);
  }
  65% {
    clip: rect(1206px, 9999px, 423px, 0);
  }
  70% {
    clip: rect(359px, 9999px, 495px, 0);
  }
  75% {
    clip: rect(1125px, 9999px, 1099px, 0);
  }
  80% {
    clip: rect(317px, 9999px, 628px, 0);
  }
  85% {
    clip: rect(55px, 9999px, 918px, 0);
  }
  90% {
    clip: rect(737px, 9999px, 875px, 0);
  }
  95% {
    clip: rect(929px, 9999px, 1162px, 0);
  }
  100% {
    clip: rect(819px, 9999px, 413px, 0);
  }
}

@keyframes noise-anim-s2 {
  0% {
    clip: rect(113px, 9999px, 471px, 0);
  }
  5% {
    clip: rect(18px, 9999px, 189px, 0);
  }
  10% {
    clip: rect(1182px, 9999px, 410px, 0);
  }
  15% {
    clip: rect(459px, 9999px, 131px, 0);
  }
  20% {
    clip: rect(687px, 9999px, 963px, 0);
  }
  25% {
    clip: rect(268px, 9999px, 307px, 0);
  }
  30% {
    clip: rect(1151px, 9999px, 206px, 0);
  }
  35% {
    clip: rect(947px, 9999px, 204px, 0);
  }
  40% {
    clip: rect(740px, 9999px, 591px, 0);
  }
  45% {
    clip: rect(414px, 9999px, 818px, 0);
  }
  50% {
    clip: rect(1218px, 9999px, 324px, 0);
  }
  55% {
    clip: rect(1044px, 9999px, 607px, 0);
  }
  60% {
    clip: rect(541px, 9999px, 667px, 0);
  }
  65% {
    clip: rect(818px, 9999px, 1095px, 0);
  }
  70% {
    clip: rect(244px, 9999px, 518px, 0);
  }
  75% {
    clip: rect(663px, 9999px, 1023px, 0);
  }
  80% {
    clip: rect(805px, 9999px, 1169px, 0);
  }
  85% {
    clip: rect(611px, 9999px, 1127px, 0);
  }
  90% {
    clip: rect(1174px, 9999px, 272px, 0);
  }
  95% {
    clip: rect(1189px, 9999px, 194px, 0);
  }
  100% {
    clip: rect(0px, 9999px, 1223px, 0);
  }
}

@keyframes vibration {
  0% {
    -webkit-transform: translateX(-3px) translateY(1px);
            transform: translateX(-3px) translateY(1px);
  }
  5% {
    -webkit-transform: translateX(0px) translateY(3px);
            transform: translateX(0px) translateY(3px);
  }
  10% {
    -webkit-transform: translateX(4px) translateY(-5px);
            transform: translateX(4px) translateY(-5px);
  }
  15% {
    -webkit-transform: translateX(-6px) translateY(1px);
            transform: translateX(-6px) translateY(1px);
  }
  20% {
    -webkit-transform: translateX(3px) translateY(7px);
            transform: translateX(3px) translateY(7px);
  }
  25% {
    -webkit-transform: translateX(7px) translateY(-2px);
            transform: translateX(7px) translateY(-2px);
  }
  30% {
    -webkit-transform: translateX(-7px) translateY(-4px);
            transform: translateX(-7px) translateY(-4px);
  }
  35% {
    -webkit-transform: translateX(-1px) translateY(6px);
            transform: translateX(-1px) translateY(6px);
  }
  40% {
    -webkit-transform: translateX(5px) translateY(6px);
            transform: translateX(5px) translateY(6px);
  }
  45% {
    -webkit-transform: translateX(-2px) translateY(-5px);
            transform: translateX(-2px) translateY(-5px);
  }
  50% {
    -webkit-transform: translateX(-1px) translateY(-5px);
            transform: translateX(-1px) translateY(-5px);
  }
  55% {
    -webkit-transform: translateX(-4px) translateY(-1px);
            transform: translateX(-4px) translateY(-1px);
  }
  60% {
    -webkit-transform: translateX(-3px) translateY(-3px);
            transform: translateX(-3px) translateY(-3px);
  }
  65% {
    -webkit-transform: translateX(5px) translateY(2px);
            transform: translateX(5px) translateY(2px);
  }
  70% {
    -webkit-transform: translateX(5px) translateY(1px);
            transform: translateX(5px) translateY(1px);
  }
  75% {
    -webkit-transform: translateX(1px) translateY(0px);
            transform: translateX(1px) translateY(0px);
  }
  80% {
    -webkit-transform: translateX(3px) translateY(7px);
            transform: translateX(3px) translateY(7px);
  }
  85% {
    -webkit-transform: translateX(-4px) translateY(5px);
            transform: translateX(-4px) translateY(5px);
  }
  90% {
    -webkit-transform: translateX(6px) translateY(6px);
            transform: translateX(6px) translateY(6px);
  }
  95% {
    -webkit-transform: translateX(-2px) translateY(2px);
            transform: translateX(-2px) translateY(2px);
  }
  100% {
    -webkit-transform: translateX(-6px) translateY(-4px);
            transform: translateX(-6px) translateY(-4px);
  }
}

@keyframes exZoomIN {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes exZoomIN {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes slowZoomIN {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes slowZoomIN {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes slowZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

@-webkit-keyframes slowZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

@keyframes slowExZoomIN {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes slowExZoomIN {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes Flashing1 {
  0% {
    opacity: 0;
  }
  29% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Flashing2 {
  0% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Flashing3 {
  0% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes blink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes exFadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes exFadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes spark {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes spark {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes exBounceIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes exBounceIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes arrowAnimTop {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-100%) rotate(180deg);
            transform: translateY(-100%) rotate(180deg);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
    opacity: 1;
  }
}

@-webkit-keyframes arrowAnimTop {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-100%) rotate(180deg);
            transform: translateY(-100%) rotate(180deg);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
    opacity: 1;
  }
}

@keyframes arrowAnimScroll {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes arrowAnimScroll {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes arrowAnimScrollUp {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes arrowAnimScrollUp {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

/* ------------------------------ */
/* -- FONT -- */
/* ------------------------------ */
/* -- Function -- */
@-webkit-keyframes exZoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

@keyframes exZoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

.exZoomIn {
  -webkit-animation-name: exZoomIn;
  animation-name: exZoomIn;
}

/* --------------------------- */
/* media */
.c-media {
  line-height: 0;
}

.c-media--mw100 {
  max-width: 100%;
}

.c-media__image {
  /* -- img tags -- */
  width: 100%;
}

.c-media--video {
  position: relative;
  line-height: 0;
}

.c-media--video:before {
  display: block;
  content: "";
  padding-top: 56.25%;
  pointer-events: none;
}

.c-media--video__vid {
  /* -- video tags and Youtube iframe -- */
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

/* --------------------------- */
/* alerts */
.c-badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.c-badge--round {
  border-radius: .5rem;
}

.c-badge--secondary {
  color: #fff;
  background-color: #868e96;
}

.c-badge__bakudan:after {
  content: "";
  position: absolute;
  width: 98px;
  height: 97px;
  background: url("../images/common/bakudan-icon.png");
  background-size: 100%;
  left: -18px;
  top: -32px;
}

.c-badge__bakudan--center:after {
  top: 12px;
}

@media only screen and (max-width: 1080px) {
  .c-badge__bakudan:after {
    width: 9.07407vw;
    height: 8.98148vw;
  }
}

@media only screen and (max-width: 786px) {
  .c-badge__bakudan:after {
    width: 55px;
    height: 55px;
    left: -9px;
    top: -13px;
  }
}

/* --------------------------- */
/* button component */
.c-btn {
  display: inline-block;
  position: relative;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 400;
  /* 16px × 1.25 = 高さ20px */
  /* padding .5rem × 2 = 10px */
  /* border 1px × 2 = 2px */
  /* 合計 30px */
  padding: 0.5rem 0.75rem;
  border: 1px solid transparent;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  display: block;
  color: #fff !important;
  background-color: #000 !important;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 31px;
  width: 100%;
}

.c-btn:hover {
  text-decoration: none;
}

.c-btn:hover {
  opacity: 0.7;
}

.c-btn--default {
  max-width: 327px;
}

.c-btn--large {
  max-width: 437px;
}

@media only screen and (max-width: 786px) {
  .c-btn {
    font-size: 10px;
    font-size: 1rem;
    padding: 15px;
  }
  .c-btn--default {
    max-width: 164px;
  }
  .c-btn--large {
    max-width: 219px;
  }
}

/* --------------------------- */
/* block */
.swiper-slide {
  width: 100%;
  height: 100%;
}

.swiper-slide--box {
  padding: 45px 35px;
  background-color: #f4f6f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.swiper-pagination {
  -webkit-transform: none !important;
          transform: none !important;
  top: 148px !important;
  right: 22px !important;
  visibility: hidden;
}

.swiper-button-prev,
.swiper-button-next {
  display: none;
}

.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: #fff;
  margin: 24px 0 !important;
  opacity: 1;
  -webkit-box-shadow: 0px 0px 15px 3px #e0f3fc;
          box-shadow: 0px 0px 15px 3px #e0f3fc;
}

.swiper-pagination-bullet-active {
  background: #fdfb4c !important;
}

/* CSS Document */
/*----------------------------------------------------
	☆etc
----------------------------------------------------*/
/*----------------------------------------------------
    ☆component
----------------------------------------------------*/
/*----------------------------------------------------
    ☆margin
----------------------------------------------------*/
/*----------------------------------------------------
    ☆element size fix
----------------------------------------------------*/
/*----------------------------------------------------
    ☆position
----------------------------------------------------*/
/*----------------------------------------------------
    ☆border
----------------------------------------------------*/
/*----------------------------------------------------
    ☆button
----------------------------------------------------*/
/*----------------------------------------------------
    ☆animation
----------------------------------------------------*/
@keyframes noise-anim {
  0% {
    clip: rect(169px, 9999px, 177px, 0);
    -webkit-transform: translateX(25px);
            transform: translateX(25px);
  }
  5% {
    clip: rect(201px, 9999px, 224px, 0);
    -webkit-transform: translateX(22px);
            transform: translateX(22px);
  }
  10% {
    clip: rect(35px, 9999px, 44px, 0);
    -webkit-transform: translateX(12px);
            transform: translateX(12px);
  }
  15% {
    clip: rect(157px, 9999px, 205px, 0);
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  20% {
    clip: rect(45px, 9999px, 94px, 0);
    -webkit-transform: translateX(27px);
            transform: translateX(27px);
  }
  25% {
    clip: rect(144px, 9999px, 154px, 0);
    -webkit-transform: translateX(24px);
            transform: translateX(24px);
  }
  30% {
    clip: rect(58px, 9999px, 68px, 0);
    -webkit-transform: translateX(21px);
            transform: translateX(21px);
  }
  35% {
    clip: rect(43px, 9999px, 72px, 0);
    -webkit-transform: translateX(1px);
            transform: translateX(1px);
  }
  40% {
    clip: rect(150px, 9999px, 159px, 0);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  45% {
    clip: rect(20px, 9999px, 42px, 0);
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  50% {
    clip: rect(20px, 9999px, 33px, 0);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  55% {
    clip: rect(14px, 9999px, 19px, 0);
    -webkit-transform: translateX(12px);
            transform: translateX(12px);
  }
  60% {
    clip: rect(65px, 9999px, 113px, 0);
    -webkit-transform: translateX(13px);
            transform: translateX(13px);
  }
  65% {
    clip: rect(74px, 9999px, 78px, 0);
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }
  70% {
    clip: rect(79px, 9999px, 115px, 0);
    -webkit-transform: translateX(13px);
            transform: translateX(13px);
  }
  75% {
    clip: rect(59px, 9999px, 87px, 0);
    -webkit-transform: translateX(17px);
            transform: translateX(17px);
  }
  80% {
    clip: rect(131px, 9999px, 141px, 0);
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  85% {
    clip: rect(32px, 9999px, 50px, 0);
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  90% {
    clip: rect(59px, 9999px, 89px, 0);
    -webkit-transform: translateX(9px);
            transform: translateX(9px);
  }
  95% {
    clip: rect(106px, 9999px, 121px, 0);
    -webkit-transform: translateX(13px);
            transform: translateX(13px);
  }
  100% {
    clip: rect(182px, 9999px, 221px, 0);
    -webkit-transform: translateX(19px);
            transform: translateX(19px);
  }
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(194px, 9999px, 204px, 0);
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }
  5% {
    clip: rect(88px, 9999px, 137px, 0);
    -webkit-transform: translateX(-27px);
            transform: translateX(-27px);
  }
  10% {
    clip: rect(128px, 9999px, 142px, 0);
    -webkit-transform: translateX(-27px);
            transform: translateX(-27px);
  }
  15% {
    clip: rect(76px, 9999px, 79px, 0);
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  20% {
    clip: rect(136px, 9999px, 147px, 0);
    -webkit-transform: translateX(-6px);
            transform: translateX(-6px);
  }
  25% {
    clip: rect(65px, 9999px, 72px, 0);
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
  30% {
    clip: rect(78px, 9999px, 85px, 0);
    -webkit-transform: translateX(-13px);
            transform: translateX(-13px);
  }
  35% {
    clip: rect(58px, 9999px, 65px, 0);
    -webkit-transform: translateX(-19px);
            transform: translateX(-19px);
  }
  40% {
    clip: rect(77px, 9999px, 97px, 0);
    -webkit-transform: translateX(-24px);
            transform: translateX(-24px);
  }
  45% {
    clip: rect(114px, 9999px, 134px, 0);
    -webkit-transform: translateX(-19px);
            transform: translateX(-19px);
  }
  50% {
    clip: rect(60px, 9999px, 110px, 0);
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  55% {
    clip: rect(97px, 9999px, 146px, 0);
    -webkit-transform: translateX(-22px);
            transform: translateX(-22px);
  }
  60% {
    clip: rect(98px, 9999px, 133px, 0);
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px);
  }
  65% {
    clip: rect(39px, 9999px, 57px, 0);
    -webkit-transform: translateX(-11px);
            transform: translateX(-11px);
  }
  70% {
    clip: rect(47px, 9999px, 78px, 0);
    -webkit-transform: translateX(-6px);
            transform: translateX(-6px);
  }
  75% {
    clip: rect(124px, 9999px, 157px, 0);
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px);
  }
  80% {
    clip: rect(62px, 9999px, 111px, 0);
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  85% {
    clip: rect(201px, 9999px, 220px, 0);
    -webkit-transform: translateX(-12px);
            transform: translateX(-12px);
  }
  90% {
    clip: rect(99px, 9999px, 105px, 0);
    -webkit-transform: translateX(-18px);
            transform: translateX(-18px);
  }
  95% {
    clip: rect(102px, 9999px, 134px, 0);
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    clip: rect(49px, 9999px, 68px, 0);
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
}

@keyframes noise-anim-w {
  0% {
    clip: rect(157px, 9999px, 196px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  5% {
    clip: rect(354px, 9999px, 399px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  10% {
    clip: rect(122px, 9999px, 128px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  15% {
    clip: rect(156px, 9999px, 198px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  20% {
    clip: rect(158px, 9999px, 198px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  25% {
    clip: rect(278px, 9999px, 302px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  30% {
    clip: rect(62px, 9999px, 73px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  35% {
    clip: rect(59px, 9999px, 78px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  40% {
    clip: rect(79px, 9999px, 88px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  45% {
    clip: rect(112px, 9999px, 116px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  50% {
    clip: rect(129px, 9999px, 165px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  55% {
    clip: rect(181px, 9999px, 206px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  60% {
    clip: rect(15px, 9999px, 19px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  65% {
    clip: rect(86px, 9999px, 122px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  70% {
    clip: rect(133px, 9999px, 138px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  75% {
    clip: rect(208px, 9999px, 240px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  80% {
    clip: rect(219px, 9999px, 257px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  85% {
    clip: rect(11px, 9999px, 42px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  90% {
    clip: rect(117px, 9999px, 154px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  95% {
    clip: rect(346px, 9999px, 381px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  100% {
    clip: rect(8px, 9999px, 57px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@keyframes noise-anim-s {
  0% {
    clip: rect(1066px, 9999px, 482px, 0);
  }
  5% {
    clip: rect(764px, 9999px, 384px, 0);
  }
  10% {
    clip: rect(126px, 9999px, 525px, 0);
  }
  15% {
    clip: rect(825px, 9999px, 619px, 0);
  }
  20% {
    clip: rect(33px, 9999px, 834px, 0);
  }
  25% {
    clip: rect(11px, 9999px, 618px, 0);
  }
  30% {
    clip: rect(498px, 9999px, 391px, 0);
  }
  35% {
    clip: rect(688px, 9999px, 1078px, 0);
  }
  40% {
    clip: rect(491px, 9999px, 780px, 0);
  }
  45% {
    clip: rect(1109px, 9999px, 702px, 0);
  }
  50% {
    clip: rect(496px, 9999px, 56px, 0);
  }
  55% {
    clip: rect(942px, 9999px, 141px, 0);
  }
  60% {
    clip: rect(375px, 9999px, 933px, 0);
  }
  65% {
    clip: rect(262px, 9999px, 905px, 0);
  }
  70% {
    clip: rect(837px, 9999px, 154px, 0);
  }
  75% {
    clip: rect(899px, 9999px, 34px, 0);
  }
  80% {
    clip: rect(171px, 9999px, 1202px, 0);
  }
  85% {
    clip: rect(58px, 9999px, 174px, 0);
  }
  90% {
    clip: rect(934px, 9999px, 575px, 0);
  }
  95% {
    clip: rect(127px, 9999px, 671px, 0);
  }
  100% {
    clip: rect(593px, 9999px, 638px, 0);
  }
}

@keyframes noise-anim-s2 {
  0% {
    clip: rect(613px, 9999px, 441px, 0);
  }
  5% {
    clip: rect(650px, 9999px, 570px, 0);
  }
  10% {
    clip: rect(669px, 9999px, 621px, 0);
  }
  15% {
    clip: rect(429px, 9999px, 923px, 0);
  }
  20% {
    clip: rect(1023px, 9999px, 210px, 0);
  }
  25% {
    clip: rect(1215px, 9999px, 569px, 0);
  }
  30% {
    clip: rect(873px, 9999px, 1078px, 0);
  }
  35% {
    clip: rect(703px, 9999px, 474px, 0);
  }
  40% {
    clip: rect(883px, 9999px, 963px, 0);
  }
  45% {
    clip: rect(168px, 9999px, 1190px, 0);
  }
  50% {
    clip: rect(649px, 9999px, 883px, 0);
  }
  55% {
    clip: rect(921px, 9999px, 732px, 0);
  }
  60% {
    clip: rect(981px, 9999px, 312px, 0);
  }
  65% {
    clip: rect(848px, 9999px, 224px, 0);
  }
  70% {
    clip: rect(1195px, 9999px, 751px, 0);
  }
  75% {
    clip: rect(543px, 9999px, 458px, 0);
  }
  80% {
    clip: rect(155px, 9999px, 56px, 0);
  }
  85% {
    clip: rect(35px, 9999px, 414px, 0);
  }
  90% {
    clip: rect(607px, 9999px, 450px, 0);
  }
  95% {
    clip: rect(1203px, 9999px, 709px, 0);
  }
  100% {
    clip: rect(0px, 9999px, 1223px, 0);
  }
}

@keyframes vibration {
  0% {
    -webkit-transform: translateX(8px) translateY(0px);
            transform: translateX(8px) translateY(0px);
  }
  5% {
    -webkit-transform: translateX(4px) translateY(-3px);
            transform: translateX(4px) translateY(-3px);
  }
  10% {
    -webkit-transform: translateX(4px) translateY(4px);
            transform: translateX(4px) translateY(4px);
  }
  15% {
    -webkit-transform: translateX(7px) translateY(-3px);
            transform: translateX(7px) translateY(-3px);
  }
  20% {
    -webkit-transform: translateX(3px) translateY(-5px);
            transform: translateX(3px) translateY(-5px);
  }
  25% {
    -webkit-transform: translateX(-5px) translateY(-1px);
            transform: translateX(-5px) translateY(-1px);
  }
  30% {
    -webkit-transform: translateX(2px) translateY(-4px);
            transform: translateX(2px) translateY(-4px);
  }
  35% {
    -webkit-transform: translateX(6px) translateY(-7px);
            transform: translateX(6px) translateY(-7px);
  }
  40% {
    -webkit-transform: translateX(4px) translateY(-2px);
            transform: translateX(4px) translateY(-2px);
  }
  45% {
    -webkit-transform: translateX(0px) translateY(7px);
            transform: translateX(0px) translateY(7px);
  }
  50% {
    -webkit-transform: translateX(3px) translateY(-5px);
            transform: translateX(3px) translateY(-5px);
  }
  55% {
    -webkit-transform: translateX(-7px) translateY(4px);
            transform: translateX(-7px) translateY(4px);
  }
  60% {
    -webkit-transform: translateX(6px) translateY(-2px);
            transform: translateX(6px) translateY(-2px);
  }
  65% {
    -webkit-transform: translateX(5px) translateY(-6px);
            transform: translateX(5px) translateY(-6px);
  }
  70% {
    -webkit-transform: translateX(-1px) translateY(4px);
            transform: translateX(-1px) translateY(4px);
  }
  75% {
    -webkit-transform: translateX(3px) translateY(6px);
            transform: translateX(3px) translateY(6px);
  }
  80% {
    -webkit-transform: translateX(-3px) translateY(8px);
            transform: translateX(-3px) translateY(8px);
  }
  85% {
    -webkit-transform: translateX(-3px) translateY(6px);
            transform: translateX(-3px) translateY(6px);
  }
  90% {
    -webkit-transform: translateX(-4px) translateY(-7px);
            transform: translateX(-4px) translateY(-7px);
  }
  95% {
    -webkit-transform: translateX(4px) translateY(0px);
            transform: translateX(4px) translateY(0px);
  }
  100% {
    -webkit-transform: translateX(1px) translateY(-4px);
            transform: translateX(1px) translateY(-4px);
  }
}

@keyframes exZoomIN {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes exZoomIN {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes slowZoomIN {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes slowZoomIN {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes slowZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

@-webkit-keyframes slowZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

@keyframes slowExZoomIN {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes slowExZoomIN {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes Flashing1 {
  0% {
    opacity: 0;
  }
  29% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Flashing2 {
  0% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Flashing3 {
  0% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes blink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes exFadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes exFadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes spark {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes spark {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes exBounceIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes exBounceIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes arrowAnimTop {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-100%) rotate(180deg);
            transform: translateY(-100%) rotate(180deg);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
    opacity: 1;
  }
}

@-webkit-keyframes arrowAnimTop {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-100%) rotate(180deg);
            transform: translateY(-100%) rotate(180deg);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
    opacity: 1;
  }
}

@keyframes arrowAnimScroll {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes arrowAnimScroll {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes arrowAnimScrollUp {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes arrowAnimScrollUp {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

/* ------------------------------ */
/* -- FONT -- */
/* ------------------------------ */
/* -- Function -- */
@-webkit-keyframes exZoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

@keyframes exZoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

.exZoomIn {
  -webkit-animation-name: exZoomIn;
  animation-name: exZoomIn;
}

.hidden {
  visibility: hidden;
  opacity: 0;
}

.visActive {
  visibility: visible !important;
}

.dspNone {
  display: none;
}

.p-idxMain {
  pointer-events: none;
}

.p-idxMap svg {
  width: 100%;
  height: 100%;
}

.venue_illust {
  cursor: pointer;
}

.venue_illust:hover {
  opacity: 0.7;
}

.btnDisabled {
  pointer-events: none;
  background-color: #585858 !important;
}

.disabled {
  pointer-events: none;
}

.p-idxHeader {
  position: absolute;
  width: 15.87983dvh;
  height: 8.58369dvh;
  left: 2.14592dvh;
  top: 3.64807dvh;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid #000000;
  border-radius: 2.03863dvh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
}

.p-idxHeader:hover {
  opacity: 0.7;
}

.p-idxHeader__ctc {
  width: 5.4721dvh;
  height: 4.72103dvh;
  margin: 0 0.53648dvh;
}

.p-memberIndex {
  overflow: hidden;
}

.p-memberIndex__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000000;
}

.p-memberIndex__overlayWhite {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #ffffff;
  z-index: 1003;
}

.p-memberIndex__inner {
  position: absolute;
  width: 404px;
  right: 15px;
  bottom: 16px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  overflow: hidden;
  border-radius: 19px;
}

.p-memberIndex__username {
  font-size: 14px;
  line-height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #000000;
  font-weight: bold;
  text-align: center;
  color: #000000;
}

.p-memberIndex__status {
  font-size: 30px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  color: #edff8d;
  background-color: #000000;
}

.p-memberIndex__props {
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-memberIndex__props + .p-memberIndex__props {
  border-top: none;
}

.p-memberIndex__label {
  font-size: 14px;
  line-height: 30px;
  padding-left: 10px;
  width: 147px;
  border-right: 1px dotted #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
}

.p-memberIndex__value {
  font-size: 22px;
  line-height: 30px;
  padding-left: 10px;
  font-weight: bold;
}

.p-memberIndex__value span {
  font-size: 16px;
}

.p-memberIndex__btn {
  font-size: 14px;
  padding: 10px;
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
  text-align: center;
  cursor: pointer;
  margin-top: 10px;
}

.textMin {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  padding: 8px;
}

.p-memberLogin {
  overflow: hidden;
}

.p-memberLogin__background {
  position: absolute;
  width: 1400px;
  height: 932px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.p-memberLogin__monitor {
  position: absolute;
  width: 1400px;
  height: 932px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.p-memberLogin__monitor1 {
  position: absolute;
  width: 13.32%;
  aspect-ratio: 373 / 220;
  left: 3.107%;
  top: 23.336%;
  overflow: hidden;
}

.p-memberLogin__monitor1 .glitch {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/login/monitor_1.png") center center no-repeat;
  background-size: cover;
}

.p-memberLogin__monitor2 {
  position: absolute;
  width: 13.42%;
  aspect-ratio: 376 / 220;
  left: 17.17%;
  top: 23.336%;
  overflow: hidden;
}

.p-memberLogin__monitor2 .glitch {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/login/monitor_2.png") center center no-repeat;
  background-size: cover;
}

.p-memberLogin__monitor3 {
  position: absolute;
  width: 13.35%;
  aspect-ratio: 374 / 220;
  left: 31.28%;
  top: 23.336%;
  overflow: hidden;
}

.p-memberLogin__monitor3 .glitch {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/login/monitor_3.png") center center no-repeat;
  background-size: cover;
}

.p-memberLogin__monitor4 {
  position: absolute;
  width: 13.35%;
  aspect-ratio: 374 / 220;
  left: 55.71%;
  top: 23.336%;
  overflow: hidden;
}

.p-memberLogin__monitor4 .glitch {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/login/monitor_4.png") center center no-repeat;
  background-size: cover;
}

.p-memberLogin__monitor5 {
  position: absolute;
  width: 13.39%;
  aspect-ratio: 375 / 220;
  left: 69.82%;
  top: 23.336%;
  overflow: hidden;
}

.p-memberLogin__monitor5 .glitch {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/login/monitor_5.png") center center no-repeat;
  background-size: cover;
}

.p-memberLogin__monitor6 {
  position: absolute;
  width: 13.39%;
  aspect-ratio: 375 / 220;
  left: 83.92%;
  top: 23.336%;
  overflow: hidden;
}

.p-memberLogin__monitor6 .glitch {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/login/monitor_6.png") center center no-repeat;
  background-size: cover;
}

.p-memberLogin__container {
  position: absolute;
  width: 444px;
  height: 682px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-memberLogin__inner {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding: 30px 20px 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #000000;
}

.p-memberLogin__title {
  font-size: 16px;
  text-align: center;
  color: #ffeb00;
  font-weight: bold;
  margin-bottom: 26px;
}

.p-memberLogin__textArea {
  display: block;
  position: relative;
}

.p-memberLogin__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 26px;
  width: 100%;
  height: 90px;
  font-weight: bold;
  color: #000000;
  background-color: #ffffff;
  margin-top: 10px;
  border: none;
}

.p-memberLogin__btnLogin {
  margin-top: 40px;
  background-color: #ffeb00;
}

.p-memberLogin__notice {
  font-size: 12px;
  color: #B5B5B5;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 18px;
  line-height: 1.4;
}

.p-memberLogin__spec {
  font-size: 12px;
  line-height: 1.4;
  color: #ffffff;
  font-weight: normal;
  position: relative;
  width: 100%;
  background-color: #000000;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-memberLogin__dialog {
  color: #ff0000;
  font-size: 14px;
  margin: 0;
}

.textbox-1-label {
  display: block;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: -5px;
  color: #ffeb00;
  font-weight: bold;
}

.textbox-1 {
  width: 100%;
  padding: 8px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.5;
  font-size: 16px;
}

.textbox-1::-webkit-input-placeholder {
  color: #999;
}

.textbox-1:-ms-input-placeholder {
  color: #999;
}

.textbox-1::-ms-input-placeholder {
  color: #999;
}

.textbox-1::placeholder {
  color: #999;
}

.p-idxQuiz {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.p-idxQuiz.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-idxQuiz__cover {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
}

.p-idxQuiz__inner {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
}

.p-idxQuiz__inner svg {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
  pointer-events: none;
}

.p-idxQuiz.success {
  background: url("../images/quiz_bg_f.svg") left top no-repeat;
  background-size: cover;
}

.p-idxQuiz.failed {
  background: url("../images/quiz_failed_bg.png") left top no-repeat;
  background-size: cover;
}

.p-idxQuiz__close {
  position: absolute;
  width: 16.6309dvh;
  height: 5.36481dvh;
  left: 0.4dvh;
  bottom: 0;
  cursor: pointer;
}

.p-idxQuizIndex {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
  background: url("../images/quiz_bg.svg") left top no-repeat;
  background-size: cover;
}

.p-idxQuizIndex .tmp_daily {
  position: absolute;
  width: 53.64807dvh;
  left: 18.02575dvh;
  top: 25.21459dvh;
  line-height: 3;
  font-size: 48px;
  font-weight: bold;
  color: #757575;
  background-color: #ffffff;
}

.p-idxQuizIndex__deco {
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 920/932;
  left: 0;
  top: 0;
}

.p-idxQuizIndex__title {
  position: absolute;
  width: 60.83691dvh;
  height: 60.83691dvh;
  left: 17.70386dvh;
  top: 17.91845dvh;
}

.p-idxQuizIndex__start {
  position: absolute;
  width: 24.8927dvh;
  height: 5.90129dvh;
  right: 6.11588dvh;
  top: 48.39056dvh;
  cursor: pointer;
}

.p-idxQuizIndex__start::after {
  content: "";
  position: absolute;
  width: 1.71674dvh;
  height: 1.71674dvh;
  border-left: 3px solid #000000;
  border-top: 3px solid #000000;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  right: -3.00429dvh;
}

.p-idxQuizIndex__num {
  position: absolute;
  width: 26.39485dvh;
  height: 10.08584dvh;
  right: 0dvh;
  top: 0dvh;
}

.p-idxQuizIndex__txt {
  position: absolute;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: nowrap;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  font-feature-settings: "vhal" 1;
  line-height: 2.2;
  letter-spacing: 0.19em;
  font-size: 1.71674dvh;
  width: 24.67811dvh;
  height: 30.04292dvh;
  right: 27.03863dvh;
  top: 64.59227dvh;
}

.p-idxQuizIndex__ryuken {
  position: absolute;
  width: 20.17167dvh;
  height: 23.06867dvh;
  right: 3.43348dvh;
  top: 64.48498dvh;
}

.p-idxQuizPlay {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
  background: url("../images/quiz_bg.svg") left top no-repeat;
  background-size: cover;
}

.p-idxQuizPlay__deco {
  position: absolute;
  width: 76.50215dvh;
  height: 12.87554dvh;
  right: 6.11588dvh;
  top: 79.29185dvh;
}

.p-idxQuizPlay__title {
  position: absolute;
  width: 30.90129dvh;
  height: 19.63519dvh;
  left: 21.13734dvh;
  top: 1.93133dvh;
}

.p-idxQuizPlay__num {
  position: absolute;
  width: 18.56223dvh;
  height: 18.24034dvh;
  right: 0dvh;
  top: 0dvh;
}

.p-idxQuizPlay__quizNum {
  position: absolute;
  width: 10.72961dvh;
  height: 6.54506dvh;
  left: 50.32189dvh;
  top: 22.2103dvh;
  background: url("../images/quiz_num_bg.svg") left top no-repeat;
  background-size: contain;
  text-align: center;
  font-size: 2.03863dvh;
  font-weight: bold;
  line-height: 6.54506dvh;
}

.p-idxQuizPlay__quizDsc {
  position: absolute;
  width: 72.3176dvh;
  left: 19.5279dvh;
  top: 30.04292dvh;
}

.p-idxQuizPlay__quizText {
  position: relative;
  width: 100%;
  font-size: 2.36052dvh;
  text-align: center;
  font-weight: bold;
  margin-bottom: 7.18884dvh;
}

.p-idxQuizPlay__select {
  position: relative;
  width: 100%;
  margin-bottom: -2.14592dvh;
}

.p-idxQuizPlay__ans {
  position: relative;
  width: 35.62232dvh;
  height: auto;
  min-height: 13.8412dvh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2.03dvh;
  border: 2px solid #000000;
  background-color: #ffffff;
  margin-bottom: 4.29185dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* フレックスボックスを使用 */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* 左右の中央揃え */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 上下の中央揃え */
  box-sizing: border-box;
  padding: 0 3dvh;
  cursor: pointer;
}

.p-idxQuizPlay__ans span {
  position: absolute;
  width: 5.79399dvh;
  height: 5.79399dvh;
  left: 0;
  right: 0;
  margin: auto;
  top: -2.79399dvh;
  background-color: #000000;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  color: #ffffff;
  font-size: 2.57511dvh;
  line-height: 5.79399dvh;
  font-weight: bold;
  z-index: 2;
  pointer-events: none;
}

.p-idxQuizPlay__ansText {
  font-size: 2.14592dvh;
  font-weight: bold;
  display: table-cell;
  text-align: center;
  /* 左右の中央揃え */
  vertical-align: middle;
  /* 上下の中央揃え */
}

.p-idxQuizPlay input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.p-idxQuizPlay label {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  z-index: 1;
  font-size: 2.14592dvh;
  font-weight: bold;
  border-radius: calc(2.03dvh - 2px);
  padding: 2.5dvh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.p-idxQuizPlay input:checked + label {
  background: #ffeb00;
}

.p-idxQuizPlay__nav {
  position: relative;
  width: 6.00858dvh;
  height: 1.39485dvh;
  margin: 0 auto;
  margin-bottom: 2.14592dvh;
}

.p-idxQuizPlay__navElem {
  width: 1.39485dvh;
  height: 1.39485dvh;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxQuizPlay__navElem.current {
  background-color: #000000;
}

.p-idxQuizPlay__btnNext {
  position: relative;
  width: 19.3133dvh;
  height: 6.54506dvh;
  margin: 0 auto;
  font-size: 2.25322dvh;
  text-align: center;
  font-weight: bold;
  background-color: #ffeb00;
  border-radius: 3.21888dvh;
  overflow: hidden;
  line-height: 5.5794dvh;
  font-style: italic;
  border: 2px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.p-idxQuizPlay__btnNext.lock {
  pointer-events: none;
  background-color: #ffffff;
}

.p-idxQuizPlay__btnNext::after {
  content: "";
  position: absolute;
  width: 1.18026dvh;
  height: 1.18026dvh;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 1.5dvh;
}

.p-idxQuizPlay__btnNext:hover {
  background-color: #ffeb00;
}

.p-idxQuizPlay__seikai {
  position: absolute;
  width: 45.06438dvh;
  height: 45.06438dvh;
  left: 33.15451dvh;
  top: 28.75536dvh;
}

.p-idxQuizPlay__fuSeikai {
  position: absolute;
  width: 37.23176dvh;
  height: 37.23176dvh;
  left: 36.69528dvh;
  top: 34.01288dvh;
}

.p-idxQuizPlay__debug {
  position: absolute;
  width: 16.09442dvh;
  line-height: 6.43777dvh;
  right: 13.51931dvh;
  top: 21.24464dvh;
  font-size: 3.00429dvh;
  text-align: center;
  font-weight: bold;
  background-color: #ffeb00;
}

.p-idxQuizResultSuccess {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
  background: url("../images/quiz/seikai_bg.png") left top no-repeat;
  background-size: cover;
}

.p-idxQuizResultSuccess__title {
  position: absolute;
  width: 41.20172dvh;
  height: 23.49785dvh;
  left: 18.99142dvh;
  top: 20.70815dvh;
}

.p-idxQuizResultSuccess__krImage {
  position: absolute;
  width: 50.42918dvh;
  height: 46.67382dvh;
  right: 0;
  top: 20.06438dvh;
}

.p-idxQuizResultSuccess__shaken {
  position: absolute;
  width: 29.39914dvh;
  height: 18.77682dvh;
  left: 20.06438dvh;
  top: 45.81545dvh;
}

.p-idxQuizResultSuccess__deco {
  position: absolute;
  width: 65.34335dvh;
  height: 18.24034dvh;
  left: 27.6824dvh;
  top: 78.00429dvh;
}

.p-idxQuizResultSuccess__btnList {
  position: absolute;
  width: 65.02146dvh;
  height: 4.29185dvh;
  left: 24.24893dvh;
  top: 67.16738dvh;
}

.p-idxQuizResultSuccess__ryuken {
  position: absolute;
  width: 15.02146dvh;
  height: 17.16738dvh;
  right: 7.29614dvh;
  top: 77.03863dvh;
}

.p-idxQuizResultSuccess__jagi {
  position: absolute;
  width: 15.02146dvh;
  height: 17.16738dvh;
  right: 43.24034dvh;
  top: 77.03863dvh;
}

.p-idxQuizResultSuccess__ryukenTxt {
  position: absolute;
  width: 17.16738dvh;
  height: 19.3133dvh;
  right: 24.03433dvh;
  top: 77.03863dvh;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  line-height: 2.2;
  letter-spacing: 0.19em;
  font-size: 1.71674dvh;
}

.p-idxQuizResultSuccess__ryukenTxt span {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: inline-block;
}

.p-idxQuizResultSuccess__ryukenTxt .nakaguro {
  -webkit-transform: none;
          transform: none;
  vertical-align: middle;
  display: inline-block;
}

.p-idxQuizResultSuccess__jagiTxt {
  position: absolute;
  width: 13.9485dvh;
  height: 19.3133dvh;
  right: 59.87124dvh;
  top: 77.03863dvh;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  line-height: 2.2;
  letter-spacing: 0.19em;
  font-size: 1.71674dvh;
}

.p-idxQuizResultSuccess__jagiTxt span {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: inline-block;
}

.p-idxQuizResultSuccess__jagiTxt .nakaguro {
  -webkit-transform: none;
          transform: none;
  vertical-align: middle;
  display: inline-block;
}

.p-idxQuizResultSuccess__stBtn {
  position: relative;
  width: 63.9485dvh;
  font-size: 1.50215dvh;
  line-height: 3.32618dvh;
  padding: 0.42918dvh 0.42918dvh;
  border-radius: 3.75536dvh;
  border: 2px solid #000000;
  text-align: center;
  margin: 0 0.53648dvh;
  cursor: pointer;
  text-decoration: none;
  color: #000000 !important;
}

.p-idxQuizResultSuccess__stBtn:hover {
  background-color: #ffffff;
}

.p-idxQuizResultSuccess__stBtn::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.75107dvh;
  height: 0.75107dvh;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 1.60944dvh;
}

.p-idxQuizResultFailed {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
  background: url("../images/quiz/failed_bg.png?123") left top no-repeat;
  background-size: cover;
}

.p-idxQuizResultFailed__title {
  position: absolute;
  width: 21.56652dvh;
  height: 12.98283dvh;
  left: 47.42489dvh;
  top: 4.39914dvh;
}

.p-idxQuizResultFailed__ttl1 {
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  font-size: 3.21888dvh;
  font-style: italic;
  text-align: center;
}

.p-idxQuizResultFailed__ttl2 {
  width: 21.56652dvh;
  height: 8.58369dvh;
}

.p-idxQuizResultFailed__venueName {
  position: absolute;
  width: 41.20172dvh;
  height: 22.85408dvh;
  left: 18.34764dvh;
  top: 20.70815dvh;
}

.p-idxQuizResultFailed__resBlock {
  position: absolute;
  width: 63.9485dvh;
  height: 8.3691dvh;
  left: 24.24893dvh;
  top: 63.41202dvh;
}

.p-idxQuizResultFailed__res {
  width: 20.60086dvh;
  height: 8.3691dvh;
  margin: 0 0.53648dvh;
  border-radius: 1.93133dvh;
  background-color: #ffffff;
  border: 2px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.p-idxQuizResultFailed__resValue {
  font-size: 2.14592dvh;
  line-height: 4.82833dvh;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  font-style: italic;
  text-align: center;
}

.p-idxQuizResultFailed__resValue .seikai {
  width: 3.43348dvh;
  height: 3.43348dvh;
  background: url("../images/quiz/seikai.svg") center center no-repeat;
  background-size: cover;
  display: inline-block;
  -webkit-transform: translateX(10px) translateY(7px);
          transform: translateX(10px) translateY(7px);
}

.p-idxQuizResultFailed__resValue .fuseikai {
  width: 3.43348dvh;
  height: 3.43348dvh;
  background: url("../images/quiz/fuseikai.svg") center center no-repeat;
  background-size: cover;
  display: inline-block;
  -webkit-transform: translateX(10px) translateY(7px);
          transform: translateX(10px) translateY(7px);
}

.p-idxQuizResultFailed__hint {
  position: relative;
  font-size: 1.50215dvh;
  line-height: 3.00429dvh;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  font-style: italic;
  text-align: center;
  background-color: #ffeb00;
  display: block;
  text-decoration: none;
  color: #000000 !important;
}

.p-idxQuizResultFailed__hint::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 0.53648dvh;
  height: 0.53648dvh;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: 5px;
}

.p-idxQuizResultFailed__bottom {
  position: absolute;
  width: 65.34335dvh;
  height: 18.24034dvh;
  left: 27.6824dvh;
  top: 78.00429dvh;
}

.p-idxQuizResultFailed__ryuken {
  position: absolute;
  width: 15.02146dvh;
  height: 17.16738dvh;
  right: 7.29614dvh;
  top: 77.03863dvh;
}

.p-idxQuizResultFailed__jagi {
  position: absolute;
  width: 15.02146dvh;
  height: 17.16738dvh;
  right: 43.24034dvh;
  top: 77.03863dvh;
}

.p-idxQuizResultFailed__ryukenTxt {
  position: absolute;
  width: 17.16738dvh;
  height: 23.60515dvh;
  right: 24.03433dvh;
  top: 77.03863dvh;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  line-height: 2.2;
  letter-spacing: 0.19em;
  font-size: 1.71674dvh;
}

.p-idxQuizResultFailed__ryukenTxt span {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: inline-block;
}

.p-idxQuizResultFailed__ryukenTxt .nakaguro {
  -webkit-transform: none;
          transform: none;
  vertical-align: middle;
  display: inline-block;
}

.p-idxQuizResultFailed__jagiTxt {
  position: absolute;
  width: 13.9485dvh;
  height: 23.60515dvh;
  right: 59.87124dvh;
  top: 77.03863dvh;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  line-height: 2.2;
  letter-spacing: 0.19em;
  font-size: 1.71674dvh;
}

.p-idxQuizResultFailed__jagiTxt span {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: inline-block;
}

.p-idxQuizResultFailed__jagiTxt .nakaguro {
  -webkit-transform: none;
          transform: none;
  vertical-align: middle;
  display: inline-block;
}

.p-idxQuizResultFailed__jagiF {
  position: absolute;
  left: 33.69099dvh;
  top: 26.39485dvh;
  width: 15.02146dvh;
  height: 17.16738dvh;
}

.p-idxQuizResultFailed__msgContainer {
  position: absolute;
  left: 50.85837dvh;
  top: 24.78541dvh;
  width: 34.33476dvh;
  height: 20.38627dvh;
}

.p-idxQuizResultFailed__msg {
  margin-bottom: 0.64378dvh;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

.p-idxQuizResultFailed__msg span {
  display: inline-block;
  font-size: 2.36052dvh;
  border-radius: 2.03863dvh;
  font-weight: 900;
  background-color: #ffffff;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.4;
  padding: 2.57511dvh 3.21888dvh;
  white-space: nowrap;
}

.p-idxQuizResultSuccess__ryukenTxt .exclamation,
.p-idxQuizResultSuccess__jagiTxt .exclamation,
.p-idxQuizResultFailed__ryukenTxt .exclamation,
.p-idxQuizResultFailed__jagiTxt .exclamation {
  font-family: "Noto Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: italic;
}

.p-dailyLoadingOverlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease, visibility 0s linear 0.2s;
  background-color: rgba(48, 48, 48, 0.5);
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.12) 0 2px, transparent 2px 8px), repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.12) 0 2px, transparent 2px 8px);
}

.p-dailyLoadingOverlay.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.p-idxDaily {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.p-idxDaily__cover {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
}

.p-idxDaily__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: calc( 100% - 75dvh);
  height: 100%;
  background-size: cover;
  opacity: 0;
  -webkit-transition: opacity 1.5s ease-in-out;
  transition: opacity 1.5s ease-in-out;
}

.p-idxDaily #dailyBg01 {
  background: url("../images/daily/daily_bg01.jpg") center center no-repeat;
}

.p-idxDaily #dailyBg02 {
  background: url("../images/daily/daily_bg02.jpg") center center no-repeat;
}

.p-idxDaily #dailyBg03 {
  background: url("../images/daily/daily_bg03.jpg") center center no-repeat;
}

.p-idxDaily #dailyBg04 {
  background: url("../images/daily/daily_bg04.jpg") center center no-repeat;
}

.p-idxDaily #dailyBg05 {
  background: url("../images/daily/daily_bg05.jpg") center center no-repeat;
}

.p-idxDaily #dailyBg06 {
  background: url("../images/daily/daily_bg06.jpg") center center no-repeat;
}

.p-idxDaily #dailyBg07 {
  background: url("../images/daily/daily_bg07.jpg") center center no-repeat;
}

.p-idxDaily .active {
  opacity: 1;
}

.p-idxDaily__inner {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
}

.p-idxDaily__inner svg {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
  pointer-events: none;
}

.p-idxDaily__close {
  position: absolute;
  width: 16.6309dvh;
  height: 5.36481dvh;
  left: 0.4dvh;
  bottom: 0;
  cursor: pointer;
}

.p-idxDailyIndex {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
  background: url("../images/daily/img_daily_index.png") left top no-repeat;
  background-size: cover;
}

.p-idxDailyIndex__start {
  position: absolute;
  width: 24.8927dvh;
  height: 5.90129dvh;
  right: 4.07725dvh;
  top: 48.39056dvh;
  cursor: pointer;
}

.p-idxDailyIndex__start:hover {
  -webkit-animation-name: exZoomIn;
  animation-name: exZoomIn;
}

.p-idxDailyIndex__start::after {
  content: "";
  position: absolute;
  width: 3.21888dvh;
  height: 3.75536dvh;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("../images/daily/start_arw.png") left top no-repeat;
  background-size: cover;
  right: -3.64807dvh;
}

.p-idxDailyIndex__txt {
  position: absolute;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  line-height: 2.2;
  letter-spacing: 0.19em;
  color: #ffffff;
  font-size: 1.71674dvh;
  width: 18.24034dvh;
  height: 23.06867dvh;
  right: 36.1588dvh;
  top: 62.66094dvh;
}

.p-idxDailyIndex__txt span {
  display: inline-block;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.p-idxDailyIndex__ryuken {
  position: absolute;
  width: 20.17167dvh;
  height: 23.06867dvh;
  right: 12.66094dvh;
  top: 62.66094dvh;
}

.p-idxDailyPlay {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
  background: url("../images/daily/img_daily_quiz.png") left top no-repeat;
  background-size: cover;
}

.p-idxDailyPlay__deco {
  position: absolute;
  width: 76.50215dvh;
  height: 12.87554dvh;
  right: 6.11588dvh;
  top: 79.29185dvh;
}

.p-idxDailyPlay__title {
  position: absolute;
  width: 30.90129dvh;
  height: 19.63519dvh;
  left: 21.13734dvh;
  top: 1.93133dvh;
}

.p-idxDailyPlay__num {
  position: absolute;
  width: 18.56223dvh;
  height: 18.24034dvh;
  right: 0dvh;
  top: 0dvh;
}

.p-idxDailyPlay__quizNum {
  position: absolute;
  width: 10.72961dvh;
  height: 6.54506dvh;
  left: 50.32189dvh;
  top: 22.2103dvh;
  background: url("../images/quiz_num_bg.svg") left top no-repeat;
  background-size: contain;
  text-align: center;
  font-size: 2.03863dvh;
  font-weight: bold;
  line-height: 6.54506dvh;
}

.p-idxDailyPlay__quizText {
  position: absolute;
  width: 72.3176dvh;
  height: 6.86695dvh;
  left: 19.5279dvh;
  top: 30.04292dvh;
  font-size: 2.36052dvh;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}

.p-idxDailyPlay__select {
  position: absolute;
  width: 72.3176dvh;
  height: 31.97425dvh;
  left: 19.5279dvh;
  top: 40.77253dvh;
}

.p-idxDailyPlay__ans {
  position: relative;
  width: 35.62232dvh;
  height: 13.8412dvh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2.03dvh;
  border: 2px solid #000000;
  background-color: #ffffff;
  margin-bottom: 4.29185dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* フレックスボックスを使用 */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* 左右の中央揃え */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 上下の中央揃え */
  cursor: pointer;
}

.p-idxDailyPlay__ans:hover {
  background-color: #ffeb00;
}

.p-idxDailyPlay__ans.current {
  background-color: #ffeb00;
  pointer-events: none;
}

.p-idxDailyPlay__ans span {
  position: absolute;
  width: 5.79399dvh;
  height: 5.79399dvh;
  left: 0;
  right: 0;
  margin: auto;
  top: -2.79399dvh;
  background-color: #000000;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  color: #ffffff;
  font-size: 2.57511dvh;
  line-height: 5.79399dvh;
  font-weight: bold;
  z-index: 2;
}

.p-idxDailyPlay__ansText {
  font-size: 2.14592dvh;
  font-weight: bold;
  display: table-cell;
  text-align: center;
  /* 左右の中央揃え */
  vertical-align: middle;
  /* 上下の中央揃え */
}

.p-idxDailyPlay input {
  width: 100%;
  height: 100%;
}

.p-idxDailyPlay label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  font-size: 2.14592dvh;
  font-weight: bold;
  border-radius: 2.03dvh;
  padding: 0 2dvh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.p-idxDailyPlay input:checked + label {
  background: #ffeb00;
}

.p-idxDailyPlay__nav {
  position: absolute;
  width: 6.00858dvh;
  height: 1.39485dvh;
  left: 52.6824dvh;
  top: 74.78541dvh;
}

.p-idxDailyPlay__navElem {
  width: 1.39485dvh;
  height: 1.39485dvh;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxDailyPlay__navElem.current {
  background-color: #000000;
}

.p-idxDailyPlay__btnNext {
  position: absolute;
  width: 19.3133dvh;
  height: 6.54506dvh;
  left: 46.03004dvh;
  top: 78.21888dvh;
  font-size: 2.25322dvh;
  text-align: center;
  font-weight: bold;
  background-color: #ffeb00;
  border-radius: 3.21888dvh;
  overflow: hidden;
  line-height: 5.5794dvh;
  font-style: italic;
  border: 2px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.p-idxDailyPlay__btnNext.lock {
  pointer-events: none;
  background-color: #ffffff;
}

.p-idxDailyPlay__btnNext::after {
  content: "";
  position: absolute;
  width: 1.18026dvh;
  height: 1.18026dvh;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 1.5dvh;
}

.p-idxDailyPlay__btnNext:hover {
  background-color: #ffeb00;
}

.p-idxDailyPlay__seikai {
  position: absolute;
  width: 45.06438dvh;
  height: 45.06438dvh;
  left: 33.15451dvh;
  top: 28.75536dvh;
}

.p-idxDailyPlay__fuSeikai {
  position: absolute;
  width: 37.23176dvh;
  height: 37.23176dvh;
  left: 36.69528dvh;
  top: 34.01288dvh;
}

.p-idxDailyPlay__debug {
  position: absolute;
  width: 16.09442dvh;
  line-height: 6.43777dvh;
  right: 13.51931dvh;
  top: 21.24464dvh;
  font-size: 3.00429dvh;
  text-align: center;
  font-weight: bold;
  background-color: #ffeb00;
}

.p-idxDailyResultSuccess {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
  background: url("../images/daily/img_daily_result_success.png") left top no-repeat;
  background-size: cover;
}

.p-idxDailyResultSuccess__ticket {
  position: absolute;
  width: 29.39914dvh;
  height: 19.84979dvh;
  left: 20.06438dvh;
  top: 49.8927dvh;
}

.p-idxDailyResultSuccess__title {
  position: absolute;
  width: 21.56652dvh;
  height: 8.47639dvh;
  left: 47.53219dvh;
  top: 8.79828dvh;
}

.p-idxDailyResultSuccess__ryuken {
  position: absolute;
  width: 15.02146dvh;
  height: 17.16738dvh;
  right: 7.29614dvh;
  top: 77.03863dvh;
}

.p-idxDailyResultSuccess__jagi {
  position: absolute;
  width: 15.02146dvh;
  height: 17.16738dvh;
  right: 43.24034dvh;
  top: 77.03863dvh;
}

.p-idxDailyResultSuccess__ryukenTxt {
  position: absolute;
  width: 17.16738dvh;
  height: 19.3133dvh;
  right: 24.03433dvh;
  top: 77.03863dvh;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  line-height: 2.2;
  letter-spacing: 0.19em;
  font-size: 1.71674dvh;
}

.p-idxDailyResultSuccess__ryukenTxt span {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: inline-block;
}

.p-idxDailyResultSuccess__ryukenTxt .nakaguro {
  -webkit-transform: none;
          transform: none;
  vertical-align: middle;
  display: inline-block;
}

.p-idxDailyResultSuccess__jagiTxt {
  position: absolute;
  width: 13.9485dvh;
  height: 19.3133dvh;
  right: 59.87124dvh;
  top: 77.03863dvh;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  line-height: 2.2;
  letter-spacing: 0.19em;
  font-size: 1.71674dvh;
}

.p-idxDailyResultSuccess__jagiTxt span {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: inline-block;
}

.p-idxDailyResultSuccess__jagiTxt .nakaguro {
  -webkit-transform: none;
          transform: none;
  vertical-align: middle;
  display: inline-block;
}

.p-idxDailyResultFailed {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
  background: url("../images/daily/img_daily_result_looser.png") left top no-repeat;
  background-size: cover;
}

.p-idxDailyResultFailed__title {
  position: absolute;
  width: 21.56652dvh;
  height: 8.58369dvh;
  left: 47.42489dvh;
  top: 8.79828dvh;
}

.p-idxDailyResultFailed__ryuken {
  position: absolute;
  width: 15.02146dvh;
  height: 17.16738dvh;
  right: 7.29614dvh;
  top: 77.03863dvh;
}

.p-idxDailyResultFailed__jagi {
  position: absolute;
  width: 15.02146dvh;
  height: 17.16738dvh;
  right: 43.24034dvh;
  top: 77.03863dvh;
}

.p-idxDailyResultFailed__ryukenTxt {
  position: absolute;
  width: 17.16738dvh;
  height: 19.3133dvh;
  right: 24.03433dvh;
  top: 77.03863dvh;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  line-height: 2.2;
  letter-spacing: 0.19em;
  font-size: 1.71674dvh;
}

.p-idxDailyResultFailed__ryukenTxt span {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: inline-block;
}

.p-idxDailyResultFailed__ryukenTxt .nakaguro {
  -webkit-transform: none;
          transform: none;
  vertical-align: middle;
  display: inline-block;
}

.p-idxDailyResultFailed__jagiTxt {
  position: absolute;
  width: 13.9485dvh;
  height: 19.3133dvh;
  right: 59.87124dvh;
  top: 77.03863dvh;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  line-height: 2.2;
  letter-spacing: 0.19em;
  font-size: 1.71674dvh;
}

.p-idxDailyResultFailed__jagiTxt span {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: inline-block;
}

.p-idxDailyResultFailed__jagiTxt .nakaguro {
  -webkit-transform: none;
          transform: none;
  vertical-align: middle;
  display: inline-block;
}

.p-idxAreaLabel {
  position: absolute;
  left: 20px;
  bottom: 25px;
}

.p-idxAreaLabel__inner {
  position: relative;
  width: 52px;
  background-color: #edff8d;
  border: 3px solid #000000;
  border-radius: 14px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: center;
  font-size: 16px;
  padding: 4px;
}

.p-idxAreaLabel__inner span {
  display: inline-block;
  border-radius: 10px;
  border: 1px solid #000000;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 14px 0;
  line-height: 50px;
  min-height: 82px;
}

.p-userStatus {
  position: absolute;
  width: 1206px;
  height: 109px;
  left: 104px;
  bottom: 25px;
  background: url("../images/nav_bg.svg") left top no-repeat;
  background-size: contain;
}

.p-userStatus__navContainer > .l-flex {
  width: 370px;
  padding-left: 11px;
}

.p-userStatus__nav {
  position: relative;
  width: 116px;
  height: 116px;
  margin-top: -20px;
  cursor: pointer;
}

.p-userStatus__nav:hover .p-userStatus__label {
  background-color: #edff8d;
  color: #000000;
}

.p-userStatus__navInner {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.p-userStatus__navImg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-userStatus__navName {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 10px;
  overflow: hidden;
}

.p-userStatus__label {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #edff8d;
  background-color: #000000;
  line-height: 36px;
}

.p-userStatus__icon {
  position: absolute;
  width: 46px;
  height: 46px;
  left: -11px;
  top: -19px;
}

.p-userStatus__stContainer {
  width: 220px;
  height: 79px;
  margin-left: 10px;
  margin-top: 17px;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.p-userStatus__username {
  width: 100%;
  line-height: 28px;
  background-color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.p-userStatus__rank {
  width: 100%;
  line-height: 50px;
  background-color: #000000;
  color: #edff8d;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}

.p-userStatus__mstRank {
  font-size: 22px;
  padding-right: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-userStatus__ticketCount {
  width: 259px;
  height: 79px;
  margin-left: 10px;
  margin-top: 17px;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.p-userStatus__ticketInner {
  width: 100%;
  height: 39px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-userStatus__ticketInner + .p-userStatus__ticketInner {
  border-top: 1px solid #000000;
}

.p-userStatus__tklabel {
  width: 146px;
  line-height: 39px;
  color: #000000;
  border-right: 1px dotted #000000;
  font-size: 14px;
  font-weight: bold;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-userStatus__value {
  font-size: 22px;
  line-height: 39px;
  font-weight: bold;
  text-align: right;
  padding-right: 11px;
}

.p-userStatus__value span {
  font-size: 16px;
}

.p-userStatus__btnContainer {
  width: 272px;
  height: 79px;
  margin-left: 10px;
  margin-top: 17px;
}

.p-userStatus__btnLeft {
  position: relative;
  width: 134px;
  height: 37px;
  line-height: 37px;
  color: #ffffff;
  background-color: #000000;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

.p-userStatus__btnLeft::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-right: 2px solid #FFFFFF;
  border-top: 2px solid #ffffff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 9px;
}

.p-userStatus__btnLeft:hover {
  color: #000000;
  background-color: #edff8d;
}

.p-userStatus__btnLeft:hover::after {
  border-right: 2px solid #000000;
  border-top: 2px solid #000000;
}

.p-userStatus__close {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 9px;
  right: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  cursor: pointer;
}

.p-userStatus__close::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000000;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}

.p-userStatus__close::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #000000;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
}

.p-userStatus__open {
  position: absolute;
  right: 0;
  bottom: 22px;
  width: 48px;
  height: 109px;
  background-color: #ffffff;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top-left-radius: 19px;
  border-bottom-left-radius: 19px;
  cursor: pointer;
}

.p-userStatus__open:hover {
  background-color: #edff8d;
}

.p-userStatus__open p {
  font-size: 16px;
  text-align: center;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.p-userStatus__btnGacha {
  width: 100%;
  margin-top: 4px;
}

.p-userStatus__mapController {
  position: absolute;
  right: 11px;
  top: 440px;
}

.p-userStatus__mapBtn {
  width: 39px;
  height: 39px;
  margin-top: 10px;
  cursor: pointer;
}

.p-userStatus__regionController {
  position: absolute;
  right: 0;
  top: 135px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.p-userStatus__regionController.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-userStatus__regionBtn {
  position: relative;
  width: 115px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 3px;
  background-color: #a3a3a3;
  font-size: 13px;
  font-weight: 900;
  padding-left: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #000000;
  border-right: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
}

.p-userStatus__regionBtn::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-left: 2px solid #000000;
  border-top: 2px solid #000000;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 19px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.p-userStatus__regionBtn:hover {
  background-color: #ffffff;
}

.p-userStatus__regionBtn.current {
  pointer-events: none;
  background-color: #edff8d;
}

.p-userStatus__regionBtn.logout {
  position: absolute;
  right: 0;
  top: 25px;
  background-color: #ffffff;
}

.p-userStatus__regionBtn.regionNavToggle {
  position: absolute;
  right: 0;
  top: 80px;
  width: 47px;
  background-color: #ffffff;
}

.p-userStatus__regionBtn.regionNavToggle::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("../images/regionToggle_icon.png") center center no-repeat;
  background-size: contain;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-userStatus__regionBtn.regionNavToggle.active::after {
  background: url("../images/regionToggle_icon_close.png") center center no-repeat;
  background-size: contain;
}

.p-idxPromotionExam {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/promotion_exam/bg.png") center center no-repeat;
  background-size: cover;
  opacity: 0;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.p-idxPromotionExam.active {
  opacity: 1;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.p-idxPromotionExam__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  -webkit-transition: 2s all;
  transition: 2s all;
}

.p-idxPromotionExam__overlay.open {
  opacity: 0;
}

.p-idxPromotionExam__overlay.hantei {
  opacity: 0.6;
}

.p-idxPromotionExam__idxInner {
  position: absolute;
  width: 42.27468dvh;
  height: 82.61803dvh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-idxPromotionExam__idxTitle {
  position: absolute;
  width: 37.66094dvh;
  height: 73.39056dvh;
  right: 0;
  top: 0;
  pointer-events: none;
}

.p-idxPromotionExam__idxIcon {
  position: absolute;
  width: 21.99571dvh;
  height: 21.99571dvh;
  left: -10.72961dvh;
  top: -3.21888dvh;
}

.p-idxPromotionExam__idxStart {
  position: absolute;
  width: 13.51931dvh;
  height: 13.51931dvh;
  right: 0.64378dvh;
  bottom: 6.22318dvh;
  cursor: pointer;
}

.p-idxPromotionExam__idxStart:hover {
  -webkit-animation-name: exZoomIn;
  animation-name: exZoomIn;
}

.p-idxPromotionExam__resCloseIndex {
  position: absolute;
  width: 15.02146dvh;
  line-height: 4.50644dvh;
  font-size: 2.25322dvh;
  text-align: center;
  background-color: #ffffff;
  font-weight: 900;
  font-style: italic;
  border-radius: 2.6824dvh;
  overflow: hidden;
  border: 0.42918dvh solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  left: 2.03863dvh;
  bottom: 1.82403dvh;
}

.p-idxPromotionExam__resCloseIndex::before {
  content: "✕";
  position: absolute;
  font-size: 1.50215dvh;
  font-weight: 900;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 3.00429dvh;
  font-style: normal;
}

.p-idxPromotionExam__resCloseIndex2 {
  position: absolute;
  width: 15.02146dvh;
  line-height: 4.50644dvh;
  font-size: 2.25322dvh;
  text-align: center;
  background-color: #ffffff;
  font-weight: 900;
  font-style: italic;
  border-radius: 2.6824dvh;
  overflow: hidden;
  border: 0.42918dvh solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -7dvh;
}

.p-idxPromotionExam__resCloseIndex2::before {
  content: "✕";
  position: absolute;
  font-size: 1.50215dvh;
  font-weight: 900;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 3.00429dvh;
  font-style: normal;
}

.p-idxPromotionExam__quiz {
  position: absolute;
  width: 896px;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  background-color: #ffffff;
  border-left: 4px solid #000000;
  border-right: 4px solid #000000;
  padding: 0 76px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
}

.p-idxPromotionExam__quizHeader {
  position: relative;
  margin-top: 40px;
  padding-top: 66px;
  padding-bottom: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 4px solid #000000;
}

.p-idxPromotionExam__quizHeader::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000000;
  top: 9px;
}

.p-idxPromotionExam__quizHeader::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000000;
  bottom: 0;
}

.p-idxPromotionExam__quizHdCopy {
  font-size: 14px;
  text-align: center;
  margin-bottom: 25px;
}

.p-idxPromotionExam__quizTitle {
  width: 400px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 14px;
}

.p-idxPromotionExam__quizTotalNum {
  font-size: 14px;
  text-align: center;
  margin-bottom: 18px;
}

.p-idxPromotionExam__quizCountNum {
  font-size: 26px;
  text-align: center;
}

.p-idxPromotionExam__quizCountNum span {
  display: inline-block;
  width: 50px;
  font-size: 18px;
  text-align: center;
  border: 1px solid #000000;
}

.p-idxPromotionExam__quizBlock {
  padding: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxPromotionExam__quizBlock + .p-idxPromotionExam__quizBlock {
  border-top: 1px dotted #000000;
}

.p-idxPromotionExam__quizBlockEnd {
  position: relative;
  padding: 37px 0 47px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #000000;
  border-bottom: 4px solid #000000;
  margin-bottom: 62px;
}

.p-idxPromotionExam__quizBlockEnd::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000000;
  bottom: 11px;
}

.p-idxPromotionExam__gotoResult {
  position: relative;
  width: 180px;
  line-height: 46px;
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.p-idxPromotionExam__gotoResult::after {
  content: "▲";
  position: absolute;
  font-size: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 31px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.p-idxPromotionExam .disable {
  pointer-events: none;
  opacity: 0.5;
}

.p-idxPromotionExam__quizBlockLeft {
  width: 96px;
}

.p-idxPromotionExam__quizLabel {
  width: 66px;
  line-height: 34px;
  font-size: 18px;
  text-align: center;
  border: 1px solid #000000;
}

.p-idxPromotionExam__quizTxt {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 25px;
}

.p-idxPromotionExam__quizAnsElem {
  position: relative;
  display: block;
  width: 140px;
  margin: 0 10px;
  /*background-color: #cccccc;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
		&:hover {
			background-color: #ffeb00;
		}

		.selected {
			background-color: #ffeb00;
		}
		*/
}

.p-idxPromotionExam__quizAnsElem input {
  width: 100%;
  height: 100%;
}

.p-idxPromotionExam__quizAnsElem label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
  cursor: pointer;
}

.p-idxPromotionExam__quizAnsElem input:checked + label {
  background: #ffeb00;
}

.p-idxPromotionExam__quizAnsElem::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000000;
  left: -10px;
  top: 0;
}

.p-idxPromotionExam__quizAnsElem::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000000;
  right: -10px;
  top: 0;
}

.p-idxPromotionExam__quizAnsElem + .p-idxPromotionExam__quizAnsElem::before {
  content: none;
}

.p-idxPromotionExam__resScInner {
  position: absolute;
  width: 69.74249dvh;
  height: 69.74249dvh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("../images/promotion_exam/result_panel_success.png") center center no-repeat;
  background-size: contain;
}

.p-idxPromotionExam__resFaInner {
  position: absolute;
  width: 69.74249dvh;
  height: 69.74249dvh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("../images/promotion_exam/result_panel_looser.png") center center no-repeat;
  background-size: contain;
}

.p-idxPromotionExam__resScTxt1 {
  margin-top: 26.18026dvh;
  font-size: 2.6824dvh;
  font-weight: 900;
  text-align: center;
  line-height: 1;
}

.p-idxPromotionExam__resScTxt2 {
  margin-top: 1.28755dvh;
  font-size: 6.43777dvh;
  font-weight: 900;
  text-align: center;
  line-height: 1;
}

.p-idxPromotionExam__resScTxt3 {
  margin-top: 1.07296dvh;
  font-size: 3.64807dvh;
  font-weight: 900;
  text-align: center;
  line-height: 1;
}

.p-idxPromotionExam__resScTxt3 span {
  font-size: 5.90129dvh;
}

.p-idxPromotionExam__resScTxt4 {
  margin-top: 5.90129dvh;
  font-size: 2.6824dvh;
  font-weight: 900;
  text-align: center;
  line-height: 1.3;
}

.p-idxPromotionExam__resScTxt4 span {
  font-size: 2.14592dvh;
}

.p-idxPromotionExam__resClose {
  position: absolute;
  width: 15.02146dvh;
  line-height: 4.50644dvh;
  font-size: 2.25322dvh;
  text-align: center;
  background-color: #ffffff;
  font-weight: 900;
  font-style: italic;
  border-radius: 2.6824dvh;
  overflow: hidden;
  border: 0.42918dvh solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -9.33476dvh;
}

.p-idxPromotionExam__resClose::before {
  content: "✕";
  position: absolute;
  font-size: 1.50215dvh;
  font-weight: 900;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 3.00429dvh;
  font-style: normal;
}

.p-idxPromotionExam__resAns {
  position: absolute;
  font-size: 1.50215dvh;
  font-weight: 900;
  color: #ffffff;
  right: 2.25322dvh;
  bottom: -4.50644dvh;
  cursor: pointer;
}

.p-idxPromotionExam__resAns::before {
  content: "";
  position: absolute;
  width: 0.85837dvh;
  height: 0.85837dvh;
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  top: 0;
  bottom: 0;
  margin: auto;
  right: -1.82403dvh;
}

.p-idxPromotionExam__resFX {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 999;
}

.p-idxPromotionExam__tmpBtn {
  font-size: 1.71674dvh;
  font-weight: 900;
  display: block;
  margin: 0 auto;
  position: relative;
  width: 130px;
  text-align: center;
  margin-top: 15px;
  cursor: pointer;
}

.p-idxPromotionExamDetail__inner {
  position: absolute;
  width: 69.74249dvh;
  height: 69.74249dvh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("../images/promotion_exam/result_panel_detail.png") center center no-repeat;
  background-size: contain;
}

.p-idxPromotionExamDetail__resScTxt1 {
  margin-top: 4.61373dvh;
  font-size: 1.71674dvh;
  font-weight: 900;
  text-align: center;
  line-height: 1;
}

.p-idxPromotionExamDetail__resScTxt2 {
  margin-top: 1.18026dvh;
  font-size: 3.64807dvh;
  font-weight: 900;
  text-align: center;
  line-height: 1;
}

.p-idxPromotionExamDetail__resScTxt3 {
  margin-top: 1.18026dvh;
  font-size: 2.57511dvh;
  font-weight: 900;
  text-align: center;
  line-height: 1;
}

.p-idxPromotionExamDetail__resScTxt3 span {
  font-size: 4.07725dvh;
}

.p-idxPromotionExamDetail__res {
  margin: 0 auto;
  margin-top: 1.28755dvh;
  width: 58.3691dvh;
  height: 44.09871dvh;
  padding: 0 3.64807dvh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
}

.p-idxPromotionExamDetail__res::-webkit-scrollbar {
  width: 8px;
  /* 横幅設定 */
}

.p-idxPromotionExamDetail__res::-webkit-scrollbar-thumb {
  background: #ffffff;
  /* ハンドルの色 */
}

.p-idxPromotionExamDetail__res::-webkit-scrollbar-track {
  background: #828080;
  /* 背景色 */
}

.p-idxPromotionExamDetail__resBlock {
  position: relative;
  width: 100%;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

.p-idxPromotionExamDetail__block {
  width: 23.81974dvh;
}

.p-idxPromotionExamDetail__item {
  width: 100%;
  /*@include dvh( 50 );*/
  min-height: 5.36481dvh;
}

.p-idxPromotionExamDetail__item + .p-idxPromotionExamDetail__item {
  border-top: 1px dotted #000000;
}

.p-idxPromotionExamDetail .useCursor {
  cursor: pointer;
}

.p-idxPromotionExamDetail__itm1 {
  width: 6.43777dvh;
  line-height: 3.00429dvh;
  border: 1px solid #000000;
  font-size: 1.50215dvh;
  text-align: center;
  margin-right: 2.14592dvh;
  white-space: nowrap;
}

.p-idxPromotionExamDetail__iconSeikai {
  width: 2.14592dvh;
  height: 2.14592dvh;
  background: url("../images/promotion_exam/icon_seikai.svg") center center no-repeat;
  background-size: contain;
  margin-right: 1.18026dvh;
}

.p-idxPromotionExamDetail__iconFuSeikai {
  width: 2.14592dvh;
  height: 2.14592dvh;
  background: url("../images/promotion_exam/icon_fuseikai.svg") center center no-repeat;
  background-size: contain;
  margin-right: 1.18026dvh;
}

.p-idxPromotionExamDetail__itm2 {
  font-size: 1.50215dvh;
}

.p-idxPromotionExamDetail__back {
  position: absolute;
  left: 0;
  padding-left: 1vw;
  bottom: -4.93562dvh;
  font-size: 1.50215dvh;
  color: #ffffff;
  cursor: pointer;
}

.p-idxPromotionExamDetail__back::after {
  content: "";
  position: absolute;
  width: 0.75107dvh;
  height: 0.75107dvh;
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}

.p-idxPromotionExamDetail__resClose {
  position: absolute;
  width: 15.02146dvh;
  line-height: 4.50644dvh;
  font-size: 2.25322dvh;
  text-align: center;
  background-color: #ffffff;
  font-weight: 900;
  font-style: italic;
  border-radius: 2.6824dvh;
  overflow: hidden;
  border: 0.42918dvh solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -9.33476dvh;
}

.p-idxPromotionExamDetail__resClose::before {
  content: "✕";
  position: absolute;
  font-size: 1.50215dvh;
  font-weight: 900;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 3.00429dvh;
  font-style: normal;
}

.p-idxPromotionExamHistory {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 2.14592dvh;
}

.p-idxPromotionExamHistory__elem {
  position: relative;
  width: 18.40129dvh;
  height: 4.72103dvh;
  margin: 0 1.71674dvh;
}

.p-idxPromotionExamHistory__label {
  display: block;
}

.p-idxPromotionExamHistory__fkds {
  position: absolute;
  width: 18.40129dvh;
  height: 4.72103dvh;
  left: 0;
  right: 0;
  margin: auto;
  top: -5.90129dvh;
}

.p-opening {
  overflow: hidden;
  z-index: 1004;
}

.p-opening__soundContainer {
  position: absolute;
  width: 240px;
  height: 184px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-opening__sndHeader {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 18px;
}

.p-opening__sndIcon {
  width: 100px;
  height: 100px;
  margin-bottom: 12px;
  cursor: pointer;
}

.p-opening__sndTxt {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}

.p-opening__movie {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.p-opening__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000000;
}

.p-opening__overlayWhite {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #ffffff;
}

.p-opening video {
  width: 100%;
}

.p-opening__tmpBtn {
  position: absolute;
  right: 50px;
  top: 164px;
}

.p-opening__btn {
  width: 200px;
  height: 60px;
  background-color: #ffffff;
  border: 3px solid #000000;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  font-size: 18px;
  line-height: 54px;
  font-style: italic;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
}

.p-opening__btn:hover {
  background-color: #ffeb00;
}

.p-opening__btn::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-right: 2px solid #000000;
  border-top: 2px solid #000000;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 13px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.p-opening__skip {
  position: absolute;
  width: 148px;
  height: 48px;
  right: 29px;
  bottom: 33px;
  font-size: 15px;
  line-height: 42px;
  border-radius: 24px;
}

.p-opening__retire {
  position: absolute;
  width: 228px;
  height: 48px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 15px;
  line-height: 42px;
  border-radius: 24px;
}

.glitch {
  background: #000 no-repeat center;
  background-size: 0;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.glitch::before, .glitch::after,
.glitch .channel {
  background: inherit;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.glitch::before {
  -webkit-animation: glitch-before 3s linear infinite alternate both;
          animation: glitch-before 3s linear infinite alternate both;
  content: "";
}

@-webkit-keyframes glitch-before {
  0% {
    -webkit-clip-path: polygon(0% 85.9543%, 100% 85.9543%, 100% 87.63738%, 0% 87.63738%);
            clip-path: polygon(0% 85.9543%, 100% 85.9543%, 100% 87.63738%, 0% 87.63738%);
    -webkit-transform: translate(-6.7776%, 0.33608%);
            transform: translate(-6.7776%, 0.33608%);
  }
  2% {
    -webkit-clip-path: polygon(0% 0.12583%, 100% 0.12583%, 100% 6.13291%, 0% 6.13291%);
            clip-path: polygon(0% 0.12583%, 100% 0.12583%, 100% 6.13291%, 0% 6.13291%);
    -webkit-transform: translate(-7.24815%, 0.13904%);
            transform: translate(-7.24815%, 0.13904%);
  }
  4% {
    -webkit-clip-path: polygon(0% 61.3642%, 100% 61.3642%, 100% 67.98228%, 0% 67.98228%);
            clip-path: polygon(0% 61.3642%, 100% 61.3642%, 100% 67.98228%, 0% 67.98228%);
    -webkit-transform: translate(2.1634%, -0.29967%);
            transform: translate(2.1634%, -0.29967%);
  }
  6% {
    -webkit-clip-path: polygon(0% 85.40358%, 100% 85.40358%, 100% 88.39936%, 0% 88.39936%);
            clip-path: polygon(0% 85.40358%, 100% 85.40358%, 100% 88.39936%, 0% 88.39936%);
    -webkit-transform: translate(5.93574%, -0.19008%);
            transform: translate(5.93574%, -0.19008%);
  }
  8% {
    -webkit-clip-path: polygon(0% 16.9396%, 100% 16.9396%, 100% 22.65677%, 0% 22.65677%);
            clip-path: polygon(0% 16.9396%, 100% 16.9396%, 100% 22.65677%, 0% 22.65677%);
    -webkit-transform: translate(-2.56067%, -0.2958%);
            transform: translate(-2.56067%, -0.2958%);
  }
  10% {
    -webkit-clip-path: polygon(0% 78.95033%, 100% 78.95033%, 100% 83.78468%, 0% 83.78468%);
            clip-path: polygon(0% 78.95033%, 100% 78.95033%, 100% 83.78468%, 0% 83.78468%);
    -webkit-transform: translate(-3.71327%, -0.00096%);
            transform: translate(-3.71327%, -0.00096%);
  }
  12% {
    -webkit-clip-path: polygon(0% 63.78603%, 100% 63.78603%, 100% 71.16145%, 0% 71.16145%);
            clip-path: polygon(0% 63.78603%, 100% 63.78603%, 100% 71.16145%, 0% 71.16145%);
    -webkit-transform: translate(1.80348%, 0.34203%);
            transform: translate(1.80348%, 0.34203%);
  }
  14% {
    -webkit-clip-path: polygon(0% 58.93714%, 100% 58.93714%, 100% 61.38795%, 0% 61.38795%);
            clip-path: polygon(0% 58.93714%, 100% 58.93714%, 100% 61.38795%, 0% 61.38795%);
    -webkit-transform: translate(-1.12156%, -0.33993%);
            transform: translate(-1.12156%, -0.33993%);
  }
  16% {
    -webkit-clip-path: polygon(0% 44.33151%, 100% 44.33151%, 100% 51.73897%, 0% 51.73897%);
            clip-path: polygon(0% 44.33151%, 100% 44.33151%, 100% 51.73897%, 0% 51.73897%);
    -webkit-transform: translate(-0.62597%, 0.2851%);
            transform: translate(-0.62597%, 0.2851%);
  }
  18% {
    -webkit-clip-path: polygon(0% 7.88836%, 100% 7.88836%, 100% 9.34956%, 0% 9.34956%);
            clip-path: polygon(0% 7.88836%, 100% 7.88836%, 100% 9.34956%, 0% 9.34956%);
    -webkit-transform: translate(6.73599%, -0.28693%);
            transform: translate(6.73599%, -0.28693%);
  }
  20%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes glitch-before {
  0% {
    -webkit-clip-path: polygon(0% 85.9543%, 100% 85.9543%, 100% 87.63738%, 0% 87.63738%);
            clip-path: polygon(0% 85.9543%, 100% 85.9543%, 100% 87.63738%, 0% 87.63738%);
    -webkit-transform: translate(-6.7776%, 0.33608%);
            transform: translate(-6.7776%, 0.33608%);
  }
  2% {
    -webkit-clip-path: polygon(0% 0.12583%, 100% 0.12583%, 100% 6.13291%, 0% 6.13291%);
            clip-path: polygon(0% 0.12583%, 100% 0.12583%, 100% 6.13291%, 0% 6.13291%);
    -webkit-transform: translate(-7.24815%, 0.13904%);
            transform: translate(-7.24815%, 0.13904%);
  }
  4% {
    -webkit-clip-path: polygon(0% 61.3642%, 100% 61.3642%, 100% 67.98228%, 0% 67.98228%);
            clip-path: polygon(0% 61.3642%, 100% 61.3642%, 100% 67.98228%, 0% 67.98228%);
    -webkit-transform: translate(2.1634%, -0.29967%);
            transform: translate(2.1634%, -0.29967%);
  }
  6% {
    -webkit-clip-path: polygon(0% 85.40358%, 100% 85.40358%, 100% 88.39936%, 0% 88.39936%);
            clip-path: polygon(0% 85.40358%, 100% 85.40358%, 100% 88.39936%, 0% 88.39936%);
    -webkit-transform: translate(5.93574%, -0.19008%);
            transform: translate(5.93574%, -0.19008%);
  }
  8% {
    -webkit-clip-path: polygon(0% 16.9396%, 100% 16.9396%, 100% 22.65677%, 0% 22.65677%);
            clip-path: polygon(0% 16.9396%, 100% 16.9396%, 100% 22.65677%, 0% 22.65677%);
    -webkit-transform: translate(-2.56067%, -0.2958%);
            transform: translate(-2.56067%, -0.2958%);
  }
  10% {
    -webkit-clip-path: polygon(0% 78.95033%, 100% 78.95033%, 100% 83.78468%, 0% 83.78468%);
            clip-path: polygon(0% 78.95033%, 100% 78.95033%, 100% 83.78468%, 0% 83.78468%);
    -webkit-transform: translate(-3.71327%, -0.00096%);
            transform: translate(-3.71327%, -0.00096%);
  }
  12% {
    -webkit-clip-path: polygon(0% 63.78603%, 100% 63.78603%, 100% 71.16145%, 0% 71.16145%);
            clip-path: polygon(0% 63.78603%, 100% 63.78603%, 100% 71.16145%, 0% 71.16145%);
    -webkit-transform: translate(1.80348%, 0.34203%);
            transform: translate(1.80348%, 0.34203%);
  }
  14% {
    -webkit-clip-path: polygon(0% 58.93714%, 100% 58.93714%, 100% 61.38795%, 0% 61.38795%);
            clip-path: polygon(0% 58.93714%, 100% 58.93714%, 100% 61.38795%, 0% 61.38795%);
    -webkit-transform: translate(-1.12156%, -0.33993%);
            transform: translate(-1.12156%, -0.33993%);
  }
  16% {
    -webkit-clip-path: polygon(0% 44.33151%, 100% 44.33151%, 100% 51.73897%, 0% 51.73897%);
            clip-path: polygon(0% 44.33151%, 100% 44.33151%, 100% 51.73897%, 0% 51.73897%);
    -webkit-transform: translate(-0.62597%, 0.2851%);
            transform: translate(-0.62597%, 0.2851%);
  }
  18% {
    -webkit-clip-path: polygon(0% 7.88836%, 100% 7.88836%, 100% 9.34956%, 0% 9.34956%);
            clip-path: polygon(0% 7.88836%, 100% 7.88836%, 100% 9.34956%, 0% 9.34956%);
    -webkit-transform: translate(6.73599%, -0.28693%);
            transform: translate(6.73599%, -0.28693%);
  }
  20%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}

.glitch::after {
  -webkit-animation: glitch-after 3s linear infinite alternate both;
          animation: glitch-after 3s linear infinite alternate both;
  content: "";
}

@-webkit-keyframes glitch-after {
  0% {
    -webkit-clip-path: polygon(0% 82.65709%, 100% 82.65709%, 100% 85.93811%, 0% 85.93811%);
            clip-path: polygon(0% 82.65709%, 100% 82.65709%, 100% 85.93811%, 0% 85.93811%);
    -webkit-transform: translate(6.17821%, 0.28059%);
            transform: translate(6.17821%, 0.28059%);
  }
  2% {
    -webkit-clip-path: polygon(0% 85.27903%, 100% 85.27903%, 100% 91.89457%, 0% 91.89457%);
            clip-path: polygon(0% 85.27903%, 100% 85.27903%, 100% 91.89457%, 0% 91.89457%);
    -webkit-transform: translate(-1.48584%, 0.12997%);
            transform: translate(-1.48584%, 0.12997%);
  }
  4% {
    -webkit-clip-path: polygon(0% 8.17495%, 100% 8.17495%, 100% 10.29551%, 0% 10.29551%);
            clip-path: polygon(0% 8.17495%, 100% 8.17495%, 100% 10.29551%, 0% 10.29551%);
    -webkit-transform: translate(7.02561%, -0.21123%);
            transform: translate(7.02561%, -0.21123%);
  }
  6% {
    -webkit-clip-path: polygon(0% 2.13242%, 100% 2.13242%, 100% 8.81431%, 0% 8.81431%);
            clip-path: polygon(0% 2.13242%, 100% 2.13242%, 100% 8.81431%, 0% 8.81431%);
    -webkit-transform: translate(4.4226%, -0.02908%);
            transform: translate(4.4226%, -0.02908%);
  }
  8% {
    -webkit-clip-path: polygon(0% 86.81358%, 100% 86.81358%, 100% 88.48691%, 0% 88.48691%);
            clip-path: polygon(0% 86.81358%, 100% 86.81358%, 100% 88.48691%, 0% 88.48691%);
    -webkit-transform: translate(-7.10127%, 0.24444%);
            transform: translate(-7.10127%, 0.24444%);
  }
  10% {
    -webkit-clip-path: polygon(0% 85.89386%, 100% 85.89386%, 100% 87.12981%, 0% 87.12981%);
            clip-path: polygon(0% 85.89386%, 100% 85.89386%, 100% 87.12981%, 0% 87.12981%);
    -webkit-transform: translate(1.80862%, -0.27439%);
            transform: translate(1.80862%, -0.27439%);
  }
  12% {
    -webkit-clip-path: polygon(0% 15.23309%, 100% 15.23309%, 100% 19.10453%, 0% 19.10453%);
            clip-path: polygon(0% 15.23309%, 100% 15.23309%, 100% 19.10453%, 0% 19.10453%);
    -webkit-transform: translate(1.50426%, -0.2157%);
            transform: translate(1.50426%, -0.2157%);
  }
  14% {
    -webkit-clip-path: polygon(0% 38.09557%, 100% 38.09557%, 100% 44.66384%, 0% 44.66384%);
            clip-path: polygon(0% 38.09557%, 100% 38.09557%, 100% 44.66384%, 0% 44.66384%);
    -webkit-transform: translate(3.30089%, 0.14099%);
            transform: translate(3.30089%, 0.14099%);
  }
  16% {
    -webkit-clip-path: polygon(0% 63.32305%, 100% 63.32305%, 100% 64.90469%, 0% 64.90469%);
            clip-path: polygon(0% 63.32305%, 100% 63.32305%, 100% 64.90469%, 0% 64.90469%);
    -webkit-transform: translate(0.18384%, -0.39153%);
            transform: translate(0.18384%, -0.39153%);
  }
  18% {
    -webkit-clip-path: polygon(0% 31.68074%, 100% 31.68074%, 100% 41.14901%, 0% 41.14901%);
            clip-path: polygon(0% 31.68074%, 100% 31.68074%, 100% 41.14901%, 0% 41.14901%);
    -webkit-transform: translate(3.29106%, 0.26732%);
            transform: translate(3.29106%, 0.26732%);
  }
  20%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes glitch-after {
  0% {
    -webkit-clip-path: polygon(0% 82.65709%, 100% 82.65709%, 100% 85.93811%, 0% 85.93811%);
            clip-path: polygon(0% 82.65709%, 100% 82.65709%, 100% 85.93811%, 0% 85.93811%);
    -webkit-transform: translate(6.17821%, 0.28059%);
            transform: translate(6.17821%, 0.28059%);
  }
  2% {
    -webkit-clip-path: polygon(0% 85.27903%, 100% 85.27903%, 100% 91.89457%, 0% 91.89457%);
            clip-path: polygon(0% 85.27903%, 100% 85.27903%, 100% 91.89457%, 0% 91.89457%);
    -webkit-transform: translate(-1.48584%, 0.12997%);
            transform: translate(-1.48584%, 0.12997%);
  }
  4% {
    -webkit-clip-path: polygon(0% 8.17495%, 100% 8.17495%, 100% 10.29551%, 0% 10.29551%);
            clip-path: polygon(0% 8.17495%, 100% 8.17495%, 100% 10.29551%, 0% 10.29551%);
    -webkit-transform: translate(7.02561%, -0.21123%);
            transform: translate(7.02561%, -0.21123%);
  }
  6% {
    -webkit-clip-path: polygon(0% 2.13242%, 100% 2.13242%, 100% 8.81431%, 0% 8.81431%);
            clip-path: polygon(0% 2.13242%, 100% 2.13242%, 100% 8.81431%, 0% 8.81431%);
    -webkit-transform: translate(4.4226%, -0.02908%);
            transform: translate(4.4226%, -0.02908%);
  }
  8% {
    -webkit-clip-path: polygon(0% 86.81358%, 100% 86.81358%, 100% 88.48691%, 0% 88.48691%);
            clip-path: polygon(0% 86.81358%, 100% 86.81358%, 100% 88.48691%, 0% 88.48691%);
    -webkit-transform: translate(-7.10127%, 0.24444%);
            transform: translate(-7.10127%, 0.24444%);
  }
  10% {
    -webkit-clip-path: polygon(0% 85.89386%, 100% 85.89386%, 100% 87.12981%, 0% 87.12981%);
            clip-path: polygon(0% 85.89386%, 100% 85.89386%, 100% 87.12981%, 0% 87.12981%);
    -webkit-transform: translate(1.80862%, -0.27439%);
            transform: translate(1.80862%, -0.27439%);
  }
  12% {
    -webkit-clip-path: polygon(0% 15.23309%, 100% 15.23309%, 100% 19.10453%, 0% 19.10453%);
            clip-path: polygon(0% 15.23309%, 100% 15.23309%, 100% 19.10453%, 0% 19.10453%);
    -webkit-transform: translate(1.50426%, -0.2157%);
            transform: translate(1.50426%, -0.2157%);
  }
  14% {
    -webkit-clip-path: polygon(0% 38.09557%, 100% 38.09557%, 100% 44.66384%, 0% 44.66384%);
            clip-path: polygon(0% 38.09557%, 100% 38.09557%, 100% 44.66384%, 0% 44.66384%);
    -webkit-transform: translate(3.30089%, 0.14099%);
            transform: translate(3.30089%, 0.14099%);
  }
  16% {
    -webkit-clip-path: polygon(0% 63.32305%, 100% 63.32305%, 100% 64.90469%, 0% 64.90469%);
            clip-path: polygon(0% 63.32305%, 100% 63.32305%, 100% 64.90469%, 0% 64.90469%);
    -webkit-transform: translate(0.18384%, -0.39153%);
            transform: translate(0.18384%, -0.39153%);
  }
  18% {
    -webkit-clip-path: polygon(0% 31.68074%, 100% 31.68074%, 100% 41.14901%, 0% 41.14901%);
            clip-path: polygon(0% 31.68074%, 100% 31.68074%, 100% 41.14901%, 0% 41.14901%);
    -webkit-transform: translate(3.29106%, 0.26732%);
            transform: translate(3.29106%, 0.26732%);
  }
  20%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}

.glitch .channel {
  mix-blend-mode: screen;
}

.glitch .channel::before {
  bottom: 0;
  content: "";
  display: block;
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.glitch .r {
  -webkit-animation: rgb-shift-r 3s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-r 3s steps(1, jump-end) infinite alternate both;
}

@-webkit-keyframes rgb-shift-r {
  0% {
    -webkit-transform: translate(-1.3169%, -0.44561%);
            transform: translate(-1.3169%, -0.44561%);
  }
  2% {
    -webkit-transform: translate(0.37214%, 0.05722%);
            transform: translate(0.37214%, 0.05722%);
  }
  4% {
    -webkit-transform: translate(0.25648%, -0.41886%);
            transform: translate(0.25648%, -0.41886%);
  }
  6% {
    -webkit-transform: translate(-1.02226%, -0.39383%);
            transform: translate(-1.02226%, -0.39383%);
  }
  8% {
    -webkit-transform: translate(0.49297%, 0.08453%);
            transform: translate(0.49297%, 0.08453%);
  }
  10% {
    -webkit-transform: translate(1.51351%, -0.14254%);
            transform: translate(1.51351%, -0.14254%);
  }
  12% {
    -webkit-transform: translate(-0.79285%, -0.12035%);
            transform: translate(-0.79285%, -0.12035%);
  }
  14% {
    -webkit-transform: translate(0.13505%, -0.38722%);
            transform: translate(0.13505%, -0.38722%);
  }
  16% {
    -webkit-transform: translate(-1.1218%, 0.13273%);
            transform: translate(-1.1218%, 0.13273%);
  }
  18% {
    -webkit-transform: translate(-0.3037%, -0.29275%);
            transform: translate(-0.3037%, -0.29275%);
  }
  20%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rgb-shift-r {
  0% {
    -webkit-transform: translate(-1.3169%, -0.44561%);
            transform: translate(-1.3169%, -0.44561%);
  }
  2% {
    -webkit-transform: translate(0.37214%, 0.05722%);
            transform: translate(0.37214%, 0.05722%);
  }
  4% {
    -webkit-transform: translate(0.25648%, -0.41886%);
            transform: translate(0.25648%, -0.41886%);
  }
  6% {
    -webkit-transform: translate(-1.02226%, -0.39383%);
            transform: translate(-1.02226%, -0.39383%);
  }
  8% {
    -webkit-transform: translate(0.49297%, 0.08453%);
            transform: translate(0.49297%, 0.08453%);
  }
  10% {
    -webkit-transform: translate(1.51351%, -0.14254%);
            transform: translate(1.51351%, -0.14254%);
  }
  12% {
    -webkit-transform: translate(-0.79285%, -0.12035%);
            transform: translate(-0.79285%, -0.12035%);
  }
  14% {
    -webkit-transform: translate(0.13505%, -0.38722%);
            transform: translate(0.13505%, -0.38722%);
  }
  16% {
    -webkit-transform: translate(-1.1218%, 0.13273%);
            transform: translate(-1.1218%, 0.13273%);
  }
  18% {
    -webkit-transform: translate(-0.3037%, -0.29275%);
            transform: translate(-0.3037%, -0.29275%);
  }
  20%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}

.glitch .r::before {
  background: #f00;
}

.glitch .g {
  -webkit-animation: rgb-shift-g 3s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-g 3s steps(1, jump-end) infinite alternate both;
}

@-webkit-keyframes rgb-shift-g {
  0% {
    -webkit-transform: translate(1.78058%, 0.34378%);
            transform: translate(1.78058%, 0.34378%);
  }
  2% {
    -webkit-transform: translate(1.31232%, 0.13793%);
            transform: translate(1.31232%, 0.13793%);
  }
  4% {
    -webkit-transform: translate(1.6651%, 0.00031%);
            transform: translate(1.6651%, 0.00031%);
  }
  6% {
    -webkit-transform: translate(1.75787%, 0.14697%);
            transform: translate(1.75787%, 0.14697%);
  }
  8% {
    -webkit-transform: translate(0.09768%, -0.11577%);
            transform: translate(0.09768%, -0.11577%);
  }
  10% {
    -webkit-transform: translate(1.90222%, -0.2873%);
            transform: translate(1.90222%, -0.2873%);
  }
  12% {
    -webkit-transform: translate(1.28074%, -0.3904%);
            transform: translate(1.28074%, -0.3904%);
  }
  14% {
    -webkit-transform: translate(-1.3563%, 0.12913%);
            transform: translate(-1.3563%, 0.12913%);
  }
  16% {
    -webkit-transform: translate(1.15504%, 0.00526%);
            transform: translate(1.15504%, 0.00526%);
  }
  18% {
    -webkit-transform: translate(1.62275%, 0.2613%);
            transform: translate(1.62275%, 0.2613%);
  }
  20%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rgb-shift-g {
  0% {
    -webkit-transform: translate(1.78058%, 0.34378%);
            transform: translate(1.78058%, 0.34378%);
  }
  2% {
    -webkit-transform: translate(1.31232%, 0.13793%);
            transform: translate(1.31232%, 0.13793%);
  }
  4% {
    -webkit-transform: translate(1.6651%, 0.00031%);
            transform: translate(1.6651%, 0.00031%);
  }
  6% {
    -webkit-transform: translate(1.75787%, 0.14697%);
            transform: translate(1.75787%, 0.14697%);
  }
  8% {
    -webkit-transform: translate(0.09768%, -0.11577%);
            transform: translate(0.09768%, -0.11577%);
  }
  10% {
    -webkit-transform: translate(1.90222%, -0.2873%);
            transform: translate(1.90222%, -0.2873%);
  }
  12% {
    -webkit-transform: translate(1.28074%, -0.3904%);
            transform: translate(1.28074%, -0.3904%);
  }
  14% {
    -webkit-transform: translate(-1.3563%, 0.12913%);
            transform: translate(-1.3563%, 0.12913%);
  }
  16% {
    -webkit-transform: translate(1.15504%, 0.00526%);
            transform: translate(1.15504%, 0.00526%);
  }
  18% {
    -webkit-transform: translate(1.62275%, 0.2613%);
            transform: translate(1.62275%, 0.2613%);
  }
  20%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}

.glitch .g::before {
  background: #0f0;
}

.glitch .b {
  -webkit-animation: rgb-shift-b 3s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-b 3s steps(1, jump-end) infinite alternate both;
}

@-webkit-keyframes rgb-shift-b {
  0% {
    -webkit-transform: translate(0.61279%, 0.21822%);
            transform: translate(0.61279%, 0.21822%);
  }
  2% {
    -webkit-transform: translate(1.57958%, -0.2205%);
            transform: translate(1.57958%, -0.2205%);
  }
  4% {
    -webkit-transform: translate(1.38438%, -0.39433%);
            transform: translate(1.38438%, -0.39433%);
  }
  6% {
    -webkit-transform: translate(0.87032%, -0.40557%);
            transform: translate(0.87032%, -0.40557%);
  }
  8% {
    -webkit-transform: translate(-1.1423%, 0.37901%);
            transform: translate(-1.1423%, 0.37901%);
  }
  10% {
    -webkit-transform: translate(-0.75418%, 0.44661%);
            transform: translate(-0.75418%, 0.44661%);
  }
  12% {
    -webkit-transform: translate(-0.65085%, -0.0118%);
            transform: translate(-0.65085%, -0.0118%);
  }
  14% {
    -webkit-transform: translate(0.20533%, 0.35215%);
            transform: translate(0.20533%, 0.35215%);
  }
  16% {
    -webkit-transform: translate(-0.88103%, -0.46723%);
            transform: translate(-0.88103%, -0.46723%);
  }
  18% {
    -webkit-transform: translate(1.39171%, -0.33428%);
            transform: translate(1.39171%, -0.33428%);
  }
  20%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rgb-shift-b {
  0% {
    -webkit-transform: translate(0.61279%, 0.21822%);
            transform: translate(0.61279%, 0.21822%);
  }
  2% {
    -webkit-transform: translate(1.57958%, -0.2205%);
            transform: translate(1.57958%, -0.2205%);
  }
  4% {
    -webkit-transform: translate(1.38438%, -0.39433%);
            transform: translate(1.38438%, -0.39433%);
  }
  6% {
    -webkit-transform: translate(0.87032%, -0.40557%);
            transform: translate(0.87032%, -0.40557%);
  }
  8% {
    -webkit-transform: translate(-1.1423%, 0.37901%);
            transform: translate(-1.1423%, 0.37901%);
  }
  10% {
    -webkit-transform: translate(-0.75418%, 0.44661%);
            transform: translate(-0.75418%, 0.44661%);
  }
  12% {
    -webkit-transform: translate(-0.65085%, -0.0118%);
            transform: translate(-0.65085%, -0.0118%);
  }
  14% {
    -webkit-transform: translate(0.20533%, 0.35215%);
            transform: translate(0.20533%, 0.35215%);
  }
  16% {
    -webkit-transform: translate(-0.88103%, -0.46723%);
            transform: translate(-0.88103%, -0.46723%);
  }
  18% {
    -webkit-transform: translate(1.39171%, -0.33428%);
            transform: translate(1.39171%, -0.33428%);
  }
  20%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}

.glitch .b::before {
  background: #00f;
}

.p-idxQuiz,
.p-idxDaily,
.p-idxPromotionExam,
.p-idxMachigai {
  overscroll-behavior: none;
}

.p-idxGacha {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overscroll-behavior: none;
}

.p-idxGacha.is-subpage-open {
  overflow-y: hidden;
}

.p-idxGacha__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/gacha/transition_overlay.svg") center center no-repeat;
  background-size: cover;
  z-index: 999;
}

.p-idxGacha__close {
  position: absolute;
  width: 16.6309dvh;
  height: 5.36481dvh;
  right: 81.75966dvh;
  bottom: 0;
  cursor: pointer;
}
.p-idxGacha__close.is-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

.p-idxGachaWallpaperModal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.p-idxGachaWallpaperModal__instruction {
  position: absolute;
  top: max(3.5vw, env(safe-area-inset-top));
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ffffff;
  font-size: clamp(13px, 3.2vw, 24px);
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.85);
}
.p-idxGachaWallpaperModal__imageContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90vw;
  height: 70dvh;
}
.p-idxGachaWallpaperModal__image {
  display: block;
  width: auto;
  height: auto;
  max-width: 90vw;
  max-height: 70dvh;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-touch-callout: default;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.p-idxGachaWallpaperModal__close {
  position: absolute;
  top: max(2.5vw, env(safe-area-inset-top));
  right: 2.5vw;
  width: clamp(36px, 8vw, 54px);
  aspect-ratio: 1;
  padding: 0;
  border: 2px solid #000000;
  border-radius: 50%;
  background-color: #ffffff;
  color: #000000;
  font-size: clamp(24px, 6vw, 40px);
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.p-idxGachaIndex {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.p-idxGachaIndex__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(132, 198, 252, 0.8);
}

.p-idxGachaIndex__overlay.complete {
  background-color: rgba(0, 0, 0, 0.8);
}

.p-idxGachaIndex__txtJagi {
  position: absolute;
  width: 37.55365dvh;
  height: 8.58369dvh;
  left: 54.39914dvh;
  top: 37.55365dvh;
}

.p-idxGachaIndex__txt {
  margin-bottom: 1.07296dvh;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

.p-idxGachaIndex__txt > span {
  display: inline-block;
  font-size: 2.14592dvh;
  border-radius: 2.03863dvh;
  font-weight: 900;
  background-color: #ffffff;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2.46781dvh 2.6824dvh;
}

.p-idxGachaIndex__left {
  position: absolute;
  left: 0;
  top: 0;
  width: calc( 100% - 76.71dvh);
  height: 100%;
}

.p-idxGachaIndex__chochin {
  position: absolute;
  width: 15.8288%;
  height: 16.84549%;
}

.p-idxGachaIndex__chochin .present {
  position: absolute;
  left: 50%;
  top: 57%;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.1);
          transform: translateX(-50%) translateY(-50%) scale(0.1);
}

.p-idxGachaIndex__right {
  position: absolute;
  right: 0;
  top: 0;
  aspect-ratio: 920 / 932;
  height: 100%;
  background-image: url("../images/gacha/gacha_index_right.png"), url("../images/gacha/gacha_index_right_red.png"), url("../images/gacha/gacha_index_right_black.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 0 0, 0 0;
}

.p-idxGachaIndex__right.gacha10 {
  background-size: cover, 0 0, 0 0;
}

.p-idxGachaIndex__right.gacha50 {
  background-size: 0 0, cover, 0 0;
}

.p-idxGachaIndex__right.gacha100 {
  background-size: 0 0, 0 0, cover;
}

.p-idxGachaIndex__counter {
  position: absolute;
  left: 12.98283dvh;
  top: 53.43348dvh;
  width: 29.72103dvh;
  height: 4.29185dvh;
  border: 3px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 0.96567dvh;
}

.p-idxGachaIndex__cntLabel {
  font-size: 1.50215dvh;
  width: 14.80687dvh;
  line-height: 3.64807dvh;
  text-align: center;
  border-right: 2px dotted #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxGachaIndex__cntVal {
  font-size: 2.36052dvh;
  line-height: 3.21888dvh;
  text-align: center;
}

.p-idxGachaIndex__cntVal span {
  font-size: 1.71674dvh;
}

.p-idxGachaIndex__btnContainer {
  position: absolute;
  left: 12.66094dvh;
  top: 59.44206dvh;
  width: 61.80258dvh;
  height: 15.87983dvh;
}

.p-idxGachaIndex__btn {
  width: 30.04292dvh;
  height: 7.51073dvh;
  border-radius: 3.75536dvh;
  margin: 0 0.42918dvh;
  border: 3px solid #000000;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  cursor: pointer;
}

.p-idxGachaIndex__btn:hover {
  background-color: #ffeb00;
}

.p-idxGachaIndex__btn p {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-idxGachaIndex__btn::after {
  content: "";
  position: absolute;
  width: 0.85837dvh;
  height: 0.85837dvh;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 5.90129dvh;
}

.p-idxGachaIndex__btn.selected {
  pointer-events: none;
  background-color: #ffeb00;
}

.p-idxGachaIndex .disabled {
  pointer-events: none;
}

.p-idxGachaIndex .disabledOff {
  pointer-events: none;
  background-color: #8c8c8c;
}

.p-idxGachaIndex__btnLabel1 p {
  width: 10.72961dvh;
  height: 1.50215dvh;
}

.p-idxGachaIndex__btnLabel2 p {
  width: 10.72961dvh;
  height: 1.50215dvh;
}

.p-idxGachaIndex__btnLabel3 {
  margin-top: 0.42918dvh;
}

.p-idxGachaIndex__btnLabel3 p {
  width: 12.12446dvh;
  height: 1.50215dvh;
}

.p-idxGachaIndex__btnLabel4 {
  margin-top: 0.42918dvh;
  background-color: #000000;
}

.p-idxGachaIndex__btnLabel4 p {
  width: 23.92704dvh;
  height: 4.18455dvh;
}

.p-idxGachaIndex__btnLabel4::after {
  border-top: 2px solid #808080;
  border-right: 2px solid #808080;
  right: 1.39485dvh;
}

.p-idxGachaIndex__btnGoto {
  position: absolute;
  right: 2.897dvh;
  top: 57.18884dvh;
  width: 20.38627dvh;
  height: 20.38627dvh;
  border-radius: 10.19313dvh;
  border: 4px solid #000000;
  background-color: #ffeb00;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.p-idxGachaIndex__btnGoto p {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 15.45064dvh;
  height: 7.29614dvh;
}

.p-idxGachaIndex__btnGoto::after {
  content: "";
  position: absolute;
  width: 1.28755dvh;
  height: 1.28755dvh;
  border-top: 3px solid #000000;
  border-right: 3px solid #000000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  bottom: 2.57511dvh;
}

.p-idxGachaIndex__btnGoto.disabled {
  background-color: #858585;
  pointer-events: none;
}

.p-idxGachaIndex__btmBlock {
  position: absolute;
  left: 6.00858dvh;
  top: 79.18455dvh;
  width: 90.34335dvh;
  height: 9.33476dvh;
}

.p-idxGachaIndex__btmLeft {
  width: 22.53219dvh;
}

.p-idxGachaIndex__btBtn {
  position: relative;
  width: 100%;
  line-height: 3.64807dvh;
  border: 3px solid #000000;
  background-color: #ffffff;
  border-radius: 2.25322dvh;
  font-size: 1.71674dvh;
  font-style: italic;
  text-align: center;
  cursor: pointer;
}

.p-idxGachaIndex__btBtn + .p-idxGachaIndex__btBtn {
  margin-top: 0.53648dvh;
}

.p-idxGachaIndex__btBtn:hover {
  background-color: #ffeb00;
}

.p-idxGachaIndex__btBtn::after {
  content: "";
  position: absolute;
  width: 0.96567dvh;
  height: 0.96567dvh;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 1.82403dvh;
}

.p-idxGachaIndex__btnkiyaku {
  width: 66.7382dvh;
  height: 9.33476dvh;
  border-radius: 2.25322dvh;
  border: 3px solid #000000;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.p-idxGachaIndex__btnkiyaku:hover {
  background-color: #ffeb00;
}

.p-idxGachaIndex__btnkiyaku p {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 13.73391dvh;
  height: 1.39485dvh;
}

.p-idxGachaIndex__attention {
  width: 66.7382dvh;
  height: 9.33476dvh;
  font-size: 1.71674dvh;
  border-radius: 0.96567dvh;
  font-style: italic;
  border: 3px solid #000000;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  padding: 1.71674dvh 3.21888dvh;
}

#gacha-idx-c1 {
  left: 4.41576%;
  top: 9.92489%;
}

#gacha-idx-c2 {
  left: 23.09783%;
  top: 11.64163%;
}

#gacha-idx-c3 {
  left: 41.77989%;
  top: 12.23176%;
}

#gacha-idx-c4 {
  left: 60.52989%;
  top: 11.64163%;
}

#gacha-idx-c5 {
  left: 79.21196%;
  top: 9.87124%;
}

#gacha-idx-c6 {
  left: 4.41576%;
  top: 31.75966%;
}

#gacha-idx-c7 {
  left: 23.09783%;
  top: 33.47639%;
}

#gacha-idx-c8 {
  left: 41.77989%;
  top: 34.17382%;
}

#gacha-idx-c9 {
  left: 60.52989%;
  top: 33.58369%;
}

#gacha-idx-c10 {
  left: 79.21196%;
  top: 31.75966%;
}

#gacha-idx-c11 {
  left: 4.41576%;
  top: 53.64807%;
}

#gacha-idx-c12 {
  left: 23.09783%;
  top: 55.4721%;
}

#gacha-idx-c13 {
  left: 41.77989%;
  top: 56.16953%;
}

#gacha-idx-c14 {
  left: 60.52989%;
  top: 55.5794%;
}

#gacha-idx-c15 {
  left: 79.21196%;
  top: 53.80901%;
}

.p-idxGachaPlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/gacha/gacha_play_bg2.png") center center no-repeat;
  background-size: cover;
}

.p-idxGachaPlay__playBG {
  position: absolute;
  right: 0;
  top: 0;
  aspect-ratio: 920 / 932;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
}

.p-idxGachaPlay__playBG svg {
  width: 100%;
}

.p-idxGachaPlay__domLayer, .p-idxGachaPlay__domEffects, .p-idxGachaPlay__domOverlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.p-idxGachaPlay__domLayer {
  z-index: 0;
}

.p-idxGachaPlay__domBase {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.p-idxGachaPlay__domEffects {
  z-index: 1;
  -webkit-mask: url("../images/gacha/mask.png") 0 0/100% 100% no-repeat;
  mask: url("../images/gacha/mask.png") 0 0/100% 100% no-repeat;
}

.p-idxGachaPlay__domOverlay {
  z-index: 2;
}

.p-idxGachaPlay__domStar, .p-idxGachaPlay__domMachine, .p-idxGachaPlay__domTitle, .p-idxGachaPlay__domBall {
  position: absolute;
  display: block;
  max-width: none;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.p-idxGachaPlay__domStar {
  z-index: 0;
}

.p-idxGachaPlay__domMachine {
  z-index: 1;
  left: 0;
  top: 0;
}

.p-idxGachaPlay__domTitle {
  z-index: 2;
}

.p-idxGachaPlay__domStop {
  position: absolute;
  z-index: 3;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
}

.p-idxGachaPlay__domStopImage {
  display: block;
  width: 100%;
  height: auto;
}

.p-idxGachaPlay__domBallMask {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  -webkit-mask: url("../images/gacha/ball_msk.png") 0 0/100% 100% no-repeat;
  mask: url("../images/gacha/ball_msk.png") 0 0/100% 100% no-repeat;
}

.p-idxGachaPlay__domBall {
  z-index: 1;
}

.p-idxGachaPlay__starBG {
  position: absolute;
  right: -155.36481dvh;
  top: 50dvh;
  width: 199.57082dvh;
  height: 199.57082dvh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-clip-path: url(#gachaClip01);
          clip-path: url(#gachaClip01);
}

.p-idxGachaPlay svg {
  position: absolute;
  right: 0;
  top: 0;
  aspect-ratio: 920 / 932;
  height: 100%;
}

.p-idxGachaPlay #idxGachaMsk01 {
  position: absolute;
  right: 0;
  top: 0;
  aspect-ratio: 920 / 932;
  height: 100%;
}

.p-idxGachaPlay__chochinContainer {
  position: absolute;
  left: calc( (100% - 76.71dvh) / 2);
  top: 50%;
  -webkit-transform: translateX(-55%) translateY(-50%);
          transform: translateX(-55%) translateY(-50%);
  width: 50.35714vw;
}

.p-idxGachaPlay #js-chochinGroup02 {
  -webkit-transform: translateY(8%);
          transform: translateY(8%);
}

.p-idxGachaPlay__chochinGroup {
  padding-right: 0.64286vw;
}

.p-idxGachaPlay__chochin {
  position: relative;
  width: 13.21429vw;
  height: 17.78571vw;
  padding-bottom: 3.42857vw;
  -webkit-transform-origin: 50% 5%;
          transform-origin: 50% 5%;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}

.p-idxGachaPlay__shouhin {
  position: absolute;
  width: 13.21429vw;
  height: 15.07143vw;
  left: 0;
  top: 2.71429vw;
}

.p-idxGachaResult {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.p-idxGachaResult__successBG {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(97, 37, 99, 0.6);*/
}

.p-idxGachaResult__failedBG {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0, 0, 0, 0.8);*/
}

.p-idxGachaResult__chochin {
  position: absolute;
  width: 63.09013dvh;
  height: 85.19313dvh;
  left: calc( (100% - 80.71dvh) / 2);
  top: 50%;
  -webkit-transform: translateX(-55%) translateY(-67%);
          transform: translateX(-55%) translateY(-67%);
}

.p-idxGachaResult__chochin.hazure {
  width: 53.64807dvh;
  height: 72.42489dvh;
  top: 35%;
}

.p-idxGachaResult__shName {
  position: absolute;
  width: 37.55365dvh;
  /*@include dvh( 78 );*/
  left: 0;
  right: 0;
  margin: auto;
  bottom: -10.62232dvh;
  font-size: 2.03863dvh;
  border-radius: 2.14592dvh;
  font-weight: 900;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #612563;
  background-color: #ffffff;
  text-align: center;
  padding: 0.85837dvh 4.07725dvh;
}

.p-idxGachaResult__shouhin {
  position: absolute;
  left: 0;
  top: 12.98283dvh;
  width: 63.09013dvh;
  height: 72.2103dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* 左右センター */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-idxGachaResult__shouhin img {
  max-width: 100%;
  max-height: 100%;
}

.p-idxGachaResult__shouhin.hazure {
  left: 0;
  top: 11.0515dvh;
  width: 53.64807dvh;
  height: 56.54506dvh;
  padding-top: 2dvh;
}

.p-idxGachaResult__shBtn {
  position: absolute;
  width: 39.69957dvh;
  font-size: 2.03863dvh;
  border-radius: 2.14592dvh;
  padding: 1.60944dvh 1.60944dvh;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  font-weight: 900;
  text-align: center;
  border: 1px solid #000000;
  background-color: #fefded;
  left: calc( (100% - 80.71dvh) / 2);
  top: 63.38%;
  -webkit-transform: translateX(-55%);
          transform: translateX(-55%);
  cursor: pointer;
}

.p-idxGachaResult__shBtn#gacha-dlSucTitle {
  width: 47.2103dvh;
  padding: 1.07296dvh 1.60944dvh;
  line-height: 1.25;
  top: 62.4%;
  white-space: nowrap;
}

.p-idxGachaResult__shBtn:hover {
  background-color: #ffeb00;
}

.p-idxGachaResult__dlBtn {
  position: absolute;
  width: 34.12017dvh;
  padding: 1.28755dvh 1.28755dvh;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  font-size: 1.71674dvh;
  border-radius: 3.96996dvh;
  font-style: italic;
  font-weight: 900;
  text-align: center;
  border: 1px solid #000000;
  background-color: #ffffff;
  cursor: pointer;
}

.p-idxGachaResult__dlBtn:hover {
  background-color: #ffeb00;
}

.p-idxGachaResult__dlBtn::after {
  content: "";
  position: absolute;
  width: 2.897dvh;
  height: 2.897dvh;
  background: url("../images/gacha/icon_download.svg") center center no-repeat;
  background-size: cover;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 4.07725dvh;
}

.p-idxGachaResult__dlBtn1 {
  left: calc( (100% - 80.71dvh) / 2);
  top: 71.6%;
  -webkit-transform: translateX(-55%);
          transform: translateX(-55%);
}

.p-idxGachaResult__dlBtn2 {
  left: calc( (100% - 80.71dvh) / 2);
  top: 80.62%;
  -webkit-transform: translateX(-55%);
          transform: translateX(-55%);
}

.p-idxGachaResult__dlBtn3 {
  left: calc( (100% - 80.71dvh) / 2);
  top: 89.64%;
  -webkit-transform: translateX(-55%);
          transform: translateX(-55%);
}

.p-idxGachaResult__msg {
  margin-bottom: 0.64378dvh;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

.p-idxGachaResult__msg span {
  display: inline-block;
  font-size: 2.36052dvh;
  border-radius: 2.03863dvh;
  font-weight: 900;
  background-color: #ffffff;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.4;
  padding: 1dvh 2.6824dvh;
  white-space: nowrap;
}

.p-idxGachaResult__msg.large span {
  font-size: 4.50644dvh;
  line-height: 5.36481dvh;
}

.p-idxGachaResultSuccess {
  position: absolute;
  right: 0;
  top: 0;
  aspect-ratio: 920 / 932;
  height: 100%;
}

.p-idxGachaResultSuccess__bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.p-idxGachaResultSuccess__bgImage, .p-idxGachaResultSuccess__players {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.p-idxGachaResultSuccess__bgImage {
  display: block;
  -o-object-fit: fill;
     object-fit: fill;
}

.p-idxGachaResultSuccess__players {
  overflow: hidden;
  -webkit-mask: url("../images/gacha/mask.png") 0 0/100% 100% no-repeat;
  mask: url("../images/gacha/mask.png") 0 0/100% 100% no-repeat;
}

.p-idxGachaResultSuccess__player {
  position: absolute;
  display: block;
  max-width: none;
  height: auto;
  pointer-events: none;
}

.p-idxGachaResultSuccess__fx {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  pointer-events: none;
}

.p-idxGachaResultSuccess__confettiCanvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.p-idxGachaResultSuccess__title {
  position: absolute;
  left: 22.42489dvh;
  top: 11.80258dvh;
  width: 71.13734dvh;
  height: 15.02146dvh;
}

.p-idxGachaResultSuccess__jagi {
  position: absolute;
  left: 26.93133dvh;
  top: 33.47639dvh;
  width: 15.23605dvh;
  height: 17.38197dvh;
}

.p-idxGachaResultSuccess__btnGoto {
  position: absolute;
  left: 35.30043dvh;
  top: 63.09013dvh;
  width: 45.81545dvh;
  height: 13.9485dvh;
  border-radius: 2.14592dvh;
  border: 4px solid #000000;
  background-color: #ffeb00;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.p-idxGachaResultSuccess__btnGoto p {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 3.54077dvh;
  width: 11.58798dvh;
  height: 3.64807dvh;
}

.p-idxGachaResultSuccess__btnGoto::after {
  content: "";
  position: absolute;
  width: 1.28755dvh;
  height: 1.28755dvh;
  border-top: 3px solid #000000;
  border-right: 3px solid #000000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 2.14592dvh;
}

.p-idxGachaResultSuccess__att {
  font-size: 1.28755dvh;
  line-height: 1.3;
  text-align: center;
  position: absolute;
  left: 0;
  top: 8.58369dvh;
  width: 100%;
}

.p-idxGachaResultSuccess__msgContainer {
  position: absolute;
  left: 43.66953dvh;
  top: 33.47639dvh;
}

.p-idxGachaResultSuccess__copyBtn {
  position: absolute;
  right: 9.22747dvh;
  top: 55.6867dvh;
  padding: 0 3.43348dvh;
  font-size: 1.28755dvh;
  border-radius: 2.14592dvh;
  font-weight: 900;
  background-color: #ffeb00;
  border: 3px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 3.64807dvh;
  text-align: center;
  cursor: pointer;
  display: inline;
}

.p-idxGachaResultSuccess__copyBtn::after {
  content: "";
  position: absolute;
  width: 0.85837dvh;
  height: 0.85837dvh;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 1.28755dvh;
}

.p-idxGachaResultSuccess__ob {
  position: absolute;
  left: 35.30043dvh;
  top: 79.18455dvh;
  width: 45.70815dvh;
  height: 4.29185dvh;
  border-radius: 1.07296dvh;
  background-color: #ffffff;
  border: 3px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxGachaResultSuccess__obLabel {
  width: 9.65665dvh;
  font-size: 1.50215dvh;
  line-height: 3.43348dvh;
  text-align: center;
  border-right: 2px dotted #000000;
}

.p-idxGachaResultSuccess__date {
  font-size: 2.36052dvh;
  line-height: 3.43348dvh;
  text-align: center;
}

.p-idxGachaResultFailed {
  position: absolute;
  right: 0;
  top: 0;
  aspect-ratio: 920 / 932;
  height: 100%;
  background: url("../images/gacha/gacha_bg_hazure.png") center center no-repeat;
  background-size: cover;
}

.p-idxGachaResultFailed__title {
  position: absolute;
  left: 41.84549dvh;
  top: 34.97854dvh;
  width: 28.11159dvh;
  height: 9.12017dvh;
}

.p-idxGachaResultFailed__jagi {
  position: absolute;
  left: 13.8412dvh;
  top: 69.63519dvh;
  width: 15.23605dvh;
  height: 17.70386dvh;
}

.p-idxGachaResultFailed__msgContainer {
  position: absolute;
  left: 31.00858dvh;
  top: 73.81974dvh;
  width: 23.60515dvh;
  height: 11.1588dvh;
}

.p-idxGachaResultFailed__btnBlock {
  position: absolute;
  left: 57.83262dvh;
  top: 71.99571dvh;
  width: 34.44206dvh;
  height: 15.02146dvh;
}

.p-idxGachaResultFailed__btn {
  position: relative;
  width: 100%;
  line-height: 5.79399dvh;
  border: 3px solid #000000;
  background-color: #ffffff;
  border-radius: 3.21888dvh;
  font-size: 2.25322dvh;
  font-style: italic;
  text-align: center;
  margin-bottom: 2.14592dvh;
  cursor: pointer;
}

.p-idxGachaResultFailed__btn:hover {
  background-color: #ffeb00;
}

.p-idxGachaResultFailed__btn::after {
  content: "";
  position: absolute;
  width: 0.96567dvh;
  height: 0.96567dvh;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 1.93133dvh;
}

.p-idxMachigai {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.p-idxMachigai.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-idxMachigai.eventNone {
  pointer-events: none;
}

.p-idxMachigai__cover {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
}

.p-idxMachigai__inner {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
}

.p-idxMachigai__inner svg {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
  pointer-events: none;
}

.p-idxMachigai__msgContainer {
  position: absolute;
  width: 100dvh;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
}

.p-idxMachigai__msgInner {
  width: 100%;
}

.p-idxMachigai__iconRyuken {
  position: relative;
  width: 15.23605dvh;
  height: 16.52361dvh;
  margin-left: 2.6824dvh;
  margin-right: 2.6824dvh;
}

.p-idxMachigai__iconJagi {
  position: relative;
  width: 15.23605dvh;
  height: 17.38197dvh;
  margin-left: 2.6824dvh;
  margin-right: 2.6824dvh;
}

.p-idxMachigai__txt {
  margin-bottom: 1.07296dvh;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

.p-idxMachigai__txt .exclamation {
  font-family: "Noto Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: italic;
}

.p-idxMachigai__txt > span {
  display: inline-block;
  font-size: 2.14592dvh;
  border-radius: 2.03863dvh;
  font-weight: 900;
  background-color: #ffffff;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2.46781dvh 2.6824dvh;
}

.p-idxMachigai__txt img {
  width: 31.33047dvh;
  height: 6.00858dvh;
  margin-top: 1.07296dvh;
}

.p-idxMachigai__txt.right {
  text-align: right;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}

.p-idxMachigai__close {
  position: absolute;
  width: 16.6309dvh;
  height: 5.36481dvh;
  left: 0.4dvh;
  bottom: 0;
  cursor: pointer;
}

.p-idxMachigaiIndex {
  position: absolute;
  aspect-ratio: 0.98;
  height: 100%;
  right: 0;
  background: url("../images/quiz_bg.svg") left top no-repeat;
  background-size: cover;
  -webkit-clip-path: url(#challengeClip01);
          clip-path: url(#challengeClip01);
}

.p-idxMachigaiIndex__title {
  position: absolute;
  width: 38.41202dvh;
  height: 23.49785dvh;
  left: 20.27897dvh;
  top: 6.11588dvh;
}

.p-idxMachigaiIndex__header {
  position: absolute;
  width: 26.28755dvh;
  height: 25.64378dvh;
  right: 0;
  top: 0;
}

.p-idxMachigaiIndex__t2 {
  position: absolute;
  width: 87.01717dvh;
  height: 12.66094dvh;
  left: 11.69528dvh;
  top: 32.93991dvh;
}

.p-idxMachigaiIndex__startBtn {
  position: absolute;
  width: 24.8927dvh;
  height: 5.90129dvh;
  right: 6.11588dvh;
  top: 35.62232dvh;
  cursor: pointer;
}

.p-idxMachigaiIndex__startBtn::after {
  content: "";
  position: absolute;
  width: 1.71674dvh;
  height: 1.71674dvh;
  border-left: 3px solid #000000;
  border-top: 3px solid #000000;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  right: -3.00429dvh;
}

.p-idxMachigaiIndex__odai {
  position: absolute;
  width: 16.09442dvh;
  height: 3.00429dvh;
  left: 29.39914dvh;
  top: 48.92704dvh;
}

.p-idxMachigaiIndex__thumb {
  position: absolute;
  width: 30.15021dvh;
  height: 30.15021dvh;
  left: 22.2103dvh;
  top: 53.75536dvh;
  border: 1px solid #000000;
  border-radius: 4.29185dvh;
  overflow: hidden;
}

.p-idxMachigaiIndex__thumbTxt {
  position: absolute;
  width: 30.15021dvh;
  height: 9.33476dvh;
  left: 22.2103dvh;
  top: 85.40773dvh;
  font-size: 1.93133dvh;
  font-weight: 900;
  text-align: center;
  font-style: italic;
  white-space: nowrap;
}

.p-idxMachigaiIndex__txtCon {
  position: absolute;
  width: 16.09442dvh;
  height: 25.75107dvh;
  right: 31.86695dvh;
  top: 58.69099dvh;
}

.p-idxMachigaiIndex__txt {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  line-height: 2.2;
  letter-spacing: 0.19em;
  font-size: 1.71674dvh;
}

.p-idxMachigaiIndex__txt span {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: inline-block;
}

.p-idxMachigaiIndex__ryuken {
  position: absolute;
  width: 20.38627dvh;
  height: 23.49785dvh;
  right: 11.48069dvh;
  top: 58.69099dvh;
}

.p-idxEnterChallenge {
  position: absolute;
  width: 31.97425dvh;
  height: 35.08584dvh;
  left: 9.65665dvh;
  top: -40.45064dvh;
  border-radius: 2.14592dvh;
  padding: 2.57511dvh 0dvh;
  background: url("../images/challenge/fkds_bg.svg") left top no-repeat;
  background-size: contain;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}

.p-idxEnterChallenge__odaiTxt {
  width: 9.76395dvh;
  margin: 0 auto;
  margin-bottom: 1.50215dvh;
}

.p-idxEnterChallenge__odaiImg {
  width: 16.95279dvh;
  border-radius: 2.14592dvh;
  border: 2px solid #000000;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  margin-bottom: 1.18026dvh;
}

.p-idxEnterChallenge__odaiDsc {
  font-size: 1.50215dvh;
  font-weight: 900;
  font-style: italic;
  color: #000000;
  text-align: center;
}

.p-idxEnterChallenge__expire {
  font-size: 1.50215dvh;
  font-weight: 900;
  font-style: italic;
  color: #000000;
  text-align: center;
}

.p-idxOpening {
  position: absolute;
  width: 1657px;
  height: 932px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.p-idxOpening__cloud {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-idxOpening__title {
  position: absolute;
  width: 75.64378dvh;
  height: 15.23605dvh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-idxHowto {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.p-idxHowto__btn {
  position: absolute;
  line-height: 4.93562dvh;
  font-size: 2.25322dvh;
  border-radius: 2.6824dvh;
  border: 2px solid #000000;
  background-color: #ffffff;
  text-align: center;
  cursor: pointer;
}

.p-idxHowto__blockImg {
  display: none;
}

.p-idxHowto__nextBtn {
  position: absolute;
  width: 14.80687dvh;
  height: 5.36481dvh;
  left: 20.06438dvh;
  bottom: 9.76395dvh;
}

.p-idxHowto__nextBtn::after {
  content: "";
  position: absolute;
  width: 1.07296dvh;
  height: 1.07296dvh;
  border-left: 3px solid #000000;
  border-top: 3px solid #000000;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  right: 1.82403dvh;
}

.p-idxHowto__backBtn {
  position: absolute;
  width: 14.80687dvh;
  height: 5.36481dvh;
  left: 3.75536dvh;
  bottom: 9.76395dvh;
}

.p-idxHowto__backBtn::after {
  content: "";
  position: absolute;
  width: 1.07296dvh;
  height: 1.07296dvh;
  border-left: 3px solid #000000;
  border-top: 3px solid #000000;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 1.82403dvh;
}

.p-idxHowto__opMovieBtn {
  position: absolute;
  width: 38.8412dvh;
  height: 6.43777dvh;
  left: 0;
  bottom: 2.25322dvh;
  line-height: 5.79399dvh;
  font-size: 2.25322dvh;
  border-radius: 3.21888dvh;
  border: 3px solid #000000;
  background-color: #ffffff;
  text-align: center;
  cursor: pointer;
}

.p-idxHowto__opMovieBtn::after {
  content: "";
  position: absolute;
  width: 1.07296dvh;
  height: 1.07296dvh;
  border-left: 3px solid #000000;
  border-top: 3px solid #000000;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  right: 1.82403dvh;
}

.p-idxHowto__close {
  position: absolute;
  width: 4.93562dvh;
  height: 4.93562dvh;
  right: 2.6824dvh;
  top: 2.6824dvh;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  cursor: pointer;
}

.p-idxHowto__close::before {
  content: "";
  position: absolute;
  height: 0.21459dvh;
  width: 60%;
  background-color: #000000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-idxHowto__close::after {
  content: "";
  position: absolute;
  width: 0.21459dvh;
  height: 60%;
  background-color: #000000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-idxHowto__title {
  position: absolute;
  width: 29.29185dvh;
  height: 13.8412dvh;
  left: 0;
  right: 0;
  margin: auto;
  top: 6.11588dvh;
}

.p-idxHowto__txtContainer {
  position: absolute;
  width: 53.64807dvh;
  height: 100%;
  left: 19.85714vw;
  top: 0;
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}

.p-idxHowto__txtBlock {
  position: absolute;
  width: 100%;
  height: 28.96996dvh;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-idxHowto__txtBlock.small {
  height: 24.46352dvh;
}

.p-idxHowto__txtBlock.large {
  height: 51.93133dvh;
}

.p-idxHowto__txt {
  font-size: 2.36052dvh;
  padding: 0.32189dvh 0.96567dvh;
  margin-bottom: 0.53648dvh;
}

.p-idxHowto__txt span {
  font-size: 2.36052dvh;
  font-weight: 900;
  background-color: #ffffff;
  padding: 0.32189dvh 0.96567dvh;
}

.p-idxHowto__txt.blockMargin {
  margin-bottom: 3.00429dvh;
}

.p-idxHowto__txt.top {
  margin-top: 100dvh;
}

.p-idxHowto__right {
  position: absolute;
  right: 0;
  top: 0;
  aspect-ratio: 920 / 932;
  height: 100%;
  background: url("../images/howto/side_bg.svg") center center no-repeat;
  background-size: cover;
}

.p-idxHowto__block1 {
  position: absolute;
  right: 0;
  top: 0;
  aspect-ratio: 920 / 932;
  height: 100%;
  background: url("../images/howto/shaken_img.png") center center no-repeat;
  background-size: cover;
}

.p-idxHowto__block2 {
  position: absolute;
  right: 0;
  top: 0;
  aspect-ratio: 920 / 932;
  height: 100%;
  background: url("../images/howto/shokaku_img.png") center center no-repeat;
  background-size: cover;
}

.p-idxHowto__block3 {
  position: absolute;
  right: 0;
  top: 0;
  aspect-ratio: 920 / 932;
  height: 100%;
  background: url("../images/howto/gacha_img01.png") center center no-repeat;
  background-size: cover;
}

.p-idxHowto__block4 {
  position: absolute;
  right: 0;
  top: 0;
  aspect-ratio: 920 / 932;
  height: 100%;
  background: url("../images/howto/gacha_img02.png?20260730") center center no-repeat;
  background-size: cover;
}

.p-idxHowto__scroll {
  position: absolute;
  width: 2.36052dvh;
  height: 18.66953dvh;
  right: 1.71674dvh;
  bottom: 1.18026dvh;
}

.p-idxHowto__block {
  position: absolute;
  width: 100%;
  height: 100%;
}

.p-idxHowto__shaken1 {
  position: absolute;
  width: 38.51931dvh;
  height: 25.64378dvh;
  left: 38.09013dvh;
  top: 24.67811dvh;
}

.p-idxHowto__shaken2 {
  position: absolute;
  width: 38.51931dvh;
  height: 23.92704dvh;
  left: 38.09013dvh;
  top: 59.01288dvh;
}

.p-idxHowto__icon1 {
  position: absolute;
  width: 16.41631dvh;
  height: 16.41631dvh;
  left: 71.88841dvh;
  top: 18.45494dvh;
}

.p-idxHowto__icon2 {
  position: absolute;
  width: 16.41631dvh;
  height: 16.41631dvh;
  left: 71.88841dvh;
  top: 52.03863dvh;
}

.p-idxHowto__shokaku {
  position: absolute;
  width: 79.72103dvh;
  height: 45.70815dvh;
  left: 11.48069dvh;
  top: 31.11588dvh;
}

.p-idxHowto__background {
  position: absolute;
  width: 1400px;
  height: 932px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.p-idxHowto__monitor {
  position: absolute;
  width: 1400px;
  height: 932px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.p-idxHowto__monitor1 {
  position: absolute;
  width: 13.32%;
  aspect-ratio: 373 / 220;
  left: 3.107%;
  top: 23.336%;
  overflow: hidden;
}

.p-idxHowto__monitor1 .glitch {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/login/monitor_1.png") center center no-repeat;
  background-size: cover;
}

.p-idxHowto__monitor2 {
  position: absolute;
  width: 13.42%;
  aspect-ratio: 376 / 220;
  left: 17.17%;
  top: 23.336%;
  overflow: hidden;
}

.p-idxHowto__monitor2 .glitch {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/login/monitor_2.png") center center no-repeat;
  background-size: cover;
}

.p-idxHowto__monitor3 {
  position: absolute;
  width: 13.35%;
  aspect-ratio: 374 / 220;
  left: 31.28%;
  top: 23.336%;
  overflow: hidden;
}

.p-idxHowto__monitor3 .glitch {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/login/monitor_3.png") center center no-repeat;
  background-size: cover;
}

.p-idxHowto__monitor4 {
  position: absolute;
  width: 13.35%;
  aspect-ratio: 374 / 220;
  left: 55.71%;
  top: 23.336%;
  overflow: hidden;
}

.p-idxHowto__monitor4 .glitch {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/login/monitor_4.png") center center no-repeat;
  background-size: cover;
}

.p-idxHowto__monitor5 {
  position: absolute;
  width: 13.39%;
  aspect-ratio: 375 / 220;
  left: 69.82%;
  top: 23.336%;
  overflow: hidden;
}

.p-idxHowto__monitor5 .glitch {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/login/monitor_5.png") center center no-repeat;
  background-size: cover;
}

.p-idxHowto__monitor6 {
  position: absolute;
  width: 13.39%;
  aspect-ratio: 375 / 220;
  left: 83.92%;
  top: 23.336%;
  overflow: hidden;
}

.p-idxHowto__monitor6 .glitch {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/login/monitor_6.png") center center no-repeat;
  background-size: cover;
}

.p-idxTutoreal {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.p-idxTutoreal__txt {
  position: absolute;
  font-size: 1.71674dvh;
  font-weight: normal;
  white-space: nowrap;
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #ffffff;
  text-align: center;
  padding: 2.6824dvh 2.6824dvh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxTutoreal__txt1 {
  width: 44.09871dvh;
  height: 8.04721dvh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-idxTutoreal__txt2 {
  width: 29.93562dvh;
  height: 8.3691dvh;
  right: 18.13305dvh;
  top: 6.97425dvh;
  padding: 1.28755dvh 2.6824dvh;
  text-align: left;
}

.p-idxTutoreal__txt2::after {
  content: "";
  position: absolute;
  width: 1.82403dvh;
  height: 1.82403dvh;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -1.82403dvh;
  background: url("../images/tutorial/fkds_arw.png") center center no-repeat;
  background-size: contain;
}

.p-idxTutoreal__txt3 {
  width: 26.71674dvh;
  height: 8.3691dvh;
  right: 9.22747dvh;
  top: 50.53648dvh;
  padding: 1.39485dvh 2.6824dvh;
  text-align: left;
}

.p-idxTutoreal__txt3::after {
  content: "";
  position: absolute;
  width: 1.82403dvh;
  height: 1.82403dvh;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -1.82403dvh;
  background: url("../images/tutorial/fkds_arw.png") center center no-repeat;
  background-size: contain;
}

.p-idxGachaKiyaku {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/gacha/modal_bg.svg") center center no-repeat;
  background-size: cover;
}

.p-idxGachaKiyaku__inner {
  position: absolute;
  width: 69.63519dvh;
  height: 87.12446dvh;
  left: 23.39056dvh;
  top: 6.43777dvh;
  padding: 2.46781dvh 3.54077dvh;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxGachaKiyaku__inner::-webkit-scrollbar {
  width: 8px;
  /* 横幅設定 */
}

.p-idxGachaKiyaku__inner::-webkit-scrollbar-thumb {
  background: #ffffff;
  /* ハンドルの色 */
}

.p-idxGachaKiyaku__inner::-webkit-scrollbar-track {
  background: #828080;
  /* 背景色 */
}

.p-idxGachaKiyaku__title {
  position: relative;
  width: 194px;
  height: 25px;
  margin: 0 auto;
  margin-bottom: 26px;
}

.p-idxGachaKiyaku__head {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 5px 11px;
  margin-bottom: 12px;
}

.p-idxGachaKiyaku__body {
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  margin-bottom: 30px;
  line-height: 1.8;
}

.p-idxGachaKiyaku__footer {
  border: 1px solid #ffffff;
  margin-bottom: 40px;
}

.p-idxGachaKiyaku__footer a {
  color: #ffffff !important;
}

.p-idxGachaKiyaku__ft1 {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #ffffff;
}

.p-idxGachaKiyaku__ft2 {
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxGachaKiyaku__ft2 span {
  font-size: 10px;
  display: inline-block;
  margin-bottom: 5px;
  color: #ffffff !important;
}

.p-idxGachaKiyaku__close {
  position: relative;
  width: 15.02146dvh;
  height: 5.36481dvh;
  border-radius: 2.6824dvh;
  border: 3px solid #000000;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  cursor: pointer;
}

.p-idxGachaKiyaku__close:hover {
  background-color: #ffeb00;
}

.p-idxGachaKiyaku__close p {
  position: absolute;
  width: 1.60944dvh;
  height: 1.60944dvh;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 3.00429dvh;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.p-idxGachaKiyaku__close p::before {
  content: "";
  position: absolute;
  height: 0.21459dvh;
  width: 100%;
  background-color: #000000;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-idxGachaKiyaku__close p::after {
  content: "";
  position: absolute;
  width: 0.21459dvh;
  height: 100%;
  background-color: #000000;
  left: 0;
  right: 0;
  margin: auto;
}

.p-idxGachaKiyaku__close div {
  position: absolute;
  width: 6.75966dvh;
  height: 2.14592dvh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateX(1.5dvh);
          transform: translateX(1.5dvh);
}

.p-idxGachaShouhin {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/gacha/modal_bg.svg") center center no-repeat;
  background-size: cover;
}

.p-idxGachaShouhin__inner {
  position: absolute;
  width: 69.63519dvh;
  height: 87.12446dvh;
  left: 23.39056dvh;
  top: 6.43777dvh;
  padding: 2.46781dvh 3.54077dvh;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxGachaShouhin__inner::-webkit-scrollbar {
  width: 8px;
  /* 横幅設定 */
}

.p-idxGachaShouhin__inner::-webkit-scrollbar-thumb {
  background: #ffffff;
  /* ハンドルの色 */
}

.p-idxGachaShouhin__inner::-webkit-scrollbar-track {
  background: #828080;
  /* 背景色 */
}

.p-idxGachaShouhin__title {
  position: relative;
  width: 100px;
  height: 25px;
  margin: 0 auto;
  margin-bottom: 26px;
}

.p-idxGachaKiyakuShohin__title {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  padding: 6px 0;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 26px;
}

.p-idxGachaKiyakuShohin__notice {
  font-size: 10px;
  font-weight: normal;
  color: #ffffff;
  margin: 20px 0;
}

.p-idxGachaKiyakuShohin__block + .p-idxGachaKiyakuShohin__block {
  padding-top: 26px;
  border-top: 1px dotted #ffffff;
  margin-top: 32px;
}

.p-idxGachaKiyakuShohin__blockLabel {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 14px;
}

.p-idxGachaKiyakuShohin__items + .p-idxGachaKiyakuShohin__items {
  margin-top: 2.25322dvh;
}

.p-idxGachaKiyakuShohin__item {
  width: 11.69528dvh;
}

.p-idxGachaKiyakuShohin__item + .p-idxGachaKiyakuShohin__item {
  margin-left: 0.96567dvh;
}

.p-idxGachaKiyakuShohin__col {
  position: relative;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  padding-left: 18px;
  margin-bottom: 7px;
  white-space: nowrap;
}

.p-idxGachaKiyakuShohin__col::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}

.p-idxGachaKiyakuShohin__col.white::before {
  background: url("../images/gacha/col/col_white.png") center center no-repeat;
  background-size: contain;
}

.p-idxGachaKiyakuShohin__col.black::before {
  background: url("../images/gacha/col/col_black.png") center center no-repeat;
  background-size: contain;
}

.p-idxGachaKiyakuShohin__col.red::before {
  background: url("../images/gacha/col/col_red.png") center center no-repeat;
  background-size: contain;
}

.p-idxGachaKiyakuShohin__col.yellow::before {
  background: url("../images/gacha/col/col_yellow.png") center center no-repeat;
  background-size: contain;
}

.p-idxGachaKiyakuShohin__col.orange::before {
  background: url("../images/gacha/col/col_orange.png") center center no-repeat;
  background-size: contain;
}

.p-idxGachaKiyakuShohin__col.green::before {
  background: url("../images/gacha/col/col_green.png") center center no-repeat;
  background-size: contain;
}

.p-idxGachaKiyakuShohin__col.blue::before {
  background: url("../images/gacha/col/col_blue.png") center center no-repeat;
  background-size: contain;
}

.p-idxGachaKiyakuShohin__col.pink::before {
  background: url("../images/gacha/col/col_pink.png") center center no-repeat;
  background-size: contain;
}

.p-idxGachaKiyakuShohin__col.purple::before {
  background: url("../images/gacha/col/col_purple.png") center center no-repeat;
  background-size: contain;
}

.p-idxGachaKiyakuShohin__thumb {
  width: 100%;
  height: 11.80258dvh;
  background-color: #ffffff;
  overflow: hidden;
  margin-bottom: 5px;
}

.p-idxGachaKiyakuShohin__thumb img {
  width: 80%;
}

.p-idxGachaKiyakuShohin__pName {
  font-size: 10px;
  font-weight: normal;
  color: #ffffff;
  word-break: break-all;
}

.p-idxGachaMyPage {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/gacha/modal_bg.svg") center center no-repeat;
  background-size: cover;
}

.p-idxGachaMyPage__inner {
  position: absolute;
  width: 69.63519dvh;
  height: 87.12446dvh;
  left: 23.39056dvh;
  top: 6.43777dvh;
  padding: 2.46781dvh 3.54077dvh;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxGachaMyPage__inner::-webkit-scrollbar {
  width: 8px;
  /* 横幅設定 */
}

.p-idxGachaMyPage__inner::-webkit-scrollbar-thumb {
  background: #ffffff;
  /* ハンドルの色 */
}

.p-idxGachaMyPage__inner::-webkit-scrollbar-track {
  background: #828080;
  /* 背景色 */
}

.p-idxGachaMyPage__title {
  position: relative;
  width: 121px;
  height: 25px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.p-idxGachaMyPage__notice {
  font-size: 1.50215dvh;
  font-weight: normal;
  color: #f23535;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 26px;
}

.p-idxGachaMyPage__block {
  border: 1px solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1.28755dvh;
}

.p-idxGachaMyPage__thumb {
  width: 11.58798dvh;
  height: 11.58798dvh;
  background-color: #ffffff;
  overflow: hidden;
}

.p-idxGachaMyPage__b1 {
  height: 5.79399dvh;
  border-bottom: 1px solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxGachaMyPage__b2 {
  height: 5.79399dvh;
}

.p-idxGachaMyPage__t1 {
  font-size: 1.50215dvh;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 1.2;
  width: 13.8412dvh;
  border-right: 1px dotted #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}

.p-idxGachaMyPage__t2 {
  font-size: 1.50215dvh;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.2;
  width: 13.8412dvh;
  border-right: 1px dotted #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  padding: 0 1.18026dvh;
}

.p-idxGachaMyPage__t3 {
  font-size: 1.28755dvh;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  width: 8.2618dvh;
  border-right: 1px dotted #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}

.p-idxGachaMyPage__t4 {
  width: 17.27468dvh;
  border-right: 1px dotted #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}

.p-idxGachaMyPage__t4 p {
  font-size: 1.28755dvh;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
}

.p-idxGachaMyPage__t4 p + .p-idxGachaMyPage__t4 p {
  margin-top: 0.21459dvh;
}

.p-idxGachaMyPage__t5 {
  font-size: 1.28755dvh;
  font-weight: normal;
  color: #ffffff;
  width: 8.15451dvh;
  border-right: 1px dotted #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}

.p-idxGachaMyPage__t6 {
  font-size: 1.28755dvh;
  font-weight: normal;
  color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  text-align: center;
}

.p-idxGachaMyPage__copy {
  position: relative;
  font-size: 1.03004dvh;
  font-weight: normal;
  text-align: center;
  width: 15.02146dvh;
  line-height: 2.03863dvh;
  border-radius: 1.07296dvh;
  border: 1px solid #ffffff;
  cursor: pointer;
}

.p-idxGachaMyPage__copy:hover {
  background-color: #ffffff;
  color: #000000;
}

.p-idxGachaMyPage__copy::after {
  content: "";
  position: absolute;
  width: 0.64378dvh;
  height: 0.64378dvh;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  right: 1.71674dvh;
}

.p-idxGachaMyPage__oubo {
  position: relative;
  width: 12.44635dvh;
  font-size: 1.71674dvh;
  line-height: 3.86266dvh;
  border-radius: 1.93133dvh;
  background-color: #ffeb00;
  text-align: center;
  margin-bottom: 2.36052dvh;
  cursor: pointer;
}

.p-idxGachaMyPage__oubo .disabled {
  pointer-events: none;
  background-color: #757575;
}

.p-idxGachaMyPage__oubo::after {
  content: "";
  position: absolute;
  width: 0.75107dvh;
  height: 0.75107dvh;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  right: 1.71674dvh;
}

.p-idxGachaMyPage__close {
  position: relative;
  width: 15.02146dvh;
  height: 5.36481dvh;
  border-radius: 2.6824dvh;
  border: 3px solid #000000;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  cursor: pointer;
}

.p-idxGachaMyPage__close:hover {
  background-color: #ffeb00;
}

.p-idxGachaMyPage__close p {
  position: absolute;
  width: 1.60944dvh;
  height: 1.60944dvh;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 3.00429dvh;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.p-idxGachaMyPage__close p::before {
  content: "";
  position: absolute;
  height: 0.21459dvh;
  width: 100%;
  background-color: #000000;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-idxGachaMyPage__close p::after {
  content: "";
  position: absolute;
  width: 0.21459dvh;
  height: 100%;
  background-color: #000000;
  left: 0;
  right: 0;
  margin: auto;
}

.p-idxGachaMyPage__close div {
  position: absolute;
  width: 6.75966dvh;
  height: 2.14592dvh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateX(1.5dvh);
          transform: translateX(1.5dvh);
}

.p-idxMission {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.p-idxMission__inner {
  position: absolute;
  width: 123.60515dvh;
  height: 87.98283dvh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxMission__title {
  position: relative;
  width: 47.103dvh;
  height: 8.69099dvh;
  margin: 0 auto;
  margin-bottom: -3px;
}

.p-idxMission__list {
  border: 1px solid #ffffff;
  border-radius: 4.29185dvh;
}

.p-idxMission__block {
  width: 100%;
  height: 9.54936dvh;
}

.p-idxMission__block + .p-idxMission__block {
  border-top: 1px dotted #ffffff;
}

.p-idxMission__block.link {
  text-decoration: none;
}

.p-idxMission__block.link:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.p-idxMission__block.link::after {
  content: "";
  position: absolute;
  width: 1.28755dvh;
  height: 1.28755dvh;
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  right: 1.60944dvh;
}

.p-idxMission__min {
  height: 5.25751dvh;
}

.p-idxMission__footer {
  height: 8.58369dvh;
  padding: 0 5.15021dvh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxMission__label {
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  color: #ffffff;
  text-align: right;
  padding: 0 2.14592dvh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-idxMission__label.notice {
  line-height: 0.8;
}

.p-idxMission__lbl {
  font-size: 3.11159dvh;
  color: #ffffff;
}

.p-idxMission__spn {
  font-size: 1.28755dvh;
  color: #ffffff;
  font-weight: normal;
}

.p-idxMission__shaken {
  width: 37.01717dvh;
  height: 9.54936dvh;
}

.p-idxMission__shaken img {
  height: 74.71%;
}

.p-idxMission__pt {
  width: 26.93133dvh;
  height: 9.54936dvh;
  padding: 0 1.39485dvh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  font-size: 8.47639dvh;
  color: #ffffff;
  line-height: 1;
}

.p-idxMission__pt span {
  font-size: 2.7897dvh;
  display: inline-block;
  margin-right: 1dvh;
  -webkit-transform: translateY(-0.2dvh);
          transform: translateY(-0.2dvh);
}

.p-idxMission__notice {
  font-size: 1.28755dvh;
  color: #ffffff;
  font-weight: normal;
}

.p-idxMission__close {
  position: relative;
  width: 15.02146dvh;
  height: 5.36481dvh;
  border-radius: 2.6824dvh;
  border: 3px solid #000000;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.p-idxMission__close:hover {
  background-color: #ffeb00;
}

.p-idxMission__close p {
  position: absolute;
  width: 1.60944dvh;
  height: 1.60944dvh;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 3.00429dvh;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.p-idxMission__close p::before {
  content: "";
  position: absolute;
  height: 0.21459dvh;
  width: 100%;
  background-color: #000000;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-idxMission__close p::after {
  content: "";
  position: absolute;
  width: 0.21459dvh;
  height: 100%;
  background-color: #000000;
  left: 0;
  right: 0;
  margin: auto;
}

.p-idxMission__close div {
  position: absolute;
  width: 6.75966dvh;
  height: 2.14592dvh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateX(1.5dvh);
          transform: translateX(1.5dvh);
}

.p-soundBtn {
  position: absolute;
  width: 4.29185dvh;
  height: 4.29185dvh;
  right: 1.28755dvh;
  bottom: 18.24034dvh;
  cursor: pointer;
}

.p-idxALert {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.p-idxALert__iconRyuken {
  position: relative;
  width: 15.23605dvh;
  height: 16.52361dvh;
  margin-left: 2.6824dvh;
  margin-right: 2.6824dvh;
}

.p-idxALert__iconJagi {
  position: relative;
  width: 15.23605dvh;
  height: 17.38197dvh;
  margin-left: 2.6824dvh;
  margin-right: 2.6824dvh;
}

.p-idxALert__txt {
  margin-bottom: 1.07296dvh;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

.p-idxALert__txt .exclamation {
  font-family: "Noto Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: italic;
}

.p-idxALert__txt > span {
  display: inline-block;
  font-size: 2.14592dvh;
  border-radius: 2.03863dvh;
  font-weight: 900;
  background-color: #ffffff;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2.46781dvh 2.6824dvh;
}

.p-idxALert__txt img {
  width: 31.33047dvh;
  height: 6.00858dvh;
  margin-top: 1.07296dvh;
}

.p-idxALert__txt.right {
  text-align: right;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}

.p-notSupport {
  background: url(../images/not_support_bg.png) center center no-repeat;
  background-size: cover;
  z-index: 1002;
}

.p-notSupport__main {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.p-notSupport__mainTxt {
  font-size: 48px;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  line-height: 1;
  margin-bottom: 26px;
}

.p-notSupport__box {
  width: 372px;
  height: 114px;
  border: 1px solid #ffffff;
  padding: 16px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}

.p-notSupport__txt1 {
  font-size: 42px;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  line-height: 1;
  margin-bottom: 15px;
}

.p-notSupport__txt2 {
  font-size: 21px;
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  font-weight: normal !important;
  color: #ffffff;
  text-align: center;
  line-height: 1;
}

.p-notSupport__footer {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: 30px;
}

.p-notSupport__yaranakya {
  width: 224px;
  margin-right: 20px;
}

.p-notSupport__notice {
  font-size: 12px;
  color: #ffffff;
  margin-right: 20px;
  font-weight: normal !important;
}

.p-notSupport__ctc {
  display: block;
  width: 59px;
}

.p-notSupport__ctc + .p-notSupport__ctc {
  margin-left: 9px;
}

/* CSS Document */
/*----------------------------------------------------
	☆etc
----------------------------------------------------*/
/*----------------------------------------------------
    ☆component
----------------------------------------------------*/
/*----------------------------------------------------
    ☆margin
----------------------------------------------------*/
/*----------------------------------------------------
    ☆element size fix
----------------------------------------------------*/
/*----------------------------------------------------
    ☆position
----------------------------------------------------*/
/*----------------------------------------------------
    ☆border
----------------------------------------------------*/
/*----------------------------------------------------
    ☆button
----------------------------------------------------*/
/*----------------------------------------------------
    ☆animation
----------------------------------------------------*/
@keyframes noise-anim {
  0% {
    clip: rect(134px, 9999px, 182px, 0);
    -webkit-transform: translateX(23px);
            transform: translateX(23px);
  }
  5% {
    clip: rect(201px, 9999px, 214px, 0);
    -webkit-transform: translateX(29px);
            transform: translateX(29px);
  }
  10% {
    clip: rect(38px, 9999px, 76px, 0);
    -webkit-transform: translateX(26px);
            transform: translateX(26px);
  }
  15% {
    clip: rect(72px, 9999px, 82px, 0);
    -webkit-transform: translateX(23px);
            transform: translateX(23px);
  }
  20% {
    clip: rect(76px, 9999px, 104px, 0);
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  25% {
    clip: rect(134px, 9999px, 152px, 0);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  30% {
    clip: rect(67px, 9999px, 109px, 0);
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  35% {
    clip: rect(47px, 9999px, 76px, 0);
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
  }
  40% {
    clip: rect(103px, 9999px, 122px, 0);
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  45% {
    clip: rect(100px, 9999px, 143px, 0);
    -webkit-transform: translateX(23px);
            transform: translateX(23px);
  }
  50% {
    clip: rect(83px, 9999px, 121px, 0);
    -webkit-transform: translateX(28px);
            transform: translateX(28px);
  }
  55% {
    clip: rect(128px, 9999px, 140px, 0);
    -webkit-transform: translateX(16px);
            transform: translateX(16px);
  }
  60% {
    clip: rect(41px, 9999px, 61px, 0);
    -webkit-transform: translateX(25px);
            transform: translateX(25px);
  }
  65% {
    clip: rect(7px, 9999px, 33px, 0);
    -webkit-transform: translateX(24px);
            transform: translateX(24px);
  }
  70% {
    clip: rect(25px, 9999px, 63px, 0);
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  75% {
    clip: rect(56px, 9999px, 75px, 0);
    -webkit-transform: translateX(26px);
            transform: translateX(26px);
  }
  80% {
    clip: rect(7px, 9999px, 41px, 0);
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  85% {
    clip: rect(145px, 9999px, 170px, 0);
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  90% {
    clip: rect(96px, 9999px, 120px, 0);
    -webkit-transform: translateX(23px);
            transform: translateX(23px);
  }
  95% {
    clip: rect(175px, 9999px, 218px, 0);
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  100% {
    clip: rect(24px, 9999px, 50px, 0);
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(16px, 9999px, 29px, 0);
    -webkit-transform: translateX(-6px);
            transform: translateX(-6px);
  }
  5% {
    clip: rect(141px, 9999px, 172px, 0);
    -webkit-transform: translateX(-28px);
            transform: translateX(-28px);
  }
  10% {
    clip: rect(35px, 9999px, 78px, 0);
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  15% {
    clip: rect(177px, 9999px, 221px, 0);
    -webkit-transform: translateX(-21px);
            transform: translateX(-21px);
  }
  20% {
    clip: rect(179px, 9999px, 195px, 0);
    -webkit-transform: translateX(-9px);
            transform: translateX(-9px);
  }
  25% {
    clip: rect(5px, 9999px, 14px, 0);
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px);
  }
  30% {
    clip: rect(142px, 9999px, 182px, 0);
    -webkit-transform: translateX(-19px);
            transform: translateX(-19px);
  }
  35% {
    clip: rect(20px, 9999px, 30px, 0);
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  40% {
    clip: rect(37px, 9999px, 48px, 0);
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  45% {
    clip: rect(27px, 9999px, 55px, 0);
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    clip: rect(6px, 9999px, 40px, 0);
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px);
  }
  55% {
    clip: rect(50px, 9999px, 53px, 0);
    -webkit-transform: translateX(-27px);
            transform: translateX(-27px);
  }
  60% {
    clip: rect(67px, 9999px, 103px, 0);
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px);
  }
  65% {
    clip: rect(129px, 9999px, 160px, 0);
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px);
  }
  70% {
    clip: rect(154px, 9999px, 183px, 0);
    -webkit-transform: translateX(-17px);
            transform: translateX(-17px);
  }
  75% {
    clip: rect(195px, 9999px, 242px, 0);
    -webkit-transform: translateX(-27px);
            transform: translateX(-27px);
  }
  80% {
    clip: rect(48px, 9999px, 89px, 0);
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
  85% {
    clip: rect(107px, 9999px, 110px, 0);
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
  }
  90% {
    clip: rect(3px, 9999px, 19px, 0);
    -webkit-transform: translateX(-6px);
            transform: translateX(-6px);
  }
  95% {
    clip: rect(193px, 9999px, 204px, 0);
    -webkit-transform: translateX(-19px);
            transform: translateX(-19px);
  }
  100% {
    clip: rect(118px, 9999px, 125px, 0);
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
  }
}

@keyframes noise-anim-w {
  0% {
    clip: rect(213px, 9999px, 219px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  5% {
    clip: rect(164px, 9999px, 208px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  10% {
    clip: rect(110px, 9999px, 131px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  15% {
    clip: rect(49px, 9999px, 56px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  20% {
    clip: rect(351px, 9999px, 379px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  25% {
    clip: rect(160px, 9999px, 187px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  30% {
    clip: rect(370px, 9999px, 384px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  35% {
    clip: rect(240px, 9999px, 272px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  40% {
    clip: rect(345px, 9999px, 361px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  45% {
    clip: rect(245px, 9999px, 272px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  50% {
    clip: rect(211px, 9999px, 249px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  55% {
    clip: rect(230px, 9999px, 264px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  60% {
    clip: rect(315px, 9999px, 351px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  65% {
    clip: rect(297px, 9999px, 315px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  70% {
    clip: rect(45px, 9999px, 72px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  75% {
    clip: rect(358px, 9999px, 400px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  80% {
    clip: rect(27px, 9999px, 71px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  85% {
    clip: rect(99px, 9999px, 133px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  90% {
    clip: rect(164px, 9999px, 202px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  95% {
    clip: rect(161px, 9999px, 208px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  100% {
    clip: rect(47px, 9999px, 61px, 0);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@keyframes noise-anim-s {
  0% {
    clip: rect(1169px, 9999px, 396px, 0);
  }
  5% {
    clip: rect(863px, 9999px, 87px, 0);
  }
  10% {
    clip: rect(797px, 9999px, 456px, 0);
  }
  15% {
    clip: rect(566px, 9999px, 259px, 0);
  }
  20% {
    clip: rect(755px, 9999px, 922px, 0);
  }
  25% {
    clip: rect(357px, 9999px, 716px, 0);
  }
  30% {
    clip: rect(508px, 9999px, 331px, 0);
  }
  35% {
    clip: rect(120px, 9999px, 509px, 0);
  }
  40% {
    clip: rect(642px, 9999px, 45px, 0);
  }
  45% {
    clip: rect(465px, 9999px, 629px, 0);
  }
  50% {
    clip: rect(522px, 9999px, 131px, 0);
  }
  55% {
    clip: rect(909px, 9999px, 904px, 0);
  }
  60% {
    clip: rect(753px, 9999px, 774px, 0);
  }
  65% {
    clip: rect(1089px, 9999px, 638px, 0);
  }
  70% {
    clip: rect(386px, 9999px, 111px, 0);
  }
  75% {
    clip: rect(745px, 9999px, 74px, 0);
  }
  80% {
    clip: rect(823px, 9999px, 1074px, 0);
  }
  85% {
    clip: rect(684px, 9999px, 1135px, 0);
  }
  90% {
    clip: rect(997px, 9999px, 770px, 0);
  }
  95% {
    clip: rect(430px, 9999px, 709px, 0);
  }
  100% {
    clip: rect(42px, 9999px, 474px, 0);
  }
}

@keyframes noise-anim-s2 {
  0% {
    clip: rect(1178px, 9999px, 1150px, 0);
  }
  5% {
    clip: rect(95px, 9999px, 40px, 0);
  }
  10% {
    clip: rect(421px, 9999px, 743px, 0);
  }
  15% {
    clip: rect(638px, 9999px, 128px, 0);
  }
  20% {
    clip: rect(679px, 9999px, 720px, 0);
  }
  25% {
    clip: rect(627px, 9999px, 592px, 0);
  }
  30% {
    clip: rect(615px, 9999px, 1202px, 0);
  }
  35% {
    clip: rect(948px, 9999px, 1195px, 0);
  }
  40% {
    clip: rect(531px, 9999px, 798px, 0);
  }
  45% {
    clip: rect(859px, 9999px, 711px, 0);
  }
  50% {
    clip: rect(559px, 9999px, 514px, 0);
  }
  55% {
    clip: rect(835px, 9999px, 1144px, 0);
  }
  60% {
    clip: rect(221px, 9999px, 106px, 0);
  }
  65% {
    clip: rect(341px, 9999px, 831px, 0);
  }
  70% {
    clip: rect(1120px, 9999px, 270px, 0);
  }
  75% {
    clip: rect(411px, 9999px, 694px, 0);
  }
  80% {
    clip: rect(478px, 9999px, 362px, 0);
  }
  85% {
    clip: rect(204px, 9999px, 771px, 0);
  }
  90% {
    clip: rect(859px, 9999px, 246px, 0);
  }
  95% {
    clip: rect(507px, 9999px, 943px, 0);
  }
  100% {
    clip: rect(0px, 9999px, 1223px, 0);
  }
}

@keyframes vibration {
  0% {
    -webkit-transform: translateX(-1px) translateY(-7px);
            transform: translateX(-1px) translateY(-7px);
  }
  5% {
    -webkit-transform: translateX(6px) translateY(5px);
            transform: translateX(6px) translateY(5px);
  }
  10% {
    -webkit-transform: translateX(-1px) translateY(-6px);
            transform: translateX(-1px) translateY(-6px);
  }
  15% {
    -webkit-transform: translateX(-2px) translateY(1px);
            transform: translateX(-2px) translateY(1px);
  }
  20% {
    -webkit-transform: translateX(-2px) translateY(-1px);
            transform: translateX(-2px) translateY(-1px);
  }
  25% {
    -webkit-transform: translateX(6px) translateY(3px);
            transform: translateX(6px) translateY(3px);
  }
  30% {
    -webkit-transform: translateX(8px) translateY(-6px);
            transform: translateX(8px) translateY(-6px);
  }
  35% {
    -webkit-transform: translateX(6px) translateY(4px);
            transform: translateX(6px) translateY(4px);
  }
  40% {
    -webkit-transform: translateX(-1px) translateY(3px);
            transform: translateX(-1px) translateY(3px);
  }
  45% {
    -webkit-transform: translateX(-4px) translateY(0px);
            transform: translateX(-4px) translateY(0px);
  }
  50% {
    -webkit-transform: translateX(8px) translateY(-2px);
            transform: translateX(8px) translateY(-2px);
  }
  55% {
    -webkit-transform: translateX(-7px) translateY(-3px);
            transform: translateX(-7px) translateY(-3px);
  }
  60% {
    -webkit-transform: translateX(4px) translateY(-1px);
            transform: translateX(4px) translateY(-1px);
  }
  65% {
    -webkit-transform: translateX(8px) translateY(6px);
            transform: translateX(8px) translateY(6px);
  }
  70% {
    -webkit-transform: translateX(-1px) translateY(8px);
            transform: translateX(-1px) translateY(8px);
  }
  75% {
    -webkit-transform: translateX(-4px) translateY(8px);
            transform: translateX(-4px) translateY(8px);
  }
  80% {
    -webkit-transform: translateX(8px) translateY(-2px);
            transform: translateX(8px) translateY(-2px);
  }
  85% {
    -webkit-transform: translateX(-3px) translateY(-1px);
            transform: translateX(-3px) translateY(-1px);
  }
  90% {
    -webkit-transform: translateX(1px) translateY(-3px);
            transform: translateX(1px) translateY(-3px);
  }
  95% {
    -webkit-transform: translateX(7px) translateY(2px);
            transform: translateX(7px) translateY(2px);
  }
  100% {
    -webkit-transform: translateX(-7px) translateY(-5px);
            transform: translateX(-7px) translateY(-5px);
  }
}

@keyframes exZoomIN {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes exZoomIN {
  0% {
    -webkit-transform: scale(5);
            transform: scale(5);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes slowZoomIN {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes slowZoomIN {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes slowZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

@-webkit-keyframes slowZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

@keyframes slowExZoomIN {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes slowExZoomIN {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes Flashing1 {
  0% {
    opacity: 0;
  }
  29% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Flashing2 {
  0% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes Flashing3 {
  0% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes blink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes exFadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes exFadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes spark {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes spark {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes exBounceIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes exBounceIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes arrowAnimTop {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-100%) rotate(180deg);
            transform: translateY(-100%) rotate(180deg);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
    opacity: 1;
  }
}

@-webkit-keyframes arrowAnimTop {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-100%) rotate(180deg);
            transform: translateY(-100%) rotate(180deg);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translateY(100%) rotate(180deg);
            transform: translateY(100%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
    opacity: 1;
  }
}

@keyframes arrowAnimScroll {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes arrowAnimScroll {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes arrowAnimScrollUp {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes arrowAnimScrollUp {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

/* ------------------------------ */
/* -- FONT -- */
/* ------------------------------ */
/* -- Function -- */
@-webkit-keyframes exZoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

@keyframes exZoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1.13, 1.13, 1.13);
    transform: scale3d(1.13, 1.13, 1.13);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

.exZoomIn {
  -webkit-animation-name: exZoomIn;
  animation-name: exZoomIn;
}

.hidden {
  visibility: hidden;
  opacity: 0;
}

.visActive {
  visibility: visible !important;
}

.dspNone {
  display: none;
}

.p-idxMain {
  pointer-events: none;
}

@media screen and (max-width: 786px), screen and (any-pointer: coarse) and (orientation: portrait) {
  .p-idxMap svg {
    width: 100%;
    height: 100%;
  }
  .venue_illust {
    cursor: pointer;
  }
  .venue_illust:hover {
    opacity: 0.7;
  }
  .btnDisabled {
    pointer-events: none;
    background-color: #585858 !important;
  }
  .p-idxHeaderContainer {
    position: relative;
    width: 100%;
    height: 25.44529vw;
    background-color: #000000;
  }
  .p-idxHeader {
    position: fixed;
    width: 27.73537vw;
    height: 14.75827vw;
    left: 5.21628vw;
    top: 5.34351vw;
    border-radius: 1.65394vw;
    z-index: initial;
  }
  .p-idxHeader__ctc {
    width: 9.66921vw;
    height: 8.39695vw;
    margin: 0 1.52672vw;
  }
  .p-memberIndex {
    background: url("../images/main_bg.png") center center no-repeat;
    background-size: cover;
    overflow: hidden;
  }
  .p-memberIndex__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000000;
  }
  .p-memberIndex__overlayWhite {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #ffffff;
  }
  .p-memberIndex__inner {
    position: absolute;
    width: 404px;
    right: 15px;
    bottom: 16px;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    overflow: hidden;
    border-radius: 19px;
  }
  .p-memberIndex__username {
    font-size: 14px;
    line-height: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #000000;
    font-weight: bold;
    text-align: center;
    color: #000000;
  }
  .p-memberIndex__status {
    font-size: 30px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    color: #edff8d;
    background-color: #000000;
  }
  .p-memberIndex__props {
    border: 1px solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-memberIndex__props + .p-memberIndex__props {
    border-top: none;
  }
  .p-memberIndex__label {
    font-size: 14px;
    line-height: 30px;
    padding-left: 10px;
    width: 147px;
    border-right: 1px dotted #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: bold;
  }
  .p-memberIndex__value {
    font-size: 22px;
    line-height: 30px;
    padding-left: 10px;
    font-weight: bold;
  }
  .p-memberIndex__value span {
    font-size: 16px;
  }
  .p-memberIndex__btn {
    font-size: 14px;
    padding: 10px;
    font-weight: bold;
    color: #ffffff;
    background-color: #000000;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
  }
  .textMin {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    padding: 8px;
  }
  .p-memberLogin {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #000000;
  }
  .p-memberLogin__background {
    position: relative;
    width: 100%;
    height: 72.51908vw;
    top: auto;
    left: auto;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .p-memberLogin__monitor {
    position: absolute;
    width: 100%;
    height: 72.51908vw;
    top: 25.44529vw;
    left: 0;
    overflow: hidden;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .p-memberLogin__monitor1 {
    position: absolute;
    width: 14.37%;
    aspect-ratio: 373 / 220;
    left: 0%;
    top: 25.78%;
    overflow: hidden;
  }
  .p-memberLogin__monitor1 .glitch {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/login/monitor_1.png") center center no-repeat;
    background-size: cover;
  }
  .p-memberLogin__monitor2 {
    position: absolute;
    width: 14.37%;
    aspect-ratio: 376 / 220;
    left: 14.88%;
    top: 25.78%;
    overflow: hidden;
  }
  .p-memberLogin__monitor2 .glitch {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/login/monitor_2.png") center center no-repeat;
    background-size: cover;
  }
  .p-memberLogin__monitor3 {
    position: absolute;
    width: 14.37%;
    aspect-ratio: 374 / 220;
    left: 30.02%;
    top: 25.78%;
    overflow: hidden;
  }
  .p-memberLogin__monitor3 .glitch {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/login/monitor_3.png") center center no-repeat;
    background-size: cover;
  }
  .p-memberLogin__monitor4 {
    position: absolute;
    width: 14.37%;
    aspect-ratio: 374 / 220;
    left: 56.1%;
    top: 25.78%;
    overflow: hidden;
  }
  .p-memberLogin__monitor4 .glitch {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/login/monitor_4.png") center center no-repeat;
    background-size: cover;
  }
  .p-memberLogin__monitor5 {
    position: absolute;
    width: 14.37%;
    aspect-ratio: 375 / 220;
    left: 71.11%;
    top: 25.78%;
    overflow: hidden;
  }
  .p-memberLogin__monitor5 .glitch {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/login/monitor_5.png") center center no-repeat;
    background-size: cover;
  }
  .p-memberLogin__monitor6 {
    position: absolute;
    width: 14.37%;
    aspect-ratio: 375 / 220;
    left: 86.13%;
    top: 25.78%;
    overflow: hidden;
  }
  .p-memberLogin__monitor6 .glitch {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/login/monitor_6.png") center center no-repeat;
    background-size: cover;
  }
  .p-memberLogin__container {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    margin-top: -4.58015vw;
    border-radius: 4.58015vw;
    overflow: hidden;
  }
  .p-memberLogin__inner {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    padding: 5.59796vw 5.08906vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #000000;
  }
  .p-memberLogin__title {
    font-size: 3.56234vw;
    margin-bottom: 5.59796vw;
  }
  .p-memberLogin__textArea {
    display: block;
    position: relative;
  }
  .p-memberLogin__btn {
    font-size: 5.08906vw;
    width: 100%;
    height: 20.22901vw;
    margin-top: 2.4173vw;
    border: none;
  }
  .p-memberLogin__btnLogin {
    margin-top: 4.96183vw;
  }
  .p-memberLogin__notice {
    font-size: 3.05344vw;
    margin-top: 5px;
    margin-bottom: 18px;
  }
  .p-memberLogin__spec {
    font-size: 3.05344vw;
    width: 89.82188vw;
    margin: 0 auto;
    margin-bottom: 12.72265vw;
    padding: 3.56234vw 4.96183vw;
    border: 1px solid #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .textbox-1-label {
    display: block;
    font-size: 3.56234vw;
    line-height: 7.25191vw;
    margin-bottom: 0;
  }
  .textbox-1 {
    width: 100%;
    padding: 2.79898vw 2.79898vw;
    font-size: 3.56234vw;
  }
  .textbox-1::-webkit-input-placeholder {
    color: #999;
  }
  .textbox-1:-ms-input-placeholder {
    color: #999;
  }
  .textbox-1::-ms-input-placeholder {
    color: #999;
  }
  .textbox-1::placeholder {
    color: #999;
  }
  .p-idxQuiz {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 990;
  }
  .p-idxQuiz.dspNone {
    z-index: unset;
  }
  .p-idxQuiz.open {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .p-idxQuiz__cover {
    position: absolute;
    aspect-ratio: initial;
    width: 100%;
    height: auto;
    min-height: 197.20102vw;
    right: 0;
    background-color: #585858;
  }
  .p-idxQuiz__inner {
    position: absolute;
    aspect-ratio: initial;
    width: 100%;
    height: 100%;
    right: 0;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior-y: none;
    -webkit-overflow-scrolling: touch;
  }
  .p-idxQuiz__inner svg {
    position: absolute;
    aspect-ratio: initial;
    width: 100%;
    height: 100%;
    right: 0;
    pointer-events: none;
  }
  .p-idxQuiz.success {
    background: url("../images/quiz_bg_f.svg") left top no-repeat;
    background-size: cover;
  }
  .p-idxQuiz.failed {
    background: url("../images/quiz_failed_bg.png") left top no-repeat;
    background-size: cover;
  }
  .p-idxQuiz__close {
    position: fixed;
    width: 10.17812vw;
    height: 10.17812vw;
    left: 2.29008vw;
    bottom: 15.26718vw;
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 3px solid #000000;
    cursor: pointer;
  }
  .p-idxQuiz__close::after {
    content: "";
  }
  .p-idxQuiz__closeIcon {
    position: absolute;
    width: 3.56234vw;
    height: 3.56234vw;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45);
            transform: rotate(45);
  }
  .p-idxQuizIndex {
    position: absolute;
    aspect-ratio: initial;
    width: 100%;
    height: auto;
    min-height: 197.20102vw;
    top: 0;
    right: 0;
    background: none;
    background-size: cover;
    background-color: #fefded;
    -webkit-clip-path: none;
            clip-path: none;
  }
  .p-idxQuizIndex .tmp_daily {
    position: absolute;
    width: 53.64807dvh;
    left: 18.02575dvh;
    top: 25.21459dvh;
    line-height: 3;
    font-size: 48px;
    font-weight: bold;
    color: #757575;
    background-color: #ffffff;
  }
  .p-idxQuizIndex__deco {
    position: absolute;
    width: 100%;
    height: auto;
    aspect-ratio: 393/852;
    left: 0;
    top: 0;
  }
  .p-idxQuizIndex__title {
    position: absolute;
    width: 90.83969vw;
    height: 37.65903vw;
    left: 4.58015vw;
    top: 28.49873vw;
  }
  .p-idxQuizIndex__start {
    position: absolute;
    width: 27.8626vw;
    height: 6.743vw;
    right: 8.52417vw;
    top: 76.33588vw;
    cursor: pointer;
  }
  .p-idxQuizIndex__start::after {
    content: "";
    position: absolute;
    width: 1.71674dvh;
    height: 1.71674dvh;
    border-left: 3px solid #000000;
    border-top: 3px solid #000000;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    right: -3.00429dvh;
  }
  .p-idxQuizIndex__num {
    position: absolute;
    width: 34.6056vw;
    height: 33.07888vw;
    right: 0;
    top: 0;
  }
  .p-idxQuizIndex__txt {
    position: absolute;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    font-feature-settings: "vhal" 1;
    line-height: 2.2;
    letter-spacing: 0.19em;
    font-size: 3.43511vw;
    width: 45.80153vw;
    height: 54.70738vw;
    right: 50.38168vw;
    top: 98.72774vw;
  }
  .p-idxQuizIndex__ryuken {
    position: absolute;
    width: 35.75064vw;
    height: 40.71247vw;
    right: 10.17812vw;
    top: 98.72774vw;
  }
  .p-idxQuizPlay {
    position: absolute;
    width: 100%;
    aspect-ratio: initial;
    height: auto;
    min-height: 197.20102vw;
    right: 0;
    background: none;
    background-size: cover;
    background-color: #fefded;
    -webkit-clip-path: none;
            clip-path: none;
  }
  .p-idxQuizPlay__deco {
    position: absolute;
    width: 76.50215dvh;
    height: 12.87554dvh;
    right: 6.11588dvh;
    top: 79.29185dvh;
  }
  .p-idxQuizPlay__title {
    position: absolute;
    width: 55.72519vw;
    height: 30.91603vw;
    left: 4.70738vw;
    top: 8.6514vw;
  }
  .p-idxQuizPlay__num {
    position: absolute;
    width: 34.6056vw;
    height: 33.07888vw;
    right: 0;
    top: 0;
  }
  .p-idxQuizPlay__quizNum {
    position: absolute;
    width: 19.33842vw;
    height: 11.45038vw;
    left: 40.33079vw;
    top: 41.73028vw;
    background: url("../images/quiz_num_bg.svg") left top no-repeat;
    background-size: contain;
    text-align: center;
    font-size: 3.56234vw;
    font-weight: bold;
    line-height: 11.45038vw;
  }
  .p-idxQuizPlay__quizDsc {
    position: absolute;
    width: 84.47837vw;
    height: 108.14249vw;
    left: 7.88804vw;
    top: 57.25191vw;
  }
  .p-idxQuizPlay__quizText {
    position: relative;
    width: 100%;
    height: auto;
    line-height: 1.4;
    left: initial;
    top: initial;
    font-size: 4.07125vw;
    text-align: center;
    font-weight: bold;
    margin-bottom: 3.81679vw;
  }
  .p-idxQuizPlay__select {
    display: block !important;
    position: relative;
    width: 84.47837vw;
    height: auto;
    left: initial;
    top: initial;
    margin-bottom: 5.08906vw;
  }
  .p-idxQuizPlay__ans {
    position: relative;
    width: 100%;
    height: 15.26718vw;
    min-height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 2.54453vw;
    border: 4px solid #000000;
    margin-bottom: 2.54453vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* フレックスボックスを使用 */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* 左右の中央揃え */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* 上下の中央揃え */
    cursor: pointer;
  }
  .p-idxQuizPlay__ans:hover {
    background-color: #ffeb00;
  }
  .p-idxQuizPlay__ans.current {
    background-color: #ffeb00;
    pointer-events: none;
  }
  .p-idxQuizPlay__ans span {
    position: absolute;
    width: 7.63359vw;
    height: 7.63359vw;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -3.81679vw;
    right: auto;
    font-size: 3.43511vw;
    line-height: 7.63359vw;
    z-index: 3;
    pointer-events: none;
  }
  .p-idxQuizPlay__ansText {
    font-size: 2.14592dvh;
    font-weight: bold;
    display: table-cell;
    text-align: center;
    /* 左右の中央揃え */
    vertical-align: middle;
    /* 上下の中央揃え */
  }
  .p-idxQuizPlay label {
    border-radius: calc(2.54453vw - 4px);
    padding: 0 7.63359vw;
    cursor: pointer;
  }
  .p-idxQuizPlay input:checked + label {
    background: #ffeb00;
  }
  .p-idxQuizPlay__nav {
    position: relative;
    width: 13.99491vw;
    height: 2.54453vw;
    left: initial;
    top: initial;
    margin: 0 auto;
    margin-bottom: 5.08906vw;
  }
  .p-idxQuizPlay__navElem {
    width: 2.54453vw;
    height: 2.54453vw;
    background-color: #ffffff;
    border-radius: 50%;
  }
  .p-idxQuizPlay__navElem.current {
    background-color: #000000;
  }
  .p-idxQuizPlay__btnNext {
    position: relative;
    width: 30.53435vw;
    height: 10.17812vw;
    left: initial;
    top: initial;
    margin: auto;
    font-size: 4.07125vw;
    border-radius: 5.08906vw;
    line-height: 10.17812vw;
  }
  .p-idxQuizPlay__btnNext.lock {
    pointer-events: none;
    background-color: #ffffff;
  }
  .p-idxQuizPlay__btnNext::after {
    content: "";
    position: absolute;
    width: 1.18026dvh;
    height: 1.18026dvh;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1.5dvh;
  }
  .p-idxQuizPlay__btnNext:hover {
    background-color: #ffeb00;
  }
  .p-idxQuizPlay__seikai {
    position: absolute;
    width: 54.83461vw;
    height: 54.83461vw;
    left: 22.64631vw;
    top: 72.77354vw;
  }
  .p-idxQuizPlay__fuSeikai {
    position: absolute;
    width: 45.29262vw;
    height: 45.29262vw;
    left: 27.35369vw;
    top: 77.60814vw;
  }
  .p-idxQuizPlay__debug {
    position: absolute;
    width: 16.09442dvh;
    line-height: 6.43777dvh;
    right: 13.51931dvh;
    top: 21.24464dvh;
    font-size: 3.00429dvh;
    text-align: center;
    font-weight: bold;
    background-color: #ffeb00;
  }
  .p-idxQuizResultSuccess {
    position: absolute;
    width: 100%;
    aspect-ratio: initial;
    height: auto;
    min-height: 241.73028vw;
    right: 0;
    top: 0;
    -webkit-clip-path: none;
            clip-path: none;
    background: url("../images/quiz/seikai_bg_sp.png?20260719") center top no-repeat;
    background-size: cover;
  }
  .p-idxQuizResultSuccess__title {
    position: absolute;
    width: 55.72519vw;
    height: 30.7888vw;
    left: 4.70738vw;
    top: 35.1145vw;
  }
  .p-idxQuizResultSuccess__krImage {
    position: absolute;
    width: 56.743vw;
    height: 58.77863vw;
    top: 43.7659vw;
    right: 0;
  }
  .p-idxQuizResultSuccess__shaken {
    position: absolute;
    width: 37.15013vw;
    height: 23.79135vw;
    left: 5.34351vw;
    top: 69.2112vw;
  }
  .p-idxQuizResultSuccess__deco {
    position: absolute;
    width: 76.97201vw;
    height: 61.70483vw;
    left: 12.21374vw;
    top: 136.64122vw;
  }
  .p-idxQuizResultSuccess__btnList {
    position: absolute;
    width: 89.82188vw;
    height: 16.92112vw;
    left: 5.08906vw;
    top: 110.68702vw;
  }
  .p-idxQuizResultSuccess__stBtn {
    position: relative;
    width: 28.24427vw;
    font-size: 3.56234vw;
    line-height: 1.3;
    padding: 0.76336vw 1.27226vw;
    border-radius: 2.29008vw;
    border: 6px solid #000000;
    margin: 0;
  }
  .p-idxQuizResultSuccess__stBtn + .p-idxQuizResultSuccess__stBtn {
    margin-left: 2.54453vw;
  }
  .p-idxQuizResultSuccess__stBtn::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0.75107dvh;
    height: 0.75107dvh;
    border-right: 4px solid #000000;
    border-bottom: 4px solid #000000;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1.60944dvh;
  }
  .p-idxQuizResultSuccess__ryuken {
    position: absolute;
    width: 24.93639vw;
    height: 28.49873vw;
    right: 9.79644vw;
    top: 137.15013vw;
  }
  .p-idxQuizResultSuccess__jagi {
    position: absolute;
    width: 25.06361vw;
    height: 28.49873vw;
    right: 46.31043vw;
    top: 172.01018vw;
  }
  .p-idxQuizResultSuccess__ryukenTxt {
    position: absolute;
    width: 28.24427vw;
    height: 31.80662vw;
    right: 38.16794vw;
    top: 137.15013vw;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: 0.19em;
    font-size: 2.79898vw;
  }
  .p-idxQuizResultSuccess__jagiTxt {
    position: absolute;
    width: 28.24427vw;
    height: 38.16794vw;
    right: 74.30025vw;
    top: 172.01018vw;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: 0.19em;
    font-size: 2.79898vw;
  }
  .p-idxQuizResultFailed {
    position: absolute;
    width: 100%;
    aspect-ratio: initial;
    height: auto;
    min-height: 229.00763vw;
    right: 0;
    top: 0;
    -webkit-clip-path: none;
            clip-path: none;
    background: url("../images/quiz/failed_bg_sp.png?20260719") center top no-repeat;
    background-size: cover;
  }
  .p-idxQuizResultFailed__title {
    position: absolute;
    width: 33.33333vw;
    height: 19.7201vw;
    left: 33.20611vw;
    top: 9.92366vw;
  }
  .p-idxQuizResultFailed__ttl1 {
    font-size: 4.96183vw;
  }
  .p-idxQuizResultFailed__ttl2 {
    width: 33.33333vw;
    height: 13.23155vw;
  }
  .p-idxQuizResultFailed__venueName {
    position: absolute;
    width: 55.72519vw;
    height: 30.7888vw;
    left: 4.70738vw;
    top: 35.1145vw;
  }
  .p-idxQuizResultFailed__resBlock {
    position: absolute;
    width: 89.82188vw;
    height: 33.07888vw;
    left: 5.08906vw;
    top: 94.40204vw;
  }
  .p-idxQuizResultFailed__res {
    position: relative;
    width: 27.98982vw;
    height: 33.07888vw;
    margin: 0;
    border-radius: 2.54453vw;
    background-color: #ffffff;
    border: 6px solid #000000;
  }
  .p-idxQuizResultFailed__res + .p-idxQuizResultFailed__res {
    margin-left: 2.92621vw;
  }
  .p-idxQuizResultFailed__resValue {
    font-size: 3.81679vw;
    line-height: 1.4;
    margin-top: 2.54453vw;
    font-style: italic;
    text-align: center;
  }
  .p-idxQuizResultFailed__resValue .seikai {
    width: 8.39695vw;
    height: 8.39695vw;
    background: url("../images/quiz/seikai.svg") center center no-repeat;
    background-size: cover;
    display: block;
    -webkit-transform: none;
            transform: none;
    margin: 0 auto;
    margin-top: 1.27226vw;
  }
  .p-idxQuizResultFailed__resValue .fuseikai {
    width: 7.12468vw;
    height: 7.12468vw;
    background: url("../images/quiz/fuseikai.svg") center center no-repeat;
    background-size: cover;
    display: block;
    -webkit-transform: none;
            transform: none;
    margin: 0 auto;
    margin-top: 1.9084vw;
  }
  .p-idxQuizResultFailed__hint {
    position: absolute;
    font-size: 3.56234vw;
    line-height: 1.3;
    padding: 1.52672vw 1.52672vw 0.76336vw 1.52672vw;
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxQuizResultFailed__hint::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 0.53648dvh;
    height: 0.53648dvh;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-left: 5px;
  }
  .p-idxQuizResultFailed__bottom {
    position: absolute;
    width: 65.34335dvh;
    height: 18.24034dvh;
    left: 27.6824dvh;
    top: 78.00429dvh;
  }
  .p-idxQuizResultFailed__ryuken {
    position: absolute;
    width: 24.93639vw;
    height: 28.49873vw;
    right: 9.79644vw;
    top: 137.15013vw;
  }
  .p-idxQuizResultFailed__jagi {
    position: absolute;
    width: 25.06361vw;
    height: 28.49873vw;
    right: 46.31043vw;
    top: 172.01018vw;
  }
  .p-idxQuizResultFailed__ryukenTxt {
    position: absolute;
    width: 28.24427vw;
    height: 31.80662vw;
    right: 38.16794vw;
    top: 137.15013vw;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: 0.19em;
    font-size: 2.79898vw;
  }
  .p-idxQuizResultFailed__jagiTxt {
    position: absolute;
    width: 28.24427vw;
    height: 38.16794vw;
    right: 74.30025vw;
    top: 172.01018vw;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: 0.19em;
    font-size: 2.79898vw;
  }
  .p-idxQuizResultFailed__jagiF {
    position: absolute;
    width: 24.93639vw;
    height: 28.49873vw;
    left: 9.92366vw;
    top: 39.82188vw;
  }
  .p-idxQuizResultFailed__msgContainer {
    position: absolute;
    width: 49.87277vw;
    height: 33.84224vw;
    left: 38.42239vw;
    top: 37.15013vw;
  }
  .p-idxQuizResultFailed__msg {
    margin-bottom: 0.64378dvh;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  .p-idxQuizResultFailed__msg span {
    display: inline-block;
    font-size: 2.36052dvh;
    border-radius: 2.03863dvh;
    font-weight: 900;
    background-color: #ffffff;
    border: 1px solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 1.4;
    padding: 2.57511dvh 3.21888dvh;
    white-space: nowrap;
  }
  .p-idxDaily {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 990;
  }
  .p-idxDaily.dspNone {
    z-index: unset;
  }
  .p-idxDaily__cover {
    position: absolute;
    aspect-ratio: initial;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
  }
  .p-idxDaily__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 0;
    -webkit-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out;
  }
  .p-idxDaily #dailyBg01 {
    background: url("../images/daily/daily_bg01.jpg") center center no-repeat;
  }
  .p-idxDaily #dailyBg02 {
    background: url("../images/daily/daily_bg02.jpg") center center no-repeat;
  }
  .p-idxDaily #dailyBg03 {
    background: url("../images/daily/daily_bg03.jpg") center center no-repeat;
  }
  .p-idxDaily #dailyBg04 {
    background: url("../images/daily/daily_bg04.jpg") center center no-repeat;
  }
  .p-idxDaily #dailyBg05 {
    background: url("../images/daily/daily_bg05.jpg") center center no-repeat;
  }
  .p-idxDaily #dailyBg06 {
    background: url("../images/daily/daily_bg06.jpg") center center no-repeat;
  }
  .p-idxDaily #dailyBg07 {
    background: url("../images/daily/daily_bg07.jpg") center center no-repeat;
  }
  .p-idxDaily .active {
    opacity: 1;
  }
  .p-idxDaily__inner {
    position: absolute;
    width: 100%;
    aspect-ratio: initial;
    height: 100%;
    top: 0;
    right: 0;
    overflow-y: auto;
    overscroll-behavior-y: none;
    -webkit-overflow-scrolling: touch;
  }
  .p-idxDaily__inner svg {
    position: absolute;
    aspect-ratio: 0.98;
    height: 100%;
    right: 0;
    pointer-events: none;
  }
  .p-idxDaily__close {
    position: fixed;
    width: 10.17812vw;
    height: 10.17812vw;
    left: 2.29008vw;
    bottom: 15.26718vw;
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 3px solid #000000;
    cursor: pointer;
  }
  .p-idxDaily__close::after {
    content: "";
  }
  .p-idxDaily__closeIcon {
    position: absolute;
    width: 3.56234vw;
    height: 3.56234vw;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45);
            transform: rotate(45);
  }
  .p-idxDailyIndex {
    position: absolute;
    width: 100%;
    aspect-ratio: initial;
    height: auto;
    min-height: 216.79389vw;
    top: 0;
    right: 0;
    background: url("../images/daily/img_daily_index_sp.png") left top no-repeat;
    background-size: cover;
    -webkit-clip-path: none;
            clip-path: none;
  }
  .p-idxDailyIndex__start {
    position: absolute;
    width: 29.00763vw;
    height: 7.88804vw;
    right: 7.88804vw;
    top: 75.19084vw;
    cursor: pointer;
  }
  .p-idxDailyIndex__start:hover {
    -webkit-animation-name: exZoomIn;
    animation-name: exZoomIn;
  }
  .p-idxDailyIndex__start::after {
    content: "";
    position: absolute;
    width: 4.07125vw;
    height: 4.96183vw;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/daily/start_arw.png") left top no-repeat;
    background-size: cover;
    right: -5.08906vw;
  }
  .p-idxDailyIndex__txt {
    position: absolute;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: 0.19em;
    color: #ffffff;
    font-size: 3.43511vw;
    width: 27.98982vw;
    height: 40.71247vw;
    right: 61.32316vw;
    top: 103.81679vw;
  }
  .p-idxDailyIndex__ryuken {
    position: absolute;
    width: 35.62341vw;
    height: 40.71247vw;
    right: 21.11959vw;
    top: 103.81679vw;
  }
  .p-idxDailyPlay {
    position: absolute;
    width: 100%;
    aspect-ratio: initial;
    height: auto;
    min-height: 216.79389vw;
    right: 0;
    background: url("../images/daily/img_daily_quiz_sp.png?20260719") left top no-repeat;
    background-size: cover;
    -webkit-clip-path: url(#dailyClip02);
            clip-path: url(#dailyClip02);
  }
  .p-idxDailyPlay__deco {
    position: absolute;
    width: 76.50215dvh;
    height: 12.87554dvh;
    right: 6.11588dvh;
    top: 79.29185dvh;
  }
  .p-idxDailyPlay__title {
    position: absolute;
    width: 30.90129dvh;
    height: 19.63519dvh;
    left: 21.13734dvh;
    top: 1.93133dvh;
  }
  .p-idxDailyPlay__num {
    position: absolute;
    width: 34.6056vw;
    height: 33.07888vw;
    right: 0;
    top: 0;
  }
  .p-idxDailyPlay__quizNum {
    position: absolute;
    width: 19.33842vw;
    height: 11.45038vw;
    left: 40.33079vw;
    top: 41.73028vw;
    background: url("../images/quiz_num_bg.svg") left top no-repeat;
    background-size: contain;
    text-align: center;
    font-size: 3.56234vw;
    font-weight: bold;
    line-height: 11.45038vw;
  }
  .p-idxDailyPlay__quizDsc {
    position: absolute;
    width: 84.47837vw;
    height: 108.14249vw;
    left: 7.88804vw;
    top: 44.52926vw;
  }
  .p-idxDailyPlay__quizText {
    position: relative;
    width: 100%;
    height: auto;
    line-height: 1.4;
    left: initial;
    top: initial;
    font-size: 4.07125vw;
    text-align: center;
    font-weight: bold;
    margin-bottom: 3.81679vw;
  }
  .p-idxDailyPlay__select {
    display: block !important;
    position: relative;
    width: 84.47837vw;
    height: auto;
    left: initial;
    top: initial;
    margin-bottom: 5.08906vw;
  }
  .p-idxDailyPlay__ans {
    position: relative;
    width: 100%;
    height: 15.26718vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 2.54453vw;
    border: 4px solid #000000;
    margin-bottom: 2.54453vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* フレックスボックスを使用 */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* 左右の中央揃え */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* 上下の中央揃え */
    cursor: pointer;
  }
  .p-idxDailyPlay__ans:hover {
    background-color: #ffeb00;
  }
  .p-idxDailyPlay__ans.current {
    background-color: #ffeb00;
    pointer-events: none;
  }
  .p-idxDailyPlay__ans span {
    position: absolute;
    width: 7.63359vw;
    height: 7.63359vw;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -3.81679vw;
    right: auto;
    font-size: 3.43511vw;
    line-height: 7.63359vw;
  }
  .p-idxDailyPlay__ansText {
    font-size: 2.14592dvh;
    font-weight: bold;
    display: table-cell;
    text-align: center;
    /* 左右の中央揃え */
    vertical-align: middle;
    /* 上下の中央揃え */
  }
  .p-idxDailyPlay label {
    border-radius: 2.54453vw;
    cursor: pointer;
  }
  .p-idxDailyPlay input:checked + label {
    background: #ffeb00;
  }
  .p-idxDailyPlay__btnNext {
    position: relative;
    width: 30.53435vw;
    height: 10.17812vw;
    left: initial;
    top: initial;
    margin: auto;
    font-size: 4.07125vw;
    border-radius: 5.08906vw;
    line-height: 10.17812vw;
  }
  .p-idxDailyPlay__btnNext.lock {
    pointer-events: none;
    background-color: #ffffff;
  }
  .p-idxDailyPlay__btnNext::after {
    content: "";
    position: absolute;
    width: 1.18026dvh;
    height: 1.18026dvh;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1.5dvh;
  }
  .p-idxDailyPlay__btnNext:hover {
    background-color: #ffeb00;
  }
  .p-idxDailyPlay__seikai {
    position: absolute;
    width: 54.83461vw;
    height: 54.83461vw;
    left: 22.64631vw;
    top: 63.61323vw;
  }
  .p-idxDailyPlay__fuSeikai {
    position: absolute;
    width: 45.29262vw;
    height: 45.29262vw;
    left: 27.35369vw;
    top: 63.61323vw;
  }
  .p-idxDailyPlay__debug {
    position: absolute;
    width: 16.09442dvh;
    line-height: 6.43777dvh;
    right: 13.51931dvh;
    top: 21.24464dvh;
    font-size: 3.00429dvh;
    text-align: center;
    font-weight: bold;
    background-color: #ffeb00;
  }
  .p-idxDailyResultSuccess {
    position: absolute;
    width: 100%;
    aspect-ratio: initial;
    height: auto;
    min-height: 241.73028vw;
    right: 0;
    background: url("../images/daily/img_daily_result_success_sp.png?20260719") left top no-repeat;
    background-size: cover;
    -webkit-clip-path: none;
            clip-path: none;
  }
  .p-idxDailyResultSuccess__ticket {
    position: absolute;
    width: 37.15013vw;
    height: 23.79135vw;
    left: 5.34351vw;
    top: 79.89822vw;
  }
  .p-idxDailyResultSuccess__title {
    position: absolute;
    width: 33.46056vw;
    height: 13.23155vw;
    left: 33.07888vw;
    top: 15.13995vw;
  }
  .p-idxDailyResultSuccess__ryuken {
    position: absolute;
    width: 24.93639vw;
    height: 28.49873vw;
    right: 9.79644vw;
    top: 137.15013vw;
  }
  .p-idxDailyResultSuccess__jagi {
    position: absolute;
    width: 25.06361vw;
    height: 28.49873vw;
    right: 46.31043vw;
    top: 172.01018vw;
  }
  .p-idxDailyResultSuccess__ryukenTxt {
    position: absolute;
    width: 28.24427vw;
    height: 31.80662vw;
    right: 38.16794vw;
    top: 137.15013vw;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: 0.19em;
    font-size: 2.79898vw;
  }
  .p-idxDailyResultSuccess__jagiTxt {
    position: absolute;
    width: 28.24427vw;
    height: 38.16794vw;
    right: 74.30025vw;
    top: 172.01018vw;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: 0.19em;
    font-size: 2.79898vw;
  }
  .p-idxDailyResultFailed {
    position: absolute;
    width: 100%;
    aspect-ratio: initial;
    height: auto;
    min-height: 241.73028vw;
    right: 0;
    background: url("../images/daily/img_daily_result_looser_sp.png?20260719") left top no-repeat;
    background-size: cover;
    -webkit-clip-path: none;
            clip-path: none;
  }
  .p-idxDailyResultFailed__title {
    position: absolute;
    width: 37.78626vw;
    height: 13.35878vw;
    left: 30.91603vw;
    top: 15.01272vw;
  }
  .p-idxDailyResultFailed__ryuken {
    position: absolute;
    width: 24.93639vw;
    height: 28.49873vw;
    right: 9.79644vw;
    top: 137.15013vw;
  }
  .p-idxDailyResultFailed__jagi {
    position: absolute;
    width: 25.06361vw;
    height: 28.49873vw;
    right: 46.31043vw;
    top: 172.01018vw;
  }
  .p-idxDailyResultFailed__ryukenTxt {
    position: absolute;
    width: 28.24427vw;
    height: 31.80662vw;
    right: 38.16794vw;
    top: 137.15013vw;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: 0.19em;
    font-size: 2.79898vw;
  }
  .p-idxDailyResultFailed__jagiTxt {
    position: absolute;
    width: 28.24427vw;
    height: 38.16794vw;
    right: 74.30025vw;
    top: 172.01018vw;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: 0.19em;
    font-size: 2.79898vw;
  }
  .p-idxAreaLabel {
    position: absolute;
    left: 20px;
    bottom: 25px;
  }
  .p-idxAreaLabel__inner {
    position: relative;
    width: 52px;
    background-color: #edff8d;
    border: 3px solid #000000;
    border-radius: 14px;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
    text-align: center;
    font-size: 16px;
    padding: 4px;
  }
  .p-idxAreaLabel__inner span {
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #000000;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 14px 0;
    line-height: 50px;
    min-height: 82px;
  }
  .p-userStatus {
    position: absolute;
    width: 100%;
    height: 132.31552vw;
    left: 0;
    bottom: 0;
    background: initial;
    background-size: initial;
    background-color: #ffffff;
    border: 1px solid #000000;
    border-top-left-radius: 5.08906vw;
    border-top-right-radius: 5.08906vw;
    padding: 5.85242vw 4.07125vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: initial;
    z-index: 998;
  }
  .p-userStatus__navContainer > .l-flex {
    padding-left: 0;
  }
  .p-userStatus__open {
    display: none;
  }
  .p-userStatus__title {
    font-size: 4.07125vw;
    text-align: center;
    margin-bottom: 8.52417vw;
  }
  .p-userStatus__navContainer {
    display: block;
  }
  .p-userStatus__navChild {
    width: auto !important;
  }
  .p-userStatus__nav {
    position: relative;
    width: 29.00763vw;
    height: 28.88041vw;
    margin-top: 0;
    margin-left: 0;
  }
  .p-userStatus__nav + .p-userStatus__nav {
    margin-left: 2.67176vw;
  }
  .p-userStatus__navInner {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
  }
  .p-userStatus__label {
    font-size: 2.92621vw;
    line-height: 8.90585vw;
  }
  .p-userStatus__icon {
    position: absolute;
    width: 11.45038vw;
    height: 11.45038vw;
    left: -2.54453vw;
    top: -4.45293vw;
  }
  .p-userStatus__stContainer {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-top: 2.4173vw;
  }
  .p-userStatus__username {
    width: 100%;
    line-height: 7.37913vw;
    font-size: 3.43511vw;
  }
  .p-userStatus__rank {
    width: 100%;
    line-height: 12.21374vw;
    font-size: 6.36132vw;
  }
  .p-userStatus__mstRank {
    font-size: 6.36132vw;
    padding-right: 0;
  }
  .p-userStatus__ticketCount {
    width: 100%;
    height: 18.32061vw;
    margin-left: 0;
    margin-top: 2.54453vw;
  }
  .p-userStatus__ticketInner {
    width: 100%;
    height: 9.16031vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-userStatus__ticketInner + .p-userStatus__ticketInner {
    border-top: 1px solid #000000;
  }
  .p-userStatus__tklabel {
    width: 36.89567vw;
    line-height: 9.16031vw;
    font-size: 3.43511vw;
    padding-left: 2.79898vw;
  }
  .p-userStatus__value {
    font-size: 5.47074vw;
    line-height: 9.16031vw;
    padding-right: 17.43003vw;
  }
  .p-userStatus__value span {
    font-size: 3.94402vw;
  }
  .p-userStatus__btnContainer {
    width: 100%;
    height: 11.57761vw;
    margin-left: 0;
    margin-top: 2.4173vw;
    display: -webkit-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
  .p-userStatus__btnChild {
    width: 60.5598vw !important;
  }
  .p-userStatus__btnLeft {
    position: relative;
    width: 28.88041vw;
    height: 11.57761vw;
    line-height: 1.3;
    font-size: 3.43511vw;
    font-weight: bold;
    cursor: pointer;
  }
  .p-userStatus__btnLeft::after {
    content: "";
    position: absolute;
    width: 1.78117vw;
    height: 1.78117vw;
    border-right: 0.63613vw solid #FFFFFF;
    border-top: 0.63613vw solid #ffffff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2.16285vw;
  }
  .p-userStatus__btnLeft:hover {
    color: #000000;
    background-color: #edff8d;
  }
  .p-userStatus__btnLeft:hover::after {
    border-right: 2px solid #000000;
    border-top: 2px solid #000000;
  }
  .p-userStatus__close {
    position: absolute;
    width: 100%;
    height: 12.72265vw;
    top: 0;
    right: auto;
    left: 0;
    -webkit-transform: none;
            transform: none;
    cursor: pointer;
  }
  .p-userStatus__close::before {
    display: none;
  }
  .p-userStatus__close::after {
    content: "";
    position: absolute;
    width: 11.70483vw;
    height: 0.76336vw;
    background-color: #000000;
    left: 0;
    right: 0;
    margin: auto;
    top: 2.54453vw;
  }
  .p-userStatus__closebtn {
    position: absolute;
    width: 10.17812vw;
    height: 10.17812vw;
    right: 3.81679vw;
    top: 2.79898vw;
    border-radius: 50%;
    border: 2px solid #000000;
  }
  .p-userStatus__closebtn::before {
    content: "";
    position: absolute;
    width: 3.68957vw;
    height: 0.25445vw;
    background-color: #000000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .p-userStatus__closebtn::after {
    content: "";
    position: absolute;
    width: 3.68957vw;
    height: 0.25445vw;
    background-color: #000000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .p-userStatus__open {
    position: absolute;
    right: 0;
    bottom: 22px;
    width: 48px;
    height: 109px;
    background-color: #ffffff;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top-left-radius: 19px;
    border-bottom-left-radius: 19px;
    cursor: pointer;
  }
  .p-userStatus__open:hover {
    background-color: #edff8d;
  }
  .p-userStatus__open p {
    font-size: 16px;
    text-align: center;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .p-userStatus__btnGacha {
    width: 28.88041vw;
    margin-top: 0;
    margin-left: 2.54453vw;
  }
  .p-userStatus__logout {
    width: 29.26209vw;
    height: 10.17812vw;
    background-color: #ffffff;
    border: 1px solid #000000;
    border-radius: 2.4173vw;
    font-size: 3.05344vw;
    text-align: center;
    line-height: 9.92366vw;
    margin: 0 auto;
    margin-top: 5.08906vw;
  }
  .p-userStatus__mapController {
    position: absolute;
    right: 1.9084vw;
    top: 94.14758vw;
  }
  .p-userStatus__mapBtn {
    width: 10.17812vw;
    height: 10.17812vw;
    cursor: pointer;
  }
  .p-userStatus__regionController {
    position: absolute;
    right: 0;
    top: 15.52163vw;
  }
  .p-userStatus__regionBtn {
    position: relative;
    width: 29.26209vw;
    height: 10.17812vw;
    line-height: 9.66921vw;
    margin-bottom: 0.76336vw;
    background-color: #a3a3a3;
    font-size: 3.05344vw;
    font-weight: 900;
    padding-left: 5.21628vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #000000;
    border-right: none;
    border-top-left-radius: 2.4173vw;
    border-bottom-left-radius: 2.4173vw;
    cursor: pointer;
  }
  .p-userStatus__regionBtn::before {
    content: "";
    position: absolute;
    width: 1.52672vw;
    height: 1.52672vw;
    border-left: 0.50891vw solid #000000;
    border-top: 0.50891vw solid #000000;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 4.96183vw;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .p-userStatus__regionBtn.logout {
    display: none;
  }
  .p-userStatus__regionBtn.regionNavToggle {
    position: absolute;
    right: 0;
    top: 4.58015vw;
    width: 11.70483vw;
    background-color: #ffffff;
  }
  .p-userStatus__regionBtn.regionNavToggle::before {
    content: none;
  }
  .p-userStatus__regionBtn.regionNavToggle::after {
    content: "";
    width: 4.58015vw;
    height: 4.58015vw;
  }
  .p-idxPromotionExam {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: url("../images/promotion_exam/bg_sp.png?20260719") center top no-repeat;
    background-size: cover;
    opacity: 0;
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
  }
  .p-idxPromotionExam.active {
    opacity: 1;
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
  }
  .p-idxPromotionExam__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    -webkit-transition: 2s all;
    transition: 2s all;
  }
  .p-idxPromotionExam__overlay.open {
    opacity: 0;
  }
  .p-idxPromotionExam__overlay.hantei {
    opacity: 0.6;
  }
  .p-idxPromotionExam__idx {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 203.56234vw;
  }
  .p-idxPromotionExam__idxInner {
    position: absolute;
    width: 63.61323vw;
    height: 112.72265vw;
    left: 18.19338vw;
    top: 13.23155vw;
    right: initial;
    bottom: initial;
    margin: auto;
  }
  .p-idxPromotionExam__idxTitle {
    position: absolute;
    width: 53.94402vw;
    height: 104.3257vw;
    right: 0;
    top: 0;
    pointer-events: none;
  }
  .p-idxPromotionExam__idxIcon {
    position: absolute;
    width: 31.42494vw;
    height: 31.29771vw;
    left: -14.8855vw;
    top: -4.58015vw;
  }
  .p-idxPromotionExam__idxStart {
    position: absolute;
    width: 32.06107vw;
    height: 32.06107vw;
    right: -14.8855vw;
    bottom: 0;
    cursor: pointer;
  }
  .p-idxPromotionExam__idxStart:hover {
    -webkit-animation-name: exZoomIn;
    animation-name: exZoomIn;
  }
  .p-idxPromotionExam__resCloseIndex {
    position: absolute;
    width: 15.02146dvh;
    line-height: 4.50644dvh;
    font-size: 2.25322dvh;
    text-align: center;
    background-color: #ffffff;
    font-weight: 900;
    font-style: italic;
    border-radius: 2.6824dvh;
    overflow: hidden;
    border: 0.42918dvh solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    left: 0;
    right: 0 !important;
    margin: auto !important;
    top: 170.22901vw;
    right: initial;
    margin: auto;
    bottom: initial;
  }
  .p-idxPromotionExam__resCloseIndex::before {
    content: "✕";
    position: absolute;
    font-size: 1.50215dvh;
    font-weight: 900;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3.00429dvh;
    font-style: normal;
  }
  .p-idxPromotionExam__resCloseIndex2 {
    position: absolute;
    width: 15.02146dvh;
    line-height: 4.50644dvh;
    font-size: 2.25322dvh;
    text-align: center;
    background-color: #ffffff;
    font-weight: 900;
    font-style: italic;
    border-radius: 2.6824dvh;
    overflow: hidden;
    border: 0.42918dvh solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -7dvh;
  }
  .p-idxPromotionExam__resCloseIndex2::before {
    content: "✕";
    position: absolute;
    font-size: 1.50215dvh;
    font-weight: 900;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3.00429dvh;
    font-style: normal;
  }
  .p-idxPromotionExam__quiz {
    position: absolute;
    width: 89.82188vw;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    background-color: #ffffff;
    border-left: 8px solid #000000;
    border-right: 8px solid #000000;
    padding: 0 3.81679vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow-y: auto;
  }
  .p-idxPromotionExam__quizHeader {
    position: relative;
    margin-top: 4.07125vw;
    padding-top: 9.28753vw;
    padding-bottom: 7.63359vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 8px solid #000000;
  }
  .p-idxPromotionExam__quizHeader::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #000000;
    top: 9px;
  }
  .p-idxPromotionExam__quizHeader::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #000000;
    bottom: 0;
  }
  .p-idxPromotionExam__quizHdCopy {
    font-size: 3.05344vw;
    text-align: center;
    margin-bottom: 4.07125vw;
  }
  .p-idxPromotionExam__quizTitle {
    width: 68.70229vw;
    position: relative;
    margin: 0 auto;
    margin-bottom: 1.52672vw;
  }
  .p-idxPromotionExam__quizTotalNum {
    font-size: 3.56234vw;
    text-align: center;
    margin-bottom: 3.81679vw;
  }
  .p-idxPromotionExam__quizCountNum {
    font-size: 3.56234vw;
    text-align: center;
  }
  .p-idxPromotionExam__quizCountNum span {
    display: inline-block;
    width: 9.16031vw;
    font-size: 3.05344vw;
    text-align: center;
    border: 1px solid #000000;
  }
  .p-idxPromotionExam__quizBlock {
    display: block;
    padding: 7.63359vw 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxPromotionExam__quizBlock + .p-idxPromotionExam__quizBlock {
    border-top: 1px dotted #000000;
  }
  .p-idxPromotionExam__quizBlockEnd {
    position: relative;
    padding: 7.63359vw 0 10.43257vw 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 1px solid #000000;
    border-bottom: 4px solid #000000;
    margin-bottom: 31.80662vw;
  }
  .p-idxPromotionExam__quizBlockEnd::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000000;
    bottom: 11px;
  }
  .p-idxPromotionExam__gotoResult {
    position: relative;
    width: 40.20356vw;
    line-height: 9.16031vw;
    background-color: #ffeb00;
    border: 4px solid #000000;
    color: #000000;
    text-align: center;
    font-size: 4.07125vw;
    font-weight: bold;
    margin: 0 auto;
    padding-right: 0.38168vw;
    border-radius: 5.08906vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
  }
  .p-idxPromotionExam__gotoResult::after {
    content: "";
    position: absolute;
    width: 1.78117vw;
    height: 1.78117vw;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2.16285vw;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .p-idxPromotionExam .disable {
    pointer-events: none;
    opacity: 0.5;
  }
  .p-idxPromotionExam__quizBlockLeft {
    width: 100%;
  }
  .p-idxPromotionExam__quizLabel {
    width: 100%;
    line-height: 7.37913vw;
    font-size: 3.56234vw;
    text-align: center;
    border: 2px solid #000000;
  }
  .p-idxPromotionExam__quizTxt {
    font-size: 3.56234vw;
    margin-top: 6.36132vw;
    margin-bottom: 3.81679vw;
  }
  .p-idxPromotionExam__quizAns {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p-idxPromotionExam__quizAnsElem {
    position: relative;
    display: block;
    width: 50%;
    height: 12.72265vw;
    margin: 0;
    padding: 0 2.03562vw;
    margin-bottom: 3.56234vw;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    /*background-color: #cccccc;*/
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*
			&:hover {
				background-color: #ffeb00;
			}

			.selected {
				background-color: #ffeb00;
			}
			*/
  }
  .p-idxPromotionExam__quizAnsElem input {
    width: 100%;
    height: 100%;
  }
  .p-idxPromotionExam__quizAnsElem label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    pointer-events: none;
    font-size: 3.56234vw;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
  }
  .p-idxPromotionExam__quizAnsElem input:checked + label {
    background: #ffeb00;
  }
  .p-idxPromotionExam__quizAnsElem::before {
    display: none;
  }
  .p-idxPromotionExam__quizAnsElem::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000000;
    right: 0;
    top: initial;
    bottom: -3.56234vw;
  }
  .p-idxPromotionExam__quizAnsElem + .p-idxPromotionExam__quizAnsElem::before {
    content: none;
  }
  .p-idxPromotionExam__quizAnsElem:nth-child(n+3) {
    margin-bottom: 0;
    margin-top: 3.56234vw;
  }
  .p-idxPromotionExam__quizAnsElem:nth-child(n+3)::after {
    display: none;
  }
  .p-idxPromotionExam__resScInner {
    position: absolute;
    width: 89.82188vw;
    height: 89.82188vw;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/promotion_exam/result_panel_success.png?20260719") center center no-repeat;
    background-size: contain;
  }
  .p-idxPromotionExam__resFaInner {
    position: absolute;
    width: 89.82188vw;
    height: 89.82188vw;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/promotion_exam/result_panel_looser.png?20260719") center center no-repeat;
    background-size: contain;
  }
  .p-idxPromotionExam__resScTxt1 {
    margin-top: 33.84224vw;
    font-size: 3.43511vw;
  }
  .p-idxPromotionExam__resScTxt2 {
    margin-top: 1.9084vw;
    font-size: 8.26972vw;
  }
  .p-idxPromotionExam__resScTxt3 {
    margin-top: 1.52672vw;
    font-size: 4.70738vw;
  }
  .p-idxPromotionExam__resScTxt3 span {
    font-size: 7.63359vw;
  }
  .p-idxPromotionExam__resScTxt4 {
    margin-top: 6.99746vw;
    font-size: 3.56234vw;
  }
  .p-idxPromotionExam__resScTxt4 span {
    font-size: 2.79898vw;
  }
  .p-idxPromotionExam__resClose {
    position: absolute;
    width: 28.24427vw;
    line-height: 9.16031vw;
    font-size: 4.07125vw;
    text-align: center;
    background-color: #ffffff;
    font-weight: 900;
    font-style: italic;
    border-radius: 5.08906vw;
    overflow: hidden;
    border: 0.42918dvh solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -22.90076vw;
  }
  .p-idxPromotionExam__resClose::before {
    content: "✕";
    position: absolute;
    font-size: 1.50215dvh;
    font-weight: 900;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3.00429dvh;
    font-style: normal;
  }
  .p-idxPromotionExam__resAns {
    position: absolute;
    font-size: 3.56234vw;
    width: 26.20865vw;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -9.16031vw;
    cursor: pointer;
  }
  .p-idxPromotionExam__resAns::before {
    content: "";
    position: absolute;
    width: 2.03562vw;
    height: 2.03562vw;
    border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
  }
  .p-idxPromotionExam__resFX {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 999;
  }
  .p-idxPromotionExam__tmpBtn {
    font-size: 1.71674dvh;
    font-weight: 900;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 130px;
    text-align: center;
    margin-top: 15px;
    cursor: pointer;
  }
  .p-idxPromotionExamDetail__inner {
    position: absolute;
    width: 89.82188vw;
    height: 129.77099vw;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/promotion_exam/result_panel_detail_sp.png?20260719") center center no-repeat;
    background-size: contain;
  }
  .p-idxPromotionExamDetail__resScTxt1 {
    margin-top: 11.57761vw;
    font-size: 3.05344vw;
  }
  .p-idxPromotionExamDetail__resScTxt2 {
    margin-top: 2.29008vw;
    font-size: 6.61578vw;
  }
  .p-idxPromotionExamDetail__resScTxt3 {
    margin-top: 2.03562vw;
    font-size: 4.58015vw;
    font-weight: 900;
    text-align: center;
    line-height: 1;
  }
  .p-idxPromotionExamDetail__resScTxt3 span {
    font-size: 7.63359vw;
  }
  .p-idxPromotionExamDetail__res {
    margin: 0 auto;
    margin-top: 4.3257vw;
    width: 75.06361vw;
    height: 86.51399vw;
    padding: 0 1.9084vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow-y: auto;
  }
  .p-idxPromotionExamDetail__res::-webkit-scrollbar {
    width: 8px;
    /* 横幅設定 */
  }
  .p-idxPromotionExamDetail__res::-webkit-scrollbar-thumb {
    background: #ffffff;
    /* ハンドルの色 */
  }
  .p-idxPromotionExamDetail__res::-webkit-scrollbar-track {
    background: #828080;
    /* 背景色 */
  }
  .p-idxPromotionExamDetail__resBlock {
    position: relative;
    display: block;
    width: 100%;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
  }
  .p-idxPromotionExamDetail__block {
    width: 100%;
  }
  .p-idxPromotionExamDetail__item {
    width: 100%;
    /*@include dvh( 50 );*/
    min-height: 10.5598vw;
  }
  .p-idxPromotionExamDetail__item + .p-idxPromotionExamDetail__item {
    border-top: 1px dotted #000000;
  }
  .p-idxPromotionExamDetail__itm1 {
    width: 7.63359vw;
    line-height: 4.83461vw;
    border: 1px solid #000000;
    font-size: 3.05344vw;
    text-align: center;
    margin-right: 2.67176vw;
    white-space: nowrap;
  }
  .p-idxPromotionExamDetail__iconSeikai {
    width: 3.56234vw;
    height: 3.56234vw;
    background: url("../images/promotion_exam/icon_seikai.svg") center center no-repeat;
    background-size: contain;
    margin-right: 2.29008vw;
  }
  .p-idxPromotionExamDetail__iconFuSeikai {
    width: 3.56234vw;
    height: 3.56234vw;
    background: url("../images/promotion_exam/icon_fuseikai.svg") center center no-repeat;
    background-size: contain;
    margin-right: 2.29008vw;
  }
  .p-idxPromotionExamDetail__itm2 {
    font-size: 3.56234vw;
  }
  .p-idxPromotionExamDetail__back {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 11.0687vw;
    padding-left: 4.07125vw;
    bottom: -9.16031vw;
    font-size: 3.56234vw;
    color: #ffffff;
    cursor: pointer;
  }
  .p-idxPromotionExamDetail__back::after {
    content: "";
    position: absolute;
    width: 0.75107dvh;
    height: 0.75107dvh;
    border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
  }
  .p-idxPromotionExamDetail__resClose {
    position: absolute;
    width: 15.02146dvh;
    line-height: 4.50644dvh;
    font-size: 2.25322dvh;
    text-align: center;
    background-color: #ffffff;
    font-weight: 900;
    font-style: italic;
    border-radius: 2.6824dvh;
    overflow: hidden;
    border: 0.42918dvh solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -9.33476dvh;
  }
  .p-idxPromotionExamDetail__resClose::before {
    content: "✕";
    position: absolute;
    font-size: 1.50215dvh;
    font-weight: 900;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3.00429dvh;
    font-style: normal;
  }
  .p-idxPromotionExamHistory {
    position: absolute;
    width: 81.93384vw;
    height: 28.88041vw;
    left: 8.77863vw;
    top: 131.42494vw;
    bottom: initial;
  }
  .p-idxPromotionExamHistory__elem {
    width: 34.86005vw;
    height: 9.03308vw;
    margin: 5.59796vw 3.05344vw;
  }
  .p-idxPromotionExamHistory__label {
    display: block;
  }
  .p-idxPromotionExamHistory__fkds {
    position: absolute;
    width: 28.24427vw;
    height: 10.17812vw;
    top: -8.26972vw;
  }
  .p-opening {
    overflow: hidden;
    z-index: 1004;
  }
  .p-opening__soundContainer {
    position: absolute;
    width: 240px;
    height: 184px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .p-opening__sndHeader {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 18px;
  }
  .p-opening__sndIcon {
    width: 100px;
    height: 100px;
    margin-bottom: 12px;
    cursor: pointer;
  }
  .p-opening__sndTxt {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
  }
  .p-opening__movie {
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    height: auto;
    aspect-ratio: 0.56;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .p-opening__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000000;
  }
  .p-opening__overlayWhite {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #ffffff;
  }
  .p-opening video {
    width: 100%;
  }
  .p-opening__tmpBtn {
    position: absolute;
    right: 50px;
    top: 164px;
  }
  .p-opening__btn {
    width: 200px;
    height: 60px;
    background-color: #ffffff;
    border: 3px solid #000000;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    font-size: 4.07125vw;
    line-height: 54px;
    font-style: italic;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
  }
  .p-opening__btn::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-right: 2px solid #000000;
    border-top: 2px solid #000000;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 13px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .p-opening__skip {
    position: absolute;
    width: 28.24427vw;
    height: 10.17812vw;
    right: 3.18066vw;
    bottom: 6.36132vw;
    font-size: 4.07125vw;
    line-height: 9.16031vw;
    border-radius: 5.08906vw;
  }
  .p-opening__retire {
    position: absolute;
    width: 58.01527vw;
    height: 10.17812vw;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 4.07125vw;
    line-height: 9.16031vw;
    border-radius: 5.08906vw;
  }
  .glitch {
    background: #000 no-repeat center;
    background-size: 0;
    height: 100vh;
    position: relative;
    overflow: hidden;
  }
  .glitch::before, .glitch::after,
  .glitch .channel {
    background: inherit;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .glitch::before {
    -webkit-animation: glitch-before 3s linear infinite alternate both;
            animation: glitch-before 3s linear infinite alternate both;
    content: "";
  }
  @-webkit-keyframes glitch-before {
    0% {
      -webkit-clip-path: polygon(0% 3.41712%, 100% 3.41712%, 100% 8.79975%, 0% 8.79975%);
              clip-path: polygon(0% 3.41712%, 100% 3.41712%, 100% 8.79975%, 0% 8.79975%);
      -webkit-transform: translate(0.15555%, -0.14767%);
              transform: translate(0.15555%, -0.14767%);
    }
    2% {
      -webkit-clip-path: polygon(0% 31.36286%, 100% 31.36286%, 100% 32.66648%, 0% 32.66648%);
              clip-path: polygon(0% 31.36286%, 100% 31.36286%, 100% 32.66648%, 0% 32.66648%);
      -webkit-transform: translate(-7.73936%, 0.26543%);
              transform: translate(-7.73936%, 0.26543%);
    }
    4% {
      -webkit-clip-path: polygon(0% 53.74453%, 100% 53.74453%, 100% 61.50823%, 0% 61.50823%);
              clip-path: polygon(0% 53.74453%, 100% 53.74453%, 100% 61.50823%, 0% 61.50823%);
      -webkit-transform: translate(6.00518%, -0.18925%);
              transform: translate(6.00518%, -0.18925%);
    }
    6% {
      -webkit-clip-path: polygon(0% 67.45258%, 100% 67.45258%, 100% 77.37752%, 0% 77.37752%);
              clip-path: polygon(0% 67.45258%, 100% 67.45258%, 100% 77.37752%, 0% 77.37752%);
      -webkit-transform: translate(5.11596%, -0.35415%);
              transform: translate(5.11596%, -0.35415%);
    }
    8% {
      -webkit-clip-path: polygon(0% 41.2164%, 100% 41.2164%, 100% 47.07204%, 0% 47.07204%);
              clip-path: polygon(0% 41.2164%, 100% 41.2164%, 100% 47.07204%, 0% 47.07204%);
      -webkit-transform: translate(5.0457%, -0.48542%);
              transform: translate(5.0457%, -0.48542%);
    }
    10% {
      -webkit-clip-path: polygon(0% 17.27321%, 100% 17.27321%, 100% 20.37984%, 0% 20.37984%);
              clip-path: polygon(0% 17.27321%, 100% 17.27321%, 100% 20.37984%, 0% 20.37984%);
      -webkit-transform: translate(-2.08179%, 0.4637%);
              transform: translate(-2.08179%, 0.4637%);
    }
    12% {
      -webkit-clip-path: polygon(0% 10.4882%, 100% 10.4882%, 100% 15.97903%, 0% 15.97903%);
              clip-path: polygon(0% 10.4882%, 100% 10.4882%, 100% 15.97903%, 0% 15.97903%);
      -webkit-transform: translate(4.71479%, -0.4183%);
              transform: translate(4.71479%, -0.4183%);
    }
    14% {
      -webkit-clip-path: polygon(0% 71.57534%, 100% 71.57534%, 100% 78.54567%, 0% 78.54567%);
              clip-path: polygon(0% 71.57534%, 100% 71.57534%, 100% 78.54567%, 0% 78.54567%);
      -webkit-transform: translate(-5.49149%, -0.47419%);
              transform: translate(-5.49149%, -0.47419%);
    }
    16% {
      -webkit-clip-path: polygon(0% 23.23865%, 100% 23.23865%, 100% 31.91896%, 0% 31.91896%);
              clip-path: polygon(0% 23.23865%, 100% 23.23865%, 100% 31.91896%, 0% 31.91896%);
      -webkit-transform: translate(-7.19614%, 0.24477%);
              transform: translate(-7.19614%, 0.24477%);
    }
    18% {
      -webkit-clip-path: polygon(0% 83.85818%, 100% 83.85818%, 100% 90.17122%, 0% 90.17122%);
              clip-path: polygon(0% 83.85818%, 100% 83.85818%, 100% 90.17122%, 0% 90.17122%);
      -webkit-transform: translate(0.34082%, -0.22299%);
              transform: translate(0.34082%, -0.22299%);
    }
    20%, 100% {
      -webkit-clip-path: none;
              clip-path: none;
      -webkit-transform: none;
              transform: none;
    }
  }
  @keyframes glitch-before {
    0% {
      -webkit-clip-path: polygon(0% 3.41712%, 100% 3.41712%, 100% 8.79975%, 0% 8.79975%);
              clip-path: polygon(0% 3.41712%, 100% 3.41712%, 100% 8.79975%, 0% 8.79975%);
      -webkit-transform: translate(0.15555%, -0.14767%);
              transform: translate(0.15555%, -0.14767%);
    }
    2% {
      -webkit-clip-path: polygon(0% 31.36286%, 100% 31.36286%, 100% 32.66648%, 0% 32.66648%);
              clip-path: polygon(0% 31.36286%, 100% 31.36286%, 100% 32.66648%, 0% 32.66648%);
      -webkit-transform: translate(-7.73936%, 0.26543%);
              transform: translate(-7.73936%, 0.26543%);
    }
    4% {
      -webkit-clip-path: polygon(0% 53.74453%, 100% 53.74453%, 100% 61.50823%, 0% 61.50823%);
              clip-path: polygon(0% 53.74453%, 100% 53.74453%, 100% 61.50823%, 0% 61.50823%);
      -webkit-transform: translate(6.00518%, -0.18925%);
              transform: translate(6.00518%, -0.18925%);
    }
    6% {
      -webkit-clip-path: polygon(0% 67.45258%, 100% 67.45258%, 100% 77.37752%, 0% 77.37752%);
              clip-path: polygon(0% 67.45258%, 100% 67.45258%, 100% 77.37752%, 0% 77.37752%);
      -webkit-transform: translate(5.11596%, -0.35415%);
              transform: translate(5.11596%, -0.35415%);
    }
    8% {
      -webkit-clip-path: polygon(0% 41.2164%, 100% 41.2164%, 100% 47.07204%, 0% 47.07204%);
              clip-path: polygon(0% 41.2164%, 100% 41.2164%, 100% 47.07204%, 0% 47.07204%);
      -webkit-transform: translate(5.0457%, -0.48542%);
              transform: translate(5.0457%, -0.48542%);
    }
    10% {
      -webkit-clip-path: polygon(0% 17.27321%, 100% 17.27321%, 100% 20.37984%, 0% 20.37984%);
              clip-path: polygon(0% 17.27321%, 100% 17.27321%, 100% 20.37984%, 0% 20.37984%);
      -webkit-transform: translate(-2.08179%, 0.4637%);
              transform: translate(-2.08179%, 0.4637%);
    }
    12% {
      -webkit-clip-path: polygon(0% 10.4882%, 100% 10.4882%, 100% 15.97903%, 0% 15.97903%);
              clip-path: polygon(0% 10.4882%, 100% 10.4882%, 100% 15.97903%, 0% 15.97903%);
      -webkit-transform: translate(4.71479%, -0.4183%);
              transform: translate(4.71479%, -0.4183%);
    }
    14% {
      -webkit-clip-path: polygon(0% 71.57534%, 100% 71.57534%, 100% 78.54567%, 0% 78.54567%);
              clip-path: polygon(0% 71.57534%, 100% 71.57534%, 100% 78.54567%, 0% 78.54567%);
      -webkit-transform: translate(-5.49149%, -0.47419%);
              transform: translate(-5.49149%, -0.47419%);
    }
    16% {
      -webkit-clip-path: polygon(0% 23.23865%, 100% 23.23865%, 100% 31.91896%, 0% 31.91896%);
              clip-path: polygon(0% 23.23865%, 100% 23.23865%, 100% 31.91896%, 0% 31.91896%);
      -webkit-transform: translate(-7.19614%, 0.24477%);
              transform: translate(-7.19614%, 0.24477%);
    }
    18% {
      -webkit-clip-path: polygon(0% 83.85818%, 100% 83.85818%, 100% 90.17122%, 0% 90.17122%);
              clip-path: polygon(0% 83.85818%, 100% 83.85818%, 100% 90.17122%, 0% 90.17122%);
      -webkit-transform: translate(0.34082%, -0.22299%);
              transform: translate(0.34082%, -0.22299%);
    }
    20%, 100% {
      -webkit-clip-path: none;
              clip-path: none;
      -webkit-transform: none;
              transform: none;
    }
  }
  .glitch::after {
    -webkit-animation: glitch-after 3s linear infinite alternate both;
            animation: glitch-after 3s linear infinite alternate both;
    content: "";
  }
  @-webkit-keyframes glitch-after {
    0% {
      -webkit-clip-path: polygon(0% 44.80762%, 100% 44.80762%, 100% 53.96663%, 0% 53.96663%);
              clip-path: polygon(0% 44.80762%, 100% 44.80762%, 100% 53.96663%, 0% 53.96663%);
      -webkit-transform: translate(-6.15839%, 0.17793%);
              transform: translate(-6.15839%, 0.17793%);
    }
    2% {
      -webkit-clip-path: polygon(0% 79.19015%, 100% 79.19015%, 100% 88.60861%, 0% 88.60861%);
              clip-path: polygon(0% 79.19015%, 100% 79.19015%, 100% 88.60861%, 0% 88.60861%);
      -webkit-transform: translate(-6.62089%, 0.16047%);
              transform: translate(-6.62089%, 0.16047%);
    }
    4% {
      -webkit-clip-path: polygon(0% 67.7749%, 100% 67.7749%, 100% 70.69195%, 0% 70.69195%);
              clip-path: polygon(0% 67.7749%, 100% 67.7749%, 100% 70.69195%, 0% 70.69195%);
      -webkit-transform: translate(-1.74277%, -0.04499%);
              transform: translate(-1.74277%, -0.04499%);
    }
    6% {
      -webkit-clip-path: polygon(0% 63.69333%, 100% 63.69333%, 100% 69.96443%, 0% 69.96443%);
              clip-path: polygon(0% 63.69333%, 100% 63.69333%, 100% 69.96443%, 0% 69.96443%);
      -webkit-transform: translate(-6.54578%, -0.0951%);
              transform: translate(-6.54578%, -0.0951%);
    }
    8% {
      -webkit-clip-path: polygon(0% 38.31621%, 100% 38.31621%, 100% 47.79705%, 0% 47.79705%);
              clip-path: polygon(0% 38.31621%, 100% 38.31621%, 100% 47.79705%, 0% 47.79705%);
      -webkit-transform: translate(-5.30032%, 0.48832%);
              transform: translate(-5.30032%, 0.48832%);
    }
    10% {
      -webkit-clip-path: polygon(0% 76.96546%, 100% 76.96546%, 100% 81.41745%, 0% 81.41745%);
              clip-path: polygon(0% 76.96546%, 100% 76.96546%, 100% 81.41745%, 0% 81.41745%);
      -webkit-transform: translate(-3.15103%, 0.19394%);
              transform: translate(-3.15103%, 0.19394%);
    }
    12% {
      -webkit-clip-path: polygon(0% 47.51646%, 100% 47.51646%, 100% 54.53174%, 0% 54.53174%);
              clip-path: polygon(0% 47.51646%, 100% 47.51646%, 100% 54.53174%, 0% 54.53174%);
      -webkit-transform: translate(-3.85187%, -0.00651%);
              transform: translate(-3.85187%, -0.00651%);
    }
    14% {
      -webkit-clip-path: polygon(0% 33.16288%, 100% 33.16288%, 100% 36.0697%, 0% 36.0697%);
              clip-path: polygon(0% 33.16288%, 100% 33.16288%, 100% 36.0697%, 0% 36.0697%);
      -webkit-transform: translate(-7.46852%, 0.39576%);
              transform: translate(-7.46852%, 0.39576%);
    }
    16% {
      -webkit-clip-path: polygon(0% 3.01407%, 100% 3.01407%, 100% 10.29715%, 0% 10.29715%);
              clip-path: polygon(0% 3.01407%, 100% 3.01407%, 100% 10.29715%, 0% 10.29715%);
      -webkit-transform: translate(-3.3313%, 0.42742%);
              transform: translate(-3.3313%, 0.42742%);
    }
    18% {
      -webkit-clip-path: polygon(0% 72.1821%, 100% 72.1821%, 100% 74.28632%, 0% 74.28632%);
              clip-path: polygon(0% 72.1821%, 100% 72.1821%, 100% 74.28632%, 0% 74.28632%);
      -webkit-transform: translate(-5.80924%, 0.15383%);
              transform: translate(-5.80924%, 0.15383%);
    }
    20%, 100% {
      -webkit-clip-path: none;
              clip-path: none;
      -webkit-transform: none;
              transform: none;
    }
  }
  @keyframes glitch-after {
    0% {
      -webkit-clip-path: polygon(0% 44.80762%, 100% 44.80762%, 100% 53.96663%, 0% 53.96663%);
              clip-path: polygon(0% 44.80762%, 100% 44.80762%, 100% 53.96663%, 0% 53.96663%);
      -webkit-transform: translate(-6.15839%, 0.17793%);
              transform: translate(-6.15839%, 0.17793%);
    }
    2% {
      -webkit-clip-path: polygon(0% 79.19015%, 100% 79.19015%, 100% 88.60861%, 0% 88.60861%);
              clip-path: polygon(0% 79.19015%, 100% 79.19015%, 100% 88.60861%, 0% 88.60861%);
      -webkit-transform: translate(-6.62089%, 0.16047%);
              transform: translate(-6.62089%, 0.16047%);
    }
    4% {
      -webkit-clip-path: polygon(0% 67.7749%, 100% 67.7749%, 100% 70.69195%, 0% 70.69195%);
              clip-path: polygon(0% 67.7749%, 100% 67.7749%, 100% 70.69195%, 0% 70.69195%);
      -webkit-transform: translate(-1.74277%, -0.04499%);
              transform: translate(-1.74277%, -0.04499%);
    }
    6% {
      -webkit-clip-path: polygon(0% 63.69333%, 100% 63.69333%, 100% 69.96443%, 0% 69.96443%);
              clip-path: polygon(0% 63.69333%, 100% 63.69333%, 100% 69.96443%, 0% 69.96443%);
      -webkit-transform: translate(-6.54578%, -0.0951%);
              transform: translate(-6.54578%, -0.0951%);
    }
    8% {
      -webkit-clip-path: polygon(0% 38.31621%, 100% 38.31621%, 100% 47.79705%, 0% 47.79705%);
              clip-path: polygon(0% 38.31621%, 100% 38.31621%, 100% 47.79705%, 0% 47.79705%);
      -webkit-transform: translate(-5.30032%, 0.48832%);
              transform: translate(-5.30032%, 0.48832%);
    }
    10% {
      -webkit-clip-path: polygon(0% 76.96546%, 100% 76.96546%, 100% 81.41745%, 0% 81.41745%);
              clip-path: polygon(0% 76.96546%, 100% 76.96546%, 100% 81.41745%, 0% 81.41745%);
      -webkit-transform: translate(-3.15103%, 0.19394%);
              transform: translate(-3.15103%, 0.19394%);
    }
    12% {
      -webkit-clip-path: polygon(0% 47.51646%, 100% 47.51646%, 100% 54.53174%, 0% 54.53174%);
              clip-path: polygon(0% 47.51646%, 100% 47.51646%, 100% 54.53174%, 0% 54.53174%);
      -webkit-transform: translate(-3.85187%, -0.00651%);
              transform: translate(-3.85187%, -0.00651%);
    }
    14% {
      -webkit-clip-path: polygon(0% 33.16288%, 100% 33.16288%, 100% 36.0697%, 0% 36.0697%);
              clip-path: polygon(0% 33.16288%, 100% 33.16288%, 100% 36.0697%, 0% 36.0697%);
      -webkit-transform: translate(-7.46852%, 0.39576%);
              transform: translate(-7.46852%, 0.39576%);
    }
    16% {
      -webkit-clip-path: polygon(0% 3.01407%, 100% 3.01407%, 100% 10.29715%, 0% 10.29715%);
              clip-path: polygon(0% 3.01407%, 100% 3.01407%, 100% 10.29715%, 0% 10.29715%);
      -webkit-transform: translate(-3.3313%, 0.42742%);
              transform: translate(-3.3313%, 0.42742%);
    }
    18% {
      -webkit-clip-path: polygon(0% 72.1821%, 100% 72.1821%, 100% 74.28632%, 0% 74.28632%);
              clip-path: polygon(0% 72.1821%, 100% 72.1821%, 100% 74.28632%, 0% 74.28632%);
      -webkit-transform: translate(-5.80924%, 0.15383%);
              transform: translate(-5.80924%, 0.15383%);
    }
    20%, 100% {
      -webkit-clip-path: none;
              clip-path: none;
      -webkit-transform: none;
              transform: none;
    }
  }
  .glitch .channel {
    mix-blend-mode: screen;
  }
  .glitch .channel::before {
    bottom: 0;
    content: "";
    display: block;
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  .glitch .r {
    -webkit-animation: rgb-shift-r 3s steps(1, jump-end) infinite alternate both;
            animation: rgb-shift-r 3s steps(1, jump-end) infinite alternate both;
  }
  @-webkit-keyframes rgb-shift-r {
    0% {
      -webkit-transform: translate(-0.80586%, 0.12435%);
              transform: translate(-0.80586%, 0.12435%);
    }
    2% {
      -webkit-transform: translate(1.11757%, -0.20242%);
              transform: translate(1.11757%, -0.20242%);
    }
    4% {
      -webkit-transform: translate(1.7851%, -0.18604%);
              transform: translate(1.7851%, -0.18604%);
    }
    6% {
      -webkit-transform: translate(-0.10996%, -0.43615%);
              transform: translate(-0.10996%, -0.43615%);
    }
    8% {
      -webkit-transform: translate(0.39155%, -0.45695%);
              transform: translate(0.39155%, -0.45695%);
    }
    10% {
      -webkit-transform: translate(-1.23763%, 0.02365%);
              transform: translate(-1.23763%, 0.02365%);
    }
    12% {
      -webkit-transform: translate(-1.317%, 0.21041%);
              transform: translate(-1.317%, 0.21041%);
    }
    14% {
      -webkit-transform: translate(-0.16267%, -0.20177%);
              transform: translate(-0.16267%, -0.20177%);
    }
    16% {
      -webkit-transform: translate(1.09744%, 0.45016%);
              transform: translate(1.09744%, 0.45016%);
    }
    18% {
      -webkit-transform: translate(-1.79735%, -0.29455%);
              transform: translate(-1.79735%, -0.29455%);
    }
    20%, 100% {
      -webkit-transform: none;
              transform: none;
    }
  }
  @keyframes rgb-shift-r {
    0% {
      -webkit-transform: translate(-0.80586%, 0.12435%);
              transform: translate(-0.80586%, 0.12435%);
    }
    2% {
      -webkit-transform: translate(1.11757%, -0.20242%);
              transform: translate(1.11757%, -0.20242%);
    }
    4% {
      -webkit-transform: translate(1.7851%, -0.18604%);
              transform: translate(1.7851%, -0.18604%);
    }
    6% {
      -webkit-transform: translate(-0.10996%, -0.43615%);
              transform: translate(-0.10996%, -0.43615%);
    }
    8% {
      -webkit-transform: translate(0.39155%, -0.45695%);
              transform: translate(0.39155%, -0.45695%);
    }
    10% {
      -webkit-transform: translate(-1.23763%, 0.02365%);
              transform: translate(-1.23763%, 0.02365%);
    }
    12% {
      -webkit-transform: translate(-1.317%, 0.21041%);
              transform: translate(-1.317%, 0.21041%);
    }
    14% {
      -webkit-transform: translate(-0.16267%, -0.20177%);
              transform: translate(-0.16267%, -0.20177%);
    }
    16% {
      -webkit-transform: translate(1.09744%, 0.45016%);
              transform: translate(1.09744%, 0.45016%);
    }
    18% {
      -webkit-transform: translate(-1.79735%, -0.29455%);
              transform: translate(-1.79735%, -0.29455%);
    }
    20%, 100% {
      -webkit-transform: none;
              transform: none;
    }
  }
  .glitch .r::before {
    background: #f00;
  }
  .glitch .g {
    -webkit-animation: rgb-shift-g 3s steps(1, jump-end) infinite alternate both;
            animation: rgb-shift-g 3s steps(1, jump-end) infinite alternate both;
  }
  @-webkit-keyframes rgb-shift-g {
    0% {
      -webkit-transform: translate(0.59671%, 0.27304%);
              transform: translate(0.59671%, 0.27304%);
    }
    2% {
      -webkit-transform: translate(-1.04683%, 0.05442%);
              transform: translate(-1.04683%, 0.05442%);
    }
    4% {
      -webkit-transform: translate(-1.38271%, 0.31086%);
              transform: translate(-1.38271%, 0.31086%);
    }
    6% {
      -webkit-transform: translate(-1.49892%, -0.36895%);
              transform: translate(-1.49892%, -0.36895%);
    }
    8% {
      -webkit-transform: translate(1.80489%, 0.48064%);
              transform: translate(1.80489%, 0.48064%);
    }
    10% {
      -webkit-transform: translate(1.5298%, 0.35332%);
              transform: translate(1.5298%, 0.35332%);
    }
    12% {
      -webkit-transform: translate(0.96441%, 0.15443%);
              transform: translate(0.96441%, 0.15443%);
    }
    14% {
      -webkit-transform: translate(-0.14494%, -0.16716%);
              transform: translate(-0.14494%, -0.16716%);
    }
    16% {
      -webkit-transform: translate(0.14801%, 0.30547%);
              transform: translate(0.14801%, 0.30547%);
    }
    18% {
      -webkit-transform: translate(-0.72477%, -0.18618%);
              transform: translate(-0.72477%, -0.18618%);
    }
    20%, 100% {
      -webkit-transform: none;
              transform: none;
    }
  }
  @keyframes rgb-shift-g {
    0% {
      -webkit-transform: translate(0.59671%, 0.27304%);
              transform: translate(0.59671%, 0.27304%);
    }
    2% {
      -webkit-transform: translate(-1.04683%, 0.05442%);
              transform: translate(-1.04683%, 0.05442%);
    }
    4% {
      -webkit-transform: translate(-1.38271%, 0.31086%);
              transform: translate(-1.38271%, 0.31086%);
    }
    6% {
      -webkit-transform: translate(-1.49892%, -0.36895%);
              transform: translate(-1.49892%, -0.36895%);
    }
    8% {
      -webkit-transform: translate(1.80489%, 0.48064%);
              transform: translate(1.80489%, 0.48064%);
    }
    10% {
      -webkit-transform: translate(1.5298%, 0.35332%);
              transform: translate(1.5298%, 0.35332%);
    }
    12% {
      -webkit-transform: translate(0.96441%, 0.15443%);
              transform: translate(0.96441%, 0.15443%);
    }
    14% {
      -webkit-transform: translate(-0.14494%, -0.16716%);
              transform: translate(-0.14494%, -0.16716%);
    }
    16% {
      -webkit-transform: translate(0.14801%, 0.30547%);
              transform: translate(0.14801%, 0.30547%);
    }
    18% {
      -webkit-transform: translate(-0.72477%, -0.18618%);
              transform: translate(-0.72477%, -0.18618%);
    }
    20%, 100% {
      -webkit-transform: none;
              transform: none;
    }
  }
  .glitch .g::before {
    background: #0f0;
  }
  .glitch .b {
    -webkit-animation: rgb-shift-b 3s steps(1, jump-end) infinite alternate both;
            animation: rgb-shift-b 3s steps(1, jump-end) infinite alternate both;
  }
  @-webkit-keyframes rgb-shift-b {
    0% {
      -webkit-transform: translate(-0.37888%, 0.21258%);
              transform: translate(-0.37888%, 0.21258%);
    }
    2% {
      -webkit-transform: translate(-0.61598%, 0.03133%);
              transform: translate(-0.61598%, 0.03133%);
    }
    4% {
      -webkit-transform: translate(-1.09922%, -0.34857%);
              transform: translate(-1.09922%, -0.34857%);
    }
    6% {
      -webkit-transform: translate(0.0866%, -0.46122%);
              transform: translate(0.0866%, -0.46122%);
    }
    8% {
      -webkit-transform: translate(-1.1808%, -0.47464%);
              transform: translate(-1.1808%, -0.47464%);
    }
    10% {
      -webkit-transform: translate(0.96232%, 0.15071%);
              transform: translate(0.96232%, 0.15071%);
    }
    12% {
      -webkit-transform: translate(0.12596%, 0.15286%);
              transform: translate(0.12596%, 0.15286%);
    }
    14% {
      -webkit-transform: translate(-0.35372%, -0.00902%);
              transform: translate(-0.35372%, -0.00902%);
    }
    16% {
      -webkit-transform: translate(-0.27578%, 0.04493%);
              transform: translate(-0.27578%, 0.04493%);
    }
    18% {
      -webkit-transform: translate(-0.5234%, -0.26174%);
              transform: translate(-0.5234%, -0.26174%);
    }
    20%, 100% {
      -webkit-transform: none;
              transform: none;
    }
  }
  @keyframes rgb-shift-b {
    0% {
      -webkit-transform: translate(-0.37888%, 0.21258%);
              transform: translate(-0.37888%, 0.21258%);
    }
    2% {
      -webkit-transform: translate(-0.61598%, 0.03133%);
              transform: translate(-0.61598%, 0.03133%);
    }
    4% {
      -webkit-transform: translate(-1.09922%, -0.34857%);
              transform: translate(-1.09922%, -0.34857%);
    }
    6% {
      -webkit-transform: translate(0.0866%, -0.46122%);
              transform: translate(0.0866%, -0.46122%);
    }
    8% {
      -webkit-transform: translate(-1.1808%, -0.47464%);
              transform: translate(-1.1808%, -0.47464%);
    }
    10% {
      -webkit-transform: translate(0.96232%, 0.15071%);
              transform: translate(0.96232%, 0.15071%);
    }
    12% {
      -webkit-transform: translate(0.12596%, 0.15286%);
              transform: translate(0.12596%, 0.15286%);
    }
    14% {
      -webkit-transform: translate(-0.35372%, -0.00902%);
              transform: translate(-0.35372%, -0.00902%);
    }
    16% {
      -webkit-transform: translate(-0.27578%, 0.04493%);
              transform: translate(-0.27578%, 0.04493%);
    }
    18% {
      -webkit-transform: translate(-0.5234%, -0.26174%);
              transform: translate(-0.5234%, -0.26174%);
    }
    20%, 100% {
      -webkit-transform: none;
              transform: none;
    }
  }
  .glitch .b::before {
    background: #00f;
  }
  .p-idxGacha {
    --gacha-menu-collapsed-height: 13.35878vw;
    --gacha-menu-control-gap: 3.05344vw;
    --gacha-menu-control-bottom: calc(var(--gacha-menu-collapsed-height) + var(--gacha-menu-control-gap));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: none;
    -webkit-overflow-scrolling: touch;
    z-index: 1000;
  }
  .p-idxGacha.dspNone {
    z-index: unset;
  }
  .is-gacha-subpage-open:not(.is-ipad) .p-idxGacha.is-subpage-open {
    height: 100dvh;
  }
  .p-idxGacha__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/gacha/transition_overlay.svg") center center no-repeat;
    background-size: cover;
  }
  .p-idxGacha__close {
    position: fixed;
    width: 10.17812vw;
    height: 10.17812vw;
    left: 2.29008vw;
    bottom: var(--gacha-menu-control-bottom);
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #000000;
    cursor: pointer;
  }
  .p-idxGachaIndex {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    min-height: 216.79389vw;
  }
  .p-idxGachaIndex__txtJagi {
    position: absolute;
    width: 90.33079vw;
    height: 31.80662vw;
    left: 45.83461vw;
    top: 30.89059vw;
  }
  .p-idxGachaIndex__txt {
    margin-bottom: 1.07296dvh;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  .p-idxGachaIndex__txt > span {
    display: inline-block;
    font-size: 3.30789vw;
    border-radius: 3.05344vw;
    font-weight: 900;
    background-color: #ffffff;
    border: 1px solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 5.08906vw;
    padding: 2.54453vw 3.56234vw;
    white-space: nowrap;
  }
  .p-idxGachaIndex__left {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/gacha/gacha_index_sp.png?0627") center center no-repeat;
    background-size: cover;
  }
  .p-idxGachaIndex__chochin {
    position: absolute;
    width: 18.82952%;
    height: 11.73709%;
  }
  .p-idxGachaIndex__chochin .present {
    position: absolute;
    left: 50%;
    top: 57%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.1);
            transform: translateX(-50%) translateY(-50%) scale(0.1);
  }
  .p-idxGachaIndex #gacha-idx-c1 {
    left: -2.54453%;
    top: 4.22535%;
  }
  .p-idxGachaIndex #gacha-idx-c2 {
    left: 18.32061%;
    top: 5.45775%;
  }
  .p-idxGachaIndex #gacha-idx-c3 {
    left: 40.33079%;
    top: 5.86854%;
  }
  .p-idxGachaIndex #gacha-idx-c4 {
    left: 62.46819%;
    top: 5.45775%;
  }
  .p-idxGachaIndex #gacha-idx-c5 {
    left: 84.6056%;
    top: 4.22535%;
  }
  .p-idxGachaIndex #gacha-idx-c6 {
    left: -2.54453%;
    top: 19.3662%;
  }
  .p-idxGachaIndex #gacha-idx-c7 {
    left: 18.32061%;
    top: 20.59859%;
  }
  .p-idxGachaIndex #gacha-idx-c8 {
    left: 40.33079%;
    top: 21.00939%;
  }
  .p-idxGachaIndex #gacha-idx-c9 {
    left: 62.46819%;
    top: 20.59859%;
  }
  .p-idxGachaIndex #gacha-idx-c10 {
    left: 84.6056%;
    top: 19.3662%;
  }
  .p-idxGachaIndex #gacha-idx-c11 {
    left: -2.54453%;
    top: 34.44836%;
  }
  .p-idxGachaIndex #gacha-idx-c12 {
    left: 18.32061%;
    top: 35.73944%;
  }
  .p-idxGachaIndex #gacha-idx-c13 {
    left: 40.33079%;
    top: 36.15023%;
  }
  .p-idxGachaIndex #gacha-idx-c14 {
    left: 62.46819%;
    top: 35.73944%;
  }
  .p-idxGachaIndex #gacha-idx-c15 {
    left: 84.6056%;
    top: 34.44836%;
  }
  .p-idxGachaIndex__right {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    aspect-ratio: initial;
    height: 100%;
  }
  .p-idxGachaIndex__right.gacha10 {
    background: url("../images/gacha/gacha_index_right_sp.png") 65% 55% no-repeat;
    background-size: cover;
  }
  .p-idxGachaIndex__right.gacha50 {
    background: url("../images/gacha/gacha_index_right_red_sp.png") 65% 55% no-repeat;
    background-size: cover;
  }
  .p-idxGachaIndex__right.gacha100 {
    background: url("../images/gacha/gacha_index_right_black_sp.png") 65% 55% no-repeat;
    background-size: cover;
  }
  .p-idxGachaIndex__counter {
    position: absolute;
    width: 56.99746vw;
    height: 8.26972vw;
    left: 5.59796vw;
    top: 95.41985vw;
    border: 3px solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 2.03562vw;
  }
  .p-idxGachaIndex__cntLabel {
    font-size: 2.92621vw;
    width: 28.24427vw;
    line-height: 7.12468vw;
    text-align: center;
    border-right: 2px dotted #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxGachaIndex__cntVal {
    font-size: 4.58015vw;
    line-height: 7.12468vw;
    text-align: center;
  }
  .p-idxGachaIndex__cntVal span {
    font-size: 3.30789vw;
  }
  .p-idxGachaIndex__btnContainer {
    position: absolute;
    width: 91.09415vw;
    height: 34.35115vw;
    left: 3.94402vw;
    top: 106.36132vw;
  }
  .p-idxGachaIndex__btn {
    width: 44.27481vw;
    height: 16.53944vw;
    border-radius: 8.26972vw;
    margin: 0 0.63613vw;
    border: 4px solid #000000;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    cursor: pointer;
  }
  .p-idxGachaIndex__btn:hover {
    background-color: #ffeb00;
  }
  .p-idxGachaIndex__btn p {
    font-size: 3.30789vw;
  }
  .p-idxGachaIndex__btn::after {
    content: "";
    position: absolute;
    width: 1.65394vw;
    height: 1.65394vw;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 6.743vw;
  }
  .p-idxGachaIndex__btn.selected {
    pointer-events: none;
    background-color: #ffeb00;
  }
  .p-idxGachaIndex .disabled {
    pointer-events: none;
  }
  .p-idxGachaIndex .disabledOff {
    pointer-events: none;
    background-color: #8c8c8c;
  }
  .p-idxGachaIndex__btnLabel1 p {
    width: 10.72961dvh;
    height: 1.50215dvh;
  }
  .p-idxGachaIndex__btnLabel2 p {
    width: 10.72961dvh;
    height: 1.50215dvh;
  }
  .p-idxGachaIndex__btnLabel3 {
    margin-top: 0.42918dvh;
  }
  .p-idxGachaIndex__btnLabel3 p {
    width: 12.12446dvh;
    height: 1.50215dvh;
  }
  .p-idxGachaIndex__btnLabel4 {
    margin-top: 0.42918dvh;
    background-color: #000000;
  }
  .p-idxGachaIndex__btnLabel4 p {
    width: 20.38627dvh;
    height: 4.18455dvh;
    margin-bottom: 2dvh;
  }
  .p-idxGachaIndex__btnLabel4::after {
    border-top: 2px solid #808080;
    border-right: 2px solid #808080;
    right: 1.39485dvh;
  }
  .p-idxGachaIndex__btnGoto {
    position: absolute;
    right: 3.05344vw;
    top: 70.73791vw;
    width: 32.06107vw;
    height: 32.06107vw;
    border-radius: 50%;
    border: 4px solid #000000;
    background-color: #ffeb00;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
  }
  .p-idxGachaIndex__btnGoto p {
    width: 24.42748vw;
    height: 12.34097vw;
  }
  .p-idxGachaIndex__btnGoto::after {
    content: "";
    position: absolute;
    width: 2.29008vw;
    height: 2.29008vw;
    border-top: 4px solid #000000;
    border-right: 4px solid #000000;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    bottom: 2.67176vw;
  }
  .p-idxGachaIndex__btnGoto.disabled {
    background-color: #858585;
    pointer-events: none;
  }
  .p-idxGachaIndex__btmBlock {
    position: absolute;
    width: 89.82188vw;
    height: 34.86005vw;
    left: 5.34351vw;
    top: 145.03817vw;
    display: block;
  }
  .p-idxGachaIndex__btmLeft {
    display: -webkit-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    width: 92.36641vw;
    margin-bottom: 2.54453vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.63613vh;
  }
  .p-idxGachaIndex__btBtn {
    position: relative;
    width: 44.27481vw;
    line-height: 9.16031vw;
    border: 4px solid #000000;
    background-color: #ffffff;
    border-radius: 5.08906vw;
    margin: 0 0.12723vh;
    margin-bottom: 1.27226vw;
    font-size: 3.30789vw;
    font-style: italic;
    text-align: center;
    cursor: pointer;
  }
  .p-idxGachaIndex__btBtn + .p-idxGachaIndex__btBtn {
    margin-top: 0;
  }
  .p-idxGachaIndex__btBtn:hover {
    background-color: #ffeb00;
  }
  .p-idxGachaIndex__btBtn::after {
    content: "";
    position: absolute;
    width: 1.65394vw;
    height: 1.65394vw;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2.67176vw;
  }
  .p-idxGachaIndex__btnkiyaku {
    width: 100%;
    height: auto;
    border-radius: 5.08906vw;
    border: 4px solid #000000;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
  }
  .p-idxGachaIndex__btnkiyaku:hover {
    background-color: #ffeb00;
  }
  .p-idxGachaIndex__btnkiyaku p {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 13.73391dvh;
    height: 1.39485dvh;
  }
  .p-idxGachaIndex__attention {
    width: 89.82188vw;
    height: 22.1374vw;
    font-size: 3.05344vw;
    border-radius: 2.29008vw;
    text-align: center;
    font-style: italic;
    border: 4px solid #000000;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    white-space: nowrap;
    padding: 2.03562vw 3.81679vw;
  }
  .p-idxGachaPlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/gacha/gacha_play_bg2_sp.png") center center no-repeat;
    background-size: cover;
  }
  .p-idxGachaPlay__domStop {
    position: fixed;
    left: auto !important;
    top: auto !important;
    right: 2.29008vw;
    bottom: var(--gacha-menu-control-bottom);
  }
  .p-idxGachaPlay__playBG {
    position: absolute;
    right: 0;
    top: 0;
    aspect-ratio: initial;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*transform: translateX(100%);*/
  }
  .p-idxGachaPlay__domLayer {
    inset: auto;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 750 / 1625;
  }
  .p-idxGachaPlay__domBase {
    inset: auto;
    left: 0;
    top: 0;
    width: 104.8%;
    height: auto;
    max-width: none;
  }
  .p-idxGachaPlay__domEffects {
    -webkit-mask: none;
    mask: none;
  }
  .p-idxGachaPlay__starBG {
    position: absolute;
    right: -155.36481dvh;
    top: 50dvh;
    width: 199.57082dvh;
    height: 199.57082dvh;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-clip-path: url(#gachaClip01);
            clip-path: url(#gachaClip01);
  }
  .p-idxGachaPlay svg {
    position: absolute;
    right: 0;
    top: 0;
    aspect-ratio: 920 / 932;
    height: 100%;
  }
  .p-idxGachaPlay #idxGachaMsk01 {
    position: absolute;
    right: 0;
    top: 0;
    aspect-ratio: 920 / 932;
    height: 100%;
  }
  .p-idxGachaPlay__chochinContainer {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-13%) translateY(10%);
            transform: translateX(-13%) translateY(10%);
    width: 100%;
    height: 100%;
  }
  .p-idxGachaPlay #js-chochinGroup02 {
    -webkit-transform: translateY(8%);
            transform: translateY(8%);
  }
  .p-idxGachaPlay__chochinGroup {
    padding-right: 0.64286vw;
  }
  .p-idxGachaPlay__chochin {
    position: relative;
    width: 41.98473vw;
    height: 42.49364vw;
    padding-bottom: 6.36132vw;
    -webkit-transform-origin: 50% 5%;
            transform-origin: 50% 5%;
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  .p-idxGachaPlay__shouhin {
    position: absolute;
    width: 10.68702vw;
    height: 26.4631vw;
    left: 13.74046vw;
    top: 7.88804vw;
  }
  .p-idxGachaResult {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    min-height: 216.79389vw;
  }
  .p-idxGachaResult__successBG {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(97, 37, 99, 0.6);
  }
  .p-idxGachaResult__failedBG {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .p-idxGachaResult__chochin {
    position: absolute;
    width: 54.96183vw;
    height: 74.17303vw;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%) translateY(18%);
            transform: translateX(-50%) translateY(18%);
  }
  .p-idxGachaResult__chochin.hazure {
    width: 108.88041vw;
    height: 121.47583vw;
    top: 0;
    -webkit-transform: translateX(-50%) translateY(-20%);
            transform: translateX(-50%) translateY(-20%);
  }
  .p-idxGachaResult__shName {
    position: absolute;
    width: 89.82188vw;
    /*@include dvh( 78 );*/
    left: 50%;
    right: auto;
    margin: auto;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -14.24936vw;
    font-size: 2.03863dvh;
    border-radius: 2.14592dvh;
    font-weight: 900;
    line-height: 1.4;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #612563;
    background-color: #ffffff;
    text-align: center;
    padding: 0.85837dvh 4.07725dvh;
  }
  .p-idxGachaResult__shouhin {
    position: absolute;
    left: 6.48855vw;
    top: 23.79135vw;
    width: 41.09415vw;
    height: 38.54962vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* 左右センター */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-idxGachaResult__shouhin img {
    max-width: 100%;
    max-height: 100%;
  }
  .p-idxGachaResult__shouhin.hazure {
    left: 15.28499vw;
    top: 50.02799vw;
    width: 75.85242vw;
    height: 73.61323vw;
    margin-top: 0;
  }
  .p-idxGachaResult__shBtn {
    position: absolute;
    width: 89.05852vw;
    font-size: 3.56234vw;
    border-radius: 5.08906vw;
    padding: 3.05344vw 4.19847vw;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
    border: 1px solid #000000;
    background-color: #fefded;
    left: 50%;
    top: auto;
    bottom: calc(37.4% + 3.05344vw);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
    cursor: pointer;
  }
  .p-idxGachaResult__shBtn:hover {
    background-color: #ffeb00;
  }
  .p-idxGachaResult__dlBtn {
    position: absolute;
    width: 89.05852vw;
    padding: 1.28755dvh 1.28755dvh;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    font-size: 1.71674dvh;
    border-radius: 3.96996dvh;
    font-style: italic;
    font-weight: 900;
    text-align: center;
    border: 1px solid #000000;
    background-color: #ffffff;
    cursor: pointer;
  }
  .p-idxGachaResult__dlBtn:hover {
    background-color: #ffeb00;
  }
  .p-idxGachaResult__dlBtn::after {
    content: "";
    position: absolute;
    width: 2.897dvh;
    height: 2.897dvh;
    background: url("../images/gacha/icon_download.svg") center center no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 4.07725dvh;
  }
  .p-idxGachaResult__dlBtn1 {
    left: 50%;
    top: 62.6%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .p-idxGachaResult__dlBtn2 {
    left: 50%;
    top: 71.62%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .p-idxGachaResult__dlBtn3 {
    left: 50%;
    top: 80.64%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .p-idxGachaResult__msg {
    margin-bottom: 0.76336vw;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  .p-idxGachaResult__msg span {
    display: inline-block;
    font-size: 3.30789vw;
    border-radius: 3.05344vw;
    font-weight: 900;
    background-color: #ffffff;
    border: 1px solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 7.88804vw;
    padding: 0 3.56234vw;
    white-space: nowrap;
  }
  .p-idxGachaResult__msg.large span {
    font-size: 6.48855vw;
    line-height: 10.17812vw;
  }
  .p-idxGachaResultSuccess {
    position: absolute;
    right: 0;
    top: 0;
    aspect-ratio: initial;
    width: 100%;
    height: 100%;
  }
  .p-idxGachaResultSuccess__bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .p-idxGachaResultSuccess__bgImage {
    inset: auto;
    left: 0;
    top: 0;
    width: 104.8%;
    height: 104.86154%;
    max-width: none;
  }
  .p-idxGachaResultSuccess__players {
    -webkit-mask: none;
    mask: none;
  }
  .p-idxGachaResultSuccess__fx {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
  }
  .p-idxGachaResultSuccess__title {
    position: absolute;
    width: 80.91603vw;
    height: 17.17557vw;
    left: 9.28753vw;
    top: 5.72519vw;
    z-index: 2;
  }
  .p-idxGachaResultSuccess__jagi {
    position: absolute;
    width: 21.37405vw;
    height: 24.68193vw;
    left: 5.08906vw;
    top: 106.61578vw;
  }
  .p-idxGachaResultSuccess__btnGoto {
    position: absolute;
    width: 89.82188vw;
    height: 28.11705vw;
    left: 5.08906vw;
    top: 146.05598vw;
    border-radius: 4.19847vw;
    border: 1.01781vw solid #000000;
    background-color: #ffeb00;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
  }
  .p-idxGachaResultSuccess__btnGoto p {
    top: 6.48855vw;
    width: 18.44784vw;
    height: 5.85242vw;
  }
  .p-idxGachaResultSuccess__btnGoto::after {
    content: "";
    position: absolute;
    width: 1.28755dvh;
    height: 1.28755dvh;
    border-top: 3px solid #000000;
    border-right: 3px solid #000000;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2.14592dvh;
  }
  .p-idxGachaResultSuccess__att {
    font-size: 1.28755dvh;
    top: 15.90331vw;
  }
  .p-idxGachaResultSuccess__msgContainer {
    position: absolute;
    left: 28.88041vw;
    top: 103.56234vw;
  }
  .p-idxGachaResultSuccess__copyBtn {
    position: absolute;
    right: 5.08906vw;
    top: 136.89567vw;
    padding: 0 4.45293vw;
    font-size: 2.54453vw;
    border-radius: 3.18066vw;
    font-weight: 900;
    background-color: #ffffff;
    border: 3px solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 5.59796vw;
    text-align: center;
    cursor: pointer;
    display: inline;
  }
  .p-idxGachaResultSuccess__copyBtn::after {
    content: "";
    position: absolute;
    width: 0.85837dvh;
    height: 0.85837dvh;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1.28755dvh;
  }
  .p-idxGachaResultSuccess__ob {
    position: absolute;
    width: 65.13995vw;
    height: 6.36132vw;
    left: 17.43003vw;
    top: 176.71756vw;
    border-radius: 2.29008vw;
    background-color: #ffffff;
    border: 3px solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxGachaResultSuccess__obLabel {
    width: 19.2112vw;
    font-size: 2.54453vw;
    line-height: 5.59796vw;
    text-align: center;
    border-right: 2px dotted #000000;
  }
  .p-idxGachaResultSuccess__date {
    font-size: 3.05344vw;
    line-height: 5.59796vw;
    text-align: center;
  }
  .p-idxGachaResultFailed {
    position: absolute;
    right: 0;
    top: 0;
    aspect-ratio: initial;
    width: 100%;
    height: 100%;
    background: url("../images/gacha/gacha_bg_hazure.png") center center no-repeat;
    background-size: cover;
  }
  .p-idxGachaResultFailed__title {
    position: absolute;
    width: 53.56234vw;
    height: 17.43003vw;
    left: 23.28244vw;
    top: 7.76081vw;
    z-index: 2;
  }
  .p-idxGachaResultFailed__jagi {
    position: absolute;
    width: 26.33588vw;
    height: 30.15267vw;
    left: 15.52163vw;
    top: 87.40458vw;
  }
  .p-idxGachaResultFailed__msgContainer {
    position: absolute;
    width: 39.69466vw;
    height: 19.08397vw;
    left: 45.16539vw;
    top: 94.27481vw;
  }
  .p-idxGachaResultFailed__btnBlock {
    position: absolute;
    width: 68.70229vw;
    height: 25.44529vw;
    left: 17.04835vw;
    top: 55.21628vw;
  }
  .p-idxGachaResultFailed__btn {
    position: relative;
    width: 100%;
    line-height: 5.79399dvh;
    border: 3px solid #000000;
    background-color: #ffffff;
    border-radius: 3.21888dvh;
    font-size: 2.25322dvh;
    font-style: italic;
    text-align: center;
    margin-bottom: 2.14592dvh;
    cursor: pointer;
  }
  .p-idxGachaResultFailed__btn:hover {
    background-color: #ffeb00;
  }
  .p-idxGachaResultFailed__btn::after {
    content: "";
    position: absolute;
    width: 0.96567dvh;
    height: 0.96567dvh;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1.93133dvh;
  }
  .p-idxMachigai {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .p-idxMachigai.open {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .p-idxMachigai.eventNone {
    pointer-events: none;
  }
  .p-idxMachigai__cover {
    position: absolute;
    aspect-ratio: initial;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
  }
  .p-idxMachigai__inner {
    position: absolute;
    aspect-ratio: initial;
    width: 100%;
    height: 100%;
    right: 0;
  }
  .p-idxMachigai__inner svg {
    position: absolute;
    aspect-ratio: initial;
    height: 100%;
    right: 0;
    pointer-events: none;
  }
  .p-idxMachigai__msgContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
  }
  .p-idxMachigai__msgInner {
    width: 100%;
  }
  .p-idxMachigai__iconRyuken {
    position: relative;
    width: 25.82697vw;
    height: 25.57252vw;
    margin-left: 2.16285vw;
    margin-right: 2.16285vw;
  }
  .p-idxMachigai__iconJagi {
    position: relative;
    width: 26.4631vw;
    height: 25.57252vw;
    margin-left: 2.16285vw;
    margin-right: 2.16285vw;
  }
  .p-idxMachigai__txt {
    margin-bottom: 1.52672vw;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  .p-idxMachigai__txt > span {
    display: inline-block;
    font-size: 3.56234vw;
    border-radius: 3.56234vw;
    font-weight: 900;
    background-color: #ffffff;
    border: 3px solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 1.4;
    padding: 4.07125vw 4.07125vw;
  }
  .p-idxMachigai__txt img {
    width: 42.62087vw;
    height: 8.90585vw;
    margin-top: 3.18066vw;
  }
  .p-idxMachigai__txt.right {
    text-align: right;
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
  .p-idxMachigai__close {
    position: fixed;
    width: 10.17812vw;
    height: 10.17812vw;
    left: 2.29008vw;
    bottom: 15.26718vw;
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #000000;
    cursor: pointer;
  }
  .p-idxMachigaiIndex {
    position: absolute;
    aspect-ratio: initial;
    width: 100%;
    height: auto;
    min-height: 216.79389vw;
    top: 0;
    right: 0;
    background: url("../images/quiz_bg_sp.svg") left top no-repeat;
    background-size: cover;
    -webkit-clip-path: none;
            clip-path: none;
  }
  .p-idxMachigaiIndex__title {
    position: absolute;
    width: 83.46056vw;
    height: 42.87532vw;
    left: 5.47074vw;
    top: 9.92366vw;
  }
  .p-idxMachigaiIndex__header {
    position: absolute;
    width: 34.6056vw;
    height: 33.07888vw;
    right: 0;
    top: 0;
  }
  .p-idxMachigaiIndex__t2 {
    position: absolute;
    width: 100%;
    height: 24.0458vw;
    left: 0;
    top: 56.61578vw;
  }
  .p-idxMachigaiIndex__startBtn {
    position: absolute;
    width: 27.8626vw;
    height: 6.743vw;
    right: 8.52417vw;
    top: 64.63104vw;
    cursor: pointer;
  }
  .p-idxMachigaiIndex__startBtn::after {
    content: "";
    position: absolute;
    width: 1.71674dvh;
    height: 1.71674dvh;
    border-left: 3px solid #000000;
    border-top: 3px solid #000000;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    right: -3.00429dvh;
  }
  .p-idxMachigaiIndex__odai {
    position: absolute;
    width: 22.90076vw;
    height: 4.3257vw;
    left: 20.99237vw;
    top: 85.62341vw;
  }
  .p-idxMachigaiIndex__thumb {
    position: absolute;
    width: 40.33079vw;
    height: 40.20356vw;
    left: 12.08651vw;
    top: 93.51145vw;
    border: 1px solid #000000;
    border-radius: 5.72519vw;
    overflow: hidden;
  }
  .p-idxMachigaiIndex__thumbTxt {
    position: absolute;
    width: 56.61578vw;
    height: 15.26718vw;
    left: 4.83461vw;
    top: 136.76845vw;
    font-size: 3.05344vw;
  }
  .p-idxMachigaiIndex__txtCon {
    position: absolute;
    width: 33.33333vw;
    height: 63.61323vw;
    right: 5.85242vw;
    top: 138.67684vw;
  }
  .p-idxMachigaiIndex__txt {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    line-height: 2.2;
    letter-spacing: 0.19em;
    font-size: 3.43511vw;
  }
  .p-idxMachigaiIndex__ryuken {
    position: absolute;
    width: 33.33333vw;
    height: 38.29517vw;
    right: 5.85242vw;
    top: 94.91094vw;
  }
  .p-idxEnterChallenge {
    position: absolute;
    width: 60.15267vw;
    height: 89.05852vw;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 100.74046vw;
    padding: 5.08906vw 0;
  }
  .p-idxEnterChallenge__odaiImg {
    width: 32.06107vw;
    margin-bottom: 1.27226vw;
  }
  .p-idxEnterChallenge__odaiDsc {
    font-size: 3.05344vw;
  }
  .p-idxEnterChallenge__odaiDsc {
    font-size: 3.05344vw;
  }
  .p-idxOpening {
    position: absolute;
    width: 1657px;
    height: 932px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 999;
  }
  .p-idxOpening__cloud {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .p-idxOpening__title {
    position: absolute;
    width: 89.82188vw;
    height: 19.46565vw;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .p-idxHowto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
  }
  .p-idxHowto #howto_txt1 {
    margin-top: 48.34606vw;
  }
  .p-idxHowto #howto_txt2 {
    margin-top: 48.34606vw;
  }
  .p-idxHowto #howto_txt3 {
    margin-top: 48.34606vw;
  }
  .p-idxHowto #howto_txt4 {
    margin-top: 48.34606vw;
  }
  .p-idxHowto #sp-howtoBlock01 {
    margin-bottom: 48.34606vw;
  }
  .p-idxHowto #sp-howtoBlock02 {
    margin-bottom: 48.34606vw;
  }
  .p-idxHowto #sp-howtoBlock03 {
    margin-bottom: 48.34606vw;
  }
  .p-idxHowto #sp-howtoBlock04 {
    margin-bottom: 48.34606vw;
  }
  .p-idxHowto .dspNone {
    display: none !important;
  }
  .p-idxHowto__blockImg {
    display: block;
  }
  .p-idxHowto__nextBtn {
    position: fixed;
    width: 27.98982vw;
    height: 10.17812vw;
    left: 51.14504vw;
    bottom: 27.98982vw;
  }
  .p-idxHowto__backBtn {
    position: fixed;
    width: 27.98982vw;
    height: 10.17812vw;
    left: 20.73791vw;
    bottom: 27.98982vw;
  }
  .p-idxHowto__opMovieBtn {
    position: fixed;
    width: 71.24682vw;
    height: 10.17812vw;
    left: auto;
    right: 10.68702vw;
    bottom: 15.52163vw;
    line-height: 9.16031vw;
    font-size: 4.07125vw;
    border-radius: 5.08906vw;
    border: 4px solid #000000;
    background-color: #ffffff;
    text-align: center;
  }
  .p-idxHowto__opMovieBtn::after {
    content: "";
    position: absolute;
    width: 1.65394vw;
    height: 1.65394vw;
    border-left: 3px solid #000000;
    border-top: 3px solid #000000;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    right: 4.07125vw;
  }
  .p-idxHowto__close {
    position: absolute;
    width: 10.17812vw;
    height: 10.17812vw;
    top: auto;
    right: auto;
    left: 4.83461vw;
    bottom: 15.52163vw;
    background-color: #ffffff;
    border: 1px solid #000000;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    cursor: pointer;
  }
  .p-idxHowto__close::before {
    content: "";
    position: absolute;
    height: 0.21459dvh;
    width: 60%;
    background-color: #000000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .p-idxHowto__close::after {
    content: "";
    position: absolute;
    width: 0.21459dvh;
    height: 60%;
    background-color: #000000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .p-idxHowto__title {
    position: absolute;
    width: 29.29185dvh;
    height: 13.8412dvh;
    left: 0;
    right: 0;
    margin: auto;
    top: 6.11588dvh;
  }
  .p-idxHowto__txtContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: none;
            transform: none;
    overflow-y: auto;
  }
  .p-idxHowto__txtBlock {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .p-idxHowto__txtBlock.small {
    height: auto;
  }
  .p-idxHowto__txtBlock.large {
    height: auto;
  }
  .p-idxHowto__txt {
    padding: 1.27226vw 5.34351vw;
    margin-bottom: 2.54453vw;
  }
  .p-idxHowto__txt span {
    font-size: 4.07125vw;
    font-weight: 900;
    background-color: #ffffff;
    padding: 1.78117vw 1.78117vw;
  }
  .p-idxHowto__txt.blockMargin {
    margin-bottom: 10.81425vw;
  }
  .p-idxHowto__txt.top {
    margin-top: 100dvh;
  }
  .p-idxHowto__right {
    display: none;
  }
  .p-idxHowto__block1 {
    display: none;
  }
  .p-idxHowto__block2 {
    display: none;
  }
  .p-idxHowto__block3 {
    display: none;
  }
  .p-idxHowto__block4 {
    display: none;
  }
  .p-idxHowto__blockImg {
    width: 100%;
    margin-bottom: 10.81425vw;
  }
  .p-idxHowto__scroll {
    position: absolute;
    width: 2.36052dvh;
    height: 18.66953dvh;
    right: 1.71674dvh;
    bottom: 1.18026dvh;
  }
  .p-idxHowto #howto_txt1 {
    margin-top: 63.61323vw;
  }
  .p-idxHowto #howto_end {
    margin-bottom: 38.16794vw;
  }
  .p-idxHowto__block {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .p-idxHowto__shaken1 {
    position: absolute;
    width: 38.51931dvh;
    height: 25.64378dvh;
    left: 38.09013dvh;
    top: 24.67811dvh;
  }
  .p-idxHowto__shaken2 {
    position: absolute;
    width: 38.51931dvh;
    height: 23.92704dvh;
    left: 38.09013dvh;
    top: 59.01288dvh;
  }
  .p-idxHowto__icon1 {
    position: absolute;
    width: 16.41631dvh;
    height: 16.41631dvh;
    left: 71.88841dvh;
    top: 18.45494dvh;
  }
  .p-idxHowto__icon2 {
    position: absolute;
    width: 16.41631dvh;
    height: 16.41631dvh;
    left: 71.88841dvh;
    top: 52.03863dvh;
  }
  .p-idxHowto__shokaku {
    position: absolute;
    width: 79.72103dvh;
    height: 45.70815dvh;
    left: 11.48069dvh;
    top: 31.11588dvh;
  }
  .p-idxHowto__background {
    position: absolute;
    width: 1400px;
    height: 932px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .p-idxHowto__monitor {
    position: absolute;
    width: 1400px;
    height: 932px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .p-idxHowto__monitor1 {
    position: absolute;
    width: 13.32%;
    aspect-ratio: 373 / 220;
    left: 3.107%;
    top: 23.336%;
    overflow: hidden;
  }
  .p-idxHowto__monitor1 .glitch {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/login/monitor_1.png") center center no-repeat;
    background-size: cover;
  }
  .p-idxHowto__monitor2 {
    position: absolute;
    width: 13.42%;
    aspect-ratio: 376 / 220;
    left: 17.17%;
    top: 23.336%;
    overflow: hidden;
  }
  .p-idxHowto__monitor2 .glitch {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/login/monitor_2.png") center center no-repeat;
    background-size: cover;
  }
  .p-idxHowto__monitor3 {
    position: absolute;
    width: 13.35%;
    aspect-ratio: 374 / 220;
    left: 31.28%;
    top: 23.336%;
    overflow: hidden;
  }
  .p-idxHowto__monitor3 .glitch {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/login/monitor_3.png") center center no-repeat;
    background-size: cover;
  }
  .p-idxHowto__monitor4 {
    position: absolute;
    width: 13.35%;
    aspect-ratio: 374 / 220;
    left: 55.71%;
    top: 23.336%;
    overflow: hidden;
  }
  .p-idxHowto__monitor4 .glitch {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/login/monitor_4.png") center center no-repeat;
    background-size: cover;
  }
  .p-idxHowto__monitor5 {
    position: absolute;
    width: 13.39%;
    aspect-ratio: 375 / 220;
    left: 69.82%;
    top: 23.336%;
    overflow: hidden;
  }
  .p-idxHowto__monitor5 .glitch {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/login/monitor_5.png") center center no-repeat;
    background-size: cover;
  }
  .p-idxHowto__monitor6 {
    position: absolute;
    width: 13.39%;
    aspect-ratio: 375 / 220;
    left: 83.92%;
    top: 23.336%;
    overflow: hidden;
  }
  .p-idxHowto__monitor6 .glitch {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/login/monitor_6.png") center center no-repeat;
    background-size: cover;
  }
  .p-idxTutoreal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .p-idxTutoreal__txt {
    position: absolute;
    font-size: 1.71674dvh;
    font-weight: normal;
    white-space: nowrap;
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #ffffff;
    text-align: center;
    padding: 2.6824dvh 2.6824dvh;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxTutoreal__txt1 {
    width: 44.09871dvh;
    height: 8.04721dvh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .p-idxTutoreal__txt2 {
    width: 29.93562dvh;
    height: 8.3691dvh;
    right: 18.13305dvh;
    top: 6.97425dvh;
    padding: 1.28755dvh 2.6824dvh;
    text-align: left;
  }
  .p-idxTutoreal__txt2::after {
    content: "";
    position: absolute;
    width: 1.82403dvh;
    height: 1.82403dvh;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -1.82403dvh;
    background: url("../images/tutorial/fkds_arw.png") center center no-repeat;
    background-size: contain;
  }
  .p-idxTutoreal__txt3 {
    width: 26.71674dvh;
    height: 8.3691dvh;
    right: 9.22747dvh;
    top: 50.53648dvh;
    padding: 1.39485dvh 2.6824dvh;
    text-align: left;
  }
  .p-idxTutoreal__txt3::after {
    content: "";
    position: absolute;
    width: 1.82403dvh;
    height: 1.82403dvh;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -1.82403dvh;
    background: url("../images/tutorial/fkds_arw.png") center center no-repeat;
    background-size: contain;
  }
  .p-idxGachaKiyaku {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
  }
  .is-gacha-subpage-open:not(.is-ipad) .p-idxGachaKiyaku {
    height: 100dvh;
  }
  .p-idxGachaKiyaku__inner {
    position: relative;
    width: 100%;
    height: 100%;
    left: auto;
    top: auto;
    padding: 9.92366vw 5.08906vw calc(9.92366vw + env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxGachaKiyaku__inner::-webkit-scrollbar {
    width: 8px;
    /* 横幅設定 */
  }
  .p-idxGachaKiyaku__inner::-webkit-scrollbar-thumb {
    background: #ffffff;
    /* ハンドルの色 */
  }
  .p-idxGachaKiyaku__inner::-webkit-scrollbar-track {
    background: #828080;
    /* 背景色 */
  }
  .p-idxGachaKiyaku__title {
    position: relative;
    width: 49.36387vw;
    height: 6.10687vw;
    margin: 0 auto;
    margin-bottom: 6.87023vw;
  }
  .p-idxGachaKiyaku__head {
    font-size: 3.05344vw;
    font-weight: 500;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 5px 11px;
    margin-bottom: 12px;
  }
  .p-idxGachaKiyaku__body {
    font-size: 3.05344vw;
    font-weight: normal;
    color: #ffffff;
    margin-bottom: 8.14249vw;
    line-height: 1.8;
  }
  .p-idxGachaKiyaku__footer {
    border: 1px solid #ffffff;
    margin-bottom: 40px;
  }
  .p-idxGachaKiyaku__footer a {
    color: #ffffff !important;
  }
  .p-idxGachaKiyaku__ft1 {
    font-size: 3.05344vw;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    padding: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid #ffffff;
  }
  .p-idxGachaKiyaku__ft2 {
    font-size: 3.05344vw;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    padding: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxGachaKiyaku__ft2 span {
    font-size: 10px;
    display: inline-block;
    margin-bottom: 5px;
    color: #ffffff !important;
  }
  .p-idxGachaKiyaku__close {
    position: relative;
    width: 15.02146dvh;
    height: 5.36481dvh;
    border-radius: 2.6824dvh;
    border: 3px solid #000000;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    cursor: pointer;
  }
  .p-idxGachaKiyaku__close:hover {
    background-color: #ffeb00;
  }
  .p-idxGachaKiyaku__close p {
    position: absolute;
    width: 1.60944dvh;
    height: 1.60944dvh;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3.00429dvh;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .p-idxGachaKiyaku__close p::before {
    content: "";
    position: absolute;
    height: 0.21459dvh;
    width: 100%;
    background-color: #000000;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .p-idxGachaKiyaku__close p::after {
    content: "";
    position: absolute;
    width: 0.21459dvh;
    height: 100%;
    background-color: #000000;
    left: 0;
    right: 0;
    margin: auto;
  }
  .p-idxGachaKiyaku__close div {
    position: absolute;
    width: 6.75966dvh;
    height: 2.14592dvh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: translateX(1.5dvh);
            transform: translateX(1.5dvh);
  }
  .p-idxGachaShouhin {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
  }
  .is-gacha-subpage-open:not(.is-ipad) .p-idxGachaShouhin {
    height: 100dvh;
  }
  .p-idxGachaShouhin__inner {
    position: relative;
    width: 100%;
    height: 100%;
    left: auto;
    top: auto;
    padding: 9.92366vw 5.08906vw calc(9.92366vw + env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxGachaShouhin__inner::-webkit-scrollbar {
    width: 8px;
    /* 横幅設定 */
  }
  .p-idxGachaShouhin__inner::-webkit-scrollbar-thumb {
    background: #ffffff;
    /* ハンドルの色 */
  }
  .p-idxGachaShouhin__inner::-webkit-scrollbar-track {
    background: #828080;
    /* 背景色 */
  }
  .p-idxGachaShouhin__title {
    position: relative;
    width: 25.31807vw;
    height: 6.10687vw;
    margin: 0 auto;
    margin-bottom: 6.87023vw;
  }
  .p-idxGachaKiyakuShohin__title {
    font-size: 3.05344vw;
    font-weight: 500;
    color: #ffffff;
    padding: 6px 0;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 26px;
  }
  .p-idxGachaKiyakuShohin__notice {
    font-size: 3.05344vw;
    margin: 6.36132vw 0;
  }
  .p-idxGachaKiyakuShohin__block + .p-idxGachaKiyakuShohin__block {
    padding-top: 26px;
    border-top: 1px dotted #ffffff;
    margin-top: 32px;
  }
  .p-idxGachaKiyakuShohin__blockLabel {
    font-size: 3.05344vw;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 14px;
  }
  .p-idxGachaKiyakuShohin__items + .p-idxGachaKiyakuShohin__items {
    margin-top: 2.25322dvh;
  }
  .p-idxGachaKiyakuShohin__btm {
    margin-bottom: 25.44529vw;
  }
  .p-idxGachaKiyakuShohin__item {
    width: 16.28499vw;
  }
  .p-idxGachaKiyakuShohin__item + .p-idxGachaKiyakuShohin__item {
    margin-left: 1.65394vw;
  }
  .p-idxGachaKiyakuShohin__col {
    position: relative;
    font-size: 3.05344vw;
    font-weight: normal;
    color: #ffffff;
    padding-left: 3.56234vw;
    margin-bottom: 2.54453vw;
  }
  .p-idxGachaKiyakuShohin__col::before {
    content: "";
    position: absolute;
    width: 3.30789vw;
    height: 3.30789vw;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
  }
  .p-idxGachaKiyakuShohin__thumb {
    width: 100%;
    height: 11.80258dvh;
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 0.63613vw;
  }
  .p-idxGachaKiyakuShohin__pName {
    font-size: 3.05344vw;
  }
  .p-idxGachaMyPage {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }
  .is-gacha-subpage-open:not(.is-ipad) .p-idxGachaMyPage {
    height: 100dvh;
  }
  .p-idxGachaMyPage__inner {
    position: relative;
    width: 100%;
    height: auto;
    left: auto;
    top: auto;
    padding: 9.92366vw 5.08906vw calc(9.92366vw + env(safe-area-inset-bottom));
    overflow-y: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxGachaMyPage__inner::-webkit-scrollbar {
    width: 8px;
    /* 横幅設定 */
  }
  .p-idxGachaMyPage__inner::-webkit-scrollbar-thumb {
    background: #ffffff;
    /* ハンドルの色 */
  }
  .p-idxGachaMyPage__inner::-webkit-scrollbar-track {
    background: #828080;
    /* 背景色 */
  }
  .p-idxGachaMyPage__history {
    border-top: 2px solid #ffffff;
    padding-top: 7.63359vw;
  }
  .p-idxGachaMyPage__notice {
    font-size: 2.54453vw;
    color: #f23535;
    width: 68%;
    margin: 0 auto;
    margin-bottom: 3.81679vw;
  }
  .p-idxGachaMyPage__title {
    position: relative;
    width: 25.57252vw;
    height: 5.34351vw;
    margin: 0 auto;
    margin-bottom: 3.18066vw;
  }
  .p-idxGachaMyPage__item {
    border: 2px solid #ffffff;
    margin-bottom: 5.08906vw;
  }
  .p-idxGachaMyPage__block {
    border: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 0;
  }
  .p-idxGachaMyPage__block + .p-idxGachaMyPage__block {
    border-top: 2px solid #ffffff;
  }
  .p-idxGachaMyPage__thumb {
    width: 27.48092vw;
    height: 27.48092vw;
  }
  .p-idxGachaMyPage__b1 {
    height: 5.79399dvh;
    border-bottom: 1px solid #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxGachaMyPage__b2 {
    height: 5.79399dvh;
  }
  .p-idxGachaMyPage__t1 {
    font-size: 3.56234vw;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: 1.2;
    width: 100%;
    border-right: none;
    border-bottom: 2px dotted #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 7.25191vw;
  }
  .p-idxGachaMyPage__t2 {
    font-size: 3.56234vw;
    font-weight: normal;
    color: #ffffff;
    line-height: 1.2;
    width: 100%;
    border-right: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 19.59288vw;
    padding: 0 2.54453vw;
  }
  .p-idxGachaMyPage__t3 {
    font-size: 3.05344vw;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    width: 27.73537vw;
    height: 22.51908vw;
    border-right: 1px dotted #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxGachaMyPage__t4 {
    width: 100%;
    border-right: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 22.51908vw;
  }
  .p-idxGachaMyPage__t4 p {
    font-size: 3.05344vw;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
  }
  .p-idxGachaMyPage__t4 p + .p-idxGachaMyPage__t4 p {
    margin-top: 0.21459dvh;
  }
  .p-idxGachaMyPage__t5 {
    font-size: 3.05344vw;
    font-weight: normal;
    color: #ffffff;
    width: 27.73537vw;
    height: 12.46819vw;
    border-right: 2px dotted #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxGachaMyPage__t6 {
    font-size: 3.05344vw;
    font-weight: normal;
    color: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 12.46819vw;
    text-align: center;
  }
  .p-idxGachaMyPage__copy {
    position: relative;
    font-size: 3.05344vw;
    font-weight: normal;
    text-align: center;
    width: 56.743vw;
    line-height: 7.12468vw;
    border-radius: 3.81679vw;
    border: 1px solid #ffffff;
    margin-top: 1.9084vw;
    cursor: pointer;
  }
  .p-idxGachaMyPage__copy::after {
    content: "";
    position: absolute;
    width: 1.52672vw;
    height: 1.52672vw;
    border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    right: 3.05344vw;
  }
  .p-idxGachaMyPage__oubo {
    position: relative;
    width: 30.53435vw;
    font-size: 4.07125vw;
    line-height: 9.16031vw;
    border-radius: 5.08906vw;
    background-color: #ffeb00;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 5.08906vw;
    cursor: pointer;
  }
  .p-idxGachaMyPage__oubo::after {
    content: "";
    position: absolute;
    width: 1.52672vw;
    height: 1.52672vw;
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    right: 3.43511vw;
  }
  .p-idxGachaMyPage__close {
    position: relative;
    width: 15.02146dvh;
    height: 5.36481dvh;
    border-radius: 2.6824dvh;
    border: 3px solid #000000;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 19.08397vw;
    cursor: pointer;
  }
  .p-idxGachaMyPage__close:hover {
    background-color: #ffeb00;
  }
  .p-idxGachaMyPage__close p {
    position: absolute;
    width: 1.60944dvh;
    height: 1.60944dvh;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3.00429dvh;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .p-idxGachaMyPage__close p::before {
    content: "";
    position: absolute;
    height: 0.21459dvh;
    width: 100%;
    background-color: #000000;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .p-idxGachaMyPage__close p::after {
    content: "";
    position: absolute;
    width: 0.21459dvh;
    height: 100%;
    background-color: #000000;
    left: 0;
    right: 0;
    margin: auto;
  }
  .p-idxGachaMyPage__close div {
    position: absolute;
    width: 6.75966dvh;
    height: 2.14592dvh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: translateX(1.5dvh);
            transform: translateX(1.5dvh);
  }
  .p-idxMission {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    overflow-y: auto;
  }
  .p-idxMission__inner {
    position: relative;
    width: 89.82188vw;
    height: auto;
    min-height: 197.20102vw;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0 auto;
    margin-top: 23.15522vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxMission__title {
    position: relative;
    width: 55.97964vw;
    height: 10.17812vw;
    margin: 0 auto;
    margin-bottom: 0.50891vw;
  }
  .p-idxMission__list {
    border: 0.50891vw solid #ffffff;
    border-radius: 5.08906vw;
  }
  .p-idxMission__block {
    width: 100%;
    height: 15.26718vw;
  }
  .p-idxMission__block + .p-idxMission__block {
    border-top: 1px dotted #ffffff;
  }
  .p-idxMission__block.link::after {
    width: 1.78117vw;
    height: 1.78117vw;
    right: 1.9084vw;
  }
  .p-idxMission__min {
    height: 14.50382vw;
  }
  .p-idxMission__min .p-idxMission__label {
    text-align: center;
  }
  .p-idxMission__footer {
    height: 21.6285vw;
    padding: 5.08906vw 3.81679vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
  }
  .p-idxMission__label {
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    color: #ffffff;
    text-align: right;
    padding: 0 2.54453vw 0 2.54453vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-idxMission__label .notice {
    line-height: 1.4;
  }
  .p-idxMission__lbl {
    font-size: 3.43511vw;
    display: inline-block;
    line-height: 1.3;
    white-space: nowrap;
  }
  .p-idxMission__spn {
    font-size: 1.78117vw;
    line-height: 1.3;
    display: inline-block;
  }
  .p-idxMission__shaken {
    width: 36.13232vw;
    height: 15.26718vw;
  }
  .p-idxMission__shaken img {
    height: 51.66%;
  }
  .p-idxMission__pt {
    width: 26.93133dvh;
    height: 9.54936dvh;
    padding: 0 1.39485dvh;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 900 !important;
    font-style: normal;
    font-size: 8.47639dvh;
    color: #ffffff;
    line-height: 1;
  }
  .p-idxMission__pt span {
    font-size: 2.7897dvh;
    display: inline-block;
    margin-right: 1dvh;
    -webkit-transform: translateY(-0.2dvh);
            transform: translateY(-0.2dvh);
  }
  .p-idxMission__notice {
    font-size: 3.05344vw;
  }
  .p-idxMission__close {
    position: relative;
    width: 28.24427vw;
    height: 10.17812vw;
    font-size: 4.07125vw;
    border: 0.50891vw solid #000000;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    cursor: pointer;
  }
  .p-idxMission__close:hover {
    background-color: #ffeb00;
  }
  .p-idxMission__close p {
    position: absolute;
    width: 1.60944dvh;
    height: 1.60944dvh;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3.00429dvh;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .p-idxMission__close p::before {
    content: "";
    position: absolute;
    height: 0.21459dvh;
    width: 100%;
    background-color: #000000;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .p-idxMission__close p::after {
    content: "";
    position: absolute;
    width: 0.21459dvh;
    height: 100%;
    background-color: #000000;
    left: 0;
    right: 0;
    margin: auto;
  }
  .p-idxMission__close div {
    position: absolute;
    width: 6.75966dvh;
    height: 2.14592dvh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: translateX(1.5dvh);
            transform: translateX(1.5dvh);
  }
  .p-soundBtn {
    position: absolute;
    width: 4.29185dvh;
    height: 4.29185dvh;
    right: 0.96567dvh;
    bottom: 15.66524dvh;
    cursor: pointer;
  }
  .p-idxALert {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .p-idxALert__iconJagi {
    position: relative;
    width: 26.4631vw;
    height: 25.57252vw;
    margin-left: 2.16285vw;
    margin-right: 2.16285vw;
  }
  .p-idxALert__txt {
    margin-bottom: 1.52672vw;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  .p-idxALert__txt > span {
    display: inline-block;
    font-size: 3.56234vw;
    border-radius: 3.56234vw;
    font-weight: 900;
    background-color: #ffffff;
    border: 3px solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 1.4;
    padding: 4.07125vw 4.07125vw;
  }
  .p-idxALert__txt img {
    width: 42.62087vw;
    height: 8.90585vw;
    margin-top: 3.18066vw;
  }
  .p-idxALert__txt.right {
    text-align: right;
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
  #map-move-top {
    left: 0;
    right: 0;
    margin: auto;
    top: 5.08906vw;
  }
  #map-move-bottom {
    left: 0;
    right: 0;
    margin: auto;
    top: 76.33588vw;
  }
  #map-move-left {
    top: 40.71247vw;
    left: 2.79898vw;
  }
  #map-move-right {
    top: 40.71247vw;
    right: 2.79898vw;
  }
  .p-notSupport {
    background: url(../images/not_support_bg_sp.png) center center no-repeat;
  }
  .p-notSupport__inner {
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
  }
  .p-notSupport__mainTxt {
    display: block;
    font-size: 7.63359vw;
    margin-bottom: 5.85242vw;
  }
  .p-notSupport__box {
    width: 89.82188vw;
    height: 26.97201vw;
    border: 1px solid #ffffff;
    padding: 16px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
  }
  .p-notSupport__txt1 {
    font-size: 10.17812vw;
    margin-bottom: 4.19847vw;
  }
  .p-notSupport__txt2 {
    font-size: 5.08906vw;
  }
  .p-notSupport__footer {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 5.08906vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    bottom: 26.20865vw;
  }
  .p-notSupport__yaranakya {
    width: 56.99746vw;
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 4.70738vw;
  }
  .p-notSupport__notice {
    font-size: 3.05344vw;
    margin-right: 0;
    padding: 3.81679vw 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 0;
  }
  .p-notSupport__ctc {
    width: 15.01272vw;
  }
  .p-notSupport__ctc + .p-notSupport__ctc {
    margin-left: 0;
  }
  #ft-ctc01 {
    position: absolute;
    left: 34.6056vw;
    bottom: -18.06616vw;
  }
  #ft-ctc02 {
    position: absolute;
    left: 51.9084vw;
    bottom: -18.06616vw;
  }
  .p-horizontal {
    background: url(../images/bg_landscape.png) center center no-repeat;
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1005;
  }
  .p-horizontal__main {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .p-horizontal__inner {
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
  }
  .p-horizontal__mainTxt {
    color: #ffffff;
    display: block;
    font-size: 5.59796vh;
    line-height: 1;
    margin-bottom: 7.12468vh;
  }
  .p-horizontal__yaranakya {
    width: 56.99746vh;
    margin: 0 auto;
  }
  .p-horizontal__footer {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 5.08906vh;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    bottom: 3.18066vh;
  }
  .p-horizontal__notice {
    font-size: 3.05344vh;
    font-weight: normal;
    color: #ffffff;
  }
  html.is-ipad .l-navContainer {
    height: 100%;
  }
  html.is-ipad .p-userStatus {
    height: 66.56%;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  html.is-ipad .p-idxHowto,
  html.is-ipad .p-idxHowto__txtContainer {
    height: 100%;
    min-height: 100%;
  }
  html.is-ipad .p-idxHowto__background,
  html.is-ipad .p-idxHowto__monitor {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
  html.is-ipad .p-idxHowto__background {
    overflow: hidden;
  }
  html.is-ipad .p-idxHowto__background .c-media__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  html.is-ipad .p-idxHowto__nextBtn,
  html.is-ipad .p-idxHowto__backBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
  }
}

/* --------------------------- */
/* text */
.u-txt-lh0 {
  line-height: 0;
}

.u-txt-indent {
  text-indent: 1em;
}

.u-txt-indent-left {
  text-indent: -0.5em;
}

.u-txt-strong {
  font-weight: bold;
}

.u-txt-italic {
  font-face: italic;
}

.u-txt-center {
  text-align: center;
}

.u-txt-ls {
  letter-spacing: -0.05em;
}

.u-txt-ls2 {
  letter-spacing: -0.08em;
}

.u-txt-min {
  font-size: 60%;
}

.u-txt-nolink {
  pointer-events: none;
}

.u-txt-green {
  color: #1aa150;
}

.u-txt-kerning {
  margin: 0 -0.2em;
}

/* --------------------------- */
/* position */
.u-ab {
  position: absolute;
}

.u-rel {
  position: relative;
}

.u-fix {
  position: fixed;
}

/* -- foundation -- */
/* --------------------------- */
/* margin */
.u-mb--ex-small3 {
  margin-bottom: 20px;
}

.u-mb--ex-small2 {
  margin-bottom: 25px;
}

.u-mb--ex-small1 {
  margin-bottom: 30px;
}

.u-mb--ex-small {
  margin-bottom: 40px;
}

.u-mb--small {
  margin-bottom: 60px;
}

.u-mb--default {
  margin-bottom: 80px;
}

.u-mb--large {
  margin-bottom: 100px;
}

.u-mb--ex-large {
  margin-bottom: 120px;
}

@media only screen and (max-width: 786px) {
  .u-mb--ex-small3 {
    margin-bottom: 10px;
  }
  .u-mb--ex-small2 {
    margin-bottom: 13px;
  }
  .u-mb--ex-small1 {
    margin-bottom: 16px;
  }
  .u-mb--ex-small {
    margin-bottom: 20px;
  }
  .u-mb--small {
    margin-bottom: 30px;
  }
  .u-mb--default {
    margin-bottom: 40px;
  }
  .u-mb--large {
    margin-bottom: 50px;
  }
  .u-mb--ex-large {
    margin-bottom: 60px;
  }
}

.u-mt--ex-small {
  margin-top: 40px;
}

.u-mt--small {
  margin-top: 60px;
}

.u-mt--default {
  margin-top: 80px;
}

.u-mt--large {
  margin-top: 100px;
}

.u-mt--ex-large {
  margin-top: 120px;
}

.u-mt--minus {
  margin-top: -20px;
}

@media only screen and (max-width: 786px) {
  .u-mt--ex-small {
    margin-top: 20px;
  }
  .u-mt--small {
    margin-top: 30px;
  }
  .u-mt--default {
    margin-top: 40px;
  }
  .u-mt--large {
    margin-top: 50px;
  }
  .u-mt--ex-large {
    margin-top: 60px;
  }
}

.u-ml--ex-small {
  margin-left: 10px;
}

.u-ml--small {
  margin-left: 20px;
}

.u-ml--default {
  margin-left: 30px;
}

.u-ml--large {
  margin-left: 40px;
}

.u-ml--ex-large {
  margin-left: 60px;
}

@media only screen and (max-width: 786px) {
  .u-ml--ex-small {
    margin-left: 5px;
  }
  .u-ml--small {
    margin-left: 10px;
  }
  .u-ml--default {
    margin-left: 15px;
  }
  .u-ml--large {
    margin-left: 20px;
  }
  .u-ml--ex-large {
    margin-left: 30px;
  }
}

.u-pb--zero {
  padding-bottom: 0 !important;
}

.u-fltR {
  float: right;
  margin-left: 15px;
  width: 40%;
}