@charset "UTF-8";
/*\*/

/*--- OVERRIDE ------------------*/

section h2 {
	background-image: url(../img/common/title_exhibition.png);
}

section .dl-data dt {
	color: #fff;
}

/* ------------------------------------
 * COMMON
 * ------------------------------------ */

.text strong {
	font-weight: bold;
}

.center {
	text-align: center;
}
.text strong.center {
	display: block;
	margin-bottom: 0.5em;
	font-size: 1.6rem;
}

.commentary {
	margin: 2em 6%;
	padding: 1.5em 1.5em;
	border: solid 1px #c09b42;
	text-align: center;
}
.commentary dt {
	margin-bottom: 0.5em;
	padding-bottom: 0.4em;
	border-bottom: dotted 1px #c09b42;
	font-weight: bold;
}
.commentary dd {
	margin-bottom: 3em;
}
.commentary dd:last-child {
	margin-bottom: 0;
}

.list-photo {
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	margin: 2em 6%;
}
.text + .list-photo {
	margin-top: -0.5em;
}
.list-photo.col-3 li {
	width: 33%;
}
.list-photo.costume li {
	width: 31.5%;
}
.list-photo.costume li:nth-child(2) {
	width: 37%;
}
.list-photo .photo-lightbox {
	width: 90%;
}
.list-photo.col-3 li .photo-lightbox,
.list-photo.costume li .photo-lightbox {
	width: 94%;
}
.list-photo.col-3 li .photo-lightbox {
	margin: 3% auto;
}

@media (max-width: 640px) {
	.commentary {
		margin: 1.5em 4%;
		text-align: left;
	}
	.list-photo {
		margin: 2em 4%;
	}
}

/* ------------------------------------
 * clearfix
 * ------------------------------------ */

.clearfix {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0.1em;
    content: ".";
    visibility: hidden;
}