@charset "UTF-8";
@keyframes looptextAnime {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: max(-265px, -69.02vw);
  }
}
.c-looptext {
  animation: looptextAnime 10s linear infinite;
  background: url(/omnibus/assets/img/page/special/impression/scene/loop_txt.svg) 0 0/auto 100% repeat-x;
  height: min(15px, 3.9vw);
  width: 100%;
}

@keyframes KeyVisualAnime {
  from {
    animation-timing-function: ease-out;
    transform: scale(1);
    transform-origin: center center;
  }
  4% {
    animation-timing-function: ease-in;
    transform: scale(1.1);
  }
  6% {
    animation-timing-function: ease-out;
    transform: scale(1.01);
  }
  13% {
    animation-timing-function: ease-in;
    transform: scale(1.13);
  }
  17% {
    animation-timing-function: ease-out;
    transform: scale(1);
  }
}
@keyframes KeyVisualAnime2 {
  from {
    animation-timing-function: ease-out;
    transform: scale(1);
    transform-origin: center center;
  }
  4% {
    animation-timing-function: ease-in;
    transform: scale(1.7);
  }
  6% {
    animation-timing-function: ease-out;
    transform: scale(1.01);
  }
  13% {
    animation-timing-function: ease-in;
    transform: scale(1.1);
  }
  17% {
    animation-timing-function: ease-out;
    transform: scale(1);
  }
}
@keyframes gradFadeAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bgGradationMove {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: calc(-100% + 500px);
  }
}
@keyframes bgGradationMoveNrw {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 325vw;
  }
}
@keyframes FvConfettiAnime {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.contentsbg {
  position: fixed;
  top: 0;
  left: 0;
  aspect-ratio: 780/1580;
  background-color: #090909;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 835px) {
  .contentsbg {
    filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.5));
    left: 50%;
    max-width: 500px;
    min-height: 100vh;
    transform: translate(-50%, 0);
  }
}
[data-clear="1"] .contentsbg {
  background-color: #fff;
}

.contentsbg__inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.-ready[data-clear="0"] .contentsbg__inner {
  animation: KeyVisualAnime 4s steps(2, end) 0.7s 2 both;
}
.-ready[data-clear="1"] .contentsbg__inner {
  animation: KeyVisualAnime 4s steps(2, end) 0.7s 1 both;
}

.contentsbg__layer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.contentsbg__layer.-layer1 {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
[data-clear="0"] .contentsbg__layer.-layer1 {
  background-image: url(/omnibus/assets/img/page/special/impression/fv/bg_rere.png);
}
[data-clear="1"] .contentsbg__layer.-layer1 {
  background-image: url(/omnibus/assets/img/page/special/impression/fv/clear/bg_layer1.jpg);
}
.-attention .contentsbg__layer {
  animation: KeyVisualAnime 4s steps(2, end) both;
}

@keyframes poyon {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  3% {
    transform: scale(0.9, 0.9) translate(0%, 5%);
  }
  7% {
    transform: scale(1.3, 0.8) translate(0%, 10%);
  }
  12% {
    transform: scale(0.8, 1.3) translate(0%, -10%);
  }
  17% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  25% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes clearTextGradAnime {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 922px;
  }
}
@keyframes clearTextGradAnimeNrw {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 92.2vw;
  }
}
@keyframes clearTextRockIn {
  0% {
    transform: translate(160%, 0) scale(2);
    animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  }
  50% {
    transform: translate(50%, 0) scale(2);
  }
  80% {
    transform: translate(50%, 0) scale(2);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}
@keyframes clearTextFadeOut {
  0% {
    transform: translate(0, 0) scaleX(1) skewY(-10deg);
    opacity: 1;
  }
  100% {
    transform: translate(0, -100px) scaleX(-0.5) skewY(-10deg);
    opacity: 0;
  }
}
@keyframes ClearTextRot {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0.5);
  }
}
@keyframes rockTextOut {
  0% {
    left: 16%;
    top: 47%;
    width: 68.4%;
  }
  99% {
    left: 4%;
    opacity: 1;
    top: 54.3%;
    width: 36%;
  }
  100% {
    left: 4%;
    opacity: 0;
    top: 54.3%;
    width: 36%;
  }
}
@keyframes clearCounterGradAnime {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 771px;
  }
}
@keyframes clearCounterGradAnimeNrw {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 77.1vw;
  }
}
@keyframes confettiAnimation {
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
  }
}
.fv {
  aspect-ratio: 780/1310;
  margin-bottom: 12px;
  overflow: clip;
  position: relative;
}

