/**
 * Footer CSS - JEVA WordPress Theme
 * フッターのスタイル
 */

/* ========================================
   フッター
   ======================================== */
footer {
	background-color: #1f2937;
	color: #ffffff;
	padding: 48px 0;
	margin: 0;
}

.footer__container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 0 auto;
	padding: 0 16px;
}

.footer__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
	margin: 0 0 32px 0;
	padding: 0;
}

.footer__about {
	grid-column: 1 / -1;
}

.footer__about-title {
	font-size: 20px;
	font-weight: 500;
	color: #ffffff;
	margin: 0 0 16px 0;
	padding: 0;
}

.footer__about-subtitle {
	font-size: 14px;
	color: #d1d5db;
	margin: 0 0 16px 0;
	padding: 0;
}

.footer__about-text {
	font-size: 14px;
	color: #9ca3af;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}

.footer__sitemap-title,
.footer__links-title {
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	margin: 0 0 16px 0;
	padding: 0;
}

.footer__sitemap-list,
.footer__links-list {
	margin: 0;
	padding: 0;
}

.footer__sitemap-item,
.footer__links-item {
	margin: 0 0 8px 0;
	padding: 0;
}

.footer__sitemap-link,
.footer__links-link {
	font-size: 14px;
	color: #d1d5db;
	transition: color 0.2s ease;
	margin: 0;
	padding: 0;
}

.footer__sitemap-link:hover,
.footer__links-link:hover {
	color: #ffffff;
	text-decoration: none;
}

.footer__copyright {
	border-top: 1px solid #374151;
	margin: 32px 0 0 0;
	padding: 32px 0 0 0;
	text-align: center;
}

.footer__copyright-text {
	font-size: 14px;
	color: #9ca3af;
	margin: 0;
	padding: 0;
}

/* PCサイズ（768px以上） */
@media (min-width: 768px) {
	footer {
		padding: 48px 0;
	}

	.footer__inner {
		grid-template-columns: 2fr 1fr 1fr;
		gap: 32px;
	}

	.footer__about {
		grid-column: 1 / 2;
	}
}
