/*アニメーションの@keyframes用のCSSコードを書く（ここに書くとAMP用で約500KBまで記入できます）*/
@keyframes logoFalling {
0% {
 transform: translateY(-20px);
 opacity: 0;
 }
100% {
 transform: translateY(0px);
 opacity: 1;
 }
}
@keyframes logoRising {
0% {
 transform: translateY(20px);
 opacity: 0;
 }
100% {
 transform: translateY(0px);
 opacity: 1;
 }
}
@keyframes logoLine {
0% {
 width: 0;
 height: 0;
 opacity: 0;
 }
100% {
 width: 50%;
 height: 80px;
 opacity: 0.3;
 }
}
@keyframes appealRising {
0% {
 transform: translateY(20px);
 opacity: 0;
 }
100% {
 transform: translateY(0px);
 opacity: 1;
 }
}
@keyframes headerHeight {
0% {
 height: 100vh;
 }
100% {
 height: auto;
 }
}
@keyframes scrollArrow {
0% {
 bottom: -50px;
 opacity: 0;
 }
100% {
 bottom: -80px;
 opacity: 1;
 }
}
@keyframes naviFalling {
0% {
 transform: translateY(-100%);
 }
100% {
 transform: translateY(0%);
 }
}
@keyframes headerIn {
0% {
 opacity: 0;
 }
100% {
 opacity: 1;
 }
}
@keyframes headerLine {
0% {
 width: 0;
 opacity: 0;
 }
100% {
 width: 100%;
 opacity: 0.8;
 }
}

@keyframes NaviLine {
0% {
 transform: scaleX(0);
 opacity: 0;
 }
100% {
 transform: scaleX(1);
 opacity: 1.0;
 }
}
@keyframes NaviItem {
0% {
 /*background: transparent;*/
 }
100% {
 /*background: #113f8f;*/
 }
/*@keyframes prevScroll {
0% {
 transform: translateX(0%);
 }
100% {
 transform: translateX(-100%);
 }
@keyframes nextScroll {
0% {
 transform: translateX(0%);
 }
100% {
 transform: translateX(100%);
 }*/
}