@charset "utf-8";

.fixed{position:fixed !important;}

.txt01{
-moz-animation:fadeIn 1.5s ease-out 1s forwards;
-webkit-animation:fadeIn 1.5s ease-out 1s forwards;
-o-animation:fadeIn 1.5s ease-out 1s forwards;
-ms-animation:fadeIn 1.5s ease-out 1s forwards;
animation:fadeIn 1.5s ease-out 1s forwards;
}

.txt02{
-moz-animation:fadeIn 1.5s ease-out 2s forwards;
-webkit-animation:fadeIn 1.5s ease-out 2s forwards;
-o-animation:fadeIn 1.5s ease-out 2s forwards;
-ms-animation:fadeIn 1.5s ease-out 2s forwards;
animation:fadeIn 1.5s ease-out 2s forwards;
}

.txt03{
-moz-animation:fadeIn 1.5s ease-out 3s forwards;
-webkit-animation:fadeIn 1.5s ease-out 3s forwards;
-o-animation:fadeIn 1.5s ease-out 3s forwards;
-ms-animation:fadeIn 1.5s ease-out 3s forwards;
animation:fadeIn 1.5s ease-out 3s forwards;
}

.txt04{
-moz-animation:fadeIn 1.5s ease-out 4s forwards;
-webkit-animation:fadeIn 1.5s ease-out 4s forwards;
-o-animation:fadeIn 1.5s ease-out 4s forwards;
-ms-animation:fadeIn 1.5s ease-out 4s forwards;
animation:fadeIn 1.5s ease-out 4s forwards;
}

.txt_set{
-moz-animation:fadeOut 1s ease-out 7s forwards;
-webkit-animation:fadeOut 1s ease-out 7s forwards;
-o-animation:fadeOut 1s ease-out 7s forwards;
-ms-animation:fadeOut 1s ease-out 7s forwards;
animation:fadeOut 1s ease-out 7s forwards;
}

.top_set{-moz-opacity:0;opacity:0;}
.top_set{
-moz-animation:fadeIn 1.5s ease-out 8s forwards;
-webkit-animation:fadeIn 1.5s ease-out 8s forwards;
-o-animation:fadeIn 1.5s ease-out 8s forwards;
-ms-animation:fadeIn 1.5s ease-out 8s forwards;
animation:fadeIn 1.5s ease-out 8s forwards;
}



.fadein{
-moz-animation:fadeIn 1.5s ease-out 0s forwards;
-webkit-animation:fadeIn 1.5s ease-out 0s forwards;
-o-animation:fadeIn 1.5s ease-out 0s forwards;
-ms-animation:fadeIn 1.5s ease-out 0s forwards;
animation:fadeIn 1.5s ease-out 0s forwards;
}


.menu_down{
-moz-animation:menuDown 0.5s ease-out 0s forwards;
-webkit-animation:menuDown 0.5s ease-out 0s forwards;
-o-animation:menuDown 0.5s ease-out 0s forwards;
-ms-animation:menuDown 0.5s ease-out 0s forwards;
animation:menuDown 0.5s ease-out 0s forwards;
}

.menu_up{
-moz-animation:menuUp 0.5s ease-out 0s forwards;
-webkit-animation:menuUp 0.5s ease-out 0s forwards;
-o-animation:menuUp 0.5s ease-out 0s forwards;
-ms-animation:menuUp 0.5s ease-out 0s forwards;
animation:menuUp 0.5s ease-out 0s forwards;
}


/* メニューDown */
@keyframes menuDown{
0%{opacity:0;transform:translate(0,-50px);}
100%{opacity:1;transform:translate(0,0);}
}
@-moz-keyframes menuDown{
0%{opacity:0;-moz-transform:translate(0,-50px);}
100%{opacity:1;-moz-transform:translate(0,0);}
}
@-webkit-keyframes menuDown{
0%{opacity:0;-webkit-transform:translate(0,-50px);}
100%{opacity:1;-webkit-transform:translate(0,0);}
}
@-o-keyframes menuDown{
0%{opacity:0;-o-transform:translate(0,-50px);}
100%{opacity:1;-o-transform:translate(0,0);}
}
@-ms-keyframes menuDown{
0%{opacity:0;-ms-transform:translate(0,-50px);}
100%{opacity:1;-ms-transform:translate(0,0);}
}

