@charset 'UTF-8';

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

ilm/guide/index_sp.css
Ver.201806

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

01. 共通設定
02. 施設情報
03. ご見学の方
04. 体験される方
05. パンフレット

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





/** |01. 共通設定| >> ***************************************************************** >> START **/


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

	.contents .body section li {
		line-height: 1.67;
		margin-left: 0.5em;
		text-indent: -0.5em;
	}

	.contents .body section li::before {content: '*';}


.contents .body section .pdf {
	display: inline-block;
	padding: 0.4em 2em 0.4em 0;
	position: relative;
}

	.contents .body section .pdf::after {
		background: url(/en/common/img/bdy_ico_pdf.png) no-repeat 100% 0;
		background-size: auto 100%;
		content: '';
		display: block;
		padding-bottom: 1.8em;
		position: absolute;
		margin-top: -1em;
		right: 0;
		top: 50%;
		width: 1.8em;
	}


/** |01. 共通設定| << ******************************************************************* << END **/





/** |02. 施設情報| >> ***************************************************************** >> START **/


	/** [外観] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

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


	/** [施設情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .information .data {}

		.contents .body .information .data th,
		.contents .body .information .data td {
			line-height: 1.67;
			padding-top: 6.99%;/* 40px */
			vertical-align: top;
		}

		.contents .body .information .data th {
			font-family: 'Trade Gothic W01 Bold', sans-serif;
			padding-right: 3.85%;/* 22px */
			text-align: left;
			width: 25.52%;/* 146px */
		}

		.contents .body .information .data td {}

			.contents .body .information .data td a[target="_blank"]::after {
				background: url(/en/common/img/nvg_ico_blank01.gif) no-repeat 0 0;
				background-size: 100% auto;
				content: '';
				display: inline-block;
				height: 1em;
				margin-left: 0.4em;
				vertical-align: middle;
				width: 1em;
			}


	/** [交通手段] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .information .transportation {padding-top: 10.49%;/* 60px */}

		.contents .body .information .transportation .type {
			border-bottom: 1px solid #d4d5d6;
			font-family: 'Trade Gothic W01 Bold', sans-serif;
			font-size: 2.4rem;
			min-height: 1em;
			padding: 0.2em 0 0.8em 2.8em;
			position: relative;
		}

			.contents .body .information .transportation .type::before {
				background: no-repeat 0 0;
				background-size: 100% auto;
				content: '';
				padding-top: 6.99%;/* 32px */
				left: 0;
				position: absolute;
				top: 0;
				width: 9.44%;/* 50px */
			}

			.contents .body .information .transportation .bus::before {background-image: url(/en/ilm/guide/img/acc_ico_bus.gif);}
			.contents .body .information .transportation .car::before {background-image: url(/en/ilm/guide/img/acc_ico_car.gif);}

		.contents .body .information .transportation .type + p {
			line-height: 1.67;
			padding-top: 3.5%;/* 20px */
		}


		/* バス会社 */
		.contents .body .information .transportation .company {
			font-size: 2.4rem;
			padding-top: 6.29%;/* 36px */
		}
			.contents .body .information .transportation .company a {}

				.contents .body .information .transportation .company a::after {
					background: url(/en/common/img/nvg_ico_blank01.gif) no-repeat 100% 50%;
					background-size: auto 96%;
					content: '';
					display: inline-block;
					height: 1em;
					margin-left: 0.4em;
					vertical-align: middle;
					width: 1em;
				}


		/* ルート */
		.contents .body .information .transportation .route {padding-top: 3.5%;/* 20px */}

			.contents .body .information .transportation .route li {
				line-height: 1.67;
				margin-left: 0.8em;
				text-indent: -0.8em;
			}

				.contents .body .information .transportation .route li::before {
					content: '\0025A0';
					font-size: 1.4rem;
					margin-right: 0.3em;
					vertical-align: 0.3em;
				}


/** |02. 施設情報| << ******************************************************************* << END **/





/** |03. ご見学の方| >> *************************************************************** >> START **/


.contents .body .tour .rate {padding-top: 0;}

	.contents .body .tour .rate > li {padding-top: 6.99%;/* 40px */}

		.contents .body .tour .rate > li::before {
			content: '\0025A0';
			font-size: 1.4rem;
			margin-right: 0.2em;
			vertical-align: 0.3em;
		}

		.contents .body .tour .rate > li p {
			line-height: 1.67;
			padding-top: 0;
			text-indent: 0;
		}


		/* 入館料 */
		.contents .body .tour .rate > li .fee {
			border: 1px solid #7f8283;
			margin-top: 1.4em;
			text-indent: 0;
			width: 100%;
		}

			.contents .body .tour .rate > li .fee th,
			.contents .body .tour .rate > li .fee td {
				border-top: 1px solid #7f8283;
				font-size: 2.1rem;
				padding: 1em 0.3em;
				text-align: center;
			}

			.contents .body .tour .rate > li .fee tr:first-of-type th,
			.contents .body .tour .rate > li .fee tr:first-of-type td {border-top: none;}

			.contents .body .tour .rate > li .fee th {
				background-color: #f4f4f5;
				font-weight: normal;
			}

			.contents .body .tour .rate > li .fee td {
				border-left: 1px solid #7f8283;
				width: 8em;
			}

				.contents .body .tour .rate > li .fee td span {
					font-size: 2rem;
					vertical-align: 0.05em;
				}

		.contents .body .tour .rate > li .fee + p {padding: 1.75% 0 6.99%;/* 10px 0 40px */}


/** |03. ご見学の方| << ***************************************************************** << END **/





/** |04. 体験される方| >> ************************************************************* >> START **/


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

	.contents .body .trial dt,
	.contents .body .trial dd {line-height: 1.67;}


/** |04. 体験される方| << *************************************************************** << END **/





/** |05. パンフレット| >> ************************************************************* >> START **/


.contents .body .pamphlet .type {width: 100%;/* 572px */}

	.contents .body .pamphlet .type tbody,
	.contents .body .pamphlet .type tr,
	.contents .body .pamphlet .type th,
	.contents .body .pamphlet .type td {display: block;}

	.contents .body .pamphlet .type th {
		font-weight: normal;
		padding-top: 6.99%;/* 40px */
		text-align: left;
	}

	.contents .body .pamphlet .type td {padding-top: 3.5%;/* 20px */}


/** |05. パンフレット| << *************************************************************** << END **/