@charset 'UTF-8';

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

archive_pc.css
Ver.201810

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

01. 開催リスト

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





/** |01. 開催リスト| >> *************************************************************** >> START **/


.contents .body .archive {padding-bottom: 60px;}

.contents .body .archive:last-of-type {padding-bottom: 0;}


	/** [カテゴリ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .archive .name {
		background-color: #f4f4f5;
		font-size: 28px;
		padding: 12px 16px;
	}


	/** [スキップボタン] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .archive .goto {
		padding-top: 18px;
		text-align: right;
	}

		.contents .body .archive .goto a {
			border: 1px solid #d4d5d6;
			color: #7f8283;
			display: inline-block;
			font-family: 'UD新ゴ R', sans-serif;
			font-size: 12px;
			padding: 10px 16px;
		}

		.contents .body .archive .goto a:hover {
			background-color: #d4d5d6;
			color: #fff;
			text-decoration: none;
		}

			.contents .body .archive .goto a::after {
				background: url(/common/img/bdy_ico_open.png) no-repeat 0 50%;
				background-size: 10px 6px;
				content: '';
				display: inline-block;
				height: 1em;
				margin-left: 6px;
				vertical-align: middle;
				width: 1em;
			}


	/** [表示切替] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .archive .type {
		padding-top: 18px;
		position: relative;
		width: 760px;
	}

		.contents .body .archive .type::before {
			background-color: #d4d5d6;
			bottom: 0;
			content: '';
			display: block;
			height: 1px;
			left: 0;
			position: absolute;
			width: 760px;
			z-index: -1;
		}

		.contents .body .archive .type li {
			border: 1px solid #d4d5d6;
			border-bottom: none;
			float: left;
			width: 376px;
		}

		.contents .body .archive .type li:last-of-type {float: right;}

		.contents .body .archive .type .active {
			background-color: #fff;
			border-top-color: #4aa6c3;
		}

			.contents .body .archive .type li a {
				border-top: 1px solid transparent;
				color: #a9abac;
				display: block;
				font-family: 'UD新ゴ R', sans-serif;
				padding: 13px 0 14px;
				text-align: center;
			}

				.contents .body .archive .type li a::before {
					background: no-repeat 0 0;
					content: '';
					display: inline-block;
					height: 22px;
					margin-right: 14px;
					vertical-align: middle;
					width: 22px;
				}

				.contents .body .archive .type li a[href="#list"]::before {background-image: url(/common/img/bdy_ico_list.gif);}
				.contents .body .archive .type li a[href="#calendar"]::before {background-image: url(/common/img/bdy_ico_calendar.gif);}

			.contents .body .archive .type li a:hover {
				opacity: 0.5;
				text-decoration: none;
			}

			.contents .body .archive .type .active a{border-top-color: #4aa6c3;}


	/** [カレンダー] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .archive .calendar {}

		.contents .body .archive .calendar .year {
			font-family: 'UD新ゴ R', sans-serif;
			font-size: 24px;
			padding: 38px 0 30px;
			text-align: center;
		}

		.contents .body .archive .calendar .table {
			height: 646px;
			overflow: auto;
			width: 760px;
		}

			.contents .body .archive .calendar .table .prop {
				border: 2px solid #dcddde;
				border-top-color: #97999a;
				border-right: none;
				position: relative;
				width: 740px;
			}


				/* 開催月 */
				.contents .body .archive .calendar .table .month {
					padding-top: 101px;
					width: 738px;
				}

					.contents .body .archive .calendar .table .month li {
						-webkit-align-items: center;
						align-items: center;
						border-top: 1px dashed #dcddde;
						display: -webkit-flex;
						display: flex;
						height: 160px;
					}

					.contents .body .archive .calendar .table .month li:nth-of-type(even) {background-color: #f5f5f6;}

						.contents .body .archive .calendar .table .month li span {
							display: block;
							font-family: 'UD新ゴ R', sans-serif;
							font-size: 14px;
							line-height: 1.8;
							text-align: center;
							width: 66px;
						}


				/* スケジュールリスト */
				.contents .body .archive .calendar .table .schedule {/* 740px */
					bottom: 0;
					left: 66px;
					position: absolute;
					right: 0;
					top: -2px;
					z-index: 1;
				}

					.contents .body .archive .calendar .table .schedule .facility {
						border-left: 1px dashed #dcddde;
						border-top: 2px solid #dcddde;
						bottom: 0;
						left: 0;
						position: absolute;
						top: 0;
						width: 96px;
						z-index: 2;
					}

					.contents .body .archive .calendar .table .schedule .ilm {border-top-color: #7fd1c7; margin-left: 0; width: 192px;}
					.contents .body .archive .calendar .table .schedule .bunkakan {border-top-color: #c96e9c; margin-left: 192px;}
					.contents .body .archive .calendar .table .schedule .gallery {border-top-color: #85c2d6; margin-left: 288px; width: 384px;}

						.contents .body .archive .calendar .table .schedule .facility dt {
							background: no-repeat 50% 50%;
							height: 102px;
							overflow: hidden;
							position: relative;
							z-index: 3;
						}

						.contents .body .archive .calendar .table .schedule .ilm dt,
						.contents .body .archive .calendar .table .schedule .gallery dt {height: 71px;}

						.contents .body .archive .calendar .table .schedule .ilm dt {background-image: url(/topics/img/pc/sch_txt_ilm.gif);}
						.contents .body .archive .calendar .table .schedule .ilm .clayworks dt {background-image: url(/topics/img/pc/sch_txt_clayworks.gif);}
						.contents .body .archive .calendar .table .schedule .ilm .museum dt {background-image: url(/topics/img/pc/sch_txt_museum.gif);}

						.contents .body .archive .calendar .table .schedule .gallery dt {background-image: url(/topics/img/pc/sch_txt_gallery.gif);}
						.contents .body .archive .calendar .table .schedule .gallery .gallery1 dt {background-image: url(/topics/img/pc/sch_txt_gallery1.gif);}
						.contents .body .archive .calendar .table .schedule .gallery .gallery2 dt {background-image: url(/topics/img/pc/sch_txt_gallery2.gif);}
						.contents .body .archive .calendar .table .schedule .gallery .gallery3 dt {background-image: url(/topics/img/pc/sch_txt_gallery3.gif);}
						.contents .body .archive .calendar .table .schedule .gallery .galleryO dt {background-image: url(/topics/img/pc/sch_txt_galleryo.gif);}

						.contents .body .archive .calendar .table .schedule .bunkakan dt {background-image: url(/topics/img/pc/sch_txt_bunkakan.gif);}

							.contents .body .archive .calendar .table .schedule .facility dt span {
								left: 100%;
								position: absolute;
								top: 100%;
							}

						.contents .body .archive .calendar .table .schedule .facility .timeline {
							bottom: 0;
							color: #2b2b2b;
							font-family: 'UD新ゴ R', sans-serif;
							height: 960px;
							left: 0;
							position: absolute;
							top: 102px;
							width: 100%;
							z-index: 3;
						}

							.contents .body .archive .calendar .table .schedule .facility .timeline > span {
								background: url(/common/img/bdy_bg_timeline.png) repeat 0 0;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
								font-size: 12px;
								left: 2px;
								line-height: 1.5;
								overflow: hidden;
								padding: 3px 6px;
								position: absolute;
								right: 2px;
								top: 2px;
							}

								.contents .body .archive .calendar .table .schedule .facility .timeline a {
									color: inherit;
									display: block;
									height: 100%;
									width: 100%;
								}

									.contents .body .archive .calendar .table .schedule .facility .timeline a .ellipsis {padding-left: 0.3em;}

							.contents .body .archive .calendar .table .schedule .facility .timeline .nodata {
								background: none;
								background-color: rgba(0, 0, 0, 0.3);
								bottom: 3px;
								color: #666;
							}


							/* タイプ */
							.contents .body .archive .calendar .table .schedule .ilm .timeline span {background-color: #7fd1c7;}
							.contents .body .archive .calendar .table .schedule .gallery .timeline span {background-color: #85c2d6;}
							.contents .body .archive .calendar .table .schedule .bunkakan .timeline span {background-color: #c96e9c;}


							/* 開始位置 */
							.contents .body .archive .calendar .table .schedule .facility .timeline .str0_1 {top: 2px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str0_2 {top: 55px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str0_3 {top: 108px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str1_1 {top: 162px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str1_2 {top: 215px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str1_3 {top: 268px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str2_1 {top: 322px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str2_2 {top: 375px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str2_3 {top: 428px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str3_1 {top: 482px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str3_2 {top: 535px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str3_3 {top: 588px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str4_1 {top: 642px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str4_2 {top: 695px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str4_3 {top: 748px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str5_1 {top: 802px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str5_2 {top: 855px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .str5_3 {top: 908px;}


							/* 期間 */
							.contents .body .archive .calendar .table .schedule .facility .timeline .end0_1 {bottom: 909px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end0_2 {bottom: 856px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end0_3 {bottom: 803px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end1_1 {bottom: 749px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end1_2 {bottom: 696px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end1_3 {bottom: 643px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end2_1 {bottom: 589px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end2_2 {bottom: 536px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end2_3 {bottom: 483px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end3_1 {bottom: 429px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end3_2 {bottom: 376px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end3_3 {bottom: 323px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end4_1 {bottom: 269px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end4_2 {bottom: 216px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end4_3 {bottom: 163px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end5_1 {bottom: 109px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end5_2 {bottom: 56px;}
							.contents .body .archive .calendar .table .schedule .facility .timeline .end5_3 {bottom: 3px;}


						.contents .body .archive .calendar .table .schedule .facility .rooms {
							border-top: 1px dashed #dcddde;
							bottom: 0;
							height: 990px;
							left: 0;
							position: absolute;
							top: 70px;
							width: 100%;
							z-index: 3;
						}

							.contents .body .archive .calendar .table .schedule .facility .rooms .room {
								border-left: 1px dashed #dcddde;
								bottom: 0;
								left: 0;
								position: absolute;
								top: 0;
								width: 96px;
								z-index: 4;
							}

							.contents .body .archive .calendar .table .schedule .facility .rooms .room:first-of-type {border-left-color: transparent; margin-left: -1px;}
							.contents .body .archive .calendar .table .schedule .facility .rooms .room:nth-of-type(2) {margin-left: 95px;}
							.contents .body .archive .calendar .table .schedule .facility .rooms .room:nth-of-type(3) {margin-left: 191px;}
							.contents .body .archive .calendar .table .schedule .facility .rooms .room:nth-of-type(4) {margin-left: 287px;}

								.contents .body .archive .calendar .table .schedule .facility .rooms .room dt {
									color: #7f8283;
									font-family: 'UD新ゴ L', sans-serif;
									height: 31px;
								}

									.contents .body .archive .calendar .table .schedule .facility .rooms .room dt span {
										font-size: 10px;
										letter-spacing: -0.12em;
									}

								.contents .body .archive .calendar .table .schedule .facility .rooms .room .timeline {
									height: 960px;
									top: 31px;
								}


	/** [開催情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .archive .list {}

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

	.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: 500px;
		}

			.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: 580px;
		}

			.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;
			}


	/** [追加表示] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .archive .more {
		border-top: 1px solid #d4d5d6;
		padding-top: 38px;
	}

		.contents .body .archive .more 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: block;
			font-family: 'UD新ゴ R', sans-serif;
			margin: 0 auto;
			padding: 16px;
			text-align: center;
			text-decoration: none;
			width: 192px;
		}

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

			.contents .body .archive .more a::after {
				background: url(/common/img/bdy_ico_open.png) no-repeat 0 0;
				content: '';
				display: inline-block;
				height: 8px;
				margin-left: 10px;
				vertical-align: middle;
				width: 14px;
			}


/** |01. 開催リスト| << ***************************************************************** << END **/