@charset "utf-8";
/*確認作業用リセット*/
/*
*{ animation: 0s !important; opacity: 1.0 !important;}
#loading{ display: none !important;}
body{ overflow:  auto !important;}
*/

/*アニメーション*/
header .header_in{ opacity: 0; position: relative;}
header.active .header_in{ animation: header_in ease-in-out 1.0s forwards; animation-delay: 0s;}
@keyframes header_in{
0%{ transform: scale(1.1); filter: blur(4px); opacity: 0;}
100%{ transform: scale(1.0); filter: blur(0); opacity: 1.0;}
}

/*アニメーション*/
section{ opacity: 0; position: relative;}
section.active{ animation: section ease-in-out 1.0s forwards; animation-delay: 0s;}
@keyframes section{
0%{ opacity: 0; top: 5vw;}
100%{ opacity: 1.0; top: 0;}
}

/*アニメーション*/
.lineup_list{ opacity: 0; position: relative;}
.lineup_list.active{ animation: lineup_list ease-in-out 1.0s forwards; animation-delay: 0s;}
@keyframes lineup_list{
0%{ opacity: 0; top: 5vw;}
100%{ opacity: 1.0; top: 0;}
}