/* event */
.eveCont .btn01 {
  width: 90%;
  height: 8%;
  bottom: 24%;
}

.eveCont .btn02 {
  width: 90%;
  height: 6%;
  bottom: 3%;
}

.eveCont .btnFull {
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 3;
}

.eveCont .btnBox {
  position: absolute;
  width: 85%;
  height: 77.5%;
  top: 14.5%;
  left: 50%;
  display: flex;
  flex-direction: column;
  transform: translateX(-50%);
  align-content: space-between;
  justify-content: space-between;
}

.eveCont .btnBox .eventLink {
  position: relative;
  left: auto;
  transform: none;
  width: 100%;
  height: 22%;
}

.eveCont .img08 {
  position: absolute;
  width: calc(1005 / 1125 * 100%);
  top: 4%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.eveCont .evtWrapper {
  position: absolute;
  left: 0;
  top: 21%;
  width: 88%;
  margin: 0 6%;
  overflow: hidden;
}

.eveCont .evtSwiper {
  width: 100%;
}

.eveCont .evtSwiper .swiper-slide {
  width: 100%;
}

.eveCont [class*="swiper-button"] {
  font-size: 0;
  width: 60px;
  height: 60px;
  transform: translateY(-15px);
  z-index: 5;
}

.eveCont [class*="swiper-button"]:after {
  content: none;
}

/* mo */
.mo .eveCont [class*="swiper-button"] {
  width: 3rem;
  height: 3rem;
  transform: translateY(-.25rem);
}

/* front */
.event_wrap .eve_detail+.box.type02 {
  background-color: #000;
}

.event_wrap .eve_detail+.box.type02 [class*="btn_"] {
  background-color: #fff !important;
}

.event_wrap .eve_detail+.box.type02 [class*="btn_"] em {
  color: #000;
}