@charset 'UTF-8';

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

gallery/ceramic/index_pc.css
Ver.201810

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

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

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





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


.contents .body .outline .photo {
	background: url(/en/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: 1080px;
}

	.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;
		
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #7f8283;
		display: inline-block;
		font-family: 'UD新ゴ R', sans-serif;
	
		text-decoration: none;
	}

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


/** |03. アーカイブ| << ***************************************************************** << END **/
/** [開催情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .archive .list {}

	.contents .body .archive .event {
		border-top: 1px solid #d4d5d6;
		padding: 36px 0;
		width: 760px;
	}

	.contents .body .archive .event:first-of-type {border-top: none;}

	.contents .body .archive .nodata {padding: 36px 0;}


		/* 画像 */
		.contents .body .archive .event .image {
			float: left;
			height: 218px;
			overflow: hidden;
			position: relative;
			width: 284px;
		}

			.contents .body .archive .event .image img{
				height: auto;
				width: 284px;
			}

			.contents .body .archive .event .image .caption {display: none;}

			.contents .body .archive .event .new::before {
				background: rgba(0, 0, 0, 0.3) url(/common/img/bdy_ico_new.png) no-repeat 0 0;
				background-size: 62px 30px;
				border: 1px solid #fff;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				content: '';
				height: 30px;
				left: 10px;
				position: absolute;
				top: 10px;
				width: 62px;
			}


		/* 概要 */
		.contents .body .archive .event .outline {
			float: right;
			width: 438px;
		}

			.contents .body .archive .event .outline .facilities {
				border-top: 2px solid;
				display: inline-block;
				font-family: 'UD新ゴ R', sans-serif;
				font-size: 14px;
				padding-top: 8px;
			}

			.contents .body .archive .event .outline .ilm {border-top-color: #7fd1c7; color: #7fd1c7;}
			.contents .body .archive .event .outline .bunkakan {border-top-color: #c96e9c; color: #c96e9c;}
			.contents .body .archive .event .outline .gallery {border-top-color: #85c2d6; color: #85c2d6;}
			.contents .body .archive .event .outline .publish {border-top-color: #0671b8; color: #0671b8;}
			.contents .body .archive .event .outline .culture {border-top-color: #ed7f40; color: #ed7f40;}

			.contents .body .archive .event .outline .label {padding-top: 20px;}

				.contents .body .archive .event .outline .label .title {
					font-family: 'UD新ゴ R', sans-serif;
					font-size: 24px;
					line-height: 1.5;
					padding-bottom: 6px;
				}

					.contents .body .archive .event .outline .label .title a {color: #7f8283;}

				.contents .body .archive .event .outline .label .period {
					font-family: 'UD新ゴ R', sans-serif;
					font-size: 14px;
					padding-top: 14px;
				}

					.contents .body .archive .event .outline .label .period span {font-size: 12px;}

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

			.contents .body .archive .event .outline .text {
				line-height: 1.88;
				padding-top: 20px;
			}