/* "quiz.css" */
@charset "UTF-8";

.spacer {
	font-size:			20px;
}

.show_ans {
	margin:				15px 0 100px 0;
	text-align:			center;
}
.show_ans_btn {
	background-color:	#4C70C3;
	border:				none;
	border-radius:		5px;
	color:				white;
	cursor:				pointer;
	padding:			3px 10px;
}

.machigai_box {
	padding:			5px;
}
.machigai {
	display:			inline-block;
	width:				calc(50% - 5px);
}
.machigai img {
	width:				100%;
}

.machigai span:first-child {
	background-color:	black;
	color:				white;
	display:			inline-block;
	font-size:			1.4em;
	font-weight:		bold;
	margin-left:		5px;
	margin-bottom:		5px;
	padding:			2px 8px;
}
.subtitle {
	font-size:			1.6rem;
	text-align:			center;
}
.arrow {
	color:				blue;
	cursor:				pointer;
	display:			inline-block;
	padding:			3px 0;
	width:				140px;
}

.caption {
	display:			inline-block;
	margin-left:		5px;
	vertical-align:		bottom;
}

/* ---------------------------------
 width <= 500px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:500px) {
	.machigai_box .spacer {
		display:		none;
	}
	.machigai {
		display:		inline;
	}
	.machigai span {
		margin-top:		5px;
	}
	.machigai .br {
		display:		inline;
	}
	.subtitle {
		font-size:		1.4rem;
		margin-top:		10px;
	}
	.arrow {
		width:			120px;
	}
}