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


/* google MAP　レスポンシブ化 */
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}


.access_img {
	max-width: 1200px;
	width: 100%;
}
.access_img img {
	width: 100%;
}

.access_comment {
	width: 50%;
	float: left;
	font-size: 1.2em;
	margin: 0px 0px 0px 40px;   
}

.access_comment02 {
	width: 96%;
	float: left;
	font-size: 1.2em;
	margin: 0px 0px 0px 40px;   
}

.timetable01 {
	width: 45%;
	float: left;
	margin: 20px 0px 0px 60px;
}

.timetable02 {
	width: 45%;
	float: left;
	margin: 20px 0px 0px 20px;
}

.busstop {
	width: 45%;
	float: left;
}

@media(max-width: 860px){
    .access_comment,.access_comment02 {
	    width: 96%;
		margin: 0px 0px 0px 10px;
	}
	.busstop {
		width: 100%;
	}
	.timetable01, .timetable02 {
	    /*width: 40%;*/
		width: calc(100% / 2 - 28px);
		margin: 20px 6px;
	}
}

.shuttlebus_timetable dl {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}

.shuttlebus_timetable dt {
padding-bottom: 5px;
padding-left: 5px;
}

@media screen and (min-width: 400px) {
	.shuttlebus_timetable dt {
		clear: left;
		float: left;
		width: 35%;
	}
	.shuttlebus_timetable dd {
		margin-left: 11%;
		padding-left: 10px;
	}
}

.prakingmap {
	max-width: 1200px;
	width: 100%;
}
.prakingmap img {
	width: 100%;
}