@charset "utf-8";

/*-- ベース --*/
.eitango { border-color: #309e82!important; background: #ffd936!important; }

/*-- 問題 --*/
.q_list { margin-bottom: 5px; }
.q_list ul { width: 100%; }
.q_list li { float: left; margin-right: 5px; margin-bottom: 10px; text-align: center; }
.q_list li a { display: inline-block; width: 34px; height: 34px; padding: 5px; font-size: 2.4rem; font-weight: bold; color: #fff; vertical-align: top; border-bottom: 4px solid #316f5f; border-radius: 4px; background: #309e82; }
.q_list li a:hover { text-decoration: none; background: #46ba9b; }
.jword { margin-bottom: 10px; padding: 10px; font-size: 2.2rem; font-weight: bold; background: #ffea96; }
.selected { cursor: default; border-color: #666!important; background: #999!important; }
.selected:hover { background: #999!important; }

@media (max-width: 600px) {
  .q_list li a { width: 28px; height: 28px; padding: 5px; font-size: 2.2rem; }
}

/*-- 解答 --*/
.a_list { margin-bottom: 5px; }
.a_list ul { width: 100%; }
.a_list li { float: left; margin-right: 5px; margin-bottom: 10px; text-align: center; }
.a_list li span { display: inline-block; width: 34px; height: 34px; padding: 5px; font-size: 2.4rem; font-weight: bold; color: #333; vertical-align: top; border: 4px solid #df1f1d; background: #fff; }

@media (max-width: 600px) {
  .a_list li span { width: 24px; height: 24px; padding: 5px; font-size: 2.0rem; }
}

/*-- 結果 --*/
.read { margin-top: 10px; font-size: 1.4rem; text-align: center; }

@media (max-width: 600px) {
  .result { padding: 5px; font-size: 2.4rem; }
}