@charset 'UTF-8';

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

gallery/index_sp.css
Ver.201805

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

01. 概要
02. 展覧会情報
03. イベント情報
04. お知らせ

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





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


.contents .body .foreword {/* 572px */}

	.contents .body .foreword .name {
		border-left: 3px solid #d2d2d2;
		font-size: 2.8rem;
		padding: 1.05% 0 1.05% 4.9%;/* 6px 0 6px 28px */
	}

	.contents .body .foreword .outline {padding-top: 8.39%;/* 44px */}

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

		.contents .body .foreword .outline dt {font-family: 'UD新ゴ R', sans-serif;}

		.contents .body .foreword .outline dd {padding-top: 4.9%;/* 28px */}


/** |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;
			overflow: hidden;
			padding-top: 49.65%;/* 284px */
			position: relative;
			width: 100%;/* 572px */
		}

			.contents .body .exhibition .latest .image img {
				height: auto;
				left: 0;
				margin: auto;
				position: absolute;
				top: 50%;
				-ms-transform: translate(0, -50%);
				-webkit-transform: translate(0, -50%);
				transform: translate(0, -50%);
				width: 100%;
			}

			.contents .body .exhibition .latest .image .caption {
				background-color: #fff;
				bottom: 0;
				color: #85c2d6;
				font-family: 'UD新ゴ R', sans-serif;
				font-size: 2rem;
				left: 0;
				padding: 3.15% 4.2%;/* 18px 24px */
				position: absolute;
			}


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

			.contents .body .exhibition .latest .label dt {
				font-family: 'UD新ゴ R', sans-serif;
				font-size: 2.4rem;
				line-height: 1.67;
			}

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

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


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


/** |02. 展覧会情報| << ***************************************************************** << END **/





/** |03. イベント情報| >> ************************************************************* >> START **/


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

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

		.contents .body .event .latest .image {/* height:141px(24.65%) */
			background-color: #f4f4f5;
			float: left;
			width: 32.17%;/* 184px */
		}

		.contents .body .event .latest .label {
			float: right;
			width: 63.99%;/* 366px */
		}

			.contents .body .event .latest .label dt,
			.contents .body .event .latest .label dd {letter-spacing: -0.02em;}

			.contents .body .event .latest .label dt {
				font-family: 'UD新ゴ R', sans-serif;
				line-height: 1.88;
			}

			.contents .body .event .latest .label dd {
				font-size: 2rem;
				line-height: 1.2;
				padding-top: 0.41em;
			}

				.contents .body .event .latest .label dd span:nth-of-type(n+2) {font-size: 1.6rem;}


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


/** |03. イベント情報| << *************************************************************** << END **/





/** |04. お知らせ| >> ***************************************************************** >> START **/


.contents .body .information .latest {}

	.contents .body .information .latest .article {
		border-bottom: 1px solid #d4d5d6;
		padding: 6.99% 0;/* 40px 0 */
	}

		.contents .body .information .latest .article dt {font-family: 'UD新ゴ R', sans-serif;}

			.contents .body .information .latest .article dt .dow {font-size: 2rem;}

			.contents .body .information .latest .article dt .genre {
				border: 1px solid #85c2d6;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				color: #85c2d6;
				display: block;
				font-family: 'UD新ゴ L', sans-serif;
				font-size: 1.6rem;
				height: 2.2em;
				line-height: 2.2em;
				margin-top: 4.9%;
				text-align: center;
				width: 13.63em;/* 220px */
			}

		.contents .body .information .latest .article dd {
			line-height: 1.67;
			padding-top: 4.9%;
		}

			.contents .body .information .latest .article dd a {text-decoration: none;}

			.contents .body .information .latest .new dd::after {
				color: #ed7f40;
				content: 'NEW';
				font-family: 'UD新ゴ R', sans-serif;
				font-size: 1.6rem;
				margin-left: 0.8em;
			}


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


/** |04. お知らせ| << ******************************************************************* << END **/