@charset "utf-8";
/* 交通案内
---------------------------------------------------------------------*/
/* バス・電車 -------*/
.bus {
	margin-bottom: 30px;

}
.bus-com {
	display: flex;
	width: 95%;
	max-width: 800px;
	margin: 40px auto;
}
.bus-com dt {
	margin-right: 15px;
}
.bus-com dd {
	flex: 1;
}

.bus-timetable {
	width: 95%;
	max-width: 800px;
	margin: auto;
}
.bus-timetable>div+div {
	margin-top: 15px;
}
.bus-timetable dt {
	text-align: left;
	font-weight: bold;
	color: green;
}
.bus-timetable dd table {
	border: 2px solid #666;
	border-collapse: collapse;
	width: 95%;
	margin: 5px auto;
	text-align: center;
}
.bus-timetable dd table th,
.bus-timetable dd table td {
	border: 2px solid #666;
	padding: 4px;
}
.bus-timetable dd table thead {
	font-size: 0.9em;
	background: #F6F6F6;
}
.bus-timetable dd table thead th:nth-child(even) {
	width: 20px;
}
.bus-timetable dd table thead th:nth-child(odd) {
	width: calc((100% - 40px) / 3);
}
.map {
	position: relative;
	width: 100%;
	max-width: 640px;
	height: 0;
	margin: auto;
	padding-top: 62.5%;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

/* 自家用車 -------*/
.car-com {
	display: flex;
	width: 100%;
	max-width: 640px;
	margin: 40px auto;
}
.car-com dt {
	margin-right: 15px;
}
.car-com dd {
	flex: 1;
}

/* QRコード -----------*/
.qr {
	border: 2px solid #718645;
	border-radius: 8px;
	width: 100%;
	max-width: 660px;
	margin: 20px auto;
	padding: 10px;
}
.qr dd {
	display: flex;
	align-items: center;
}
.qr dd figure {
	flex-shrink: 0;
	margin-right: 10px;
}
.qr dd img {
	display: block;
	width: 136px;
	height: 136px;
}