@charset "utf-8";
/*
Theme Name: Galileo Child
Theme URI:
Template: twentytwentyone
Description: がりれおフラッシュ用子テーマ
Author:
Version: 1.0.0
*/

/* ══════════════════════════════════
   フラッシュ テンキー
══════════════════════════════════ */
.gf_numpad_key {
  background: #f5f5f5 !important;
  border: 2px solid #f5f5f5 !important;
  border-radius: 14px !important;
  color: #1a237e !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
}
.gf_numpad_key:active {
  background: #e0e0e0 !important;
  transform: scale(0.95);
}
.gf_numpad_key.gf_numpad_del {
  background: #fff3e0 !important;
  border-color: #fff3e0 !important;
}
.gf_numpad_key.gf_numpad_answer {
  background: #4f8cff !important;
  border-color: #4f8cff !important;
  color: #fff !important;
}

/* Twenty Twenty-Oneが追加するSVG矢印を除去 */
#gf_container select {
  background-image: none !important;
}

/* ══════════════════════════════════
   PIN設定テンキー（フラッシュと同色）
══════════════════════════════════ */
.gp_numpad_btn {
  background: #f5f5f5 !important;
  border: 2px solid #f5f5f5 !important;
  border-radius: 14px !important;
  color: #1a237e !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
}
.gp_numpad_btn:active {
  background: #e0e0e0 !important;
}
.gp_numpad_btn.del {
  background: #fff3e0 !important;
  border-color: #fff3e0 !important;
}
.gp_numpad {
  margin-top: 24px !important;
}

/* ══════════════════════════════════
   保護者ポータル ログイン画面
══════════════════════════════════ */
#gp_pin_login_area .gp_field {
  margin-bottom: 16px !important;
}
#gp_pin_login_area .gp_btn {
  background: #2E7DC4 !important;
  color: #fff !important;
  border: none !important;
}
.gp_btn.secondary {
  background: #f0f4ff !important;
  color: #2E7DC4 !important;
  border: 1px solid #c5cae9 !important;
}

/* ══════════════════════════════════
   保護者・管理者ポータル ボタン色修正
   Twenty Twenty-One の黒上書き対策
══════════════════════════════════ */
.gp_btn {
  background: #2E7DC4 !important;
  color: #fff !important;
}
.gp_btn.accent {
  background: #0F6E56 !important;
  color: #fff !important;
}
.gp_btn.secondary {
  background: #f0f4ff !important;
  color: #2E7DC4 !important;
  border: 1px solid #c5cae9 !important;
}
.gp_btn.ghost {
  background: transparent !important;
  color: #2E7DC4 !important;
  border: 1px solid #2E7DC4 !important;
}
.gp_btn.danger {
  background: #dc2626 !important;
  color: #fff !important;
}

/* ══════════════════════════════════
   より強いセレクタでボタン色修正
══════════════════════════════════ */
body .gp_btn,
html body .gp_btn {
  background: #2E7DC4 !important;
  color: #fff !important;
  border: none !important;
}
body .gp_btn.accent,
html body .gp_btn.accent {
  background: #0F6E56 !important;
  color: #fff !important;
}
body .gp_btn.secondary,
html body .gp_btn.secondary {
  background: #f0f4ff !important;
  color: #2E7DC4 !important;
  border: 1px solid #c5cae9 !important;
}
body .gp_btn.ghost,
html body .gp_btn.ghost {
  background: transparent !important;
  color: #2E7DC4 !important;
  border: 1px solid #2E7DC4 !important;
}

/* ══════════════════════════════════
   表のデザイン（旧サイトに近づける）
══════════════════════════════════ */
.gr_kentei_table th,
.gr_kentei_table td,
table th,
table td {
  border: 1px solid #e8eaf6 !important;
}
table {
  border-collapse: collapse !important;
}

/* ══════════════════════════════════
   テーブルの線を旧サイトに合わせて薄く
══════════════════════════════════ */
#gr_flash_app table th,
#gr_flash_app table td {
  border: 1px solid #e8eaf6 !important;
}
#gr_flash_app table {
  border-collapse: collapse !important;
}