@charset "utf-8";
.airplane { /* 飛行機エアプレーンアニメ */
	display: inline;
	position: absolute;
	left: -2000px;
	animation: airplaneanime 70s linear -20s infinite;
}	
.airplane img {
	width: 100%;
}
@keyframes airplaneanime {
    0%   { width: 7vw;z-index: 20;top:40%;left:100%;filter: drop-shadow(-2vw 20vw 2vw rgba(0,0,0,0.1));animation-timing-function: ease-out; }
    10%   { width: 3vw;z-index: 3;top:58%;left:87%;filter: drop-shadow(0vw 0vw 0vw rgba(0,0,0,0.15)); }
    20%   { width: 3vw;z-index: 3;top:58%;left:87%;filter: drop-shadow(0vw 0vw 0vw rgba(0,0,0,0.15));animation-timing-function: ease-in; }
    100% { width: 7vw;z-index: 20;top:40%;left:-20%;filter: drop-shadow(-2vw 40vw 2vw rgba(0,0,0,0.05)); }
}
.ship { /* 船シップアニメ */
	display: inline;
	position: absolute;
	left: -2000px;
	width: 7vw;
	z-index: 5;
	animation: shipanime 60s linear -35s infinite;
}	
.ship img {
	width: 100%;
}
@keyframes shipanime {
    0%   { top:100%;left:76%;transform: rotate(-90deg) scale(-1,1);animation-timing-function:  ease-out; }
    40%  { top:68%;left:80%;transform: rotate(-65deg) scale(-1,1);animation-timing-function: ease-in-out; }
    60%  { top:68%;left:80%;transform: rotate(75deg) scale(-1,1);animation-timing-function: ease-in; }
    100% { top:100%;left:90%;transform: rotate(80deg) scale(-1,1); }
}