@charset "UTF-8";
/* =========================================================
   【1】本文の基本（フォント・行間・生成りの背景）※全端末
   ========================================================= */
body{
  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,Arial,sans-serif;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  background-color:#FBF6EA;
  font-weight:600;
}

/* =========================================================
   【2】ヘッダー上部（電話番号・お問い合わせボタン）※PCのみ
   ========================================================= */
@media (min-width:690px){
  .header-contact-text{ text-align:right; }
  .header p.text_1{
    color:#1c7fa8;
    font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
    font-size:24px;
    font-weight:bold;
    letter-spacing:0.02em;
    line-height:1.2em;
  }
  .header p.text_2{
    font-size:12px;
    line-height:1em;
    margin-bottom:10px;
    color:#6b7888;
  }
  .header .header-contact-button{
    background:#E8483C;
    color:#fff;
    padding:0 22px;
    margin-bottom:5px;
    border-radius:100px;
    font-weight:bold;
    transition:background 0.2s ease, transform 0.2s ease;
  }
  .header .header-contact-button:hover{
    background:#c73326;
    color:#fff;
    padding:0 22px;
    margin-bottom:5px;
    transform:translateY(-2px);
    opacity:1;
  }
  .header-logo .logo{ max-height:59px; }
}

/* =========================================================
   【3】グローバルナビ（上部メニュー）※PCのみ
   夏空→水色の下ライン、ホバーで水色に
   ========================================================= */
@media (min-width:690px){
  .global-nav{
    background:#fff;
    border-top:1px solid #eee;
    border-bottom:3px solid #2FA8D9;
  }
  .global-nav .menu-item a{
    background:none;
    /* 区切り線: 元は#eef6fa（白背景にほぼ同化して見えなかった）→ ヘッダーの夏色(#2FA8D9)を
       40%の濃さで使う形に変更。もっと濃くしたいときは、末尾の 0.4 を 0.6 や 0.8 に上げるだけでOK */
    border-right:1px solid rgba(47,168,217,0.4);
    box-shadow:none;
    color:#173a48;
    font-weight:bold;
    position:relative;
    transition:color 0.2s ease;
  }
  .global-nav .menu-item a:hover{
    background:none;
    color:#2FA8D9;
    opacity:1;
  }
  .global-nav .menu-item > a:before{
    content:"";
    position:absolute;
    left:14%;
    right:86%;
    bottom:4px;
    height:2px;
    background:#F5A623;
    transition:right 0.25s ease;
  }
  .global-nav .menu-item > a:hover:before{ right:14%; }

  .header-menu{ border-left:1px solid #e5e5e5; }
  .header-menu > .menu-item > a:after{ border-right:none; }
}

/* =========================================================
   【4】見出し（明朝体＋みかん色の下線アクセント）※全端末
   ========================================================= */
#main h1, #main h2, #main h3, .headline-h2{
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  letter-spacing:0.04em;
  font-weight:800;
}
.header .catchcopy .content{
  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,Arial,sans-serif;
  font-weight:normal;
  letter-spacing:normal;
}
.headline-h2.hl-ul-udl{
  border-bottom-color:#F5A623 !important;
  padding-bottom:0.35em;
}

/* =========================================================
   【5】リンク・ボタン（すいか赤のスタンプ風）※全端末
   ========================================================= */
a{ color:#1c7fa8; }
a:hover{ color:#2FA8D9; }
.more,
input[type="submit"],
button[type="submit"]{
  background:#E8483C !important;
  color:#fff !important;
  border:2px solid #E8483C !important;
  border-radius:100px !important;
  font-weight:bold !important;
  transition:background 0.2s ease, transform 0.2s ease !important;
}
.more:hover,
input[type="submit"]:hover,
button[type="submit"]:hover{
  background:#c73326 !important;
  transform:translateY(-2px);
}

/* =========================================================
   【6】サイドバー ※幅はPCのみ、色は全端末
   ========================================================= */
@media (min-width:690px){
  .sidebar{ width:260px; min-width:260px; }
}
.side .side-title{
  box-shadow:none;
  border-top:1px solid #e5e5e5;
  border-bottom:3px solid #2FA8D9;
  padding:10px;
  text-align:left;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-weight:800;
}
.side li a{
  border-bottom:1px solid #eee;
  color:#666;
  font-size:14px;
  padding:10px;
  background-size:10px;
  transition:color 0.2s ease, background 0.2s ease;
}
.side li a:hover{
  opacity:1;
  color:#2FA8D9;
  background-color:#eaf7fc;
}
.side.widget_recent_post_widget .side-title,
.side.widget_link_widget .side-title{ margin-bottom:0; }
.side.widget_simpleimage{ margin-top:0; }

/* =========================================================
   【7】フッター（夜空風の濃紺）※全端末（色のみ）
   ========================================================= */
footer .footer, footer .line{
  background:#123243;
  color:rgba(255,255,255,0.75);
}
footer .footer{
  border-bottom:1px solid rgba(255,255,255,0.12);
  font-size:15px;
}
footer .footer a{ color:rgba(255,255,255,0.75); }
footer .footer a:hover{ color:#F5A623; }
footer .line{
  border-top:1px solid rgba(255,255,255,0.12);
  text-shadow:none;
}
footer .line .copyright{
  color:rgba(255,255,255,0.5);
  font-size:12px;
}
footer .footer-link a{ font-size:14px; }

/* =========================================================
   【8】料金表など（水色の見出し行）※全端末
   ========================================================= */
#main table{ border-collapse:collapse; width:100%; }
#main table th{
  background:#eaf7fc;
  color:#173a48;
  font-weight:bold;
  border:1px solid #d3ebf4;
  padding:10px 12px;
}
#main table td{
  border:1px solid #d3ebf4;
  padding:10px 12px;
}

/* =========================================================
   【9】「ページ上部へ」ボタン・スマホメニューボタン ※色のみ
   ========================================================= */
#pagetop, #pagetop a{
  background:#2FA8D9 !important;
  color:#fff !important;
  border-radius:50% !important;
}
#header-smp-menu-link{
  background:#2FA8D9 !important;
  color:#fff !important;
}

/* =========================================================
   【10】青い横長の見出しバー（トップの「夏期講習 新規受講 募集中！」等）
   ・元は各バーにインラインで #4169e1（ロイヤルブルー）が入っているので !important で上書き。
   ・夏空の水色に統一。中の白文字はそのまま活きます。
   ========================================================= */
.content-body.back-color-content{
  background-color:#2FA8D9 !important;
  border-radius:10px;
}
/* 見出しバーの中の下線飾りをみかん色に（青バー上でも見えるように） */
.content-body.back-color-content .headline-h2.hl-ul-udl{
  border-bottom-color:#ffd98a !important;
}

/* =========================================================
   【11】検索ボタン・その他の primary ボタンも夏色へ
   ========================================================= */
.search-submit.button.primary{
  background:#2FA8D9 !important;
  border-color:#2FA8D9 !important;
  color:#fff !important;
}
.search-submit.button.primary:hover{ background:#1c7fa8 !important; }