/* ##### information.php ##### */

.information_infotable_wrapper table.com_basictable {
	margin:1em auto 0 auto;
	border: 1px solid #cccccc;
}
.information_infotable_wrapper table.com_basictable td, .information_infotable_wrapper table.com_basictable th {
	text-align:left;
	vertical-align:top;
	padding:10px 50px;
}
#access .common_sub_lead + .common_sub_lead {
  padding-top: 1em;
}

/* ## club bus ## */
#information_access_gmap {
	width:100%;
	height:420px;
}

#information_clubbus_inquiry {
	width:100%;
	max-width:960px;
	background:#ffffff;
	padding:20px;
	margin:20px auto 0 auto;
	font-size:0;
	text-align:center;
	vertical-align:middle;
}
#information_clubbus_inquiry_tel {
	width:50%;
	display:inline-block;
	font-size:48px;
	vertical-align:middle;
	line-height:30px;
}
#information_clubbus_inquiry_tel span {
	font-size:15px;
}
#information_clubbus_inquiry_tel small {
	font-size:24px;
}
#information_clubbus_inquiry_mail {
	width:50%;
	display:inline-block;
	vertical-align:middle;
}
#information_clubbus_inquiry_mail .com_btn {
	height:60px;
	line-height:58px;
	padding-top:2px;
	font-size:24px;
}
#information_clubbus_inquiry_mail .com_btn:before {
	width:13px;
	height:13px;
	top:23px;
	left:8px;
}
.informationclubbus_timetable {
	width:100%;
	max-width:960px;
	padding:40px 0 0 0;
	margin:0 auto;
}
.informationclubbus_timetable h2 {
	text-align:center;
	font-size:30px;
}
.informationclubbus_timetable h3 {
	margin-top:0;
	text-align:center;
	font-size:25px;
}
.informationclubbus_timetable ul.infoText{
	margin: 0;
	padding: 0;
}
.informationclubbus_timetable ul.infoText li{
	text-indent: -1em;
	margin-left: 1em;
}
.informationclubbus_timetable li.mt1e{
	display: block;
	margin-top: 1em;
}
.informationclubbus_timetable span.info{
	display: block;
	margin-top: 2em;
	font-size: 20px;
	font-weight: bold;
	text-indent: -1em;
	margin-left: 1em;
}
.informationclubbus_timetable span.red{
	color: #DD0000;
}

.informationclubbus_timetable table.com_basictable { width:100%; }
.informationclubbus_timetable table.com_basictable th, .informationclubbus_timetable table.com_basictable td { text-align:center; }
.informationclubbus_timetable table.com_basictable + table.com_basictable { margin-top: 20px; }

/* arrow */

.informationclubbus_timetable table.com_basictable td.arrow {
	background:#ffffff url(/grand/oakhills/assets/img/information/information_arrow.svg) center no-repeat;
	background-size:5px auto;
	border-left:none;
	min-width:5px;
}
.informationclubbus_timetable table.com_basictable td.arrow + td,
.informationclubbus_timetable table.com_basictable th.arrow,
.informationclubbus_timetable table.com_basictable th.arrow + th {
	border-left:none;
}


