@charset "utf-8";

.anm-flicker-01{
    animation-name: myanime_flicker_01a,myanime_flicker_01b;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: 50% 50%;
}
@keyframes myanime_flicker_01a{
      0%{transform: translateY(  0);}
    100%{transform: translateY(40%);}
}
@keyframes myanime_flicker_01b{
      0%{opacity: 0;}
     20%{opacity: 1;}
    100%{opacity: 0;}
}

.anm-expand-01{
    animation-name: myanime_expand_01;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: 50% 50%;
}
@keyframes myanime_expand_01{
      0%{transform: scale(1,1);}
     90%{transform: scale(1,3);}
    100%{transform: scale(1,1);}
}

.anm-flow-01{
    animation-name: myanime_flow_01;
    animation-duration: 7s;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    transform-origin: 50% 50%;
}
@keyframes myanime_flow_01{
      0%{left:     0;}
    100%{left: -100%;}
}

.anm-fadeshow-01{
    animation-name: anm-fadeshow-01;
    animation-duration: 0.7s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: 50% 50%;
}
@keyframes anm-fadeshow-01{
      0%{opacity: 0;}
    100%{opacity: 1;}
}

.anm-scrolldown-01{
    animation:
    circlemove 1.8s ease-in-out infinite,
    cirlemovehide 1.8s ease-out infinite;
}
@keyframes circlemove{
      0%{bottom: 95px;}
    100%{bottom: -5px;}
}
@keyframes cirlemovehide{
      0%{opacity: 0}
     50%{opacity: 1;}
     80%{opacity: 0.9;}
    100%{opacity: 0;}
}