@charset "utf-8";

/*-------------------------------------------------------------------------------------------

REFINE CUSTOM STYLESHEET

スタイルシートをカスタマイズする場合は、style.cssを編集する代わりにこちらに
記述してください。そうすることで、テンプレートがアップデートされた場合でも、
このページをコピー＆ペーストするだけで、簡単に新バージョンのテンプレートに、
自分のカスタムを反映させることができます。

-------------------------------------------------------------------------------------------*/

/* m-quiz css Add by Sakaino 2015-07-06 */
div.mtq_quiz_area {font-size : 110%;}
div.mtq_quiz_area table {line-height: 1;}
div.mtq_quiz_area .mtq_css_button {font-size: 160%; padding: 0;}
div.mtq_quiz_area .mtq_question_text {margin-bottom: 10px;}
div.mtq_quiz_area .mtq_start_text {
line-height: 2.0em;
margin-top : 50px;}
div.mtq_quiz_area .mtq_list_text {
line-height: 2.0em;}
div.mtq_quiz_area .mtq_results_button {
display: block;
margin: 1.5em auto;
text-align: center;
background :#09c !important;}
div.mtq_quiz_area .mtq_results_text {background :#09c !important;}
div.mtq_quiz_area .mtqscrollable {min-height: 190px;}
div.mtq_quiz_area .mtq_oce_first {background: none;}
div.mtq_quiz_area .mtq_answer_table td {padding: 0.35em 0 !important;}
div.mtq_quiz_area .mtq_stamp {
padding-top: 0.05em;
margin-top: -0.2em;
margin-bottom: 0.15em !important;}
div.mtq_quiz_area .mtq_css_back_button, div.mtq_quiz_area .mtq_css_next_button {
padding-top: 10px;
height: 50px;
width :100px; /*Original 80px*/
font-size : 28px !important; /*Original 60px*/
color: #06f;}
div.mtq_quiz_area .mtq_explanation-label {padding-bottom: 0;}
div.mtq_quiz_area .mtq_css_back_button:hover, div.mtq_quiz_area .mtq_css_next_button:hover {color: #aaa;}
div.mtq_quiz_area table.mtq_listrow {
margin: 20px auto 0 auto;
width : 80%;}
div.mtq_quiz_area table.mtq_listrow td {
width: 70%;}