@charset "utf-8";

body{
	/*font-family:Meiryo, メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;*/
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	line-height:1.6;
	background-color:#efefef;
	color:#344e5d
}

#wrap-header{
	background:#D45949 url("../images/bg_header_bottom_low.png") 50% bottom repeat-x;
	padding-bottom:17px;
	width:100%;
	display:block;
}
header#front{
	width:960px;
	margin:0 auto;
	padding:0 0 0px;
	text-align:center;
	
}
header#front .main-image{
	padding:50px 0 20px;
}
header#front .bnr-image{
	padding:20px 0 50px;
}





#container{
	width:960px;
	margin:0 auto;
	padding:20px 0px;
	line-height:200%;
}

#container section#sec01
,#container section#sec02
,#container section#sec03
,#container section#sec_bnr{
	padding-bottom:60px;
}

#container #sec_sns{
	width:640px;
	margin:0 auto;
	margin-top:20px;
}

#container #sec_sns .fb-like{
	display:block;
	margin-bottom:10px;
}
#container #sec_sns .fb{
	float:left;
	display:block;
}
#container #sec_sns .twitter{
	float:right;
	display:block;
}

#container section#sec01{
	width:640px;
	margin:0 auto;
	margin-top:80px;
}
#container section#sec01 h2{
	text-align:center;
}
#container section#sec02 h2{
	text-align:center;
	padding-bottom:5px;
	margin-bottom:10px;
	background:url("../images/bg_dot.png") left bottom repeat-x;
}
#container section#sec02 p.txt_sub{
	text-align:center;
}
#container section#sec02 .box_quiz_list .block_quiz{
	background-color:#D45949;
	width:300px;
	height:186px;
	color:#fff;
	text-align:center;
	display:block;
	float:left;
	margin-left:30px;
	margin-bottom:25px;
	
	border-radius: 5px;				/* CSS3 */  
	-webkit-border-radius: 5px;		/* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;		/* Firefox用 */  
}
#container section#sec02 .box_quiz_list .block_quiz.first{
	margin-left:0px;
}
#container section#sec02 .box_quiz_list .block_quiz.off{
	background-color:#6F2F26;
}
#container section#sec02 .box_quiz_list .block_quiz h3{
	font-size:21px;
	font-weight:normal;
	margin:15px 0 10px 0;
	display:block;
}
#container section#sec02 .box_quiz_list .block_quiz.off h3{
	color:#7C7C7C;
}
#container section#sec02 .box_quiz_list .block_quiz h3 .quiz_month{
	padding-right:10px;
}
#container section#sec02 .box_quiz_list .block_quiz img{
	margin:0 6px;
}





#container section#sec03 h2{
	text-align:center;
	padding-bottom:5px;
}
#container section#sec03 article{
	background-color:#fff;
	padding:42px 38px;
	margin:20px 0;
}
#container section#sec03 article #pic_sugosugi{
	float:left;
	padding:10px;
	border:#ccc 1px solid;
}
#container section#sec03 article #txt_sugosugi{
	float:right;
	width:580px
}
#container section#sec03 article #txt_sugosugi h3{
	margin-bottom:10px;
}

#container section#sec_bnr{
	text-align:center;
}
#container section#sec_bnr h2{
	text-align:center;
	padding-bottom:10px;
	font-size:20px;
}
#container section#sec_bnr h2 img#footer_link_logo_quiz_server{
	width			: 320px;
	margin-top		: 4px;
}

#container section#sec_bnr article{
	margin:0 0px 20px 0px;
}
#container section#sec_bnr article a img{
	margin:5px;
}




/* 共通
--------------------------------------------*/


article.text{
padding:20px 0;
}
article.text p{
	padding-bottom:25px;
}
.pagetop{
	text-align:right;
}
.pagetop img{
	cursor:pointer;
}

#bnr_kodomo_quiz_download{
	position: fixed;
	top: 90px;
	right: 0px;
}

a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
a img.non_hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

.box_hidden{
	display:none;
}





/* page quiz start
--------------------------------------------*/

.quiz_start header{
	background-color:#D9EDEB;
	width:560px;
	margin:0 auto;
	text-align:center;
	padding:20px 10px 10px 10px;
	margin-top:30px;
}

