/**** fadein tx in zoomslider ****/
#zoom-slider {
  background: #111;
}
#zoom-slider .zoom-slider-inner-content {
  width: 30%;
  margin: 0 auto;
  text-align: center;
}
#zoom-slider .zoom-slider-inner-content figure:first-of-type {
  width: 14vw;
  margin: 0 auto 1rem;
}
#zoom-slider .zoom-slider-inner-content figure:nth-of-type(2) {
  width: 12vw;
  margin: 0 auto 1rem;
}
/*#zoom-slider .zoom-slider-inner-content .fade-tx-01,*/
#zoom-slider .zoom-slider-inner-content .fadein-tx {
  display: inline-block;
  font-feature-settings: 'pkna';
  margin: 0 auto;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 1.6;
  font-weight: 100;
  font-size: 1.6rem;
  color: #fff;
}
.fadein-tx span{
    opacity:0;
    visibility: visible;
}
@media screen and ( min-width:1024px) {
/*#zoom-slider .zoom-slider-inner-content .fade-tx-01,*/
#zoom-slider .zoom-slider-inner-content .fadein-tx {
  font-size: 2rem;
}
}
/*#zoom-slider .zoom-slider-inner-content .fade-tx-01 span,*/
#zoom-slider .zoom-slider-inner-content .fadein-tx span {
  margin: 0 auto .5rem;
}

/*.fade-tx-01 span {
  transition: 1s;
  opacity: 0;
}
.fade-tx-01 span.text_animate_on {
  transition: 1s;
  opacity: 1;
}
.fade-tx-01.text_animate_rotate span {
  transform: rotate(-45deg);
  display: inline-block;
}
.fade-tx-01.text_animate_rotate span.text_animate_rotate_on {
  transform: rotate(0deg);
}
.fade-tx-01.text_animate_size span {
  font-size: 22px;
}
.fade-tx-01.text_animate_size span.text_animate_size_on {
  font-size: 10px;
}*/
/*******/
#zoom-slider {
    height: calc(100vh - 60px);
    padding: 10% 0 24%;
}
@media screen and ( min-width:1024px) {
#zoom-slider {
    height: 100vh;
    padding: 14% 0 0;
}
}
@media screen and ( min-width:1265px) {
#zoom-slider {
    padding: 10% 0 0;
}
}
.zs-enabled {
    position: relative
}

.zs-enabled .zs-slideshow,
.zs-enabled .zs-slides,
.zs-enabled .zs-slide {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.zs-enabled .zs-slideshow .zs-slides .zs-slide {
    background: transparent none no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1.0, 1.0);
    -moz-transform: scale(1.0, 1.0);
    -ms-transform: scale(1.0, 1.0);
    -o-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0)
}

.zs-enabled .zs-slideshow .zs-slides .zs-slide.active {
    visibility: visible;
    opacity: 1
}

.zs-enabled .zs-slideshow .zs-bullets {
    position: absolute;
    z-index: 999;
    bottom: 24px;
    left: 0;
    width: 100%;
    text-align: center
}

@media screen and ( min-width:1024px) {
.zs-enabled .zs-slideshow .zs-bullets {
    bottom: 40px;
}
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet {
    display: inline-block;
    cursor: pointer;
    border: 2px solid #ccc;
    width: 14px;
    height: 14px;
    border-radius: 8px;
    margin: 10px;
    background-color: rgba(0,0,0,.5);
}

.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active {
    background-color: #ccc
}

.zs-enabled .zs-slideshow:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: transparent none repeat 0 0
}

.zs-enabled.overlay-plain .zs-slideshow:after {
    background-image: url(plain.png)
}

.zs-enabled.overlay-dots .zs-slideshow:after {
    background-image: url(dots.png)
}