.fv__logo {
  position: absolute;
  top: 2.5%;
  left: 2.7%;
  width: 38.4%;
}

.fv__title {
  position: absolute;
  top: -2.5%;
  left: 1.8%;
  width: 99.2%;
  opacity: 0;
  transform: scale(1.5);
  transition: opacity 0.1s 0.5s ease-out, transform 0.5s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.-ready .fv__title {
  opacity: 1;
  transform: scale(1);
}

.fv__title-sub {
  position: absolute;
  top: 53.9%;
  left: 50.4%;
  width: 56.4%;
}

/* カウンター */
.fv__counter {
  position: absolute;
  top: 59.1%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 83%;
  opacity: 0;
  transform: translate(-50%, 40px);
  transition: opacity 0.2s 1s ease-out, transform 0.7s 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.-top_ready .fv__counter {
  opacity: 1;
  transform: translate(-50%, 0);
}

.fv__counter__sholder {
  position: absolute;
  top: -43%;
  left: -6%;
  animation: poyon 5s 5.5s infinite;
  width: 48.9%;
  z-index: 1;
}

.fv__counter__main {
  aspect-ratio: 648/143;
  background: url(/omnibus/assets/img/page/special/impression/fv/counter/bg.svg) 0 0/100% auto no-repeat;
  transform: skew(0, -10deg);
  position: relative;
}
.-top_ready[data-clear="1"] .fv__counter__main {
  background-image: url(/omnibus/assets/img/page/special/impression/fv/clear/counter_bg.svg);
}

.-top_ready[data-clear="1"] .fv__counter__gradation {
  position: absolute;
  top: 4%;
  left: 1%;
  aspect-ratio: 627/122;
  background: url(/omnibus/assets/img/page/special/impression/fv/clear/txt1_gradation.png) 0 0/auto 100% repeat-x;
  width: 96.7%;
  will-change: background-position-x;
}
@media (max-width: 834px) {
  .-top_ready[data-clear="1"] .fv__counter__gradation {
    animation: clearCounterGradAnimeNrw 10s 1s linear infinite;
  }
}
@media (min-width: 835px) {
  .-top_ready[data-clear="1"] .fv__counter__gradation {
    animation: clearCounterGradAnime 20s 1s linear infinite;
  }
}
.-top_ready[data-clear="1"] .fv__counter__gradation::before, .-top_ready[data-clear="1"] .fv__counter__gradation::after {
  background-color: #231815;
  content: "";
  display: block;
  height: 5px;
  width: 5px;
}
.-top_ready[data-clear="1"] .fv__counter__gradation::before {
  position: absolute;
  left: 0;
  bottom: 0;
}
.-top_ready[data-clear="1"] .fv__counter__gradation::after {
  position: absolute;
  top: 0;
  right: 0;
}
.fv__counter__gradation.-scrolled {
  animation-play-state: paused !important;
}

.fv__counter__inner {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 86.4%;
  position: relative;
}
[data-clear="1"] .fv__counter__inner {
  background-color: #000;
  padding: 0 0 0.5% 1.5%;
  width: 89.5%;
}
@media (max-width: 834px) {
  [data-clear="1"] .fv__counter__inner {
    top: 2.3vw;
  }
}
@media (min-width: 835px) {
  [data-clear="1"] .fv__counter__inner {
    top: 12px;
  }
}

.fv__counter__num {
  aspect-ratio: 89/131;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
  width: 15.8%;
}
[data-clear="1"] .fv__counter__num {
  aspect-ratio: 89/94;
  width: 15.6%;
}
.fv__counter__num[data-num="0"] {
  background-image: url(/omnibus/assets/img/page/special/impression/fv/counter/num0.png);
}
.fv__counter__num[data-num="1"] {
  background-image: url(/omnibus/assets/img/page/special/impression/fv/counter/num1.png);
}
.fv__counter__num[data-num="2"] {
  background-image: url(/omnibus/assets/img/page/special/impression/fv/counter/num2.png);
}
.fv__counter__num[data-num="3"] {
  background-image: url(/omnibus/assets/img/page/special/impression/fv/counter/num3.png);
}
.fv__counter__num[data-num="4"] {
  background-image: url(/omnibus/assets/img/page/special/impression/fv/counter/num4.png);
}
.fv__counter__num[data-num="5"] {
  background-image: url(/omnibus/assets/img/page/special/impression/fv/counter/num5.png);
}
.fv__counter__num[data-num="6"] {
  background-image: url(/omnibus/assets/img/page/special/impression/fv/counter/num6.png);
}
.fv__counter__num[data-num="7"] {
  background-image: url(/omnibus/assets/img/page/special/impression/fv/counter/num7.png);
}
.fv__counter__num[data-num="8"] {
  background-image: url(/omnibus/assets/img/page/special/impression/fv/counter/num8.png);
}
.fv__counter__num[data-num="9"] {
  background-image: url(/omnibus/assets/img/page/special/impression/fv/counter/num9.png);
}

/* クリアテキスト 2 */
.fv__cleartextwrap {
  display: none;
}
[data-clear="1"] .fv__cleartextwrap {
  position: absolute;
  top: 51%;
  left: 3%;
  aspect-ratio: 747/316;
  display: block;
  transform: skewY(-10deg);
  width: 95.7%;
}
.-top_ready[data-clear="1"][data-clearviewed="0"] .fv__cleartextwrap {
  animation: clearTextFadeOut 0.45s ease-out both;
}

.fv__cleartextwrap__inner {
  height: 100%;
  width: 100%;
}
@media (max-width: 834px) {
  .-clear_ready[data-clear="1"][data-clearviewed="0"] .fv__cleartextwrap__inner .gradation {
    animation: clearTextGradAnimeNrw 10s linear both;
  }
}
@media (min-width: 835px) {
  .-clear_ready[data-clear="1"][data-clearviewed="0"] .fv__cleartextwrap__inner .gradation {
    animation: clearTextGradAnime 20s linear both;
  }
}
.-top_ready[data-clear="1"][data-clearviewed="0"] .fv__cleartextwrap__inner .gradation {
  animation-play-state: paused;
}

.fv__cleartext__rock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate(160%, 0) scale(2);
}
.fv__cleartext__rock .gradation {
  position: absolute;
  top: 6%;
  left: 1.5%;
  aspect-ratio: 1303/265;
  background: url(/omnibus/assets/img/page/special/impression/fv/clear/txt1_gradation.png) 0 0/auto 100% repeat-x;
  display: block;
  -webkit-mask: url(/omnibus/assets/img/page/special/impression/fv/clear/txt1_mask.svg) 0 0/100% auto;
          mask: url(/omnibus/assets/img/page/special/impression/fv/clear/txt1_mask.svg) 0 0/100% auto;
  width: 96%;
}
.-clear_ready[data-clear="1"][data-clearviewed="0"] .fv__cleartext__rock {
  animation: clearTextRockIn 1.5s both;
}
.fv__cleartext__text {
  position: absolute;
  left: 27%;
  bottom: 1%;
  width: 45.2%;
  opacity: 0;
  transform: scale(1.5);
  transition: opacity 0.15s 1.6s ease-out, transform 0.35s 1.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.-clear_ready[data-clear="1"][data-clearviewed="0"] .fv__cleartext__text {
  opacity: 1;
  transform: scale(1);
}

.fv__confetti {
  display: none;
}
[data-clear="1"] .fv__confetti {
  position: absolute;
  top: 32.5%;
  left: 50%;
  aspect-ratio: 787/703;
  display: block;
  transform: translate(-50%, 0);
  width: 100.8%;
}

[data-clear="1"] .fv__confetti__layer {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
  transform: scale(0.5);
}
.fv__confetti__layer.-layer1 {
  background: url(/omnibus/assets/img/page/special/impression/fv/clear/confetti_layer1.svg) 50% 50%/100% auto;
  transition-delay: 0.7s;
  animation-delay: 0.7s !important;
}
.fv__confetti__layer.-layer2 {
  background: url(/omnibus/assets/img/page/special/impression/fv/clear/confetti_layer2.svg) 50% 50%/100% auto;
  transition-delay: 0.9s;
  animation-delay: 0.9s !important;
}
.fv__confetti__layer.-layer3 {
  background: url(/omnibus/assets/img/page/special/impression/fv/clear/confetti_layer3.svg) 50% 50%/100% auto;
  transition-delay: 1.1s;
  animation-delay: 1.1s !important;
}
.-top_ready[data-clear="1"] .fv__confetti__layer {
  animation: confettiAnimation 2s cubic-bezier(0.16, 1, 0.3, 1);
}

.fv__howto {
  position: absolute;
  left: 1.2%;
  bottom: 0.7%;
  aspect-ratio: 1/1;
  cursor: pointer;
  width: 21.7%;
  opacity: 0;
  transform: scale(1.2);
  transition: opacity 0.2s 0.75s ease-out, transform 0.5s 0.75s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.-ready .fv__howto {
  opacity: 1;
  transform: scale(1);
}
[data-clear="0"] .fv__howto {
  z-index: 1;
}

.fv__good {
  position: fixed;
  top: 0;
  left: 0;
  aspect-ratio: 780/1500;
  pointer-events: none;
  width: 100%;
}
@media (min-width: 835px) {
  .fv__good {
    left: 50%;
    transform: translate(-50%, 0);
    width: 500px;
  }
}
.fv__good canvas {
  display: block;
  height: 100%;
  width: 100%;
}

.m-howto__content {
  position: relative;
}
@media (max-width: 834px) {
  .m-howto__content {
    width: 93.22vw;
  }
}
@media (min-width: 835px) {
  .m-howto__content {
    width: 500px;
  }
}
.m-howto__content::before, .m-howto__content::after {
  aspect-ratio: 716/40;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  width: 100%;
}
.m-howto__content::before {
  background-image: url(/omnibus/assets/img/page/special/impression/howto/bg_t.png);
}
.m-howto__content::after {
  background-image: url(/omnibus/assets/img/page/special/impression/howto/bg_b.png);
}

.m-howto__inner {
  background: url(/omnibus/assets/img/page/special/impression/howto/bg_m.png) 0 0/100% auto repeat-y;
  padding: 20px;
  text-align: center;
}

.m-howto__title {
  font-size: 1.25rem;
  color: #0064ff;
  font-weight: 900;
  text-align: center;
}
@media (min-width: 835px) {
  .m-howto__title {
    font-size: 1.75rem;
  }
}
.m-howto__title span {
  display: inline-block;
  position: relative;
}
@media (max-width: 834px) {
  .m-howto__title span {
    padding: 0px 35px;
  }
}
@media (min-width: 835px) {
  .m-howto__title span {
    padding: 0 50px;
  }
}
.m-howto__title span::before, .m-howto__title span::after {
  position: absolute;
  top: 0;
  border: 2px solid #0064ff;
  content: "";
  display: block;
  height: 100%;
  width: 4px;
}
.m-howto__title span::before {
  border-right: none;
  left: 0;
}
.m-howto__title span::after {
  border-left: none;
  right: 0;
}

.m-howto__text {
  font-size: 0.9375rem;
  color: #2828b4;
  font-weight: 600;
  line-height: 1.6666666667;
  margin-top: 5px;
}
@media (min-width: 835px) {
  .m-howto__text {
    font-size: 1.3125rem;
  }
}
.m-howto__text strong {
  background-color: #2828b4;
  color: #fff;
  display: inline-block;
  font-weight: 900;
  padding: 0 5px;
}
.m-howto__text strong.-mgn {
  margin-top: 5px;
}

.m-howto__good {
  margin: 10px auto 0;
}
@media (max-width: 834px) {
  .m-howto__good {
    width: min(37px, 9.63vw);
  }
}
@media (min-width: 835px) {
  .m-howto__good {
    width: 52px;
  }
}

.m-howto__attention {
  font-size: 0.75rem;
  border: 1px solid #0064ff;
  color: #0064ff;
  font-weight: 600;
  margin: 15px auto 0;
  padding: 10px 7px;
}
@media (max-width: 834px) {
  .m-howto__attention {
    width: 78.12vw;
  }
}
@media (min-width: 835px) {
  .m-howto__attention {
    width: 80%;
  }
}

.m-vote__content {
  max-width: 800px;
  width: 100%;
}

.m-vote__header {
  position: absolute;
  top: 32px;
  left: 25px;
  display: flex;
}
@media (min-width: 835px) {
  .m-vote__header {
    left: 60px;
    top: 50px;
  }
}

.m-vote__header__txt {
  width: min(10px, 2.6vw);
}
@media (min-width: 835px) {
  .m-vote__header__txt {
    width: 10px;
  }
}

.m-vote__header__number {
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-left: min(10px, 2.6vw);
}
@media (max-width: 834px) {
  .m-vote__header__number {
    height: 14.84vw;
    width: 34.24vw;
  }
}
@media (min-width: 835px) {
  .m-vote__header__number {
    height: 60px;
    width: 138px;
  }
}
[data-vote=rere_1] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num1.svg);
}
[data-vote=rere_2] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num2.svg);
}
[data-vote=rere_3] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num3.svg);
}
[data-vote=rere_4] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num4.svg);
}
[data-vote=rere_5] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num5.svg);
}
[data-vote=rere_6] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num6.svg);
}
[data-vote=rere_7] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num7.svg);
}
[data-vote=rere_8] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num8.svg);
}
[data-vote=rere_9] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num9.svg);
}
[data-vote=rere_10] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num10.svg);
}
[data-vote=rere_11] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num11.svg);
}
[data-vote=rere_12] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num12.svg);
}
[data-vote=rere_13] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num13.svg);
}
[data-vote=rere_14] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num14.svg);
}
[data-vote=rere_15] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num15.svg);
}
[data-vote=rere_16] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num16.svg);
}
[data-vote=rere_17] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num17.svg);
}
[data-vote=rere_18] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num18.svg);
}
[data-vote=rere_19] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num19.svg);
}
[data-vote=rere_20] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num20.svg);
}
[data-vote=rere_21] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num21.svg);
}
[data-vote=rere_22] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num22.svg);
}
[data-vote=rere_23] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num23.svg);
}
[data-vote=rere_24] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num24.svg);
}
[data-vote=rere_25] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num25.svg);
}
[data-vote=rere_26] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num26.svg);
}
[data-vote=rere_27] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num27.svg);
}
[data-vote=rere_28] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num28.svg);
}
[data-vote=rere_29] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num29.svg);
}
[data-vote=rere_30] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num30.svg);
}
[data-vote=rere_31] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num31.svg);
}
[data-vote=rere_32] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num32.svg);
}
[data-vote=rere_33] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num33.svg);
}
[data-vote=rere_34] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num34.svg);
}
[data-vote=rere_35] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num35.svg);
}
[data-vote=rere_36] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num36.svg);
}
[data-vote=rere_37] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num37.svg);
}
[data-vote=rere_38] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num38.svg);
}
[data-vote=rere_39] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num39.svg);
}
[data-vote=rere_40] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num40.svg);
}
[data-vote=rere_41] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num41.svg);
}
[data-vote=rere_42] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num42.svg);
}
[data-vote=rere_43] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num43.svg);
}
[data-vote=rere_44] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num44.svg);
}
[data-vote=rere_45] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num45.svg);
}
[data-vote=rere_46] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num46.svg);
}
[data-vote=rere_47] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num47.svg);
}
[data-vote=rere_48] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num48.svg);
}
[data-vote=rere_49] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num49.svg);
}
[data-vote=rere_50] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num50.svg);
}
[data-vote=rere_51] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num51.svg);
}
[data-vote=rere_52] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num52.svg);
}
[data-vote=rere_53] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num53.svg);
}
[data-vote=rere_54] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num54.svg);
}
[data-vote=rere_55] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num55.svg);
}
[data-vote=rere_56] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num56.svg);
}
[data-vote=rere_57] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num57.svg);
}
[data-vote=rere_58] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num58.svg);
}
[data-vote=rere_59] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num59.svg);
}
[data-vote=rere_60] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num60.svg);
}
[data-vote=rere_61] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num61.svg);
}
[data-vote=rere_62] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num62.svg);
}
[data-vote=rere_63] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num63.svg);
}
[data-vote=rere_64] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num64.svg);
}
[data-vote=rere_65] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num65.svg);
}
[data-vote=rere_66] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num66.svg);
}
[data-vote=rere_67] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num67.svg);
}
[data-vote=rere_68] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num68.svg);
}
[data-vote=rere_69] .m-vote__header__number {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/number/num69.svg);
}

