@charset "utf-8";

/*-- ベース --*/
.keisan { border-color: #5db6e7!important; background: #bde6fc!important; }

/*-- 問題 --*/
.q_list { margin-bottom: 5px; }
.q_list ul { display: table; table-layout: fixed; width: 100%; }
.q_list li { display: table-cell; margin-bottom: 10px; padding: 2px; text-align: center; }
.q_list li a { display: inline-block; width: 100%; height: 34px; padding: 5px 0; font-size: 2.8rem; font-weight: bold; color: #fff; text-align: center; border-bottom: 4px solid #999; border-radius: 4px; background: #fff; }
.q_list li a:hover { text-decoration: none; }
.q_2, .q_6 { border-color: #ea498e!important; background: #f776b9!important; }
.q_2:hover, .q_6:hover { background: #ff84c3!important; }
.q_3, .q_7 { border-color: #dc8203!important; background: #efbb08!important; }
.q_3:hover, .q_7:hover { background: #fcc616!important; }
.q_4, .q_8 { border-color: #669f02!important; background: #85cc09!important; }
.q_4:hover, .q_8:hover { background: #93db0d!important; }
.q_5, .q_9 { border-color: #04a29b!important; background: #3fc4be!important; }
.q_5:hover, .q_9:hover { background: #49d1ca!important; }
.keisan_info { margin-bottom: 5px; padding: 5px; font-size: 1.6rem; text-align: center; border-radius: 6px; background: #fff; }

/*-- 解答 --*/
.a_list { max-width: 600px; margin: 0 auto; margin-bottom: 5px; }
.a_list ul { display: table; table-layout: fixed; width: 100%; }
.a_list li { display: table-cell; margin-bottom: 10px; padding: 2px; text-align: center; vertical-align: middle; }
.a_one span { display: block; height: 34px; padding: 5px 0; font-size: 2.4rem; font-weight: bold; color: #333; text-align: center; border: 4px solid #df1f1d; background: #fff; }
.sign span { display: inline-block; height: 34px; font-size: 3.4rem; font-weight: bold; color: #333; text-align: center; }