/* -----------------------
  prize
----------------------- */
.prize {
  background: url(../img/prize_bg.png) no-repeat center bottom / 100% auto;
  margin-top: max(-9.69vw, -93px);
  position: relative;
  overflow: hidden;
}

.prize .txt-slider {
  width: 100%;
  position: absolute;
  top: min(9.69vw, 93px);
  left: 0;
  z-index: 2;
  display: grid;
}
.prize .txt-slider .slide-item {
  width: min(200.63vw, 1926px);
  height: min(17.81vw, 171px);
  padding-left: min(3.13vw, 30px);
  grid-area: 1 / 1;
  transform: translateX(100%);
  animation: marquee 18s linear infinite;
}
.prize .txt-slider .slide-item:nth-of-type(2) {
  animation-delay: 9s;
}

.prize .ttl-box {
  position: relative;
  z-index: 3;
}

.prize .medal-bottom-box {
  margin-top: max(-3.96vw, -38px);
}
.prize .medal-bottom-box .medal {
  grid-area: 1 / 1;
}

.prize .medal {
  position: relative;
}
.prize .medal-01 {
  transition-delay: 0s;
}
.prize .medal-03 {
  transition-delay: 0.5s;
}

/* .prize .medal::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: screen;
}
.prize .medal-01::before {
  background: url(../img/prize_01_kirakira.png) no-repeat center / contain;
}
.prize .medal-02::before {
  background: url(../img/prize_02_kirakira.png) no-repeat center / contain;
}
.prize .medal-03::before {
  background: url(../img/prize_03_kirakira.png) no-repeat center / contain;
} */

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