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

.Play .question {
	display: grid;
	grid-template-columns: max-content max-content;
	align-items: center;
}
.Play .question .title {
	grid-column: 1/3;
}

.Play .question .title {
	padding-top: 1em;
}

.Play .question .chara {
	padding-left: 1em;
}

.Play .question6 .pkg img,
.Play .question6 .chara img {
	font-size: 0.9em;
}

.Play .answer button {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0.25em 0.25em 0.5em;
}

.Play .answer button .image {
	display: flex;
	align-items: center;
	justify-content: center;
}
.Play .answer button .image img {
	font-size: 0.9em;
}

.Play .answer button .name {
	margin-top: 0.5em;
}

@media (max-width: 767px) {
	.Play .answer {
		margin-top: 1em;
	}
	.Play .answer button .image {
		width: 8.5em;
		height: 8.5em;
	}
}

@media (min-width: 768px) {
	.Play .answer button .image {
		width: 8em;
		height: 8em;
	}
}

/* for IE11 */
@media all and (-ms-high-contrast:none) {
	.Play .question {
		display: -ms-grid;
		max-width: 18em;
	}
	.Play .question .pkg {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}
	.Play .question .chara {
		-ms-grid-column: 2;
		-ms-grid-row: 1;
	}
	.Play .question .title {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 2;
	}
	.Play .question img {
		vertical-align: middle;
	}
}