
#wrap .event_wrap {
  --evNaviHeight: 105;
  --evNaviEmFontSize: 25;
  --evNaviLineColor: #fff;
  --evDriftOffsetY: 4%;
}
.top .eveVideo {position: absolute;width: 100%;top: -16%;z-index: 0;}
.imgTop{
  z-index: 1;
  position: relative;
}
.event_wrap .eve_detail .evtNavi.line {
  padding: 0 !important;
}

.event_wrap .eve_detail .evtNavi.line .inner {
  gap: 4px;
}

.event_wrap .eve_detail .evtNavi.line button {
  font-weight: 700;
  flex: 1;
  padding: 0;
}

.event_wrap .eve_detail .evtNavi.line button em:after {
  width: 100%;
  left: 0;
  transform: none;
}

.evtNavi.line button{
  font-size: 28px;
}
.objFade{
  z-index: 2;
  opacity: 0;
  transition: transform 1.5s, opacity 1.5s;
  transform: translateY(40px);
  position: absolute;
}
.objFade.fadeUp{
  opacity: 1;
  transform: translateY(0);
}
.obj{
  position: absolute;
  animation: float 2s infinite ease;
}
.objTop_star1{
  position: absolute;
  top: 6.5%;
  left: 3%;
  width: 10% !important;
  animation: blink 1s step-end infinite;
  animation-delay: 0.3s;
}
.objTop_star2{
  position: absolute;
  top: 4.5%;
  right: 10%;
  width: 5% !important;
  animation: blink 1s step-end infinite;
  animation-delay: 0.6s;
}
.objTop_star3{
  position: absolute;
  top: 28.5%;
  right: 5%;
  width: 9% !important;
  animation: blink 1s step-end infinite;
  animation-delay: 0.1s;
}
.obj.objTop_1{
  top: 66%;
  left: 6%;
  width: 28%;
}
.obj.objTop_2{
  top: 65%;
  left: 51%;
  width: 45%;
}
.obj.objTop_3{
  top: 40%;
  left: 54%;
  width: 29%;
  animation: blink 1s ease-in-out infinite;
}
.obj.objTop_4{
  top: 51%;
  left: 13%;
  width: 29%;
  animation: blink 1s ease-in-out infinite;
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.eveCont .eventLink.btnFull {
  width: 100%;
  height: 100%;
  top: 0%;
}
.objTop1{
  top: 7.5%;
  left: 10%;
  width: 55% !important;
}
.objTop2{
  top: 15%;
  right: 24px;
  width: 42% !important;
}
.objTop3{
  top: 25%;
  left: 5%;
  width: 40% !important;
}
.obj1{
  bottom: 0;
  left: 58%;
  width: 30% !important;
z-index: 2;
animation-delay: 0.8s;
}
.obj2{
  top: 24%;
  right: 24px;
  width: 22% !important;
  animation-delay: 0.3s;
}
.obj3{
  top: 26%;
  left: 47%;
  width: 25% !important;
}
.objImg{
  bottom: 5%;
  width: 90% !important;
  left: 50%;
  transform: translate(-50%, 0px);
  animation: none;
}
@keyframes float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(5%);
  }

  100% {
    transform: translateY(0);
  }
}
.eveCont .evtSwiper {
  position: absolute;
  top: 21%;
}

.eveCont .evtSwiper .swiper-slide {
  width: 88.8%;
  margin: 0 1.334%;
}
.bg1 {
  background: linear-gradient(1deg, rgb(208 248 255) 0%, rgb(128 224 250) 100%);
  margin-top: 0!important;
}
.bg1 .btn_mid.btn_outline{
  background-color: #fff!important;
}

/* mo */
#wrap .mo .eve_detail .evtNavi.line {
  padding: 0!important;
}

#wrap .mo .eve_detail .evtNavi.line .inner {
  gap: 0
}

#wrap .mo .eve_detail .evtNavi.line button {
  height: 5.5rem;
  line-height: 130%;
}
.mo .evtNavi.line button{
  font-size: 1.4rem;
}
.scroll-ani-wrap .scroll-ani-img{
  animation: auto_scroll ease-in-out infinite 5s;
 }
 @keyframes auto_scroll {
  
 0% {
  transform: translateY(0%);
}
20% {
  transform: translateY(0%);
}
40% {
  transform: translateY(-44.089%);
}
65% {
  transform: translateY(-44.089%);
}
100% {
  transform: translateY(0%);
}
}
.scroll-ani-wrap {
  width: 83.744%;
  height: 55%;
  margin: auto;
  overflow: hidden;
  position: absolute;
  top: 27%;
  left: 50%;
  transform: translate(-50%, 0%);}
