@charset 'UTF-8';

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

gallery/ceramic/index_sp.css
Ver.201810

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

01. 概要
02. スケジュール
03. アーカイブ

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





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


.contents .body .outline p {
	line-height: 1.67;
	padding-top: 6.99%;/* 40px */
}


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





/** |02. スケジュール| >> ************************************************************* >> START **/


.contents .body .schedule .latest {
	border-bottom: 1px solid #d4d5d6;
	padding: 10.49% 0;/* 60px 0 */
}

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

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

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

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

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

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

				.contents .body .schedule .latest .label .end::after {
					color: #e75400;
					content: 'No longer available.';
					display: block;
					font-family: 'Trade Gothic W01 Light', sans-serif;
					font-size: 2rem;
					padding-top: 0.5em;
				}

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


/** |02. スケジュール| << *************************************************************** << END **/





/** |03. アーカイブ| >> *************************************************************** >> START **/


.contents .body .archive {
	padding-top: 12.24%;/* 70px */
	text-align: center;
}

	.contents .body .archive a {
		background-color: #fff;
		border: 1px solid #d4d5d6;
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #7f8283;
		display: inline-block;
		font-family: 'Trade Gothic W01 Bold', sans-serif;
		padding: 4.2% 14.69%;/* 24px 84px */
		text-decoration: none;
	}


/** |03. アーカイブ| << ***************************************************************** << END **/