/* event */
#wrap .event_wrap {
  --evNaviHeight: 114;
  --evNaviLineColor: #FF7828;
}

.eveCont.top .topBg {
  position: absolute;
  left: -5%;
  top: -1.5%;
  width: calc(875 / 750 * 100%);
  max-width: none;
  z-index: -1;
  animation: showObj 1.2s ease-out forwards .3s;
  opacity: .4;
  filter: blur(10px) ;
}
  
@keyframes showObj {
  0% {
    opacity: .4;
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    filter: blur(0);
  }
}

.event_wrap .eve_detail .evtNavi.line {
  padding: 0 20px;
  background-color: #fff;
}

.event_wrap .eve_detail .evtNavi.line .inner {
  gap: 32px !important;    
}

.event_wrap .eve_detail .evtNavi.line button {
  padding: 0;
  letter-spacing: 0;
  line-height: 140% !important;
  background-color: #fff;
  color: #FF7828;
  opacity: .7;
}

.event_wrap .eve_detail .evtNavi.line button.on,
.event_wrap .eve_detail .evtNavi.line button.on em {
  color: #FF7828;
  opacity: 1;
}

.event_wrap .eve_detail .evtNavi.line button em:after {
  width: 100%;
}

.eveCont .fadeWrap {
  position: absolute;
  left: 50%;
  top: 5%;
  width: calc(665 / 750 * 100%);
  height: 17.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(358 / 670 * 100%);
  top: 0;
  left: 0;
}

.eveCont .fade02 {
  width: calc(317 / 670 * 100%);
  top: 29%;
  right: 1%;  
  z-index: 1;
}

.eveCont .fadeUp .fade02 {
  transition-delay: 0.3s;
}

.eveCont .fade03 {
  width: calc(333 / 670 * 100%);
  top: 62.5%;
  left: 12%;
}

.eveCont .fadeUp .fade03 {
  transition-delay: 0.6s;
}

.eveCont span[class*=dot] {
  position: absolute;
  left: calc(50% - 12px);
  top: 109%;
  transition-delay: .9s !important;
  transform: translateY(-20px);
}

.eveCont span[class*=dot]:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #fff;
}

.eveCont span.dot02:before {
  opacity: .5;
}

.eveCont span.dot03:before {
  opacity: .2;
}

.eveCont span.dot02 {
  top: 118%;
  transition-delay: 1.2s !important;
}

.eveCont span.dot03 {
  top: 128%;
  transition-delay: 1.5s !important;
}

.eveCont .evtSwiper.swiper01 {
  position: absolute;
  top: 42%;
}

.eveCont .evtSwiper.swiper02 {
  position: absolute;
  top: 23%;
}

.eveCont .evtSwiper .eveVideo {
  position: absolute;
  left: 50%;
  top: 2.7%;
  transform: translateX(-50%);
  width: calc(622 / 670 * 100%);
  height: 73%;
  overflow: hidden;
}

.eveCont .evtSwiper .eveVideo video {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.eveCont .evtSwiper .swiper-slide {
  width: calc(670 / 750 * 100%);
  margin: 0 1%;
}

.eveCont .eventLink.btn01 { 
  width: 90%;
  height: 40%;
  top: 21.5%;
}


/* 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 [class*=bgTarget].box {
  margin-top: 0;
  padding-top: 20px;
  background: #FFF4A0;
}

.mo .event_wrap [class*="bgTarget"].box {
  margin-top: 0;
  padding-top: 1rem;  
}

.event_wrap [class*="bgTarget02"].box {
  background: #FFAD22;
}

.event_wrap [class*="bgTarget02"].box .goods_item .price,
.event_wrap [class*="bgTarget02"].box .goods_item .price em,
.event_wrap [class*="bgTarget02"].box .goods_item .name {
  color: #fff !important;
}

.mo .eveCont span[class*=dot] {
  left: calc(50% - .6rem);
  transform: translateY(-1rem);
}

.mo .eveCont span[class*=dot]:before {
  width: .6rem;
  height: .6rem;
  border-radius: .6rem;
}