.quiz_start header h2 span{
	display:block;
	font-size:30px;
	font-weight:normal;
	margin:10px 0;
}
.quiz_start .box_start_pic{
	width:560px;
	margin:0 auto;
	padding:0px 0 0px 0;
	text-align:center;
	border-left:10px solid #6A3805;
	border-right:10px solid #6A3805;
}
.quiz_start article {
	background:url(../images/bg_quiz_bottom_row.png) 50% top repeat-x #fff;
	padding:30px;
	width:580px;
	margin:10px auto;
}
.quiz_start article h3{
	text-align:center;
	margin:20px 0;
}

.quiz_start article ul.list_rule li{
	list-style-type: none;
	background-color:#F9F9F1;
	padding:10px 0px;
	font-size:15px;
	line-height:150%;
	text-align:center;
	margin-bottom:10px;
}
.quiz_start article .box_msg{
	margin-top:50px;
}
.quiz_start article .box_msg .block_msg{
	float:left;
	width:340px;
	padding:20px 35px;
	font-size: 16px;
	min-height:160px;
	border:2px solid #ccc;
	
	border-radius: 8px;			/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;		/* Firefox用 */
	
	line-height:250%;
}
.quiz_start article .box_msg .block_msg ruby rp
,.quiz_start article .box_msg .block_msg ruby rb
,.quiz_start article .box_msg .block_msg ruby rt{
	line-height		: 150%;
}


.quiz_start article .box_msg img{
	margin-top:79px;
	margin-left:-2px;
}

.quiz_start .box_btn{
	width:640px;
	margin:30px auto;
	padding:0px;
}

.quiz_start .pagetop{
	width:640px;
	margin:0 auto;
}







/* page quiz question
--------------------------------------------*/

.quiz_question header{
	width:940px;
	margin:0 auto;
	text-align:center;
	padding:20px 10px 10px 10px;
	margin-top:30px;
}

.quiz_question header h2 span{
	display:block;
	font-size:30px;
	font-weight:normal;
	margin:10px 0;
}
.quiz_question .box_question_pic{
	width:960px;
	margin:0 auto;
	padding:0px 0 10px 0;
	margin-top:-70px;
	text-align:center;
}
.quiz_question .box_question_pic .pic_frag_start{
	float:left;
}
.quiz_question .box_question_pic #box_pic_num{
	float:left;
	width:696px;
}
.quiz_question .box_question_pic #box_pic_num img{
	padding:0 30px;
	margin-top:80px;
}
.quiz_question .box_question_pic .pic_frag_goal{
	float:right;
}

.quiz_question article {
	background:url(../images/bg_quiz_bottom_row.png) 50% top repeat-x #fff;
	padding:30px;
	width:900px;
	margin:10px auto;
}
.quiz_question article h3{
	text-align:center;
	margin:20px 0;
	font-size:27px;
	font-weight:normal;
	border-bottom:2px dotted #ccc;
	padding:10px 0 20px 0;
}
.quiz_question article .box_question{
	font-size:27px;
	line-height:200%;
	text-align:center;
	padding:20px 0;
}
.quiz_question article .box_question span.question_pic_pc
,.quiz_question article .box_question span.question_pic_sp{
	display:block;
	margin:10px 0;
	text-align:center;
}
.quiz_question article .box_question span img{
	width:auto;
	display:inline-block;
	max-width:800px;
}


.quiz201509 .quiz_question article .box_kaisetsu_pic{
	margin:80px 0 30px 0;
}



.quiz_question article .box_question span.img_size_same img
,.quiz_question article .box_kaisetsu_pic span.img_size_same img
,.quiz_question article .box_kaisetsu span.img_size_same img{
	width:163px;
}
.quiz_question article .box_question span.img_size_full img
,.quiz_question article .box_kaisetsu_pic span.img_size_full img
,.quiz_question article .box_kaisetsu span.img_size_full img{
	max-width:100%;
	max-height:100%;
}

.quiz_question article .box_question span.img_size_200par img
,.quiz_question article .box_kaisetsu_pic span.img_size_200par img
,.quiz_question article .box_kaisetsu span.img_size_s img{
	max-width:326px;
	max-height:326px;
}
.quiz_question article .box_question span.img_size_s img
,.quiz_question article .box_kaisetsu_pic span.img_size_s img
,.quiz_question article .box_kaisetsu span.img_size_s img{
	max-width:400px;
	max-height:400px;
}
.quiz_question article .box_question span.img_size_m img
,.quiz_question article .box_kaisetsu_pic span.img_size_m img
,.quiz_question article .box_kaisetsu span.img_size_m img{
	max-width:600px;
	max-height:600px;
}
.quiz_question article .box_question span.img_size_l img
,.quiz_question article .box_kaisetsu_pic span.img_size_l img
,.quiz_question article .box_kaisetsu span.img_size_l img{
	max-width:800px;
	max-height:800px;
}
.quiz_question article .box_question span.question_pic_sp img{
	display:none;
}

