/* event */
.eveCont .countdown {
  position: absolute;
  width: 21.2%;
  height: 6.1%;
  top: 6.67%;
  left: 48.1%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5%;
}

.eveCont .countdown span {
  flex: 1;
  color: #865AFF;
  font-size: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.event_wrap .eve_detail .evtNavi.line {
  padding: 0;
}

.event_wrap .eve_detail .evtNavi.line button {
  height: 107px;
  font-size: 25px;
  line-height: 140% !important;
  letter-spacing: 0;
  font-weight: 700;
}

.event_wrap .eve_detail .evtNavi.line button em:after {
  background-color: #677BFF;
  width: 100%;
  left: 0;
  transform: none;
}
.blinkBase{
  position: absolute;
    bottom: 11%;
    left: 62%;
    width: 24%;
    height: 8%;
    background-color: #59e4e5;
    z-index: 2;
    transform: rotate(-12deg);
    animation: blink 1s step-end infinite;
}
.blinkBase2{
  position: absolute;
  bottom: 18%;
  left: 20.9%;
  width: 8%;
  height: 20%;
  background-color: #fff;
  z-index: 2;
    animation: blink 1s step-end infinite;
}
.blinkBase3{
  position: absolute;
  bottom: 18%;
  left: 70.5%;
  width: 8%;
  height: 20%;
  background-color: #fff;
  z-index: 2;
    animation: blink 1s step-end infinite;
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.eveCont .icon {
  position: absolute;
  animation: float 2s ease-in-out infinite;
}

.eveCont .icon01 {
  width: 19.6%;
  top: 2%;
  right: 5%;
}

.eveCont .icon02 {
  width: 15%;
  bottom: 62.3%;
  left: 6%;
  animation-delay: .5s;
}

.eveCont .icon03 {
  width: 38.9%;
  top: 64%;
  right: 8%;
  animation: none;
  z-index: 3;
}

.eveCont .icon04 {
  width: 18.334%;
  bottom: 34.3%;
  right: 5%;
  z-index: 1;
  animation-delay: .3s;
}

.eveCont .icon05 {
  width: 20%;
  bottom: 15%;
  left: 2%;
  z-index: 2;
}
.obj{
  position: absolute;
  animation: float 2s ease-in-out infinite;
}
.obj.obj1{
  top: 5%;
  width: 15%;
  left: 3%;
  animation-delay: .7s;
}
.obj.obj2{
  top: 15%;
  width: 17%;
  right: 0;
}
.obj.obj3{
  top: 86%;
  width: 16%;
  right: 0%;
  animation-delay: .3s;
}
.obj.obj4{
  top: 9%;
  width: 14%;
  left: 11%;
}
.obj.obj5{
  top: 60%;
  width: 11%;
  left: 0;
  animation-delay: .3s;
}
.obj.obj6{
  top: 47%;
  width: 11%;
  right: 0;
}
.obj.obj7{
  top: 14%;
  width: 29%;
  left: 60%;
  animation-delay: .7s;
}
.obj.obj8{
  top: 70%;
  width: 24%;
  left: 67%;
  animation: none;
}
.obj.obj9{
  top: 14%;
  width: 11%;
  left: 17%;
  animation-delay: .3s;
}
.obj.obj10{
  top: 61%;
  width: 13%;
  left: 0;
  animation-delay: .9s;
}
.obj.obj11{
  top: 17.4%;
  width: 12%;
  left: 65.5%;
  z-index: 1;
  animation: blink 1s step-end infinite;
}
.obj.obj12{
  top: 40%;
  width: 12%;
  right: 0;
  z-index: 0;
  animation-delay: .3s;
}
.obj.obj13{
  top: 9%;
  width: 16%;
  left: 9%;
  animation-delay: .5s;
}
.obj.obj14{
  top: 40%;
  width: 9%;
  left: 1%;
}
.obj.obj15{
  top: 40%;
  width: 12%;
  right: 0;
  animation-delay: .3s;
}
.obj.obj16{
  top: 57%;
  width: 18%;
  right: 17%;
  animation: blink 1s step-end infinite;
}
@keyframes float {
  0% {
    transform: translateY(-2%);
  }

  50% {
    transform: translateY(4%);
  }

  100% {
    transform: translateY(-2%);
  }
}

.eveCont .top01 {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.eveCont .top02 {
  position: absolute;
  width: 66.3%;
  left: 16%;
  bottom: 10.2%;
}

.eve_detail .eveCont .naviBtns {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  width: 89%;
  height: 62.5%;
  position: absolute;
  left: 50%;
  top: 30.1%;
  transform: translateX(-50%);
  flex-wrap: wrap;
}

.eve_detail .eveCont .naviBtns button.naviBtn {
  flex-basis: 49%;
  height: 48.5%;
  font-size: 0;
}

.eve_detail .eveCont .naviBtns.navi02 {
  height: 30%;
  top: auto;
  bottom: 5.1%;
}

.eve_detail .eveCont .naviBtns.navi02 .naviBtn {
  flex-basis: 100%;
  height: 100%;
  font-size: 0;
}

.eveCont .eventLink.btn01 {
  width: 100%;
  height: 100%;
  bottom: 0%;
}


/* mo */
.mo .eveCont .countdown span {
  font-size: 1.7rem;
}

.mo .event_wrap .eve_detail .evtNavi.line button {
  height: 5.35rem;
  ;
  font-size: 1.25rem;
}

.mo .event_wrap .eve_detail .evtNavi.line button em:after {
  font-size: 1.25rem;
}

.mo .event_wrap .bgTarget01_0.box,
.mo .event_wrap .bgTarget02_0.box,
.mo .event_wrap .bgTarget03_0.box {
  background-size: 100% auto;
}

/* front */
#wrap .event_wrap .box {
  margin-top: 0;
}

.event_wrap .bgTarget01_0.box {
  background: url('https://stg1-fo.innisfree.com/publish/event/202602/0209/oneday/bg01.webp') top center / 750px auto no-repeat, linear-gradient(180deg, #A769BF 0%, #D7ACE7 100%) !important;
}

.event_wrap div[class*="bgTarget01_"].box {
  background-color: #D7ACE7;
}

.event_wrap .bgTarget02_0.box {
  background: url('https://stg1-fo.innisfree.com/publish/event/202602/0209/oneday/bg02.webp') top center / 750px auto no-repeat, linear-gradient(180deg, #7F9FE2 0%, #B4CCFF 100%) !important;
}

.event_wrap div[class*="bgTarget02_"].box {
  background-color: #B4CCFF;
}

.event_wrap div[class*="bgTarget"].box .btn_wrap button.btn_outline {
  background-color: #fff !important;
  /* border-color: #fff !important; */
}

.event_wrap div[class*="bgTarget01_"].box .goods_item .cont .name,
.event_wrap div[class*="bgTarget01_"].box .goods_item .cont .price strong {
  color: #fff !important;
}

.event_wrap div[class*="bgTarget"].box .swiper_wrap {
  margin: 30px 0;
}

.event_wrap .box .list_wrap .goods_list {
  margin: 30px auto;
}

.mo .event_wrap div[class*="bgTarget"].box .swiper_wrap {
  margin: 0 -2.1rem;
}

.mo .event_wrap .box .list_wrap .goods_list {
  margin: 0 auto;
}

.event_wrap .box .list_wrap .goods_list.single .no_name.no_price.goods_item .cont {
  margin: 0;
}