/* ===== enhance.css =====
   既存CSSは一切書き換えていない。追加した分だけをここに置く。
   内容: Tsunagu(塾生・保護者ログイン) 導線 — PCヘッダー / SPメニュー / フッター
   ================================================================= */

/* --- PCヘッダー（黄色地 #fff001）---
   右カラムは電話画像の幅(269px)に固定。1120〜1440px ではナビとの空きが
   4〜12px しかないため、横並びは不可能。電話画像の上に積み、右端を揃える。 */
#h_login {
  display: block;
  text-align: right;
  margin-bottom: 6px;
  line-height: 1;
}
#h_login a {
  display: inline-block;
  padding: 5px 14px;
  border: 2px solid #00439e;
  border-radius: 999px;
  background-color: #fff;
  color: #00439e;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}
#h_login a:hover { background-color: #00439e; color: #fff; }
#h_login i { margin-right: 5px; }

/* 1601px以上では電話・申込ボタンが横並びになり余白ができる。
   ここではインラインに戻すことで、ヘッダーの高さを一切変えずに済む。 */
@media screen and (min-width: 1601px) {
  #h_login {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    padding-right: 20px;
  }
}

/* --- SPメニュー（#center_box: 黄色地×紺文字）---
   PCヘッダーは 1024px 以下で display:none。ハンバーガー内に置く。 */
.sp_login { margin-bottom: 24px; }
.sp_login a {
  display: block;
  padding: 14px;
  border-radius: 999px;
  background-color: #00439e;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.sp_login i { margin-right: 6px; }

/* --- フッター（#f_blue: 紺地×白文字）--- */
.f_login { margin-top: 14px; }
.f_login a {
  display: inline-block;
  padding: 6px 14px;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 999px;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}
.f_login a:hover { background-color: #fff; color: #00439e; }
.f_login i { margin-right: 5px; }