.m-vote__image {
  overflow: hidden;
  width: 100%;
  clip-path: inset(20% 20% 20% 20%);
  transition: clip-path 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.m-vote__image span {
  aspect-ratio: 780/440;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
  transform: scale(1.5);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
[data-vote=rere_1] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_1.jpg);
}
[data-vote=rere_2] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_2.jpg);
}
[data-vote=rere_3] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_3.jpg);
}
[data-vote=rere_4] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_4.jpg);
}
[data-vote=rere_5] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_5.jpg);
}
[data-vote=rere_6] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_6.jpg);
}
[data-vote=rere_7] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_7.jpg);
}
[data-vote=rere_8] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_8.jpg);
}
[data-vote=rere_9] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_9.jpg);
}
[data-vote=rere_10] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_10.jpg);
}
[data-vote=rere_11] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_11.jpg);
}
[data-vote=rere_12] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_12.jpg);
}
[data-vote=rere_13] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_13.jpg);
}
[data-vote=rere_14] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_14.jpg);
}
[data-vote=rere_15] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_15.jpg);
}
[data-vote=rere_16] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_16.jpg);
}
[data-vote=rere_17] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_17.jpg);
}
[data-vote=rere_18] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_18.jpg);
}
[data-vote=rere_19] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_19.jpg);
}
[data-vote=rere_20] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_20.jpg);
}
[data-vote=rere_21] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_21.jpg);
}
[data-vote=rere_22] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_22.jpg);
}
[data-vote=rere_23] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_23.jpg);
}
[data-vote=rere_24] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_24.jpg);
}
[data-vote=rere_25] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_25.jpg);
}
[data-vote=rere_26] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_26.jpg);
}
[data-vote=rere_27] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_27.jpg);
}
[data-vote=rere_28] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_28.jpg);
}
[data-vote=rere_29] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_29.jpg);
}
[data-vote=rere_30] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_30.jpg);
}
[data-vote=rere_31] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_31.jpg);
}
[data-vote=rere_32] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_32.jpg);
}
[data-vote=rere_33] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_33.jpg);
}
[data-vote=rere_34] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_34.jpg);
}
[data-vote=rere_35] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_35.jpg);
}
[data-vote=rere_36] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_36.jpg);
}
[data-vote=rere_37] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_37.jpg);
}
[data-vote=rere_38] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_38.jpg);
}
[data-vote=rere_39] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_39.jpg);
}
[data-vote=rere_40] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_40.jpg);
}
[data-vote=rere_41] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_41.jpg);
}
[data-vote=rere_42] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_42.jpg);
}
[data-vote=rere_43] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_43.jpg);
}
[data-vote=rere_44] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_44.jpg);
}
[data-vote=rere_45] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_45.jpg);
}
[data-vote=rere_46] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_46.jpg);
}
[data-vote=rere_47] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_47.jpg);
}
[data-vote=rere_48] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_48.jpg);
}
[data-vote=rere_49] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_49.jpg);
}
[data-vote=rere_50] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_50.jpg);
}
[data-vote=rere_51] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_51.jpg);
}
[data-vote=rere_52] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_52.jpg);
}
[data-vote=rere_53] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_53.jpg);
}
[data-vote=rere_54] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_54.jpg);
}
[data-vote=rere_55] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_55.jpg);
}
[data-vote=rere_56] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_56.jpg);
}
[data-vote=rere_57] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_57.jpg);
}
[data-vote=rere_58] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_58.jpg);
}
[data-vote=rere_59] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_59.jpg);
}
[data-vote=rere_60] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_60.jpg);
}
[data-vote=rere_61] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_61.jpg);
}
[data-vote=rere_62] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_62.jpg);
}
[data-vote=rere_63] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_63.jpg);
}
[data-vote=rere_64] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_64.jpg);
}
[data-vote=rere_65] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_65.jpg);
}
[data-vote=rere_66] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_66.jpg);
}
[data-vote=rere_67] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_67.jpg);
}
[data-vote=rere_68] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_68.jpg);
}
[data-vote=rere_69] .m-vote__image span {
  background-image: url(/omnibus/assets/img/page/special/impression/scene/ph_rere/bamensha_rere_69.jpg);
}
.-active .m-vote__image {
  clip-path: inset(0 0 0 0);
}
.-active .m-vote__image span {
  transform: scale(1);
}

