@charset "UTF-8";
/* 船のアニメーション */
.boat-container {
	position: relative;
	height: 55px;
	overflow: hidden;
	margin: var(--dynamic-margin) auto 0
}

.boat {
	position: absolute;
	top: 0;
	left: 100%;
	height: 61px;
	/*親要素より高さを大きくすることで、下にずらす*/
	width: auto;
	animation: sail 30s linear infinite;
}

@keyframes sail {
	from {
		left: 100%;
	}

	to {
		left: -50px;
	}
}

/* footer */
footer {
	background: var(--main-color);
	color: var(--base-color);
	bottom: 0;
	clear: both;
	padding-top: var(--dynamic-margin);
	padding-bottom: 10px;
	font-size: 0.9em;
}

@media (max-width: 1118px) {
	footer {
		padding-top: 20p
	}
}

footer a {
	color: var(--base-color);
	outline: none;
	word-break: normal
}