/* templates/footer.html */

/* フッター全体 */
footer.page-footer {
  background-color: #970e8e;  /* ダークな背景色 */
  color: white;  /* 白い文字色 */
  padding-top: 10px;  /* 上部の余白 */
  padding-bottom: 10px;  /* 下部の余白 */
}
/* 外部リンクセクション */
footer h5, footer h6 {
  color: #f4f4f4;  /* 見出しの色 */
}
/* リストのスタイル */
footer .list-unstyled li {
  margin-bottom: 5px;  /* 各リンク間の余白 */
}
/* リンクのスタイル */
footer a {
  color: white;  /* リンクの文字色 */
  text-decoration: none;  /* 下線なし */
}
/* リンクにホバーしたとき */
footer a:hover {
  color: #3cff00;  /* ホバー時の文字色 */
  text-decoration: underline;  /* ホバー時に下線を追加 */
}
/* コピーライトセクション */
footer .footer-copyright {
  margin-top: 5px;  /* コピーライトの上部余白 */
}

/* ==========================
   レスポンシブ調整
========================== */
/* スマホ画面 */
@media (max-width: 767px) {
  footer .container-fluid {
      padding-left: 15px;
      padding-right: 15px;
  }
}