@charset "utf-8";
/* CSS Document */

	.access .map_thum{margin-bottom:2em;}
	.access .mapCanvas{position: relative;width:100%;padding:50% 0 0 0;}
	.access .mapCanvas iframe{position: absolute; top: 0; left: 0; width: 100%;height: 100%;}

@media screen and (max-width:768px){ 
	.access .mapCanvas{padding:80% 0 0 0;}
	.access .map_thum{margin-bottom:1em;}
}

/* 電車でお越しの場合

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

.AirTrain {position:relative;z-index:200;width:100%;height:250px;margin:0 0 3em 0;}

/* 10.2%の隙間 */
/* 縦450px 4.5で1% */

/* スタートエリア */
.AirTrain .startArea1,
.AirTrain .startArea2,
.AirTrain .startArea3 {position:absolute;z-index:300;width:32%;height:35px;background:#8D7676;display:table;text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; zoom: 1;}
.AirTrain .startArea1 {top:0;left:0;}
.AirTrain .startArea2 {top:0;left:34%;}
.AirTrain .startArea3 {top:0;left:68%;}
.AirTrain .startArea1 > *,
.AirTrain .startArea2 > *,
.AirTrain .startArea3 > * {display:table-cell;vertical-align: middle;font-size:16px;line-height:100% !important;word-break:break-all;color:#fff;}

/* ライン */
.AirTrain .startArea1line,
.AirTrain .startArea2line,
.AirTrain .startArea3line{position:absolute;z-index:210;height:250px;border-right:#baad96 1px dotted;}
.AirTrain .startArea1line {top:0;left:16%;}
.AirTrain .startArea2line {top:0;left:50%;}
.AirTrain .startArea3line {top:0;left:84%;}

/* 中継エリア */
.AirTrain .relayArea1,
.AirTrain .relayArea2,
.AirTrain .relayArea3,
.AirTrain .relayArea4,
.AirTrain .relayArea5,
.AirTrain .relayArea6 {position:absolute;z-index:300;width:32%;height:35px;border:#A56363 1px dashed;background:#fff;display:table;text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; zoom: 1;}
.AirTrain .relayArea1 {top:25%;left:0;}
.AirTrain .relayArea2 {top:49%;left:0;}
.AirTrain .relayArea3 {top:37%;left:34%;}
.AirTrain .relayArea4 {top:25%;left:68%;}
.AirTrain .relayArea5 {top:49%;left:68%;}
.AirTrain .relayArea1 > *,
.AirTrain .relayArea2 > *,
.AirTrain .relayArea3 > *,
.AirTrain .relayArea4 > *,
.AirTrain .relayArea5 > * {display:table-cell;vertical-align: middle;font-size:14px;line-height:100% !important;word-break:break-all;}

/* 距離説明 */
.AirTrain .distance1,
.AirTrain .distance2,
.AirTrain .distance3{position:absolute;z-index:310;width:32%;display:table;text-align:center;}
.AirTrain .distance1 {top:72%;left:0;}
.AirTrain .distance2 {top:72%;left:34%;}
.AirTrain .distance3 {top:72%;left:68%;}
.AirTrain .distance1 > *,
.AirTrain .distance2 > *,
.AirTrain .distance3 > *{display:table-cell;vertical-align: middle;font-size:14px;line-height:100% !important;word-break:break-all;}

/* 到着エリア */
.AirTrain .endArea {position:absolute;z-index:300;width:100%;height:40px;bottom:0;background:#D44E1F;display:table;text-align:center;color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; zoom: 1;}
.AirTrain .endArea > * {display:table-cell;vertical-align: middle;font-size:16px;line-height:100% !important;word-break:break-all;}

/* 車でお越しの場合

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
.AirCar {position:relative;z-index:200;width:100%;height:400px;margin:0 0 4em 0;}

/* スタートエリア */
.AirCar .startArea1,
.AirCar .startArea2,
.AirCar .startArea3, 
.AirCar .startArea4 {position:absolute;z-index:300;width:23%;height:35px;background:#8D7676;color:#fff;display:table;text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; zoom: 1;}

.AirCar .startArea1 {top:0;left:0;}
.AirCar .startArea2 {top:0;left:25.5%;}
.AirCar .startArea3 {top:0;left:51.5%;}
.AirCar .startArea4 {top:0;left:77%;}
.AirCar .startArea1 > *,
.AirCar .startArea2 > *,
.AirCar .startArea3 > *,
.AirCar .startArea4 > * {display:table-cell;vertical-align: middle;font-size:16px;line-height:100% !important;word-break:break-all;}

/* ライン */
.AirCar .startArea1line,
.AirCar .startArea2line,
.AirCar .startArea3line,
.AirCar .startArea4line{position:absolute;z-index:210;height:400px;border-right:#baad96 1px dotted;}
.AirCar .startArea1line {top:0;left:11%;}
.AirCar .startArea2line {top:0;left:37%;}
.AirCar .startArea3line {top:0;left:63.15%;}
.AirCar .startArea4line {top:0;left:88.5%;}

/* 中継エリア */
.AirCar .relayArea1,
.AirCar .relayArea2,
.AirCar .relayArea3,
.AirCar .relayArea4,
.AirCar .relayArea5,
.AirCar .relayArea6,
.AirCar .relayArea6a,
.AirCar .relayArea7,
.AirCar .relayArea8,
.AirCar .relayArea9,
.AirCar .relayArea10{position:absolute;z-index:300;width:23%;height:35px;;border:#A56363 1px dashed;background:#fff;display:table;text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; zoom: 1;}
.AirCar .relayArea1 {top:20%;left:0;}
.AirCar .relayArea2 {top:43%;left:0;}
.AirCar .relayArea3 {top:68%;left:0;}
.AirCar .relayArea4 {top:31%;left:25.5%;}
.AirCar .relayArea5 {top:55%;left:25.5%;}
.AirCar .relayArea6 {top:31%;left:51.5%;}
.AirCar .relayArea6a {top:55%;left:51.5%;}
.AirCar .relayArea7 {top:18%;left:77%;}
.AirCar .relayArea8 {top:36%;left:77%;}
.AirCar .relayArea9 {top:54%;left:77%;}
.AirCar .relayArea10 {top:72%;left:77%;}
.AirCar .relayArea1 > *,
.AirCar .relayArea2 > *,
.AirCar .relayArea3 > *,
.AirCar .relayArea4 > *,
.AirCar .relayArea5 > *,
.AirCar .relayArea6 > *,
.AirCar .relayArea6a > *,
.AirCar .relayArea7 > *,
.AirCar .relayArea8 > *,
.AirCar .relayArea9 > *,
.AirCar .relayArea10 > * {display:table-cell;vertical-align: middle;font-size:14px;line-height:100% !important;word-break:break-all;}

/* 距離説明 */
.AirCar .distance1,
.AirCar .distance2,
.AirCar .distance3,
.AirCar .distance4,
.AirCar .distance5,
.AirCar .distance6,
.AirCar .distance7,
.AirCar .distance7a,
.AirCar .distance8,
.AirCar .distance9,
.AirCar .distance10,
.AirCar .distance11,
.AirCar .distance12{position:absolute;z-index:310;width:23%;display:table;text-align:center;}
.AirCar .distance1 {top:34%;left:0;}
.AirCar .distance2 {top:58%;left:0;}
.AirCar .distance3 {top:80%;left:0;}
.AirCar .distance4 {top:19%;left:25.1%;}
.AirCar .distance5 {top:72%;left:25.1%;}
.AirCar .distance6 {top:19%;left:51.5%;}
.AirCar .distance7 {top:46%;left:51.5%;}
.AirCar .distance7a {top:72%;left:51.5%;}
.AirCar .distance8 {top:12%;left:77%;}
.AirCar .distance9 {top:30%;left:77%;}
.AirCar .distance10 {top:48%;left:77%;}
.AirCar .distance11 {top:66%;left:77%;}
.AirCar .distance12 {top:81.5%;left:77%;}
.AirCar .distance1 > *,
.AirCar .distance2 > *,
.AirCar .distance3 > *,
.AirCar .distance4 > *,
.AirCar .distance5 > *,
.AirCar .distance6 > *,
.AirCar .distance7 > *,
.AirCar .distance7a > *,
.AirCar .distance8 > *,
.AirCar .distance9 > *,
.AirCar .distance10 > *,
.AirCar .distance11 > *,
.AirCar .distance12 > *{display:table-cell;vertical-align: middle;font-size:14px;line-height:100% !important;word-break:break-all;}

/* 到着エリア */
.AirCar .endArea {position:absolute;z-index:300;width:100%;height:40px;bottom:0;background:#D44E1F;display:table;text-align:center;color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; zoom: 1;}
.AirCar .endArea > * {display:table-cell;vertical-align: middle;font-size:16px;line-height:100% !important;word-break:break-all;}

@media screen and (max-width:480px){ 
	.AirCar .distance1 > *,
	.AirCar .distance2 > *,
	.AirCar .distance3 > *,
	.AirCar .distance4 > *,
	.AirCar .distance5 > *,
	.AirCar .distance6 > *,
	.AirCar .distance7 > *,
	.AirCar .distance8 > *,
	.AirCar .distance9 > *,
	.AirCar .distance10 > *,
	.AirCar .distance11 > *,
	.AirCar .distance12 > *{font-size:11px;}

}