@charset "UTF-8";

#mv {

  position: relative;

}

#mv .mv_nav {

  overflow: visible;

}

#mv .mv_arrow {

  display: block !important;

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  height: 0;

  margin: 0;

  padding: 0;

  list-style: none;

  z-index: 30;

  pointer-events: none;

  transform: none;

}

#mv .mv_arrow_prev,

#mv .mv_arrow_next {

  pointer-events: auto;

  position: absolute;

  top: 0;

  width: 60px !important;

  height: 60px !important;

  margin-top: -30px;

  border-radius: 50%;

  background: #ff7e31;

  cursor: pointer;

  z-index: 31;

}

#mv .mv_arrow_prev {

  left: 12px;

}

#mv .mv_arrow_next {

  right: 12px;

}

#mv .mv_arrow li span {

  position: absolute;

  width: 1px;

  height: 1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

}

#mv .mv_arrow_prev::before,

#mv .mv_arrow_next::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  width: 12px;

  height: 12px;

  border-top: 3px solid #fff;

  border-right: 3px solid #fff;

}

#mv .mv_arrow_prev::before {

  transform: translate(-35%, -50%) rotate(-135deg);

}

#mv .mv_arrow_next::before {

  transform: translate(-65%, -50%) rotate(45deg);

}

/*#mv .mv_arrow_prev:hover,

#mv .mv_arrow_next:hover {

  opacity: 0.85;

}*/

@media screen and (min-width: 1300px) {

  #mv .mv_arrow_prev,

  #mv .mv_arrow_next {

    width: 70px !important;

    height: 70px !important;

  }

}

@media screen and (max-width: 768px) {

  #mv .mv_arrow_prev,

  #mv .mv_arrow_next {

    width: 44px !important;

    height: 44px !important;

    margin-top: -22px;

  }

  #mv .mv_arrow_prev::before,

  #mv .mv_arrow_next::before {

    width: 10px;

    height: 10px;

    border-width: 2px;

  }

}

#mv .mv_scroll {

  left: 1.5vw;

}

/* --- Custom slide transition (overrides theme's built-in fade/zoom) --- */

#mv .mv_img {

  position: relative;

  overflow: hidden;

  width: 100%;

  height: 100%;

}

#mv .mv_img li {

  display: block !important;

  position: absolute !important;

  top: 0 !important;

  left: 0 !important;

  width: 95% !important;

  height: 100% !important;

  margin-left: 2.5% !important;

  border-radius: 30px;

  z-index: 1;

  transform: translateX(100%);

  transition: transform 0.6s ease-in-out;

}

#mv .mv_img li.show {

  z-index: 2;

  transform: translateX(0%);

}

#mv .mv_img li img {

  opacity: 1 !important;

  animation: none !important;

  width: 100%;

  height: 100%;

  object-fit: cover;

}


@media screen and (max-width: 768px) {

#mv .mv_arrow_prev {

  left: 28px;

}

#mv .mv_arrow_next {

  right: 28px;

}
  }