/* ==========================================================================
   おかやま塾ナビ 共通フッター
   footer-links.css
   ========================================================================== */
   
   
/* ==========================================================================
   フッター：中学校別リンクナビゲーション（茶系サイト用）
   ========================================================================== */
.footer-juku-nav {
  max-width: 1000px;
  margin: 40px auto 20px auto;
  padding: 20px 15px;
  background-color: #fcfaf7; /* 【変更】温かみのあるごく薄いベージュ（生成り色） */
  border-top: 3px solid #a07855; /* 【変更】アクセントとなる落ち着いたブラウン */
  font-family: sans-serif;
}

.footer-juku-nav-title {
  margin: 0 0 15px 0;
  font-size: 1.1rem;
  font-weight: bold;
  color: #4a3b32; /* 【変更】濃いチョコレートブラウン */
  text-align: center;
}

.footer-juku-nav-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* 区（エリア）ごとの枠 */
.footer-juku-nav-group {
  display: flex;
  flex-direction: column;
  border-bottom: 1px dashed #d9cfc1; /* 【変更】馴染みの良い淡い茶系の点線 */
  padding-bottom: 10px;
}
.footer-juku-nav-group:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* 「〇〇区」の見出し */
.footer-juku-nav-area {
  font-weight: bold;
  color: #6e5d53; /* 【変更】やや赤みのある柔らかなブラウン */
  font-size: 0.9rem;
  margin-bottom: 5px;
  min-width: 100px;
}

/* リンクが並ぶ部分 */
.footer-juku-nav-links {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
}

/* リンク単体のデザイン */
.footer-juku-nav-links a {
  font-size: 0.85rem;
  color: #8c6239; /* 【変更】視認性の高いミディアムブラウン */
  text-decoration: none;
  background: #fff;
  padding: 4px 8px;
  border: 1px solid #e6dfd5; /* 【変更】淡いベージュの枠線 */
  border-radius: 4px;
  transition: all 0.2s ease;
}

/* マウスホバー（矢印を乗せたとき） */
.footer-juku-nav-links a:hover {
  background-color: #8c6239; /* 【変更】背景が茶色に変化 */
  color: #fff; /* テキストが白に変化 */
  border-color: #8c6239;
  text-decoration: underline;
}

/* ==========================================================================
   追加：フッター内の「塾選びのヒント」誘導リンク
   ========================================================================== */
.footer-hint-block {
  margin: 0 auto 45px auto;
  padding: 15px;
  background-color: #fff;            /* 周りの生成り色に対して白背景で引き締める */
  border: 1px solid #e6dfd5;         /* 他のリンク枠と同じ淡いベージュ */
  border-left: 4px solid #a07855;   /* 左側にサイトのアクセントカラー（ブラウン）の太線を配置 */
  border-radius: 4px;
  max-width: 1000px;
  box-sizing: border-box;
}

.footer-hint-title {
  font-size: 0.9rem;
  font-weight: bold;
  color: #6e5d53;                    /* やや赤みのある柔らかなブラウン */
  margin-bottom: 6px;
}

.footer-hint-body a {
  font-size: 0.95rem;
  font-weight: bold;
  color: #8c6239;                    /* 視認性の高いミディアムブラウン */
  text-decoration: underline;        /* 読み物へのリンクであることを明示 */
  transition: color 0.2s ease;
}

/* マウスホバー時の演出（リンク単体とデザインを統一） */
.footer-hint-body a:hover {
  color: #4a3b32;                    /* より濃いチョコレートブラウンへ変化 */
  text-decoration: none;
}

/* ==========================================================================
   PCサイズ（画面幅768px以上）の時のレイアウト
   ========================================================================== */
@media (min-width: 768px) {
  .footer-juku-nav-group {
    flex-direction: row;
    align-items: flex-start;
  }
  .footer-juku-nav-area {
    margin-bottom: 0;
    padding-top: 4px;
  }
}