@charset 'UTF-8';

/** |READ ME| **************************************************************************************

ilm/museum/index_sp.css
Ver.201805

----------------------------------------------------------------------------------------------------

01. 概要
02. 展覧会のご案内
03. 常設展

************************************************************************************** |READ ME| **/





/** |01. 概要| >> ********************************************************************* >> START **/


.contents .body .outline .title {
	background-color: transparent;
	font-size: 2.4rem;
	line-height: 1.67;
	padding: 6.99% 0 0;/* 40px 0 0 */
}

.contents .body .outline .photo {}

.contents .body .outline .photo:last-of-type {padding-top: 10.49%;/* 60px */}

.contents .body .outline dl {padding-top: 6.99%;/* 40px */}

	.contents .body .outline dt,
	.contents .body .outline dd {line-height: 1.67;}


/** |01. 概要| << *********************************************************************** << END **/





/** |02. 展覧会のご案内| >> *********************************************************** >> START **/


.contents .body .exhibition .latest {padding-top: 6.99%;/* 40px */}

	.contents .body .exhibition .latest a {
		color: inherit;
		display: block;
		text-decoration: none;
		width: 100%;/* 572px */
	}

		.contents .body .exhibition .latest .image {
			background-color: #f4f4f5;
			width: 100%;/* 572px */
		}

		.contents .body .exhibition .latest .label {padding-top: 6.64%;/* 38px */}

			.contents .body .exhibition .latest .label dt {
				font-family: 'Trade Gothic W01 Bold', sans-serif;
				font-size: 2.4rem;
				line-height: 1.67;
			}

			.contents .body .exhibition .latest .label dd {
				font-size: 2rem;
				padding-top: 5.59%;/* 32px */
			}

				.contents .body .exhibition .latest .label dd span {font-size: 1.8rem;}

		.contents .body .exhibition .latest .text {
			line-height: 1.88;
			padding-top: 5.59%;/* 32px */
		}


/* 情報なし */
.contents .body .exhibition .nodata {padding-top: 6.99%;/* 40px */}


/** |02. 展覧会のご案内| << ************************************************************* << END **/





/** |03. 常設展| >> ******************************************************************* >> START **/


	/** [概要] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .permanent .about {padding-top: 6.99%;/* 40px */}

		.contents .body .permanent .about .photo {}

		.contents .body .permanent .about .text {
			line-height: 1.67;
			padding-top: 6.99%;/* 40px */
		}


	/** [タイルコレクション] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .permanent .tile {padding-top: 13.99%;/* 80px */}

		.contents .body .permanent .tile .label {
			border-bottom: 1px solid #d4d5d6;
			font-family: 'Trade Gothic W01 Bold', sans-serif;
			font-size: 2.4rem;
			line-height: 1.5;
			padding-bottom: 2.8%;/* 16px */
		}

		.contents .body .permanent .tile .type {width: 100%;/* 572px */}

			.contents .body .permanent .tile .type li {
				float: left;
				margin-left: 3.49%;/* 20px */
				padding-top: 3.49%;/* 20px */
				width: 22.38%;/* 128px */
			}

			.contents .body .permanent .tile .type li:nth-of-type(4n+1) {
				clear: left;
				margin-left: 0;
			}

				.contents .body .permanent .tile .type dl {}

					.contents .body .permanent .tile .type dd {
						font-family: 'Trade Gothic W01 Bold', sans-serif;
						font-size: 1.8rem;
						line-height: 1.2;
						text-align: center;
					}


	/** [その他コンテンツ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .permanent .other {
		border-top: 1px solid #d4d5d6;
		margin-top: 13.99%;/* 80px */
	}

		.contents .body .permanent .other li {padding-top: 10.49%;/* 60px */}


/** |03. 常設展| << ********************************************************************* << END **/