@charset "utf-8";

/*-- ベース --*/
.jhistory { border-color: #6b330e!important; background: #b7e0ff!important; }

/*-- 問題 --*/
.q_list { margin-bottom: 0; }
.q_list ul { width: 100%; max-width: 600px; margin: 0 auto; }
.q_one { width: 100%; margin-bottom: 5px; }

.q_one_inner {
  display: block;
  padding: 5px 5px 5px 40px;
  text-align: left;
  border: 4px solid #999;
  background: #fff;
}

.q_one_inner:hover { text-decoration: none; background: #ffc427; }
.q_one_inner .q_name { display: inline-block; font-size: 2.0rem; font-weight: bold; color: #333; }
.q_one_inner .q_exp { display: block; font-size: 1.6rem; color: #333; }
.selected { position: relative; cursor: default; background: #ffc427!important; }
.selected::before { position: absolute; left: 10px; top: 50%; width: 20px; height: 20px; margin-top: -10px; font-size: 1.6rem; color: #fff; text-align: center; border-radius: 50%; background: #333; }
.selected:hover { background: #ffc427!important; }
.selected_1::before { content: '1'; }
.selected_2::before { content: '2'; }
.selected_3::before { content: '3'; }
.selected_4::before { content: '4'; }

/*-- 解答 --*/
.a_list { margin-bottom: 5px; }
.a_list ul { width: 100%; max-width: 600px; margin: 0 auto; }
.a_one { width: 100%; margin-bottom: 5px; }
.a_one_inner { display: block; padding: 10px; border: 4px solid #df1f1d; background: #fff; }
.a_one_inner .a_year { display: inline-block; margin-right: 5px; margin-bottom: 5px; padding: 5px 5px 3px 5px; font-size: 1.6rem; color: #fff; vertical-align: middle; border-radius: 8px; background: #d10000; }
.a_one_inner .a_name { display: inline-block; font-size: 2.4rem; font-weight: bold; color: #333; vertical-align: middle; }
.a_one_inner .a_text { display: block; font-size: 1.6rem; color: #333; }