.quiz_question article .box_sentakushi_show .sentakushi_show_sp{
	display:none;
}
.quiz_question article .box_kaisetsu_show .kaisetsu_show_sp{
	display:none;
}


.quiz_question article .box_answer{
	margin-bottom:60px;
}
.quiz_question article .box_answer .box_answer1
,.quiz_question article .box_answer .box_answer2
,.quiz_question article .box_answer .box_answer3
,.quiz_question article .box_answer .box_answer4{
	width:193px;
	min-height:193px;
	float:left;
	margin:10px;
	padding-top:40px;
	
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	
	
	-moz-box-shadow: 0px 6px 0px #fff, 6px 3px 0px #fff, -6px 3px 0px #fff, 0 12px 0px #ccc;
	-webkit-box-shadow: 0px 6px 0px #fff, 6px 3px 0px #fff, -6px 3px 0px #fff, 0 12px 0px #ccc;
	-o-box-shadow: 0px 6px 0px #fff, 6px 3px 0px #fff, -6px 3px 0px #fff, 0 12px 0px #ccc;
	-ms-box-shadow: 0px 6px 0px #fff, 6px 3px 0px #fff, -6px 3px 0px #fff, 0 12px 0px #ccc;

}
.quiz_question article .box_answer .box_answer1{
	background:url(../images/btn_num1.png) 50% top no-repeat;
	border:6px solid #D4584C;
}
.quiz_question article .box_answer .box_answer2{
	background:url(../images/btn_num2.png) 50% top no-repeat;
	border:6px solid #448064;
}
.quiz_question article .box_answer .box_answer3{
	background:url(../images/btn_num3.png) 50% top no-repeat;
	border:6px solid #59508F;
}
.quiz_question article .box_answer .box_answer4{
	background:url(../images/btn_num4.png) 50% top no-repeat;
	border:6px solid #8E6293;
}
.quiz_question article .box_answer .box_answer1 span.pic_answer
,.quiz_question article .box_answer .box_answer2 span.pic_answer
,.quiz_question article .box_answer .box_answer3 span.pic_answer
,.quiz_question article .box_answer .box_answer4 span.pic_answer{
	width:203px;
	height:203px;
	display:table-cell;
	vertical-align: middle;
	text-align:center;
	font-size:27px;
	line-height:120%;
}
.quiz_question article .box_answer .box_answer1 span.font_ll
,.quiz_question article .box_answer .box_answer2 span.font_ll
,.quiz_question article .box_answer .box_answer3 span.font_ll
,.quiz_question article .box_answer .box_answer4 span.font_ll{
	font-size:100px;
	font-weight:bold;
}
.quiz_question article .box_answer .box_answer1 span.font_l
,.quiz_question article .box_answer .box_answer2 span.font_l
,.quiz_question article .box_answer .box_answer3 span.font_l
,.quiz_question article .box_answer .box_answer4 span.font_l{
	font-size:60px;
	font-weight:bold;
}
.quiz_question article .box_answer .box_answer1 span.pic_answer img
,.quiz_question article .box_answer .box_answer2 span.pic_answer img
,.quiz_question article .box_answer .box_answer3 span.pic_answer img
,.quiz_question article .box_answer .box_answer4 span.pic_answer img{
	width:163px;
}

.box_answer .block_answer{
	position: relative;
	float:left;
	color: #344e5d;
}

.quiz_question article .box_answer .block_answer .mark_seikai{
	position: absolute;
	top:70px;
	left:0;
	width:100%;
	text-align:center;
}

.quiz_question article .box_answer .block_answer .txt_seikai{
	color:#d43019;
	font-size:24px;
	position: absolute;
	bottom:-55px;
	left:0;
	width:100%;
	text-align:center;
}










.quiz_question article .box_answer_s{
}
.quiz_question article .box_answer_s .block_answer_s{
	position: relative;
	float:left;
	margin:15px;
	display:block;
	width:82px;
	height:82px;
}