.informationclubbus_2col {
	width:100%;
	max-width:960px;
	padding:40px 0 0 0;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	gap:40px 20px;
}
.informationclubbus_unit {
	width:calc(50% - 10px);
}
.informationclubbus_unit-full {
	width:100%;
}
.informationclubbus_2col table.com_basictable {
	width:100%;
	table-layout: fixed;
}
.informationclubbus_2col table.com_basictable th,
.informationclubbus_2col table.com_basictable td {
	text-align: center;
}
.informationclubbus_2col table.com_basictable td:first-child {
	border-left:1px solid #e0e0e0;
}
.informationclubbus_2col table.com_basictable td:last-child {
	border-right:1px solid #e0e0e0;
}
.informationclubbus_2col table.com_basictable tr:last-child th, table.com_basictable tr:last-child td {
	border-bottom:1px solid #e0e0e0;
}
.informationclubbus_2col h2 {
	text-align:center;
	font-size:30px;
}
.informationclubbus_route {
	padding: 1em 0;
}
.informationclubbus_route_label {
	display: block;
	width: fit-content;
	margin: 0 auto 1em auto;
	border: 1px solid #999999;
	padding: 0.7em 1em 0.5em 1em;
	line-height: 1;
}
.informationclubbus_route_path {
	display: flex;
	width: 100%;
	position: relative;
	margin-bottom: 3.6em;
}
.informationclubbus_route_path_station {
	font-size: 0.9em;
	text-align: center;
	flex:1;
	position: relative;
}
.informationclubbus_route_path_station > span {
	display: block;
	position: absolute;
	bottom: -3.6em;
	left: -50%;
	width: 100%;
	text-align: center;
}
.informationclubbus_route_path_station:not(:first-child)::before {
	content: '';
	display: block;
	width: calc(100% - 3em);
	height: 1px;
	border-top: 1px dotted #999999;
	position: absolute;
	bottom: -1.2em;
	left: calc(-50% + 1.5em);
}
.informationclubbus_route_path_station::after {
	content: '';
	display: block;
	width: 0.8em;
	height: 0.8em;
	border-radius: 50%;
	background: #333333;
	position: absolute;
	bottom: -1.5em;
	left: 0;
	right: 0;
	margin: auto;
}
.informationclubbus_route_path_station.informationclubbus_route_path_goal::after {
	background: url(/grand/oakhills/assets/img/information/information_icon_map.svg) center no-repeat;
	background-size: contain;
	width: 1.4em;
	height: 1.4em;
	bottom: -1.8em;
}
table.com_basictable th.informationclubbus_timetablettl {
	background: #e0e0e0;
	color: #333333;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
.informationclubbus_note {
	padding: 1em;
}

.informationclubbus_pct {
	width:100%;
	max-width:960px;
	margin:0 auto;
}
.informationclubbus_pct p,
.informationclubbus_pct img {
	display:block;
	width:60%;
	margin:0 auto;
}
.informationclubbus_pct p.note{
	margin-top:10px;
	padding-left:1.5em;
	text-indent:-1.0em;
}
@media (max-width:768px) {
  .informationclubbus_pct p,
  .informationclubbus_pct img {
    width:100%;
  }
}

/* round style */
#information_styletable_ttl {
  text-align: center;
  font-size: 1.2em;
}
#information_styletable td, #information_styletable th {
  text-align: center;
  vertical-align: middle;
}
#information_styletable td:first-child {
  background: #999999;
  color: #ffffff;
}

/* ##### responsive ##### */
@media (max-width:899px) {
	#information_clubbus_inquiry_tel {
		width:100%;
	}
	#information_clubbus_inquiry_mail {
		width:100%;
		margin:20px 0;
	}
	.informationclubbus_unit {
		width:100%;
	}
}
@media (max-width:799px) {
	.information_infotable_wrapper table.com_basictable td, .information_infotable_wrapper table.com_basictable th {
		padding:1.5vw 3vw;
	}
}
@media (max-width:699px) {
  #access .common_sub_lead br {
    display: inline;
  }
	.information_infotable_wrapper table.com_basictable td, .information_infotable_wrapper table.com_basictable th {
		padding:1vw 1.5vw;
	}
	#information_clubbus_inquiry_tel {
		font-size:30px;
		line-height:1em;
	}
	#information_clubbus_inquiry_tel span {
		font-size:50%;
	}
	#information_clubbus_inquiry_tel small {
		font-size:60%;
	}
	#information_clubbus_inquiry_mail .com_btn {
		height:40px;
		line-height:40px;
		font-size:18px;
	}
	#information_clubbus_inquiry_mail .com_btn:before {
		width:11px;
		height:11px;
		top:15px;
	}
	.informationclubbus_timetable h2 {
		font-size:24px;
	}
	#informationclubbus_pct img {
		width:100%;
	}
}
@media (max-width:374px) {
	.information_infotable_wrapper table.com_basictable {
		min-width:94%;
	}
}