/* ===============================
   フッター全体のスタイル
   =============================== */
.site-footer {
  background-color: #002f6c;
  color: #fff;
  text-align: center;
  padding: 12px 20px; /* ← 高さ固定をやめて内側余白でコントロール */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0; /* フッタ直上のバナーとは .ad-banner 側の余白で調整 */
}

/* テキスト */
.site-footer p {
  font-size: var(--font-sm);
  color: #fff;
  margin: 0;
}

/* レスポンシブ */
@media (max-width: 600px) {
  .site-footer {
    padding: 10px 16px;
  }
}