@charset "utf-8";
/*******************************************
	/css/original_anime.css
*******************************************/

/* vue transition設定 */

.fade-enter-active,
.fade-leave-active {
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    opacity: 1;
}

.fade-enter,
.fade-leave-active,
.fade-leave {
    opacity: 0;
}

/* loadingロゴ設定 */

#loadbox .pulse {
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    /* アニメーションの時間 */
}

/*------------------------------------------
	登録アニメーション
------------------------------------------*/

.moving_fid {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: moving_fid;
    animation-name: moving_fid;
    visibility: visible !important;
}

@-webkit-keyframes moving_fid {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes moving_fid {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.moving_fir {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: moving_fir;
    animation-name: moving_fir;
    visibility: visible !important;
}

@-webkit-keyframes moving_fir {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes moving_fir {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.moving_fil {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: moving_fil;
    animation-name: moving_fil;
    visibility: visible !important;
}

@-webkit-keyframes moving_fil {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes moving_fil {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/* @keyframes introductionLoadingNow {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes introductionLoadingNow {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
} */