@charset 'UTF-8';

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

archive_sp.css
Ver.201809

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

01. 開催リスト

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





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


.contents .body .archive {padding-bottom: 17.48%;}

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


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

	.contents .body .archive .name {
		background-color: #f4f4f5;
		font-size: 3rem;
		padding: 2.8% 2.48%;
	}


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

	.contents .body .archive .goto {
		padding-top: 4.2%;
		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: 1.8rem;
			padding: 1em 16px;
			text-decoration: none;
		}

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


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

	.contents .body .archive .type {display: none;}


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

	.contents .body .archive .calendar {display: none;}


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

	.contents .body .archive .list {}

	.contents .body .archive .event {
		border-top: 1px solid #d4d5d6;
		padding: 10.49% 0;
	}

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

	.contents .body .archive .nodata {padding: 10.49% 0;}


		/* 画像 */
		.contents .body .archive .event .image {
			position: relative;
			width: 100%;/* 572px */
		}

			.contents .body .archive .event .image .caption {
				background-color: #fff;
				bottom: 0;
				font-family: 'UD新ゴ R', sans-serif;
				font-size: 1.8rem;
				left: 0;
				padding: 3.5%;
				position: absolute;
			}

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

			.contents .body .archive .event .new::before {
				background: rgba(0, 0, 0, 0.3) url(/common/img/bdy_ico_new.png) no-repeat 50% 50%;
				background-size: 100% 100%;
				border: 1px solid #fff;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				content: '';
				left: 0;
				margin: 3.5% 0 0 3.5%;
				padding-bottom: 8.39%;
				position: absolute;
				top: 0;
				width: 17.48%;/* 100px */
			}


		/* 概要 */
		.contents .body .archive .event .outline {}

			.contents .body .archive .event .outline .facilities {display: none;}

			.contents .body .archive .event .outline .label {padding-top: 8.74%;}

				.contents .body .archive .event .outline .label .title {
					font-family: 'UD新ゴ R', sans-serif;
					font-size: 3rem;
					line-height: 1.2;
					padding-bottom: 3.5%;
				}

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

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

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

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

			.contents .body .archive .event .outline .text {
				line-height: 2;
				padding-top: 8.74%;
			}


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

	.contents .body .archive .more {
		border-top: 1px solid #d4d5d6;
		padding-top: 10.49%;
		text-align: center;
	}

		.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: inline-block;
			font-family: 'UD新ゴ R', sans-serif;
			margin: 0 auto;
			padding: 4.2%;
			text-decoration: none;
			width: 49.65%;/* 284px */
		}

			.contents .body .archive .more a::after {
				background: url(/common/img/bdy_ico_open.png) no-repeat 0 0;
				background-size: 100%;
				content: '';
				display: inline-block;
				padding-bottom: 3.87%;
				margin-left: 0.8em;
				vertical-align: middle;
				width: 7.04%;/* 20px */
			}


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