@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : access.css
 author     : Ability Consultant
 style info : アクセス
=================================================================== */
/* Hover animation */
.st_access {
	font-family: "Times New Roman", serif;
	font-size: 157%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_access {
		font-size: 138%;
	}
}

@media only screen and (max-width: 767px) {
	.st_access {
		font-size: 119%;
	}
}

.st_line_left {
	font-family: "Times New Roman", serif;
	font-size: 125%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_line_left {
		font-size: 113%;
	}
}

@media only screen and (max-width: 767px) {
	.st_line_left {
		font-size: 107%;
	}
}

.st_lg {
	font-family: "Times New Roman", serif;
	font-size: 282%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_lg {
		font-size: 188%;
	}
}

@media only screen and (max-width: 767px) {
	.st_lg {
		font-size: 150%;
	}
}

/* -----------------------------------------------------------
	.con_gmaps イントロ地図吹き出し
----------------------------------------------------------- */
.con_gmaps .box_txt .st {
	font-size: 94%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_gmaps .box_txt .st {
		font-size: 94%;
	}
}

@media only screen and (max-width: 767px) {
	.con_gmaps .box_txt .st {
		font-size: 82%;
	}
}

.con_gmaps .box_txt .txt {
	font-size: 82%;
}

/* -----------------------------------------------------------
	.con_mainimage
----------------------------------------------------------- */
/* -----------------------------------------------------------
	.con_map
----------------------------------------------------------- */
.con_map .btn_normal a {
	display: inline-block;
	width: 100%;
	border: solid 1px #666666;
	padding: 10px 0.5em;
	text-align: center;
	text-decoration: none !important;
	max-width: 240px;
	color: #333333;
	font-family: "Times New Roman", serif;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.con_map .btn_normal a {
		display: block;
		padding: 0.7em 0.5em;
		width: 85%;
		max-width: none;
		margin: auto;
		font-size: 75%;
	}
}

/* -----------------------------------------------------------
	.con_gmaps イントロ地図吹き出し
----------------------------------------------------------- */
.con_gmaps .box_txt .st {
	font-size: 94%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_gmaps .box_txt .st {
		font-size: 94%;
	}
}

@media only screen and (max-width: 767px) {
	.con_gmaps .box_txt .st {
		font-size: 82%;
	}
}

.con_gmaps .box_txt .txt {
	font-size: 82%;
}

/* -----------------------------------------------------------
	.con_info
----------------------------------------------------------- */
/* -----------------------------------------------------------
	.con_bus
----------------------------------------------------------- */
.con_bus .wrp .box_r .btn_normal a {
	display: inline-block;
	width: 100%;
	border: solid 1px #666666;
	padding: 10px 0.5em;
	text-align: center;
	text-decoration: none !important;
	max-width: 240px;
	color: #333333;
	font-family: "Times New Roman", serif;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.con_bus .wrp .box_r .btn_normal a {
		display: block;
		padding: 0.7em 0.5em;
		width: 85%;
		max-width: none;
		margin: auto;
		font-size: 75%;
	}
}

/* -----------------------------------------------------------
	.con_tab
----------------------------------------------------------- */
.con_tab #tab .row li span {
	font-size: 100%;
	font-family: "Times New Roman", serif;
}

@media only screen and (max-width: 1024px) {
	.con_tab #tab .row li span {
		font-size: 88%;
	}
}

.con_tab #tab label select {
	font-size: 94%;
	font-family: "Times New Roman", serif;
}

@media only screen and (min-width: 768px) {
	.con_tab #tab label select {
		display: none;
	}
}

@media print {
	.con_tab #tab label select {
		display: none;
	}
}

.ie8 .con_tab #tab label select {
	display: none;
}

.con_tab #panel .panel_box .st_route {
	font-family: "Times New Roman", serif;
	font-size: 188%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_tab #panel .panel_box .st_route {
		font-size: 157%;
	}
}

@media only screen and (max-width: 767px) {
	.con_tab #panel .panel_box .st_route {
		font-size: 125%;
	}
}

.con_tab #panel .panel_box .wrp_route .st_md {
	font-family: "Times New Roman", serif;
	font-size: 144%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_tab #panel .panel_box .wrp_route .st_md {
		font-size: 125%;
	}
}

@media only screen and (max-width: 767px) {
	.con_tab #panel .panel_box .wrp_route .st_md {
		font-size: 113%;
	}
}

.con_tab #panel .panel_box .wrp_route .point_sp {
	font-size: 94%;
	font-family: "Times New Roman", serif;
}

.con_tab #panel .panel_box .wrp_route .point_sp:after {
	font-size: 16px;
}

.con_tab #panel .panel_box .wrp_route .box_route .point {
	font-family: "Times New Roman", serif;
	font-size: 94%;
}

.con_tab #panel .panel_box .wrp_route .box_route .guide .txt {
	font-size: 88%;
}

.con_tab #panel .panel_box .wrp_route .box_route .connect.start {
	min-width: 50px;
}

.con_tab #panel .panel_box .box_route_map .box_road li .photo .num {
	font-size: 163%;
	font-family: "Times New Roman", serif;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_tab #panel .panel_box .box_route_map .box_road li .photo .num {
		font-size: 157%;
	}
}

@media only screen and (max-width: 767px) {
	.con_tab #panel .panel_box .box_route_map .box_road li .photo .num {
		font-size: 150%;
	}
}

/* -----------------------------------------------------------
	.box_shuttle
----------------------------------------------------------- */
.box_shuttle .catch {
	font-size: 107%;
	font-family: "Times New Roman", serif;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box_shuttle .catch {
		font-size: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.box_shuttle .catch {
		font-size: 94%;
	}
}

.box_shuttle .box_btn .btn_normal a {
	display: inline-block;
	width: 100%;
	border: solid 1px #666666;
	padding: 10px 0.5em;
	text-align: center;
	text-decoration: none !important;
	max-width: 240px;
	color: #333333;
	font-family: "Times New Roman", serif;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.box_shuttle .box_btn .btn_normal a {
		display: block;
		padding: 0.7em 0.5em;
		width: 85%;
		max-width: none;
		margin: auto;
		font-size: 75%;
	}
}