.m-vote__btn {
  cursor: pointer;
  margin: 25px auto 0;
  width: min(145px, 37.76vw);
}
@media (min-width: 835px) {
  .m-vote__btn {
    transition: transform 0.2s ease-out;
    width: 180px;
  }
  .m-vote__btn:hover {
    transform: scale(1.05);
  }
}
.m-vote__btn img {
  display: block;
  transform: scale(1.3) rotate(-10deg);
  opacity: 0;
  transition: opacity 0.2s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.35s 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.-active .m-vote__btn img {
  opacity: 1;
  transform: scale(1) rotate(0);
}

@media (min-width: 835px) {
  .impression__inner {
    background-color: transparent;
    margin: 0 auto;
    max-width: 500px;
  }
}

.impression__content {
  position: relative;
}

.brn_backhome {
  margin: 30px auto;
  width: 67.1%;
}

.impression .l-footer {
  background: #2828b4 !important;
}

.impression {
  background-color: #FFF;
  opacity: 0;
  transition: opacity 0.45s ease-out;
}
.impression.-ready {
  opacity: 1;
}

.scene {
  margin: 30px auto 26px;
  position: relative;
  width: 91.7%;
}
.scene::before, .scene::after {
  aspect-ratio: 716/26;
  content: "";
  display: block;
  width: 100%;
}
.scene::before {
  background: url(/omnibus/assets/img/page/special/impression/scene/box_h.svg) 0 100%/100% auto no-repeat;
}
.scene::after {
  background: url(/omnibus/assets/img/page/special/impression/scene/box_b.svg) 0 0/100% auto no-repeat;
}

.scene__content {
  background-color: #2828b4;
  padding-bottom: 15px;
  position: relative;
}

.scene__title {
  color: #fff;
  font-size: min(20px, 5.2vw);
  font-weight: bold;
  padding: 7px 0 20px;
  position: relative;
  text-align: center;
}
.scene__title span {
  display: inline-block;
  padding-left: min(30px, 7.81vw);
  position: relative;
}
.scene__title span::before {
  position: absolute;
  top: 50%;
  left: 0;
  aspect-ratio: 1/1;
  background: url(/omnibus/assets/img/page/special/impression/scene/ttl_ico.svg) 0 0/100% auto no-repeat;
  content: "";
  display: block;
  transform: translate(0, -50%);
  width: min(28px, 5.98vw);
}

.scene__list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 auto;
  position: relative;
  width: calc(100% - 10px);
}