.quiz_question article .box_answer_s .block_answer_s a{
	border:6px solid #D4584C;
	
	display:block;
	width:70px;
	height:70px;
	
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	
	-moz-box-shadow: 0px 6px 0px #fff, 6px 3px 0px #fff, -6px 3px 0px #fff, 0 12px 0px #ccc;
	-webkit-box-shadow: 0px 6px 0px #fff, 6px 3px 0px #fff, -6px 3px 0px #fff, 0 12px 0px #ccc;
	-o-box-shadow: 0px 6px 0px #fff, 6px 3px 0px #fff, -6px 3px 0px #fff, 0 12px 0px #ccc;
	-ms-box-shadow: 0px 6px 0px #fff, 6px 3px 0px #fff, -6px 3px 0px #fff, 0 12px 0px #ccc;


	color:#333;
	font-size:50px;
	text-decoration: none;
}

.quiz_question article .box_answer_s a span.txt_anser{
	width:70px;
	height:70px;
	display:table-cell;
	vertical-align: middle;
	text-align:center;
	line-height:120%;
	color:#333;
	font-size:50px;
	text-decoration: none;
}







.quiz_question article .box_answer_s .block_answer_s .mark_seikai{
	position: absolute;
	top:6px;
	left:0;
	width:100%;
	text-align:center;
}

.quiz_question article .box_answer_s .block_answer_s .mark_seikai img{
	width:70px;
	height:70px;
}
.quiz_question article .txt_seikai{
	color:#d43019;
	font-size:24px;
	width:100%;
	margin-top:30px;
	text-align:center;
}











.quiz_question article .box_kaisetsu{
	margin:30px 0 30px 0;
	font-size:14px;
	line-height:200%;
	padding:0 20px;
	font-size: 20px;
}
.quiz_question article .box_kaisetsu_pic .kaisetsu_pic
,.quiz_question article .box_kaisetsu .kaisetsu_pic{
	display:block;
	text-align:center;
}

.quiz_question article .box_kaisetsu_pic #box_kaisetsu1_txt
,.quiz_question article .box_kaisetsu_pic #box_kaisetsu2_txt
,.quiz_question article .box_kaisetsu_pic #box_kaisetsu3_txt
,.quiz_question article .box_kaisetsu_pic #box_kaisetsu4_txt
,.quiz_question article .box_kaisetsu_pic #box_kaisetsu5_txt
,.quiz_question article .box_kaisetsu #box_kaisetsu1_txt
,.quiz_question article .box_kaisetsu #box_kaisetsu2_txt
,.quiz_question article .box_kaisetsu #box_kaisetsu3_txt
,.quiz_question article .box_kaisetsu #box_kaisetsu4_txt
,.quiz_question article .box_kaisetsu #box_kaisetsu5_txt{
	color: #d43019;
	font-size: 24px;
	line-height:200%;
	display:block;
	text-align:center;
	margin-bottom:30px;
}


.quiz_question article .box_btn{
	float: right;
	margin-bottom:20px;
}
.quiz_question article .box_btn input.btn_gr{
	width:265px;
	background-color:#959595;
	padding:16px 4px;
	color:#fff;
	font-size:24px;
	
	border-radius: 8px;
	-webkit-border-radius: 8px;	
	-moz-border-radius: 8px;
	
	border:none;
	
	-moz-box-shadow: 0px 6px 0px #fff, 6px 3px 0px #fff, -6px 3px 0px #fff, 0 12px 0px #ccc;
	-webkit-box-shadow: 0px 6px 0px #fff, 6px 3px 0px #fff, -6px 3px 0px #fff, 0 12px 0px #ccc;
	-o-box-shadow: 0px 6px 0px #fff, 6px 3px 0px #fff, -6px 3px 0px #fff, 0 12px 0px #ccc;
	-ms-box-shadow: 0px 6px 0px #fff, 6px 3px 0px #fff, -6px 3px 0px #fff, 0 12px 0px #ccc;
}









/* page quiz goal
--------------------------------------------*/

.quiz_goal{
	margin-bottom:80px;
}

.quiz_goal header{
	background-color:#F6DEDA;
	width:560px;
	margin:0 auto;
	text-align:center;
	padding:20px 10px 10px 10px;
	margin-top:30px;
}

.quiz_goal header h2 span{
	display:block;
	font-size:30px;
	font-weight:normal;
	margin:10px 0;
}
.quiz_goal .box_goal_pic{
	width:560px;
	margin:0 auto;
	padding:0px 0 0px 0;
	text-align:center;
	border-left:10px solid #6A3805;
	border-right:10px solid #6A3805;
}
.quiz_goal article {
	background:url(../images/bg_quiz_bottom_row.png) 50% top repeat-x #fff;
	padding:30px;
	width:580px;
	margin:10px auto;
	text-align:center;
}
.quiz_goal article h3{
	font-size:30px;
	font-weight:normal;
	margin:30px 0 0 0;
}
.quiz201509 .quiz_goal article h3{
	font-size:20px;
	line-height:200%;
	font-weight:normal;
	margin:30px 0 0 0;
}

