@charset "utf-8";

/*リセット
-----------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}


html{
	-webkit-text-size-adjust: none;
	}

body{
	margin:0;
	}
	

/*ステージ設定
-----------------------------------------------------*/

#kentei{
	margin:0;
	width:320px;
	height:480px;
	background-color:#FFF;
	overflow:hidden;
	position:absolute;
	
	
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro","MS Pゴシック", Helvetica, Arial, Verdana, sans-serif;
	 font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	
	background:url(images/loading.gif) no-repeat center center;
	background-size: 60px 60px;
	-moz-background-size: 60px 60px;
	-ms-background-size: 60px 60px;
	-o-background-size: 60px 60px;
	-webkit-background-size: 60px 60px;	
}

#kentei *{
	margin:0;
	padding:0;
}




#kentei .hantei{
	width:320px;
	height:480px;
	position:absolute;
	z-index:7000;
}

#kentei .touch{
	width:320px;
	height:480px;
	position:absolute;
	z-index:6000;
	cursor:pointer;
}

/*タイトル
-----------------------------------------------------*/

#kentei .K_title{
	width:320px;
	height:480px;
	position:absolute;
	z-index:5000;
	cursor:pointer;
	}

#kentei .K_title h1{
	width:320px;
	height:480px;
	position:absolute;
	z-index:5000;
	top:0;
	left:0;
	}

#kentei .K_title h2{
	width:320px;
	position:absolute;
	z-index:5100;
	font-size:12px;
	color:#222;
	top:261px;
	right:36px;
	text-align:right;
	}
	
#kentei .K_title .btn{
	width:200px;
	height:60px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-30px;
	margin-left:-100px;
	background:#FF0000;
	cursor:pointer;
	}

/*クイズ画面設定
-----------------------------------------------------*/

#kentei .K_mein{
	width:320px;
	height:480px;
	position:absolute;
	z-index:1000;
	background:url(images/bg.png) no-repeat;
	
	background-size: 320px 480px;
	-moz-background-size: 320px 480px;
	-ms-background-size: 320px 480px;
	-o-background-size: 320px 480px;
	-webkit-background-size: 320px 480px;
	
	}
	
#kentei .K_mein .timer{
	width:320px;
	height:36px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(images/timer.png) no-repeat;
	
	
	background-size: 320px 36px;
	-moz-background-size: 320px 36px;
	-ms-background-size: 320px 36px;
	-o-background-size: 320px 36px;
	-webkit-background-size: 320px 36px;
	
	}
	
#kentei .K_mein .bar{
	max-width:270px;
	width:0px;
	height:8px;
	position:absolute;
	top:12px;
	left:37px;
	overflow:hidden;
	border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-webkit-border-radius:8px;
	}
	
#kentei .K_mein .bar img{
	height:16px;
	width:auto;
	}

/*注意書き
-----------------------------------------------------*/

#kentei .atention{
	width:260px;
	height:250px;
	padding:15px;
	border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;
	position:absolute;
	z-index:1000;
	top:50px;
	left:15px;
	background:rgba(0,0,0,0.4);
	font-size:14px;
	line-height:1.5;
	color:#FFF;
	cursor:pointer;
}

#kentei .atention span{
	font-size:16px;
	font-weight:bold;
	display:block;
	padding-bottom:7px;
	margin-bottom:10px;
	border-bottom:rgba(255,255,255,0.2) 1px dashed;
}


/*キャラクター
-----------------------------------------------------*/

#kentei .chara{
	width:125px;
	height:420px;
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:2000;
	overflow:hidden;
	}

#kentei .chara img{
	width:125px;
	height:420px;
	}


/*ステージ
-----------------------------------------------------*/

#kentei .stage{
	width:260px;
	height:250px;
	padding:15px;
	border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;
	position:absolute;
	z-index:1000;
	top:50px;
	left:15px;
	background:rgba(0,0,0,0.4);
	font-size:14px;
	line-height:1.5;
	color:#FFF;
}


#kentei .stage h1{
	font-size:16px;
	font-weight:bold;
	display:block;
	padding-bottom:7px;
	margin-bottom:10px;
	border-bottom:rgba(255,255,255,0.2) 1px dashed;
}

#kentei .stage p{
	width:200px;
}


#kentei .stage span{
	font-size:75px;
}


#kentei .answer{
	position:absolute;
	width:167px;
	height:123px;
	top:200px;
	left:30px;
	z-index:1100;
}


#kentei .answer li{
	display:block;
	list-style:none;
	width:127px;
	height:28px;
	overflow:hidden;
	margin-bottom:12px;
	font-size:14px;
	line-height:28px;
	padding-left:40px;
	color:#FFF;
	cursor:pointer;
	
}