.scene__thumb {
  cursor: pointer;
  position: relative;
  width: calc((100% - 8px) / 3);
}
@media (min-width: 835px) {
  .scene__thumb:hover span {
    transform: scale(1.07);
  }
}

.scene__thumb__image {
  overflow: hidden;
  position: relative;
}
.scene__thumb__image::after {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%);
  content: "";
  display: block;
  height: 100%;
  opacity: 0.5;
  width: 100%;
}
.scene__thumb__image span {
  display: block;
}
@media (min-width: 835px) {
  .scene__thumb__image span {
    transition: transform 0.35s ease-out;
  }
}

.scene__thumb__num {
  position: absolute;
  left: 4px;
  bottom: 0;
}
.scene__thumb__num img {
  height: min(10px, 2.6vw);
  width: auto;
}

@keyframes widebgAnime {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1000px 164px;
  }
}
@keyframes widebgColorIn {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes widebgColorOut {
  0% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(0 0 0 100%);
  }
}
@keyframes slideMove {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-4715px, 0);
  }
}
@keyframes slideMove2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(4715px, 0);
  }
}
.widearea {
  display: none;
}
@media (min-width: 835px) {
  .widearea {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    height: 100vh;
    overflow: hidden;
    width: 100%;
    z-index: 0;
  }
}

