@charset "utf-8";

@media ( max-height: 640px ) and ( orientation: landscape ) {
	h1 {
		display: none;
	}
}

.headlineBox {
	display: table;
	margin: 0 auto 3em;
	border-radius: 1em;
}

.exhibition {
	margin: 12px;
}

ol li.exhibition {
	list-style-type: none !important;
	margin-bottom: 200px;
}

ol li.exhibition:last-child {
	margin-bottom: 16px;
}

.exhibition img {
	display: block;
	margin: auto;
	max-width: calc( 100vw - 24px - 24px - 18px );
	max-height: calc( 100vh - 24px );
}

.exhibition img.r43 {
	aspect-ratio: 4 / 3
}

@media ( orientation: landscape ) {
	.exhibition img {
		width: auto;
	}
}

@media ( orientation: portrait ) {
	.exhibition img {
		height: auto;
	}
}

h2 {
	padding: 0.3em 0.5em;
	text-align: left;
	font-size: 156.25%;
}

.contentBox {
	display: table;
	margin: 1em auto;
	padding: 0.5em 1em;
	max-width: 95%;
	border-radius: 1.3em;
	text-align: left;
}

.contentBox dt {
	width: 6em;
	float: left;
}

.contentBox dd {
	margin-left: 6em;
}

.subtitle {
	font-size: 80%;
}