@-webkit-keyframes tile_01{0%{background-color:#fa0}100%{background-color:#0000cd}}@keyframes tile_01{0%{background-color:#fa0}100%{background-color:#0000cd}}@-webkit-keyframes tile_02{0%{background-color:#0000cd}100%{background-color:#af0082}}@keyframes tile_02{0%{background-color:#0000cd}100%{background-color:#af0082}}@-webkit-keyframes tile_03{0%{background-color:#af0082}100%{background-color:#40a43a}}@keyframes tile_03{0%{background-color:#af0082}100%{background-color:#40a43a}}@-webkit-keyframes tile_04{0%{background-color:#40a43a}100%{background-color:#4169e1}}@keyframes tile_04{0%{background-color:#40a43a}100%{background-color:#4169e1}}@-webkit-keyframes tile_05{0%{background-color:#4169e1}100%{background-color:#e4007f}}@keyframes tile_05{0%{background-color:#4169e1}100%{background-color:#e4007f}}@-webkit-keyframes tile_06{0%{background-color:#e4007f}100%{background-color:#fa0}}@keyframes tile_06{0%{background-color:#e4007f}100%{background-color:#fa0}}@-webkit-keyframes diagonal{0%{left:-100%}100%{left:0%}}@keyframes diagonal{0%{left:-100%}100%{left:0%}}@-webkit-keyframes diagonal_end{0%{left:0}100%{left:100%}}@keyframes diagonal_end{0%{left:0}100%{left:100%}}.animate{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;animation-duration:1s}.animate[data-animate]{visibility:hidden}.animated[data-animate]{visibility:visible}#mv{overflow:hidden}#mv::before{display:none !important}#animation{position:absolute;top:0;left:0;z-index:0;display:flex;width:100%;height:100%;background:url(./../images/top/bg_top_mv.png);background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden}#animation[data-animate=diagonal]{margin:0 calc((100vw + 100vh)*-1);padding:0 calc(100vw + 100vh)}#animation .diagonal{position:absolute;top:0;left:-100%;z-index:0;width:100%;height:100%;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#animation[data-main-color="1"]>*.tile{-webkit-animation-name:tile_01;animation-name:tile_01}#animation[data-main-color="1"]>*.diagonal:nth-child(1){background-color:#0000cd;-webkit-animation-name:diagonal;animation-name:diagonal}#animation[data-main-color="1"]>*.diagonal:nth-child(6){background-color:#fa0;-webkit-animation-name:diagonal_end;animation-name:diagonal_end}#animation[data-main-color="2"]>*.tile{-webkit-animation-name:tile_02;animation-name:tile_02}#animation[data-main-color="2"]>*.diagonal:nth-child(1){background-color:#0000cd;-webkit-animation-name:diagonal_end;animation-name:diagonal_end}#animation[data-main-color="2"]>*.diagonal:nth-child(2){background-color:#af0082;-webkit-animation-name:diagonal;animation-name:diagonal}#animation[data-main-color="3"]>*.tile{-webkit-animation-name:tile_03;animation-name:tile_03}#animation[data-main-color="3"]>*.diagonal:nth-child(2){background-color:#af0082;-webkit-animation-name:diagonal_end;animation-name:diagonal_end}#animation[data-main-color="3"]>*.diagonal:nth-child(3){background-color:#40a43a;-webkit-animation-name:diagonal;animation-name:diagonal}#animation[data-main-color="4"]>*.tile{-webkit-animation-name:tile_04;animation-name:tile_04}#animation[data-main-color="4"]>*.diagonal:nth-child(3){background-color:#40a43a;-webkit-animation-name:diagonal_end;animation-name:diagonal_end}#animation[data-main-color="4"]>*.diagonal:nth-child(4){background-color:#4169e1;-webkit-animation-name:diagonal;animation-name:diagonal}#animation[data-main-color="5"]>*.tile{-webkit-animation-name:tile_05;animation-name:tile_05}#animation[data-main-color="5"]>*.diagonal:nth-child(4){background-color:#4169e1;-webkit-animation-name:diagonal_end;animation-name:diagonal_end}#animation[data-main-color="5"]>*.diagonal:nth-child(5){background-color:#e4007f;-webkit-animation-name:diagonal;animation-name:diagonal}#animation[data-main-color="6"]>*.tile{-webkit-animation-name:tile_06;animation-name:tile_06}#animation[data-main-color="6"]>*.diagonal:nth-child(5){background-color:#e4007f;-webkit-animation-name:diagonal_end;animation-name:diagonal_end}#animation[data-main-color="6"]>*.diagonal:nth-child(6){background-color:#fa0;-webkit-animation-name:diagonal;animation-name:diagonal}#animation>*{flex:1;opacity:.7}