@keyframes animeUFO-engine {
      0% { transform: translate(  0px,   0px);                                       }
     10% { transform: translate(320px, 360px);                                       }
     20% { transform: translate(  0px, 360px) rotateX(360deg);                       }
     30% { transform: translate(320px,   0px);                                       }
     37% { transform: translate(320px,  30px);                                       }
     39% { transform: translate(  0px,  30px);                                       }
     41% { transform: translate(  0px,  60px);                                       }
     43% { transform: translate(320px,  60px);                                       }
     45% { transform: translate(320px,  90px);                                       }
     47% { transform: translate(  0px,  90px);                                       }
     70% { transform: translate(320px, 360px);                                       }
     70% { transform: translate(  0px, 360px);                                       }
     80% { transform: translate(320px,   0px) rotateZ(360deg);                       }
     85% { transform: translate(320px,  30px);                                       }
     88% { transform: translate(320px, 360px);                                       }
     93% { transform: translate(150px, 360px);                                       }
     95% { transform: translate(150px,   0px);                                       }
     98% { transform: translate(320px, 150px) rotateZ(360deg);                       }
     99% { transform: translate(320px,   0px);                                       }
    100% { transform: translate(  0px,   0px);                                       }
}

.animationUFO{
    animation-name:             animeUFO-engine;
    animation-timing-function:  ease-in-out;
    animation-iteration-count:  var(--FlagUFO);
    animation-duration:        15.0s;               /* 時間                     */
    /* animation-direction:        alternate;          /* 終了時の位置から逆際する */
}

/*
      0% { transform: translate(  0px,   0px);                                       }
     10% { transform: translate(  0px, 360px);                                       }
     20% { transform: translate(320px, 360px) rotateX(360deg);                       }
     30% { transform: translate(320px,   0px);                                       }
     37% { transform: translate(320px,  30px);                                       }
     39% { transform: translate(  0px,  30px);                                       }
     41% { transform: translate(  0px,  60px);                                       }
     43% { transform: translate(320px,  60px);                                       }
     45% { transform: translate(320px,  90px);                                       }
     47% { transform: translate(  0px,  90px);                                       }
     70% { transform: translate(320px, 360px);                                       }
     70% { transform: translate(  0px, 360px);                                       }
     80% { transform: translate(320px,   0px) rotateZ(360deg);                       }
     85% { transform: translate(320px,  30px);                                       }
     88% { transform: translate(  0px, 360px);                                       }
     93% { transform: translate(150px, 360px);                                       }
     95% { transform: translate(150px, 150px);                                       }
     98% { transform: translate(150px, 150px) perspective(500px) translateZ(800px);  }
    100% { transform: translate(  0px,   0px);                                       }
*/