@charset 'UTF-8';

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

ilm/guide/index_pc.css
Ver.201806

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

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

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





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


.contents .body section ul {padding-top: 30px;}

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

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


.contents .body section .pdf {
	display: inline-block;
	padding-right: 28px;
	position: relative;
}

	.contents .body section .pdf::after {
		background: url(/en/common/img/bdy_ico_pdf.png) no-repeat 0 0;
		background-size: 24px 29px;
		content: '';
		display: block;
		height: 29px;
		position: absolute;
		right: 0;
		top: -8px;
		width: 24px;
	}


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





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


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

	.contents .body .information .image {
		background: url(/en/ilm/guide/img/pc/inf_img_photo.jpg) no-repeat 0 0;
		float: right;
		height: 220px;
		margin-top: 20px;
		width: 284px;
	}

		.contents .body .information .image img {
			height: 100%;
			visibility: hidden;
			width: 100%;
		}


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

	.contents .body .information .data {
		margin-top: 20px;
		float: left;
		width: 444px;
	}

		.contents .body .information .data th,
		.contents .body .information .data td {
			line-height: 1.88;
			padding-top: 10px;
			vertical-align: top;
		}

		.contents .body .information .data tr:first-of-type th,
		.contents .body .information .data tr:first-of-type td {padding-top: 0;}

		.contents .body .information .data th {
			font-family: 'Trade Gothic W01 Bold', sans-serif;
			text-align: left;
			width: 4.8em;
		}

		.contents .body .information .data td {padding-left: 32px;}

			.contents .body .information .data td a[target="_blank"]::after {
				background: url(/en/common/img/nvg_ico_blank01.gif) no-repeat 0 0;
				content: '';
				display: inline-block;
				height: 12px;
				margin-left: 0.6em;
				vertical-align: 0.06em;
				width: 14px;
			}


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

	.contents .body .information .transportation {
		clear: both;
		padding-top: 30px;
	}

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

			.contents .body .information .transportation .type::before {
				background: no-repeat 0 0;
				background-size: 100% auto;
				content: '';
				height: 24px;
				left: 2px;
				position: absolute;
				top: 0;
				width: 40px;
			}

			.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.88;
			padding-top: 20px;
		}


		/* バス会社 */
		.contents .body .information .transportation .company {
			font-size: 16px;
			line-height: 1.88;
		}

			.contents .body .information .transportation .company a {}

				.contents .body .information .transportation .company a::after {
					background: url(/en/common/img/nvg_ico_blank01.gif) no-repeat 0 0;
					content: '';
					display: inline-block;
					height: 12px;
					margin-left: 0.6em;
					vertical-align: 0.06em;
					width: 14px;
				}


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

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

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


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





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


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

	.contents .body .tour .rate > li {margin-top: 30px;}

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

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


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

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

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

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

				.contents .body .tour .rate > li .fee td span {
					font-size: 16px;
					margin: 0 0.5em;
					vertical-align: 0.1em;
				}

		.contents .body .tour .rate > li .fee + p {
			font-size: 14px;
			padding: 20px 0 28px;
		}


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





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


.contents .body .trial dl {padding-top: 30px;}

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


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





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


.contents .body .pamphlet .type {}

	.contents .body .pamphlet .type th,
	.contents .body .pamphlet .type td {
		padding-top: 20px;
		vertical-align: top;
	}

	.contents .body .pamphlet .type tr:first-of-type th,
	.contents .body .pamphlet .type tr:first-of-type td {padding-top: 40px;}

	.contents .body .pamphlet .type th {
		font-weight: normal;
		text-align: left;
	}

	.contents .body .pamphlet .type td {padding-left: 40px;}


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