.quiz_goal article #box_seikaisu{
	font-size:38px;
	font-weight:normal;
	margin:30px 0 0 0;
	background-color:#efefef;
}
.quiz_goal article #box_seikaisu p{
	padding: 25px 0 20px 0;
}

.quiz_goal article #box_seikaisu p .txt_seikaisu{
	color:#d45948;
}


.quiz_goal .box_osusume_bnr{
	font-size:20px;
	margin: 50px 0 0 0;
}
.quiz_goal .box_osusume_bnr h4{
	margin:0px;
}
.quiz_goal .box_osusume_bnr img{
	width:100%;
}
.quiz_goal .box_osusume_bnr p{
	font-size:16px;
	margin:0px;
	padding:0px 0 5px 0;
}

.quiz_goal .box_btn{
	margin:60px auto 0px auto;
	padding:0px;
}
.quiz_goal .box_btn .btn_page_top{
	float:left;
}
.quiz_goal .box_btn .btn_restart{
	float:right;
}
.quiz_goal .pagetop{
	width:640px;
	margin:0 auto;
}



.txt_red{
	color:#ee0000;
}







/* page contact
--------------------------------------------*/



#container section#sec_form header h2{
	text-align: center;
	margin-top:30px;
}

dl.list_form{
	margin: 0px auto 0px auto;
	width: 100%;
	width:700px;
	border-top: 1px dotted #999;
}

dl.list_form dt {
	clear: left;
	float: left;
	width: 180px;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
dl.list_form dd {
	padding-left: 200px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dotted #999;
}

form input.ipt_text_m{
	width:300px;
}
form textarea.ipt_textarea_m{
	width:400px;
	height:200px;
}

form input
,form textarea{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
form .box_btn{
	text-align:center;
	margin:30px 0;
}

form .box_btn input.btn_gr{
	cursor:pointer;
	width:265px;
	background-color:#959595;
	padding:16px 4px;
	color:#fff;
	font-size:24px;
	
	border-radius: 8px;
	-webkit-border-radius: 8px;	
	-moz-border-radius: 8px;
	
	border:none;
	
	-moz-box-shadow: 0px 6px 0px #efefef, 6px 3px 0px #efefef, -6px 3px 0px #efefef, 0 12px 0px #ccc;
	-webkit-box-shadow: 0px 6px 0px #efefef, 6px 3px 0px #efefef, -6px 3px 0px #efefef, 0 12px 0px #ccc;
	-o-box-shadow: 0px 6px 0px #efefef, 6px 3px 0px #efefef, -6px 3px 0px #efefef, 0 12px 0px #ccc;
	-ms-box-shadow: 0px 6px 0px #efefef, 6px 3px 0px #efefef, -6px 3px 0px #efefef, 0 12px 0px #ccc;
}



.error_bg{
	background-color:#ffeeee;
}



.box_error{
	color: #dd0000;
}

.box_complete_msg{
	text-align:center;
}
form p{
	text-align:center;
}




/* footer
--------------------------------------------*/

#wrap-footer{
	color:#a3abb0;
	background:#344e5d url(../images/bg_footer_top.png) left top repeat-x;
	padding:20px 0 0 0;
	min-width:960px;
}
#wrap-footer footer#site{
	width:960px;
	margin:0 auto;
	padding:15px 0;
}
#wrap-footer #corp-logo{
	float:left;
}
#wrap-footer footer#site .copyright{
	float:right;
	font-size:80%;
	text-align:right;
}



/* second */
header#second{
	width:960px;
	margin:0 auto;
	padding:0 0 15px;
}
header#second .main-image{
	padding:20px 0 0px;
	text-align:center;
}













/* clearfix
--------------------------------------------*/
.cf:before,
.cf:after {
	content:"";
	display:block;
	overflow:hidden;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
}












@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#wrap-header{
		width:960px;
	}
}








