@charset "UTF-8";
/* CSS Document */
.fadeLeft{animation: fadeLeft 2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;}
.fadeRight{animation: fadeRight 2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;}
.fadeBotom{animation: fadeBotom 2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;}
.hiden{opacity: 0;transition: opacity 1s; }
/* フェードイン・アウト */
@keyframes fadeLeft {
0% {transform: translateX(-40px);opacity: 0;}
50% {opacity: 0.6;}
100% {transform: translateX(0);opacity: 1;}
}
@keyframes fadeRight {
0% {transform: translateX(40px);opacity: 0;}
50% {opacity: 0.6;}
100% {transform: translateX(0);opacity: 1;}
}
@keyframes fadeBotom {
0% {transform: translate(0px,60px);opacity: 0;}
50% {opacity: 0.6;}
100% {transform: translate(0,0);opacity: 1;}
}