/* js trigger */
/* rotate */
.jsc-rotate.is-rotate {
  transform: translate(-50%, -50%) rotateY(180deg);
}

/* gallery */
.jsc-slideIn.is-active::before {
  animation : slideIn_left .5s ease forwards;
}

@keyframes slideIn_left {
  0% {
    opacity: 0;
    /* transform: translateX(-300px); */
    width: 0;
  }
  100% {
    opacity: 1;
    /* transform: translateX(0px); */
    width: 100%;
  }
}

.jsc-fadeIn {
  opacity: 0;
  transition: opacity 1.5s;
}
.jsc-fadeIn.is-active {
  opacity: 1;
  transition-delay: .5s;
}