@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: 179%;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* -----------------------------------------------------------
	.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: 79%;
	}
}

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

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

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

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

/* -----------------------------------------------------------
	.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: 79%;
	}
}

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

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

.con_tab #tab label select {
	font-size: 108%;
	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: 215%;
}

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

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

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

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

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

.con_tab #panel .panel_box .wrp_route .point_sp {
	font-size: 108%;
	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: 108%;
}

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

.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: 186%;
	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: 179%;
	}
}

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

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

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

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

.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: 79%;
	}
}
