@charset 'UTF-8';

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

ilm/about/index_sp.css
Ver.201805

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

01. 概要
02. エリア案内
03. スポット散策

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





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


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

.contents .body .outline p:first-of-type {padding-top: 0;}

.contents .body .outline .symbol {padding-top: 16.78%;/* 96px */}

	.contents .body .outline .symbol .image {
		margin: 0 auto;
		width: 54.55%;/* 312px */
	}

	.contents .body .outline .symbol .note {padding-top: 9.09%;/* 52px */}

		.contents .body .outline .symbol .note dt,
		.contents .body .outline .symbol .note dd {line-height: 1.67;}

		.contents .body .outline .symbol .note dt {font-family: 'Trade Gothic W01 Bold', sans-serif;}

		.contents .body .outline .symbol .note dd {
			line-height: 1.67;
			padding-top: 5.94%;/* 34px */
		}


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





/** |02. エリア案内| >> *************************************************************** >> START **/


	/** [周辺地図] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .area .map {
		margin-top: 6.99%;/* 40px */
		position: relative;
		width: 100%;/* 572px */
	}

		.contents .body .area .map .image {}

		.contents .body .area .map .hover {display: none;}

		.contents .body .area .map .list {
			bottom: 0;
			left: 0;
			overflow: hidden;
			position: absolute;
			right: 0;
			top: 0;
		}

			.contents .body .area .map .list li {
				margin: 3.15% 0 0 2.48%;/* 18px 0 0 14px */
				width: 97.52%;/* 558px */
			}

			.contents .body .area .map .list li:first-of-type {margin-top: 4.2%;/* 24px */}

			.contents .body .area .map .list li:nth-of-type(4) {margin-top: 1.08%;/* 6px */}

				.contents .body .area .map .list a {
					display: block;
					font-size: 0;
					padding-top: 3.85%;/* 22px */
					-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
					tap-highlight-color: rgba(0, 0, 0, 0);
					text-decoration: none;
					width: 37.63%;/* 210px */
				}

				.contents .body .area .map .list a[href="#terracotta"] {padding-top: 7.89%;/* 44px */}

				.contents .body .area .map .list a[href="#"] {width: 50%;/* 279px */}


	/** [施設紹介] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .area .facilities {}

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

		.contents .body .area .facilities li .photo {}

		.contents .body .area .facilities li .outline {padding-top: 5.24%;/* 30px */}

			.contents .body .area .facilities li .outline .name {
				font-family: 'Trade Gothic W01 Bold', sans-serif;
				font-size: 2.6rem;
				line-height: 1.8;
			}

				.contents .body .area .facilities li .outline .name span {
					font-family: 'Trade Gothic W01 Light', sans-serif;
					font-size: 2rem;
					font-weight: normal;
					letter-spacing: -0.06em;
				}

				.contents .body .area .facilities li .outline .text .attention {color: #e15a0d;}

			.contents .body .area .facilities li .outline .more {padding-top: 4.2%;/* 24px */}


/** |02. エリア案内| << ***************************************************************** << END **/





/** |03. スポット散策| >> ************************************************************* >> START **/


.contents .body .spot .photo {padding-top: 6.99%;/* 40px */}

	.contents .body .spot .photo .more {padding-top: 3.5%;/* 20px */}


/** |03. スポット散策| << *************************************************************** << END **/