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