/* フッター全体のスタイル */
.footer {
	background-color: #1d1d2c;
	color: #ffffff;
	padding: 10px 0; /* 上下の余白 */
	font-family: sans-serif;
}

/* コンテンツを中央に寄せ、横並びにする設定 */
.footer-container {
	display: flex;
	justify-content: center; /* 中央揃え */
	align-items: center; /* 垂直方向の中央揃え */
	gap: 40px; /* 項目間の間隔 */
	font-size: 12px;
}

/* リンクのスタイル */
.footer-link {
	color: #ffffff;
	text-decoration: none; /* 下線を消す */
	transition: opacity 0.3s;
}

.footer-link:hover {
	opacity: 0.7; /* ホバー時に少し透かす */
}

/* コピーライトのスタイル */
.footer-copyright {
	margin: 0; /* デフォルトの余白を打ち消し */
}

/* レスポンシブ対応：画面が狭いときは縦並びにする場合 */
@media (max-width: 600px) {
	.footer-container {
		flex-direction: column;
		gap: 15px;
	}

	.footer {
		margin-top: -2px !important; /* 上にずらして隙間を物理的に塞ぐ */
		position: relative; /* 重なり順を安定させる */
		z-index: 10;
	}
}