/* pc */
#wrap .event_wrap {
  --evNaviHeight: 94;
  --evNaviFontSize: 24;
}

.eveCont .obj00 {
  width: calc(711 / 1125 * 100%);
  bottom: 26.9%;
  left: 19.3%;
  z-index: 2;
}

.eveCont .obj01 {
  width: calc(112 / 1125 * 100%);
  top: 34%;
  left: 58.3%;
  z-index: 2;
  animation: ani02 1.8s linear infinite;
}

.eveCont .obj02 {
  width: calc(131 / 1125 * 100%);
  top: 41%;
  left: 39%;
  animation: ani02 1.8s linear infinite;
}

.eveCont .obj03 {
  width: calc(197 / 1125 * 100%);
  top: 43.9%;
  left: 45.3%;
  animation: ani02 1.8s linear infinite;
}

.eveCont .obj04 {
  width: calc(196 / 1125 * 100%);
  top: 52.4%;
  left: 38.3%;
  z-index: 2;
  animation: ani01 1.8s linear infinite;
}

.eveCont .obj05 {
  width: calc(128 / 1125 * 100%);
  top: 52.9%;
  left: 52.3%;
  z-index: 2;
  animation: ani01 1.8s linear infinite;
}

.eveCont .obj06 {
  width: calc(100 / 1125 * 100%);
  top: 43%;
  left: 16.3%;
  z-index: 2;
  animation: ani02 1.8s linear infinite;
}

@keyframes ani01 {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  40% {
    opacity: 1;
    transform: translateY(70%);
  }

  80% {
    opacity: 1;
    transform: translateY(70%);
  }

  90% {
    opacity: 0;
    transform: translateY(70%);
  }

  100% {
    opacity: 0;
    transform: translateY(0);
  }
}

@keyframes ani02 {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  50% {
    opacity: 1;
    transform: translateY(70%);
  }

  80% {
    opacity: 1;
    transform: translateY(70%);
  }

  90% {
    opacity: 0;
    transform: translateY(90px);
  }

  100% {
    opacity: 0;
    transform: translateY(0);
  }
}

.evtNavi .obj07 {
  position: absolute;
  width: calc(32 / 186 * 100%);
  bottom: 6px;
  right: 6px;
  opacity: .5;
}

.event_wrap .evtNavi.line button.on .obj07 {
  opacity: 1;
}

.event_wrap .evtNavi.line {
  padding: 0;
  background-color: #000;
}

.evtNavi.line {
  background-color: #898787;
}

.event_wrap .evtNavi.line .inner {
  gap: 1px;
  flex-wrap: wrap;
  background-color: #898787;
}

.event_wrap .evtNavi.line button {
  flex-basis: calc(25% - 3px);
  flex-shrink: 0;
  padding: 0;
  line-height: 140% !important;
  letter-spacing: 0;
  background-color: #6B6969;
  color: rgba(255, 255, 255, .5);
  position: relative;
}

.event_wrap .evtNavi.line button.on {
  background-color: #FC38A3;
  color: #fff;
}

.event_wrap .evtNavi.line button.on em {
  color: #fff;
}

.event_wrap .evtNavi.line button.on em:after {
  content: none;
}

.eve_detail .eveCont .naviBtns {
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 88%;
  height: 22%;
  position: absolute;
  z-index: 1;
  gap: 1%;
}

.eve_detail .eveCont .naviBtns button.naviBtn {
  width: 30%;
  flex: 1 auto;
  font-size: 0;
}

.eveCont .eventLink.btnPop {
  width: 90%;
  height: 5%;
  bottom: 16%;
}

.eveCont .eventLink.btn01 {
  width: 90%;
  height: 11%;
  bottom: 2%;
}

.event_wrap .eveCont .popupWrap .popup {
  background: transparent;
  max-width: 700px;
}

.event_wrap .eveCont .popupWrap .popup .content {
  padding: 0;
  background: transparent;
}

.event_wrap .eveCont .popupWrap .popup .btnClose {
  font-size: 0 !important;
  background: transparent;
  height: 20% !important;
  width: 10%;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}

.event_wrap .eveCont .popupWrap .popup .btnClose:after {
  content: none !important;
}

.eveCont .eventLink.btn02 {
  width: 90%;
  height: 62%;
  top: 29%;
}

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

.eveCont .btnBox .eventLink {
  position: relative;
  transform: none;
  left: auto;
  flex-basis: 49.5%;
  height: 48%;
}

/* mo */
.evtNavi .obj07 {
  bottom: .3rem;
  right: .3rem;
}

/* front */
.event_wrap [id*="prd"].box {
  background: #242424;
}

.event_wrap [id*="prd"].box .goods_item .cont .name,
.event_wrap [id*="prd"].box .goods_item .cont .price {
  color: #fff
}