/* ===== 展覧会年譜 (Exhibition Chronology) ===== */

.chronology {
	max-width: 900px;
	margin: 60px auto 150px;
	padding: 0 20px;
	font-family: 'Jost', sans-serif;
}

.chronology__title {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
	margin-bottom: 30px;
	line-height: 1.5;
}

.chronology__note {
	font-size: 11px;
	color: #666;
	line-height: 1.4;
	margin-bottom: 30px;
}

.chronology__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	line-height: 1.8;
}

.chronology__table td {
	border-bottom: none;
}

/* 各年の最後の展覧会の行に下線を入れる。
   border-collapse: collapse の場合、tr ではなく
   行内の td 1つひとつに指定しないと表示されないため、
   tr ではなく td に対して指定する。 */
.chronology__row--year-end td {
	border-bottom: 1px solid #ddd;
}

.chronology__year {
	padding: 5px 10px 5px 0;
	vertical-align: top;
	white-space: nowrap;
	color: #888;
	width: 50px;
}

.chronology__date {
	padding: 5px 10px 5px 0;
	vertical-align: top;
	white-space: nowrap;
	color: #aaa;
	width: 110px;
}

.chronology__title-cell {
	padding: 5px 0;
	vertical-align: top;
}

/* レスポンシブ対応：狭い画面では年と日付を縮める */
@media (max-width: 600px) {
	.chronology__table {
		font-size: 11px;
	}
	.chronology__year {
		width: 36px;
		padding-right: 6px;
	}
	.chronology__date {
		width: 80px;
		padding-right: 6px;
	}
}