@charset "utf-8";

.slidein-left {
    opacity: 0;
    transition: all 1.0s;
    transform: translate3d(-150px, 0, 0);
}

.slidein-left.is-slide {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.slidein-right {
    opacity: 0;
    transition: all 1.0s;
    transform: translate3d(100%, 0, 0);
}

.slidein-right.is-slide {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.slidein-top {
    opacity: 0;
    transition: all 1.0s;
    transform: translate3d(0, 150px, 0);
}

.slidein-top.is-slide {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.slidein-bottom {
    opacity: 0;
    transition: all 1.0s;
    transform: translate3d(0, -150px, 0);
}

.slidein-bottom.is-slide {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.animation-grow {
    opacity: 0;
    transform: scale(0);
    transform-origin: left;
    transition: transform 0.5s, opacity 1.0s;
}

.animation-grow.is-grow {
    opacity: 1;
    transform: scale(1);
}

.animationfadein {
    opacity: 0;
    transition: transform 1s, opacity 4.0s;
}

.animationfadein.is-show {
    opacity: 1;
}