/* ===========================================
フッターリンクバンド CSS
===========================================
元の index.html のフッターデザインを再現しつつ、
wp_nav_menu() の出力HTMLに対応するセレクタを追加。
wp_nav_menu の出力構造:
→ 元のCSS（.footer-link-list li a）がそのまま適用される。
=========================================== */
/* --- フッターリンクバンド 全体 --- */
.footer-link-band {
background:
radial-gradient(circle at bottom left, rgba(58, 88, 138, 0.18), transparent 42%),
linear-gradient(135deg, #08111f 0%, #0d1f36 48%, #132a46 100%);
color: #f5f5f0;
padding: 4rem 2.5rem 2rem;
border-top: 1px solid #22344f;
}
.footer-link-band-inner {
max-width: 1200px;
margin: 0 auto;
}
/* --- 4カラムグリッド --- */
.footer-links {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1fr;
gap: 3rem;
}
/* --- カラム見出し --- */
.footer-link-heading {
display: block;
font-family: 'JetBrains Mono', monospace;
font-size: 0.65rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: rgba(245, 245, 240, 0.4);
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(245, 245, 240, 0.08);
}
/* --- 会社情報ブロック ---
front-page.css に既存定義あり。
ここでは未定義の場合のフォールバック。 --- */
.footer-company-block {
display: flex;
flex-direction: column;
gap: 0.9rem;
}
.footer-company-block .footer-logo-mini {
font-family: 'Bebas Neue', sans-serif;
font-size: 1.2rem;
letter-spacing: 0.12em;
color: #f5f5f0;
}
.footer-company-block p {
font-size: 0.82rem;
line-height: 1.9;
color: rgba(245, 245, 240, 0.48);
}
/* --- リンクリスト ---
wp_nav_menu の出力