#kentei .answer .style01{
	background:url(images/answer01.png) no-repeat left;
	background-size: 167px 28px;
	-moz-background-size: 167px 28px;
	-ms-background-size: 167px 28px;
	-o-background-size: 167px 28px;
	-webkit-background-size: 167px 28px;
}

#kentei .answer .style01:hover{
	background:url(images/answer01_hover.png) no-repeat left;
	background-size: 167px 28px;
	-moz-background-size: 167px 28px;
	-ms-background-size: 167px 28px;
	-o-background-size: 167px 28px;
	-webkit-background-size: 167px 28px;
}

#kentei .answer .style02{
	background:url(images/answer02.png) no-repeat left;
	background-size: 167px 28px;
	-moz-background-size: 167px 28px;
	-ms-background-size: 167px 28px;
	-o-background-size: 167px 28px;
	-webkit-background-size: 167px 28px;
}

#kentei .answer .style02:hover{
	background:url(images/answer02_hover.png) no-repeat left;
	background-size: 167px 28px;
	-moz-background-size: 167px 28px;
	-ms-background-size: 167px 28px;
	-o-background-size: 167px 28px;
	-webkit-background-size: 167px 28px;
}

#kentei .answer .style03{
	background:url(images/answer03.png) no-repeat left;
	background-size: 167px 28px;
	-moz-background-size: 167px 28px;
	-ms-background-size: 167px 28px;
	-o-background-size: 167px 28px;
	-webkit-background-size: 167px 28px;
}

#kentei .answer .style03:hover{
	background:url(images/answer03_hover.png) no-repeat left;
	background-size: 167px 28px;
	-moz-background-size: 167px 28px;
	-ms-background-size: 167px 28px;
	-o-background-size: 167px 28px;
	-webkit-background-size: 167px 28px;
}


#kentei .seikai{
	/*width:260px;*/
	height:20px;
	padding:10px 10px 10px 10px;
	border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;
	position:absolute;
	z-index:1500;
	bottom:20px;
	left:65px;
	background:rgba(0,0,0,0.5);
	font-size:15px;
	line-height:20px;
	color:#FFF;
	border-bottom:#e7ccaa 1px solid;
	box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
}


#kentei .modoru{
	/*width:260px;*/
	height:20px;
	padding:10px 10px 10px 10px;
	border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;
	position:absolute;
	z-index:9999;
	bottom:20px;
	left:15px;
	background:rgba(0,0,0,0.5);
	font-size:15px;
	line-height:20px;
	color:#FFF;
	border-bottom:#e7ccaa 1px solid;
	box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
	cursor:pointer;
}


#kentei .modoru:hover{
	background:rgba(0,0,0,0.8);
}

#kentei .modoru img{
	width:20px;
	height:20px;
}




#kentei .hukidashi{
	background:url(images/arrow.png) no-repeat right bottom;
	z-index:4200;
	top:100px;
	right:100px;
	position:absolute;
	
	background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	-ms-background-size: 10px 10px;
	-o-background-size: 10px 10px;
	-webkit-background-size: 10px 10px;
	
}


#kentei .hukidashi p{
	background:#FFF;
	color:#333;
	font-size:18px;
	font-weight:bold;
	border:#FFF 1px solid;
	border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-webkit-border-radius:8px;
	text-align:center;
	padding:5px 10px 5px 10px;
	position:relative;
	right:-8px;
	bottom:8px;
	
}


/*etc
-----------------------------------------------------*/

#kentei .g_start{
	width:0px;
	height:140px;
	overflow:hidden;
	position:absolute;
	margin-top:-70px;
	top:50%;
	left:0px;
	background:rgba(255,125,187,0.9);
	color:#FFF;
	font-size:80px;
	line-height:140px;
	text-align:center;
	z-index:3000;
	}
	
#kentei .efect{
	position:absolute;
	top:50%;
	left:50%;
	z-index:1500;
	width:220px;
	height:220px;
	margin-top:-160px;
	margin-left:-110px;
	}

#kentei .ending{
	width:320px;
	height:480px;
	background-color:#111;
	color:#fff;
	position:absolute;
	z-index:9999;
}


#kentei .ending p{
	width:320px;
	display:block;
	font-size:15px;
	line-height:25px;
	text-align:center;
	position:absolute;
	top:50%;
	margin-top:-25px;
}



#kentei .perfect{
	width:320px;
	height:480px;
	background:url(images/perfect.png) no-repeat;
	color:#222;
	position:absolute;
	z-index:9999;
	
	background-size: 320px 480px;
	-moz-background-size: 320px 480px;
	-ms-background-size: 320px 480px;
	-o-background-size: 320px 480px;
	-webkit-background-size: 320px 480px;
}


#kentei .perfect p{
	width:320px;
	display:block;
	font-size:15px;
	line-height:1;
	text-align:center;
	position:absolute;
	bottom:15px;
}



/* back_ground
-----------------------------------------------------*/