@charset "UTF-8";


/*========================================
==========================================

anim.css

==========================================
========================================*/

.anim_up {
    opacity: 0;
    transition: 1s all ease;
	transform: translateY(20px);
}

.anim_up.show {
    opacity: 1;
	transform: translateY(0);
}

.anim_left {
    opacity: 0;
    transition: 1s all ease; 
    transform: translateX(20px);
}

.anim_left.show {
    opacity: 1;
    transform: translateX(0);
}

.anim_right {
    opacity: 0;
    transition: 1s all ease; 
    transform: translateX(-20px);
}

.anim_right.show {
    opacity: 1;
    transform: translateX(0);
}

.anim_down {
    opacity: 0;
    transition: 1s all ease; 
    transform: translateY(0px);
}

.anim_down.show {
    opacity: 1;
    transform: translateY(0);
}

@keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translate(0,0);
    }
}