#body-tab-swiper.swiper-container {
  margin-bottom: 10px;
  overflow: visible;
  width: calc(100% - 40px);
}

#body-tab-swiper .next-prev {
  position: absolute; top: 13px; width: 10px; height: 10px; color: #cacaca;
}
#body-tab-swiper .swiper-next { left: -15px; }
#body-tab-swiper .swiper-prev { right:-15px; }
#body-tab-swiper .next-prev.swiper-button-disabled { display: none; }


.body_tab { display: flex; }
.body_tab a {
  display: flex;
  padding: 5px;
  border: solid 1px #DDD; border-radius: 3px; margin-bottom: 0;
  width: auto;
  min-width: 4em; max-width: 10.5em;
  height: 2em;
  font-size: 10px;
  align-items: center;
}
.body_tab a:hover { /* background: #EEE; color: #FFF; */ }
.body_tab a.selected { background: #3581f1; color: #FFF; }

.swiper-wrapper {

}
a.swiper-slide { height: auto; }
.swiper-container-horizontal>.swiper-scrollbar { left: 0; bottom: -5px !important; }

@media ( max-width: 600px ) {
  #swiper-gallery .the-hero .h-bnr h2 {
    font-size: 20px;
    letter-spacing: 0;
  }
}

/*
body {
  background-size: 0 0;
}

body::before {
  content: "";
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background-image: inherit;
  background-repeat: repeat-y;
  background-size: 200%;
  background-attachment: fixed;
  background-position: center center;
  display: block;
  position: fixed;
  z-index: -1;
}

#container {
  background-color: transparent !important;
}

#contsWrapper::before {
  content: "";
  position: fixed;top: 0;
  left: 0;
  display: block;
  width: 100%; height: 100%; 
  background: rgba( 255,255,255,0.8);
}
*/