@charset "UTF-8";


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

anim.css

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

.anim {
    opacity: 0;
    transition: all 0.5s;
}

.anim.show {
    opacity: 1;
}

.anim_up {
    opacity: 0;
    transition: all 0.5s;
	transform: translateY(40px);
}

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

.anim_left {
    opacity: 0;
    transition: all 0.5s; 
    transform: translateX(40px);
}

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

.anim_right {
    opacity: 0;
    transition: all 0.5s; 
    transform: translateX(-40px);
}

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

.anim_down {
    opacity: 0;
    transition: all 0.5s; 
    transform: translateY(-40px);
}

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

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