@charset "utf-8";
/* main image
------------------------------------------*/
.main-image {
	background-image: var(--bg-path,url('../images/bg-main-shape.png'));
}

.com {
	color: grey;
}
.com p+p {
	margin-top: 20px;
}

/* アクセス ----------------------------*/
.access-ttl {
	display: none;
}
.access .grid {
	gap: 0 20px;
}
.map {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	margin-bottom: 30px;
	padding-top: 40%;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.rental-car {
	width: calc(100% - 5px);
	margin: 50px auto;
	padding: 15px;
	border-top: 1px solid #acacac;
}
.rental-car .rental-car-ttl {
	margin-bottom: 20px;
}
.rental-car .rental-point {
	margin-top: 25px;
}
.rental-car .rental-point dt {
	padding: 10px;
	font-size: 1.15em;
	font-weight: bold;
}
.rental-car .rental-point dd {
	padding: 0 10px 10px;
}
.rental-car .rental-point dd+dt {
	margin-top: 25px;
}
.rental-car .rental-point ul {
	color: grey;
}
.rental-car .rental-point .rental-tbl {
	background: #fff;
	border: 0;
	width: 100%;
	margin-top: 15px;
	font-size: 0.95em;
}
.rental-car .rental-point .rental-tbl thead th {
	background: #D9EDF7;
	border-width: 1px 0;
	width: 50%;
	padding: 6px 12px;
	text-align: left;
	font-weight: bold;
}

.rental-car .rental-point .rental-tbl tbody td {
	padding: 6px 12px;
	border-width: 0 0 1px 0;
}
.rental-car .rental-point .rental-tbl tbody td a {
	color: #333;
	text-decoration: none;
}
.rental-car .rental-point .rental-tbl tbody td a:hover {
	color: #63AB45;
}

.rental-car .rental-point .rental-tbl tbody tr:nth-child(even) {
	background: #F9F9F9;
}
.rental-car .rental-point .rental-tbl tbody tr:hover {
	background: #eee;
}


/* バスの乗り方 */
.accesstobus .com p+p {
	margin-top: 20px;
}
.accesstobus .route {
	width: calc(100% - 10px);
	margin: 30px auto;
	color: grey;
}
.accesstobus .route .image {
	text-align: center;
	margin: 15px auto;
}
.accesstobus .route p {
	width: 100%;
	margin: 20px auto;
}

/* 一般的な交通手段 */
.regular .timetable-link[data-icon]::before {
	margin-top: -0.6em;
}
.regular .timetable-link a {
	font-size: 1.6em;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.regular .timetable-link a:hover {
	color: #63AB45;
}
.regular .regular-route {
	color: #333;
}
.regular .regular-route>li+li {
	margin-top: 20px;
}
.regular .regular-route>li ul {
	padding-left: 30px;
}
.regular .spots-tbl {
	width: 100%;
	margin: 30px auto;
	color: #333;
}
.regular .spots-tbl th,
.regular .spots-tbl td {
	padding: 5px;
}
.regular .spots-tbl thead th[data-name="no"] {
	width: 73px;
}
.regular .spots-tbl thead th[data-name="detail"] {
	max-width: 282px;
	width: 20%;
}
.regular .spots-tbl thead th[data-name="stops"] {
	max-width: 282px;
	width: 20%;
}
.regular .spots-tbl thead th[data-name="spots"] {
	width: stretch;
}

/* タブレット版
==============================================================================*/
@media screen and (max-width:800px) {


}


/* スマートフォン版
==============================================================================*/
@media screen and (max-width:500px) {



}