/* ==================== finish.css ==================== */

.Finish .seikai .body .related {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
}

.Finish .seikai .body .related img {
	width: 23%;
	margin: 1%;
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {

	.Finish .seikai .body .related {
		width: 22.5em;
	}
}

/* for IE11 */
@media all and (-ms-high-contrast:none) {
	.Finish .seikai .body .related {
		height: 19em;
	}
}


/* ==================== play.css ==================== */

@media (max-width: 767px) {
	.Play .question .pkg {
		width: 6em;
	}
	.Play .question .title {
		margin-left: 1em;
	}
	.Play .question {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.Play .answer {
		margin-top: 0.5em;
	}
	.Play .answer button {
		width: 9em;
		padding: 1em;
	}
}

@media (min-width: 768px) {
	.Play .question {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.Play .question .pkg img {
		width: 8.5em;
	}
	.Play .question .title {
		margin-top: 1em;
	}

	.Play .answer button {
		width: 10em;
		padding: 0.5em 1.5em;
	}

}