@media (min-width: 835px) {
  .widearea__bgcolor {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    z-index: 0;
  }
}
@media (min-width: 835px) {
  .widearea__bgcolor::before, .widearea__bgcolor::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    z-index: 0;
  }
}
@media (min-width: 835px) {
  .widearea__bgcolor::before {
    background-color: #e146cd;
  }
}
@media (min-width: 835px) {
  .widearea__bgcolor::after {
    background-color: #3246c8;
    clip-path: inset(0 100% 0 0);
  }
  [data-mode=pink] .widearea__bgcolor::after {
    animation: widebgColorOut 1s cubic-bezier(0.77, 0, 0.175, 1) both;
  }
  [data-mode=purple] .widearea__bgcolor::after {
    animation: widebgColorIn 1s cubic-bezier(0.77, 0, 0.175, 1) both;
  }
}

@media (min-width: 835px) {
  .widearea__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 835px) {
  .widearea__bg::before, .widearea__bg::after {
    position: absolute;
    top: 0;
    left: 0;
    animation: widebgAnime 80s linear infinite;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 835px) {
  .widearea__bg::before {
    background: url(/omnibus/assets/img/page/special/impression/common/bg_pattern_pink.png);
  }
}
@media (min-width: 835px) {
  .widearea__bg::after {
    background: url(/omnibus/assets/img/page/special/impression/common/bg_pattern_purple.png);
  }
  [data-mode=pink] .widearea__bg::after {
    animation: widebgAnime 80s linear infinite, widebgColorOut 1s cubic-bezier(0.77, 0, 0.175, 1) both;
  }
  [data-mode=purple] .widearea__bg::after {
    animation: widebgAnime 80s linear infinite, widebgColorIn 1s cubic-bezier(0.77, 0, 0.175, 1) both;
  }
}

@media (min-width: 835px) {
  .widearea__title {
    position: absolute;
    top: 15px;
    left: 24px;
    width: 260px;
  }
}

@media (min-width: 835px) {
  .widearea__share {
    position: absolute;
    bottom: 28px;
    right: 20px;
  }
}

@media (min-width: 835px) {
  .widearea__share__title {
    margin: 0 auto;
    width: 10px;
  }
}

@media (min-width: 835px) {
  .widearea__share__item {
    margin: 15px auto 0;
  }
  .widearea__share__item.-x {
    width: 20px;
  }
  .widearea__share__item.-line {
    width: 25px;
  }
  .widearea__share__item.-facebook {
    width: 12px;
  }
}

.widearea__slidewrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skew(0, -10deg);
  width: 100%;
}

.widearea__slide {
  position: relative;
}
.widearea__slide:not(:first-child) {
  margin-top: 5px;
}
.widearea__slide:nth-child(2) .widearea__slide__inner {
  flex-direction: row-reverse;
}

.widearea__slide__inner {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  width: 100%;
}
.widearea__slide__item {
  flex-shrink: 0;
  position: relative;
  width: 200px;
}
.widearea__slide__item::after {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #9646ff;
  content: "";
  display: block;
  height: 100%;
  opacity: 0.35;
  width: 100%;
}

.widearea__slide__num {
  position: absolute;
  left: 5px;
  bottom: 5px;
}
.widearea__slide__num img {
  height: 25px;
  width: auto;
}