
/* =====================================================================
   ★2026-08-22 文字の読みやすさ（明暗差）の直し
   ---------------------------------------------------------------------
   実際に描いて測ったところ、次の組み合わせが読みにくい状態だった。
   目安は4.5（白地に黒で21）。
     ・薄い黄緑 #78dd36（鹿島田Aの色）の上に白い文字 … 明暗差 1.72
     ・薄い水色 #48b2f6 の上に白い文字 … 明暗差 2.34
     ・薄い水色の文字を白地に置く（代講の日付・担当名）… 明暗差 2.34
     ・薄い灰色 #a5a5a5 の文字を白地に置く（最終更新日）… 明暗差 2.46
   校舎の色・ジャンルの色そのものは変えない（ブランドの色のため）。
   その上に乗る文字だけを濃くする。ブランドのピンク #ef2184（4.02）は
   ブランド色なのでそのままにしてある。
   ===================================================================== */

/* ── 薄い黄緑の上の文字を濃い緑に（明暗差 1.72 → 約8.9） ── */
.kashimada_Ast_bg,
.expert,
.staffblog,
#sub_contents_nav .only > a,
#blog_cat_nav_ul.sraff > li.current-cat > a,
#blog_list_line > li .blog_cat.sraff a,
#populer_post li .blog_cat.sraff a {
  color: #14330a !important;
}

/* ── 薄い水色の上の文字を濃紺に（明暗差 2.34 → 約6.7） ── */
.kids,
#sub_contents_nav .roll > a,
#blog_cat_nav_ul.advice > li.current-cat > a,
#blog_list_line > li .blog_cat.advice a,
#populer_post li .blog_cat.advice a,
#select_tab_target.kids > li.current-cat > a {
  color: #0a2740 !important;
}

/* ── 代講のお知らせ：日付・担当名・「代講」の札 ── */
/* 白地に置く薄い水色の文字を、濃い青に（2.34 → 約5.9） */
#lesson_change_list .year,
#lesson_change_list .date,
#lesson_change_list .instructor,
.lesson_change .year,
.lesson_change .date,
.lesson_change .instructor,
p.year, time.date, p.instructor {
  color: #1268a8 !important;
}
/* ★「代講／休講」の札には手を出さない。
   背景色を --type という変数で出し分けており、一律に濃紺にすると
   ピンク地の「休講」が読みにくくなる（4.02→3.79）。2026-08-22に一度入れて取り下げた。 */

/* ── 「最終更新日」などの薄い灰色を1段濃く（2.46 → 約5.2） ── */
span.small {
  color: #6b6b6b !important;
}

/* ── 平間校 A/B-studio の札：斜め二色の上に白文字で、ほぼ読めなかった ── */
.hirama_ABst_bg {
  color: #22303a !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .85) !important;
}

/* ── 薄い黄緑の帯の上の見出し（トップ・代講情報）── */
#top_clm03 h2,
#top_clm03 h2.centering,
.lesson_change h3,
.lesson_change h3.title,
#wp_post .lesson_change h3 {
  color: #14330a !important;
}

/* ── 一覧の日付が薄い灰色（#999／#a5a5a5）── */
.othersnews ul.lines > li > a > time,
.eventnews ul.lines > li > a > time,
time.update,
span.small {
  color: #6b6b6b !important;
}
