/* common */
body {
	color:#333333;
	padding:10px;
	background-image: url(img/bg.gif);
}



#Menu {
	padding:15px;
	background-color:#fff;
	margin: 10px 0;
	border-radius: 10px;
	line-height: 3em;
}




a {
text-decoration: none;
}

#Menu p span {
	font-size:1.2em;
	padding:0 7px;
	width:40px: height:40px;
	background: yellow;
	margin:5px;
	border-radius: 10px;
	color:yellow;
}

#Menu span {
	font-size:1.2em;
	padding:0 7px;
	width:40px: height:40px;
	background: skyblue;
	margin:5px;
	border-radius: 10px;
	color:yellow;
}


.asnbox {
	text-align:right;
}

.asnbox input{
	font-size:2em;
	text-align: center;
}


.tryagain {
	text-align:center;
	font-size:1.5em;
	padding:25px 0;
}

.toggle-w .toggle-btn {
display: block;
cursor: pointer;
padding: 3px 10px;
background-color: #fff;
border: 1px solid #ddd;
font-weight: bold;
text-align: center;
margin-bottom: 1em;
border-radius: 8px;
}

.toggle-w .toggle-btn:hover {
border-color: #999;
background: #f5f5f5;
}

.toggle-w .toggle-btn:after {
content: "を見る"; /* 閉じている状態のときにラベルの後ろに続く文字 */
}

/*中身を非表示にしておく*/
.toggle-w .toggle-content{
padding: 0;
height: 0;
overflow: hidden;
opacity: 0;
transition: 0.6s;
}


/*チェックは見えなくする*/
.toggle-w > input[type="checkbox"] {
display: none;
}

.toggle-w > input[type="checkbox"]:checked ~ .toggle-btn:after {
content: "を隠す"; /* 開いている状態のときにラベルの後ろに続く文字 */
}

/*クリックで中身表示*/
.toggle-w > input[type="checkbox"]:checked ~ .toggle-content {
display: block;
height: auto;
opacity: 1;
padding: 10px 0;
}


/* small screen */
@media (min-width: 0) and (max-width: 799px) {
	body {
	  margin: 0;
		font-size:0.9em;
	}
	h3 {
		font-size: 1em;
	}
	form {
		padding:15px;
		background-color:#fff;
		border-radius: 10px;
	}
	#qset {
		border-bottom: dashed 2px #cccccc;
		padding:0 15px 15px 15px;
		margin-bottom: 25px;
	}
	ul {
		list-style-type: none;
		padding-left: 0;
	}
	li {
		margin-bottom: 1.5em;
		margin-left: 0;
	}
	.rad {
		width:1.5em; height:1.5em;
		vertical-align:middle;
	}

}





/* large screen */
@media (min-width: 800px) {
	body {
	  margin-left: auto;
		margin-right: auto;
		width:900px;
		letter-spacing:1px;
	}
	h3 {
		font-size: 1em;
	}
	form {
		padding:15px;
		background-color:#fff;
		border-radius: 10px;
	}
	#qset {
		border-bottom: dashed 2px #cccccc;
		padding:30px;
		margin-bottom: 25px;
	}
	ul {
		list-style-type: none;
	}
	li {
		margin-bottom: 1.5em;
		margin-left: 0;
	}
	.rad {
		width:1.5em; height:1.5em;
		vertical-align:middle;
	}

}