/* event */
#wrap .event_wrap {
  --evNaviHeight: 114;
  --evNaviLineColor: #fff;
    --evNaviFontSize: 24;
  --evNaviEmFontSize: 28;
}

.eveCont.top .topBg {
  position: absolute;

  width: 100%;
  max-width: none;
  z-index: -1;
  animation: showObj 1.2s ease-out forwards .3s;
  opacity: .4;
  filter: blur(10px) ;
}
  .obj.obj1{
       top: 22%;
    left: 6%;
    width: 60% !important;
  transform: translateX(-30px);
  animation: fadeInRight 0.6s ease-out forwards;
  opacity: 0;
  }
  .obj.obj2{
    top: 40%;
    left: 12%;
    width: 30% !important;
  transform: translateX(-30px);
  animation: fadeInRight 0.6s ease-out forwards;
  opacity: 0;
   animation-delay: 0.2s;
  }
  .obj.obj3{
    top: 54%;
    left: 26%;
    width: 30% !important;
  transform: translateX(-30px);
  animation: fadeInRight 0.6s ease-out forwards;
  opacity: 0;
   animation-delay: 0.4s;
  }
  .obj.obj4{
top: 36%;
    left: 75%;
    width: 19% !important;
  animation: blink 1.4s step-end infinite;

  }
  .obj.obj5{
    top: 68%;
    left: 15%;
    width: 20% !important;
  animation: blink 1.4s step-end infinite;

  }
  .obj.obj6{
    top: 3%;
    right: 0;
    width: 20% !important;
    animation: float 2s ease-in-out infinite;

  }
  .obj.obj7{
    top: 3%;
    left: 0;
    width: 20% !important;
   animation: float 2s ease-in-out infinite;
animation-delay: 0.3s;
  }
  .obj.obj8{
top: 14%;
    left: 35%;
    width: 14% !important;
    animation: blink 1.4s step-end infinite;
  }
  .obj.obj9{
    top: 64%;
    left: 35%;
    width: 17% !important;
   animation: float 2s ease-in-out infinite;
  }
  .obj.obj10{
    top: 64%;
    left: 79%;
    width: 17% !important;
   animation: float 2s ease-in-out infinite;
  }
  .obj.obj11{
    top: 80%;
    left: 80%;
    width: 15% !important;
    animation: float 2s ease-in-out infinite;
  }
  .eveCont .eventLink.btnPA{
        position: absolute;
    bottom:0%;
    width: 100%;
    height: 75%;
  }
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}
  @keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}


.event_wrap .eve_detail .evtNavi.line .inner {
  gap: 32px !important;    
}



.event_wrap .eve_detail .evtNavi.line button em:after {
  width: 100%;
}

.eveCont .fadeWrap {
    position: absolute;
    left: 50%;
    top: 20%;
    width: calc(665 / 750 * 100%);
    height: 57.3%;
    transform: translateX(-50%);
    z-index: 2;
}

.eveCont .fadeInit {
  width: auto;
  position: absolute;
  opacity: 0;
  transform: translateY(-50px);  
  transition: none;
}

.fadeWrap.fadeUp .fadeInit {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.8s, transform 0.8s;
}

.eveCont .fade01 {
    width: calc(70 / 670 * 100%);
    top: 33%;
    left: 23%;
}

.eveCont .fade02 {
    width: calc(70 / 670 * 100%);
    top: 32%;
    left: 36%;
    z-index: 1;
}

.eveCont .fadeUp .fade02 {
  transition-delay: 0.3s;
}

.eveCont .fade03 {
    width: calc(70 / 670 * 100%);
    top: 32%;
    left: 49.6%;
    z-index: 1;
}

.eveCont .fadeUp .fade03 {
  transition-delay: 0.6s;
}
.eveCont .fade04 {
    width: calc(70 / 670 * 100%);
    top: 32%;
    left: 64%;
    z-index: 1;
}

.eveCont .fadeUp .fade04 {
  transition-delay: 0.9s;
}

.eveCont .evtSwiper.swiper01 {
  position: absolute;
  top: 42%;
}

.eveCont .evtSwiper.swiper02 {
  position: absolute;
  top: 20%;
}


.eveCont .evtSwiper .swiper-slide {
  width: calc(670 / 750 * 100%);
  margin: 0 1%;
}

.eveCont .eventLink.btn01 { 
  width: 90%;
  height: 40%;
  top: 21.5%;
}

.eveCont .btnBox {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.eveCont .btnBox .eventLink {
  position: relative;
  transform: none;
  left: auto;
}

.eveCont .btnBox.btnBox01 {
    top: 14.3%;
    width: 89%;
    height: 51%;
}

.eveCont .btnBox.btnBox01 .eventLink {
  flex-basis: 48.5%;
  height: 32%;
}

/* mo */
.mo .event_wrap .eve_detail .evtNavi.line {
  padding: 0 1rem;
}

.mo .event_wrap .eve_detail .evtNavi.line .inner {
  gap: 1.6rem !important;
}

/* front */
.event_wrap #eventTypeArea.inner_wide {
  padding-top: 2rem;
}

.event_wrap #eventTypeArea.inner_wide .inner {
  margin-top: 0 !important;
}