@charset 'UTF-8';

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

gallery/ceramic/index_pc.css
Ver.201802

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

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

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





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


.contents .body .outline .photo {
	background: url(/gallery/ceramic/img/pc/otl_img_photo.jpg) no-repeat 0 0;
	height: 256px;
	width: 1080px;
}

	.contents .body .outline .photo img {
		height: 100%;
		visibility: hidden;
		width: 100%;
	}

.contents .body .outline p {
	line-height: 1.88;
	padding-top: 30px;
}


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





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


.contents .body .schedule .latest {
	border-bottom: 1px solid #d4d5d6;
	padding: 30px 0;
	width: 760px;
}

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

	.contents .body .schedule .latest a:hover {opacity: 0.5;}

		.contents .body .schedule .latest .image {
			background-color: #f4f4f5;
			float: left;
			margin-top: 4px;
			width: 286px;
		}

			.contents .body .schedule .latest .image img {
				height:auto;
				width: 100%;
			}

		.contents .body .schedule .latest .label {
			float: right;
			width: 438px;
		}

			.contents .body .schedule .latest .label dt {
				font-family: 'UD新ゴ R', sans-serif;
				font-size: 22px;
				line-height: 1.64;
			}

			.contents .body .schedule .latest .label dd {
				font-size: 14px;
				padding-top: 12px;
			}

				.contents .body .schedule .latest .label dd span {font-size: 12px;}

				.contents .body .schedule .latest .label .end::after {
					color: #e75400;
					content: '終了しました';
					font-family: 'UD新ゴ L', sans-serif;
					font-size: 14px;
					margin-left: 1em;
				}

		.contents .body .schedule .latest .text {
			float: right;
			line-height: 1.88;
			padding-top: 16px;
			width: 438px;
		}


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





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




	.contents .body .archive a {
		background-color: #fff;
		
		box-sizing: border-box;
		color: #7f8283;
		display: inline-block;
		font-family: 'UD新ゴ R', sans-serif;
		padding: 16px 0px;
		text-decoration: none;
	}

	.contents .body .archive a:hover {
		background-color: #d4d5d6;
		box-shadow: none;
		color: #fff;
	}


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