@charset "UTF-8";


/*****************************************************
　#wrap 
*****************************************************/
#wrap{
	margin:0 auto;
	max-width:400px;
	width:100%;
}


/*****************************************************
　.pagettl 
*****************************************************/
.pagettl{
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	margin:20px 0 30px;
	text-align:center;
}


/*****************************************************
　エラー 
*****************************************************/
.error{
	background:#fff;
	border:4px solid #f00;
	color:#f00;
	font-weight:bold;
	left:50%;
	line-height:50px;
	position:fixed;
	text-align:center;
	top:50%;
	transform:translate(-50%,-50%);
	width:300px;
	z-index:0;
}


/*****************************************************
　q-item 
*****************************************************/
.q-item{
	border:2px solid #ccc;
	border-radius:10px;
	padding:15px 20px;
}
.q-item + .q-item{
	margin:15px 0 0;
}
.q-item .ttl{
	font-weight:bold;
}
.q-item .list{
	list-style-type:none;
	margin:15px 25px 0;
	padding:0;
}
.q-item .list li + li{
	margin:5px 0 0;
}
.result-btn,
.restart-btn{
	background:#333;
	border-radius:10px;
	color:#fff;
	cursor:pointer;
	line-height:50px;
	margin:30px auto 50px;
	text-align:center;
	width:180px;
}
.result{
	text-align:center;
}
.result .course:not(.current){
	display:none;
}