@media screen and (max-width:660px) { 
	
	header#front{
		width:90%;
	}
	header#front .main-image
	,header#front .bnr-image{
		padding:0;
	}
	header#front .main-image img
	,header#front .bnr-image img{
		padding:20px 0 20px;
		width:100%;
		height:auto;
	}
	header#second{
		width:100%;
	}
	
	#container{
		width:90%;
		padding:0 5%;
	}
	#container section#sec_sns{
		width:100%;
		margin-top:40px;
	}
	#container section#sec_sns a.btn{
		width:48%;
	}
	#container section#sec_sns a.btn img{
		width:100%;
	}
	
	#container section#sec01{
		width:100%;
		margin-top:40px;
	}
	#container section#sec01 header h2 img{
		max-width:100%;
	}
	
	
	
	#container section#sec02 header h2 img{
		max-width:40%;
	}
	#container section#sec02 p.txt_sub{
		text-align:left;
	}
	#container section#sec02 .box_quiz_list .block_quiz{
		float:right;
		width:46%;
		height: auto;
		min-height: 140px;
		margin-left: 0px;
		margin-bottom:2%;
		padding:1%;
	}
	
	#container section#sec02 .box_quiz_list .block_quiz:nth-child(2n-1) {
		float:left;
		width:49%;
		margin-left: 0px;
	}
	#container section#sec02 .box_quiz_list .block_quiz h3{
		font-size:14px;
		line-height:110%;
	}
	#container section#sec02 .box_quiz_list .block_quiz h3 .quiz_month{
		display:block;
		padding:0 0 2px 0;
	}
	#container section#sec02 .box_quiz_list .block_quiz img{
		width:44%;
		margin:1%;
	}
	
	#container section#sec03 header h2 img{
		max-width:80%;
	}
	
	#container section#sec03 article{
		padding:24px;
		text-align:center;
		margin-top:10px;
	}
	#container section#sec03 article img#pic_sugosugi{
		max-width:60%;
		margin:0 auto;
		float:none;
	}
	#container section#sec03 article #txt_sugosugi{
		clear:both;
		width:100%;
		margin-top:10px;
		text-align:left;
	}
	
	#container section#sec03 article #txt_sugosugi h3{
		text-align:center;
		margin-bottom:0;
	}
	#container section#sec03 article #txt_sugosugi h3 img{
		max-width:40%;
	}
	#container section#sec03 article #txt_sugosugi a{
		float: right;
		text-align:right;
	}
	#container section#sec03 article #txt_sugosugi a img{
		max-width:100%;
	}
	
	#container section#sec_bnr header h2 img{
		max-width:80%;
	}
	#container section#sec_bnr article a img{
		width:48%;
		float:left;
		margin:1%;
	}
	
	#bnr_kodomo_quiz_download{
		display:none;
	}
	
	
	
	
	#wrap-footer{
		min-width:100%;
		width:100%;
	}
	#wrap-footer footer#site{
		width:100%;
	}
	#wrap-footer #corp-logo{
		margin-left:2%;
	}
	#wrap-footer #corp-logo img{
		width:80%;
	}
	#wrap-footer footer#site .copyright{
		clear:both;
		width:96%;
		margin:2%;
		font-size:9px;
		text-align:center;
	}
	
	
	
	
	
	
	
	
	.quiz_start header{
		width: 98%;
		padding:20px 1% 10px 1%;
	}
	.quiz_start header h2 span{
		font-size:20px;
		margin:0;
	}
	.quiz_start .box_start_pic{
		width: 91%;
		padding:0px 1% 0px 1%;
		border-left: 1% solid #6A3805;
		border-right: 1% solid #6A3805;
	}
	.quiz_start .box_start_pic img{
		max-width:50%;
	}
	
	
	
	
	
	.quiz_start article{
		width: 90%;
		padding:30px 5% 30px 5%;
	}
	.quiz_start article h3{
		margin:5px 0;
	}
	.quiz_start article h3 img{
		max-width:30%;
	}
	
	.quiz_start article ul.list_rule li{
		list-style-type: none;
		background-color:#F9F9F1;
		padding:10px 10px;
		font-size:15px;
		line-height:150%;
		text-align:left;
		display:block;
		margin-bottom:10px;
	}
	.quiz_start article ul.list_rule li br{
		display: none;
	}
	.quiz_start article .box_msg #box_pic_sugosugi{
		width:115px;
		height:115px;
		overflow:hidden;
		clear:both;
		float:right;
		margin-top:-30px;
	}
	.quiz_start article .box_msg{
		margin-top:10px;
	}
	.quiz_start article .box_msg .block_msg{
		width:90%;
		padding:5% 5% 10% 5% ;
	}
	.quiz_start article .box_msg #box_pic_sugosugi img{
		margin:0;
		margin-left:-50px;
		padding:0;
	}
	
	.quiz_start .box_btn{
		width: 100%;
	}.quiz_start .box_btn input{
		width: 100%;
	}
	
	
	
	
	.quiz_start .pagetop{
		width: 100%;
	}
	
	
	
	
	
	.quiz_question header{
		width: 98%;
		padding:0px 1% 10px 1%;
	}
	.quiz_question header h2 span{
		font-size:20px;
		margin:0;
	}
	.quiz_question article{
		margin:0 auto;
	}
	.quiz_question article h3{
		font-size:16px;
		padding:5px 0px;
		margin:0;
	}
	
	.quiz_question .box_question_pic{
		width:100%;
		padding:0;
	}
	
	.quiz_question article .box_question span img{
		width:auto;
		max-width:800px;
	}

	.quiz_question article .box_question span.img_size_same img{
		width:163px;
	}
	.quiz_question article .box_question span.img_size_full img{
		max-width:100%;
		max-height:100%;
	}
	.quiz_question article .box_question span.img_size_half img{
		max-width:50%;
		max-height:50%;
	}
	
	
	
	.quiz_question .box_question_pic .pic_frag_start{
		display:none;
	}
	
	.quiz_question .box_question_pic #box_pic_num{
		width:100%;
	}
	
	.quiz_question .box_question_pic #box_pic_num img{
		padding:5px;
		width:20%;
		margin-top:60px;
	}
	.quiz_question .box_question_pic #box_pic_num .pic_off{
		/*display:none;*/
		width:12%;
	}
	
	
	.quiz_question .box_question_pic .pic_frag_goal{
		display:none;
	}
	
	
	.quiz_question article{
		width: 90%;
		padding: 30px 5% 10px 5%;
		margin-bottom: 20px;
	}
	.quiz_question .box_question p{
		font-size:18px;
		line-height:180%;
		text-align:left;
	}
	.quiz_question .box_question p br{
		display: none;
	}
	.quiz_question article .box_question span.question_pic_pc img{
		display:none;
	}
	.quiz_question article .box_question span.question_pic_sp img{
		display:inline-block;
	}
	.quiz_question article .box_sentakushi_show .sentakushi_show_pc{
		display:none;
	}
	.quiz_question article .box_sentakushi_show .sentakushi_show_sp{
		display:block;
	}
	.quiz_question article .box_sentakushi_show input{
		width:100%;
		margin-bottom:30px;
	}
	
	.quiz_question article .box_answer{
		margin-bottom:0;
	}
	.quiz_question article .box_answer .box_answer1
	, .quiz_question article .box_answer .box_answer2
	, .quiz_question article .box_answer .box_answer3
	, .quiz_question article .box_answer .box_answer4{
		width:43%;
		margin:0 0 30px 0;
		min-height: 100px;
		background-size:25%;
		padding-top:30px;
		font-size:20px;
		font-weight:bold;
	}
	.quiz_question article .box_answer .box_answer2
	, .quiz_question article .box_answer .box_answer4{
		float:right;
	}
	.quiz_question article .box_answer .box_answer1 span.font_ll
	,.quiz_question article .box_answer .box_answer2 span.font_ll
	,.quiz_question article .box_answer .box_answer3 span.font_ll
	,.quiz_question article .box_answer .box_answer4 span.font_ll{
		font-size:60px;
		font-weight:bold;
		height: 100px;
		margin-top: 10px;
	}
	.quiz_question article .box_answer .box_answer1 span.font_l
	,.quiz_question article .box_answer .box_answer2 span.font_l
	,.quiz_question article .box_answer .box_answer3 span.font_l
	,.quiz_question article .box_answer .box_answer4 span.font_l{
		font-size:40px;
		font-weight:bold;
		height: 100px;
		margin-top: 20px;
	}
	.quiz_question article .box_answer .box_answer1 span.font_m
	,.quiz_question article .box_answer .box_answer2 span.font_m
	,.quiz_question article .box_answer .box_answer3 span.font_m
	,.quiz_question article .box_answer .box_answer4 span.font_m{
		font-size:25px;
		font-weight:bold;
		height: 100px;
		margin-top: 30px;
	}
	.quiz_question article .box_answer .box_answer1 span.pic_answer img
	, .quiz_question article .box_answer .box_answer2 span.pic_answer img
	, .quiz_question article .box_answer .box_answer3 span.pic_answer img
	, .quiz_question article .box_answer .box_answer4 span.pic_answer img{
		width:90%;
		padding:5%;
	}
	
	.quiz_question article .box_answer .box_answer1 span.pic_answer
	, .quiz_question article .box_answer .box_answer2 span.pic_answer
	, .quiz_question article .box_answer .box_answer3 span.pic_answer
	, .quiz_question article .box_answer .box_answer4 span.pic_answer{
		width:100%;
		height:100%;
		display: block;
		text-align: center;
	}
	
	.quiz_question article .box_answer .block_answer .mark_seikai{
		top: 22px;
	}
	.quiz_question article .box_answer .block_answer .mark_seikai img{
		width:100%;
	}
	
	.quiz_question article .box_answer .block_answer .txt_seikai{
		font-size:14px;
		bottom: -40px;
	}
	
	.quiz_question article .box_question span img
	, .quiz_question article .box_kaisetsu_pic span img
	, .quiz_question article .box_kaisetsu span img{
		width:100%;
	}
	
	.quiz_question article .box_kaisetsu_show .kaisetsu_show_pc{
		display:none;
	}
	.quiz_question article .box_kaisetsu_show .kaisetsu_show_sp{
		display:block;
	}
	.quiz_question article .box_kaisetsu_show .kaisetsu_show_sp input{
		width:100%;
	}
	.quiz_question article .box_kaisetsu_pic .kaisetsu_txt{
		font-size:18px!important;
		margin-bottom: 30px;
		text-align:left!important;
	}
	.quiz_question article .box_kaisetsu{
		padding:0;
		font-size:18px;
	}
	
	.quiz_question article .box_kaisetsu_pic #box_kaisetsu1_txt
	, .quiz_question article .box_kaisetsu_pic #box_kaisetsu2_txt
	, .quiz_question article .box_kaisetsu_pic #box_kaisetsu3_txt
	, .quiz_question article .box_kaisetsu_pic #box_kaisetsu4_txt
	, .quiz_question article .box_kaisetsu_pic #box_kaisetsu5_txt
	, .quiz_question article .box_kaisetsu #box_kaisetsu1_txt
	, .quiz_question article .box_kaisetsu #box_kaisetsu2_txt
	, .quiz_question article .box_kaisetsu #box_kaisetsu3_txt
	, .quiz_question article .box_kaisetsu #box_kaisetsu4_txt
	, .quiz_question article .box_kaisetsu #box_kaisetsu5_txt{
		font-size: 18px;
		line-height: 180%;
		text-align: left;
	}
	
	.quiz_question article .box_btn{
		text-align: right;
	}
	.quiz_question article .box_btn img{
		max-width:70%;
		
	}
	
	
	
	
	
	.quiz_goal header{
		width: 98%;
		padding:20px 1% 10px 1%;
	}
	.quiz_goal header h2 span{
		font-size:20px;
		margin:0;
	}
	
	.quiz_goal .box_goal_pic{
		width: 91%;
		padding:0px 1% 0px 1%;
		border-left: 1% solid #6A3805;
		border-right: 1% solid #6A3805;
	}
	.quiz_goal .box_goal_pic img{
		max-width:50%;
	}
	
	.quiz_goal article{
		width: 90%;
		padding:30px 5% 30px 5%;
	}
	.quiz_goal article h3{
		margin:5px 0;
		font-size:20px;
	}
	
	.quiz_goal article #box_seikaisu{
		margin:10px 0 0 0;
	}
	.quiz_goal article #box_seikaisu p{
		font-size:25px;
		padding:10px 0;
	}
	
	
	.quiz_goal article .box_btn img{
		max-width:70%;
	}
	.quiz_goal .box_btn .btn_page_top
	,.quiz_goal .box_btn .btn_restart{
		width:100%;
	}
	
	
	
	
	#container section#sec_form article.text{
		padding:5px 0;
	}
	#container section#sec_form header h2 img{
		max-width:60%;
	}
	dl.list_form{
		width:100%;
	}
	dl.list_form dt{
		padding-left: 0px;
		padding-bottom:0;
		width:100%;
	}
	
	dl.list_form dd{
		width:100%;
		padding-left: 0px;
		padding-top:0;
		clear:both;
	}
	
	form input.ipt_text_m{
		width:97%;
		padding: 1%;
	}
	form textarea.ipt_textarea_m{
		width:97%;
		padding: 1%;
	}
	
	form .box_btn input.btn_gr{
		color:#333;
		font-size:20px;
	}
}

/*
@media screen and (max-width:660px) { 
	#wrap-header
	,#wrap-footer{
		width:1000px;
	}
	#container{
		padding:20px 20px;
	}
}
*/