/*----------------------------
    アニメーション
    -----------------------------*/
    @keyframes star1 {
        0%{left: 0;}
        100%{left: 80%;}
    }
    @keyframes star2 {
        0%{left: 0;}
        100%{left: 70%;}
    }
    @keyframes floating {
        0%{opacity: 0;}
        100%{opacity: 1;}
    }
    @keyframes kaiten {
        0%{transform:rotate(0);}
        100%{transform:rotate(360deg);}
    }
    @keyframes in {
        0%{opacity: 0; transform: scale(0%);}
        90%{opacity: 0.5; transform: scale(120%);}
        100%{opacity: 1; transform: scale(100%);}
    }
    @keyframes FadeIn{
        0%{opacity: 0; transform: scale(200%);}
        100%{opacity: 1; transform: scale(100%);}
    }
    @keyframes LeftFadeIn{
        0%{opacity: 0; transform: translateX(-100%);}
        100%{opacity: 1; transform: translateX(0%);}
    }
    @keyframes rightFadeIn{
        0%{opacity: 0; transform: translateX(200%);}
        100%{opacity: 1; transform: translateX(0%);}
    }
    @keyframes yurayura1{
        0%{transform: translateX(0%);}
        50%{transform: translateX(100%);}
        100%{transform: translateX(0%);}
    }
    @keyframes yurayura2{
        0%{transform: translateX(0%);}
        50%{transform: translateX(-50%);}
        100%{transform: translateX(0%);}
    }
@keyframes kakudai{
        0%{transform: scale3d(0);}
        70%{transform: scale3d(1.1, 1.1, 1.1);}
        100%{ transform: scale3d(0);}
   }
@keyframes tate{
        0%{transform: translateY(0);}
        50%{transform: translateY(20px);}
        100%{transform: translateY(0);}
   }