/* 国際うどん大学 うどん検定 */

/* common setting */
/* 画像リンク */
#main a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";
}

/* common setting END */


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/

/* main contents */
#main {
    overflow:hidden;
    width:950px;
    margin:0 auto 40px;
    padding:0;
    text-align:center;
}

#udon_test{ padding:0 0 200px;text-align:left; }
#udon_test_base{ height:557px; background:url(../images/kentei/base.png) no-repeat center top; overflow:visible; }
#udon_test_base h1{ padding:113px 0 0 42px;}
.udon_test_q_box{overflow:hidden;}
.udon_testbox{position:relative; color:#fff;  width:800px; height:330px; margin:40px auto; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
.udon_testbox h2{ overflow:hidden; margin:0 0 20px;}
.udon_testbox h2 img{ float:left; margin:0 25px 0 0;}
.udon_testbox h2 em{float:left; width:600px; display:block; padding:14px 0 0; line-height:1.8; font-weight:normal;}

.udon_test_ansbox{ overflow:hidden;}
.udon_test_ansbox li{ line-height:1.3; float:left; padding:0 80px 0 0; overflow:hidden;}
.udon_test_ansbox li a{ cursor:pointer; }
.udon_test_ansbox li em{ text-decoration:none;font-style:normal; font-size:25px;display:inline-block;}
.udon_test_ansbox li em span{font-size:27px; display:inline-block; border-bottom:1px solid #fff; margin:0 0 0 8px;}
.udon_test_ansbox li em i{font-style:normal;}
.udon_test_ansbox li a:hover{color:#fff; text-decoration:none;}
.udon_test_ansbox li a:hover span{ border-bottom:1px solid #ff0;color:#ff0;}

.udon_test_ansbox_1{ margin:80px 0 0 180px;}
.udon_test_ansbox_1 li em{  font-size:30px;}
.udon_test_ansbox_1 li em span{font-size:36px;}
.udon_test_ansbox_1s{margin:80px 0 0 180px;}
.udon_test_ansbox_1s li{ padding:0 50px 0 0;}
.udon_test_ansbox_1s li em{  font-size:26px;}
.udon_test_ansbox_1s li em span{font-size:26px;}

.udon_test_ansbox_2{ margin:0 0 0 180px;}
.udon_test_ansbox_2 li{ padding:0 0 15px 0; float:none;}
.udon_test_ansbox_2s li em{  font-size:22px;}
.udon_test_ansbox_2s li em span{font-size:22px;}

.udon_test_ansbox_3{ margin:0 0 0 70px; padding-top:20px;}
.udon_test_ansbox_3 li{ padding:0 0 15px 0; float:none; overflow:hidden;}
.udon_test_ansbox_3 li em{  font-size:20px;}
.udon_test_ansbox_3 li em span{font-size:20px;}
.udon_test_ansbox_3s{ margin:0 0 0 10px; padding-top:20px; letter-spacing:-0.1em;}
.udon_test_ansbox_3s li em{  font-size:20px;}
.udon_test_ansbox_3s li em span{font-size:18px;}

.pt0{padding-top:0;}

.udon_test_ans_ph{ float:left; margin:0 40px;}
.udon_test_ansbox_4{ float:left;}
.udon_test_ansbox_4 li{ float:none; padding:0 0 15px;}


.udon_test_hintbox{ position:absolute; right:-40px; bottom:-100px;}

.udon_test_false_box{ position:absolute; top:0; left:0; width:800px; text-align:center;display:none;}
.udon_test_false{ margin:25px 0; }

.udon_test_true_box{ position:absolute; top:0; left:0; width:800px; text-align:center; display:none;}
.udon_test_true{ margin:25px 0 0; line-height:1.2;}
.udon_test_true em{font-style:normal; font-size:30px; display:block; padding:25px 0;}
.udon_test_true em i{font-style:normal;}
.udon_test_true em span{font-size:36px;}

.udon_test_true_box_s{}
.udon_test_true_box_s .udon_test_true{ margin:0 0 0;}
.udon_test_true_box_s em{ font-size:24px; line-height:1.5; }
.udon_test_true_box_s em span{font-size:28px;}

.udon_test_true_box_sl{}
.udon_test_true_box_sl em{ text-align:left; text-indent:-1.2em; padding-left:1.2em;}


.udon_test_failure_box{ text-align:center; padding:40px 0 0;}
.udon_test_failure{ margin:0 0 40px;}

.udon_test_pass_box{ text-align:center; padding:40px 0 0;}
.udon_test_pass{ margin:0 0 40px;}

.udon_testbox{display:none;}
x#udon_test1_1{display:block;}
x#udon_test_last{display:block;}
.udon_test_failure_box{display:none;}
.udon_test_pass_box{display:none;}

.udon_test_gototopbox{ position:absolute; bottom:-90px; width:100%;}

#main .udon_test_hintbox a:hover img {
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter:"alpha( opacity=100 )";
}

/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {

img, object, embed, video {
    width:100%;
    height:auto;
}

/* main contents */
#main {
    width:96%;
}



}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 640px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
html,body{ height:auto;}

/* main contents */
#main {
    width:94%;
}
#udon_test{height:auto; background:#050;}
#udon_test_base{ background:url(../images/kentei/sp_main.png) no-repeat center 20px; height:auto;}
#udon_test_base h1{padding:120px 10px 0;}
.udon_testbox{width:auto; height:auto; padding:10px; margin:10px auto;}
.udon_testbox h2{ font-size:1.1em; text-align:center; text-align:justify}
.udon_testbox h2 img{width:auto; float:none; margin:0;}
.udon_testbox h2 em{width:auto; font-style:normal;}
.udon_test_ansbox{margin:10px 0;}
.udon_test_ansbox li{float:none; padding:10px 0;}
.udon_test_ansbox li a{}
.udon_test_ansbox li em{ font-size:18px;display:table; width:100%; letter-spacing:0; text-align:justify}
.udon_test_ansbox li em i{ display:table-cell; padding-right:4px; vertical-align:top; white-space:nowrap;}
.udon_test_ansbox li em span{font-size:18px; display:table-cell; width:92%;}
.udon_test_ansbox_3 li em span{font-size:16px;}
.udon_test_hintbox{position:static; text-align:center; padding:20px 0 0;}
.udon_test_hintbox img{ width:auto;}
.udon_test_false_box{ position:static; top:0; left:0; width:auto; text-align:center;display:none;}
.udon_test_false{ margin:25px 0; }
.udon_test_false img{width:auto;}

.udon_test_true_box{ position:static; top:0; left:0; width:auto; text-align:center; display:none;}
.udon_test_true{ margin:25px 0 0; line-height:1.2;}
.udon_test_true em{font-style:normal; font-size:16px; display:block; padding:25px 0;}
.udon_test_true em span{font-size:20px;}
.udon_test_true_box_sl em{ text-align:left; text-indent:-1.2em; padding-left:1.2em;}

.udon_test_true img{width:auto;}

.udon_test_gototopbox{ position:absolute; bottom:-90px; width:94%;}

}
/*-------------------------------------------------------------------------------------------*/
/* 640px以下 END */