/* メニューUp */
@keyframes menuUp{
0%{opacity:1;transform:translate(0,0);}
100%{opacity:0;transform:translate(0,-50px);}
}
@-moz-keyframes menuUp{
0%{opacity:1;-moz-transform:translate(0,0);}
100%{opacity:0;-moz-transform:translate(0,-50px);}
}
@-webkit-keyframes menuUp{
0%{opacity:1;-webkit-transform:translate(0,0);}
100%{opacity:0;-webkit-transform:translate(0,-50px);}
}
@-o-keyframes menuUp{
0%{opacity:1;-o-transform:translate(0,0);}
100%{opacity:0;-o-transform:translate(0,-50px);}
}
@-ms-keyframes menuUp{
0%{opacity:1;-ms-transform:translate(0,0);}
100%{opacity:0;-ms-transform:translate(0,-50px);}
}

/* 左からfade */
@keyframes fadeInLeft{
0%{opacity:0;transform:translate(-10px,0);}
100%{opacity:1;transform:translate(0,0);}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;-moz-transform:translate(-10px,0);}
100%{opacity:1;-moz-transform:translate(0,0);}
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translate(-10px,0);}
100%{opacity:1;-webkit-transform:translate(0,0);}
}
@-o-keyframes fadeInLeft{
0%{opacity:0;-o-transform:translate(-10px,0);}
100%{opacity:1;-o-transform:translate(0,0);}
}
@-ms-keyframes fadeInLeft{
0%{opacity:0;-ms-transform:translate(-10px,0);}
100%{opacity:1;-ms-transform:translate(0,0);}
}

/* 右からfade */
@keyframes fadeInRight{
0%{opacity:0;transform:translate(10px,0);}
100%{opacity:1;transform:translate(0,0);}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;-moz-transform:translate(10px,0);}
100%{opacity:1;-moz-transform:translate(0,0);}
}
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translate(10px,0);}
100%{opacity:1;-webkit-transform:translate(0,0);}
}
@-o-keyframes fadeInRight{
0%{opacity:0;-o-transform:translate(10px,0);}
100%{opacity:1;-o-transform:translate(0,0);}
}
@-ms-keyframes fadeInRight{
0%{opacity:0;-ms-transform:translate(10px,0);}
100%{opacity:1;-ms-transform:translate(0,0);}
}

/* 上からfade */
@keyframes fadeInDown{
0%{opacity:0;transform:translate(0,-10px);}
100%{opacity:1;transform:translate(0,0);}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;-moz-transform:translate(0,-10px);}
100%{opacity:1;-moz-transform:translate(0,0);}
}
@-webkit-keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translate(0,-10px);}
100%{opacity:1;-webkit-transform:translate(0,0);}
}
@-o-keyframes fadeInDown{
0%{opacity:0;-o-transform:translate(0,-10px);}
100%{opacity:1;-o-transform:translate(0,0);}
}
@-ms-keyframes fadeInDown{
0%{opacity:0;-ms-transform:translate(0,-10px);}
100%{opacity:1;-ms-transform:translate(0,0);}
}

/* 下からfade */
@keyframes fadeInUp{
0%{opacity:0;transform:translate(0,10px);}
100%{opacity:1;transform:translate(0,0);}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;-moz-transform:translate(0,10px);}
100%{opacity:1;-moz-transform:translate(0,0);}
}
@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translate(0,10px);}
100%{opacity:1;-webkit-transform:translate(0,0);}
}
@-o-keyframes fadeInUp{
0%{opacity:0;-o-transform:translate(0,10px);}
100%{opacity:1;-o-transform:translate(0,0);}
}
@-ms-keyframes fadeInUp{
0%{opacity:0;-ms-transform:translate(0,10px);}
100%{opacity:1;-ms-transform:translate(0,0);}
}

/* fadeIn */
@keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}
@-o-keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}
@-ms-keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}

/* fadeOut */
@keyframes fadeOut{
0%{opacity:1;}
100%{opacity:0;}
}
@-moz-keyframes fadeOut{
0%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes fadeOut{
0%{opacity:1;}
100%{opacity:0;}
}
@-o-keyframes fadeOut{
0%{opacity:1;}
100%{opacity:0;}
}
@-ms-keyframes fadeOut{
0%{opacity:1;}
100%{opacity:0;}
}