@charset "UTF-8";
/*===========================================
Information
===========================================*/

/*-------------------------------------------
Contact Us
-------------------------------------------*/
.contact-us__data{
	list-style:none;
	margin:0;
	padding:0;
}
	.contact-us__data li{
		list-style:none;
		margin:0;
		padding:0 0 1rem;
		line-height:1.2;
	}
		.contact-us__trs-title{
			margin:0;
			color:#111;
			font-size:1.5rem;
		}
.contact-us__map{
	margin-top:30px;
	border:3px solid #f4f4f4;
}
	.contact-us__map iframe{
		display:block;
	}
@media screen and (max-width:375px){/* i6,i7,i8,iX */
	.contact-us__trs-title{
		font-size:1.25rem;
	}
}
@media screen and (max-width:320px){/* i5 */
	.contact-us__trs-title{
		font-size:1.125rem;
	}
}

/*-------------------------------------------
General Information
-------------------------------------------*/
.about-image{
	margin:0 0 30px 50px;
	float:right;
	width:50%;
	position:relative;
}
	.about-image img{
		width:100%;
	}
	.about-image figcaption{
		color:#fff;
		font-size:.75rem;
		position:absolute; bottom:10px; right:10px;
	}
.website-list{
	list-style:none;
	margin:0;
	padding:0;
}
	.website-list li{
		float:left;
		width:50%;
		padding-right:24px; padding-bottom:10px;
	}
		.website-list a{
			display:inline-block;
			color:#111;
			line-height:24px;
			background:url(../images/icon-open-new.svg?v=20191004) no-repeat 0 2px;
			background-size:18px 18px;
			padding-left:24px;
		}
		.website-list a:hover{
			color:#127dd7;
		}
@media screen and (max-width:430px){/* i14 Pro Max */
	.about-image{
		margin:0 0 30px 0;
		width:100%;
	}
	.website-list li{
		width:100%;
		padding-right:0;
	}
}

/*-------------------------------------------
Venue
-------------------------------------------*/
.venue__picture{
	margin:0 0 0 30px;
	float:right;
	width:45%;
	position:relative;
}
	.venue__picture img{
		width:100%;
	}
	.venue__picture figcaption{
		color:#fff;
		font-size:.75rem; line-height:1.2;
		position:absolute; bottom:10px; left:10px;
		opacity:.8;
	}
		.venue__picture figcaption a{
			color:#fff;
		}
.venue__data{
	list-style:none;
	margin:0;
	padding:0;
}
	.venue__data li{
		list-style:none;
		margin:0;
		padding:0 0 1rem;
		line-height:1.2;
	}
		.venue__title{
			margin:0;
			color:#111;
			font-size:1.25rem;
		}
.venue__map{
	margin-top:50px;
	border:3px solid #f4f4f4;
}
	.venue__map iframe{
		display:block;
	}
.floor-plan{
	
}
	.floor-plan .part-title{
		font-size:1.125rem; font-weight:400;
		margin-bottom:0;
	}
		.floor-plan .part-title .floor__num{
			font-size:2.5rem; font-weight:700;
			margin-right:2px;
		}
	.floor-plan__img{
		margin:0;
		overflow:hidden;
		padding:10px;
		border:2px solid #ddd;
		transition:.2s;-webkit-transition:.2s;
	}
	.floor-plan a:hover .floor-plan__img{
		background-color:#127dd7;
		border-color:#127dd7;
	}
		.floor-plan__img img{
			display:block;
			width:100%;
			transition:.3s;-webkit-transition:.3s;
		}
		.floor-plan a:hover .floor-plan__img img{
			opacity:.9;
		}
@media screen and (max-width:430px){/* i14 Pro Max */
	.venue__picture{
		margin:0 0 50px;
		width:100%;
	}
}
@media screen and (max-width:375px){/* i6,i7,i8,iX */
	.venue__title{
		font-size:1.25rem;
	}
}
@media screen and (max-width:320px){/* i5 */
	.venue__title{
		font-size:1.125rem;
	}
	.floor-plan .part-title span{
		display:none;
	}
}

/*-------------------------------------------
Transportation
-------------------------------------------*/
.venue-map{
	border:3px solid #f4f4f4;
}
	.venue-map iframe{
		display:block;
	}
.metro-map{
	padding-left:1.4em;
}
	.metro-map img{
		width:100%;
		border:3px solid #f4f4f4;
		transition:.3s;
	}
	.metro-map a:hover img{
		border:3px solid #127dd7;
	}
.bus__line{
	
}
	.bus__table{
		border:1px solid #ccc;
		margin-bottom:5px;
	}
		.bus__table tbody td{
			border-color:#ccc;
			padding:5px;
			word-break:normal;
			width:25%;
		}
.transportation__type{
	margin-bottom:15px;
	background-position:0 50%;
	background-repeat:no-repeat;
	background-size:24px 24px;
}
	.transportation__type.icon-mrt{
		background-image:url(../images/icon-info-mrt.svg?v=20190918);
		padding-left:30px;
	}
	.transportation__type.icon-bus{
		background-image:url(../images/icon-info-bus.svg?v=20190918);
		padding-left:30px;
	}
	.transportation__type.icon-bike{
		background-image:url(../images/icon-info-bike.svg?v=20190918);
		padding-left:30px;
	}
.transportation__info{
	margin:0;
	padding-left:1.4em;
}
@media screen and (max-width:430px){/* i14 Pro Max */
	.transportation__info .web-link{
		display:block;
	}
}