@charset "utf-8";


.br_sp {
	display: block;
}

.pt24_sp {
	padding-top: 24px;
}

.pt48_sp {
	padding-top: 48px;
}

.pb16_sp {
	padding-bottom: 16px;
}

.pb48_sp {
	padding-bottom: 48px;
}

.sub-area{
	width:90%;
	margin: 32px auto;
}

.type_container {
	display: flex;
	flex-wrap: wrap;
}

.type_item {
	width: 50%;
	color: #ffffff;
	padding: 2px 0px;
}

.standard_area {
	margin: 16px auto;
}

.standard_area {
	margin: 16px auto;
}

.standard_time_titile {
	text-align: center;
	font-size: 18px;
	margin: 14px auto;
}

.standard_time{
	font-size: 15px;
	line-height:1.5;
	margin: 14px auto;
}

.standard_time_comment{
	font-size: 15px;
	line-height: 1.5;
	margin: 0px auto 14px auto;
}

.standard_time_comment_indent{
	font-size: 14px;
	line-height: 1.5;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0px auto 14px auto;
}

.main-area{
	width: 100%;
}




.top_img {
	width: 100%;
	margin: 0px auto 60px auto;
}


.top_img img {
	width: 100%; vertical-align: bottom;
}






.route_map img {
	width: 100%; vertical-align: bottom;
}


.station_info_title2nd_area {
	width:100%;
	color: #ffffff;
	padding: 16px 0px 16px 0px;
}

.station_info_title2nd {
	font-weight:  bold;
	text-align: center;
	font-size: 17px;
	line-height:1.8;
	color: #444444;
	padding: 8px 8px;
	background: #e8e8e8;
}

.station_info_area{
	width: 100%;
	border-bottom: 1px solid #cccccc;
}

.station_info_container {
	display: flex;
	flex-wrap: wrap;
}

.station_name_area{
	width: 100%;
	border-top: 1px solid #cccccc;
	display:table;
	text-align:center;
	padding: 8px 0px;
}

.station_number {
	width: 14%;
	display:table-cell;
	vertical-align:middle;
	color: #444444;
	font-size: 14px;
	padding: 10px 0px 10px 0px;
	background: #dddddd;
}

.station_name {
	width: 36%;
	display:table-cell;
	vertical-align:middle;
	color: #444444;
	font-size: 14px;
	padding: 10px 0px 10px 0px;
}

.station_kana {
	width: 50%;
	display:table-cell;
	vertical-align:middle;
	color: #444444;
	font-size: 14px;
	padding: 10px 0px 10px 0px;
	background: #eeeeee;
}



.line_info_title2nd_area {
	width:100%;
	color: #ffffff;
	padding: 32px 0px 16px 0px;
}

.line_info_title2nd {
	font-weight:  bold;
	text-align: center;
	font-size: 17px;
	line-height:1.8;
	color: #444444;
	padding: 8px 8px;
	background: #e8e8e8;
}

.route_titile_s_container {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 100%;
	height:auto;
}

.route_titile_s_svg {
	color: #ffffff;
	width: 25%;
}

.route_titile_s_svg img {
	vertical-align: top;
	margin: 2px;
}









.main_contents_area{
	width: 96%;
	margin: 0 auto;
}















.main_list-area{
	width: 100%;
}

.route_map_title {
	color: #555555;
	font-size: 20px;
	text-align: center;
	margin: 12px auto;
}

.route_map_title_english {
	color: #555555;
	font-size: 12px;
	text-align: center;
	margin: 12px auto;
}

.route_titile_container {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 100%;
	height:auto;
}

.route_titile_svg {
	color: #ffffff;
	width: 25%;
}

.route_titile_svg img {
	width: 100%;
	vertical-align: top;
}











.access_titile_container {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 100%;
	height:auto;
}

.access_titile_svg {
	color: #ffffff;
	width: 50%;
}

.access_titile_svg img {
	vertical-align: top;
	margin: 2px;
}

.access_titile_s_area {
	margin: 0 auto 26px auto;
}

.access_titile_s_container {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 100%;
	height:auto;
}

.access_titile_s_svg {
	color: #ffffff;
	width: 50%;
}

.access_titile_s_svg img {
	vertical-align: top;
	margin: 2px;
}













.station_container {
	display: flex;
	flex-wrap: wrap;
}

.near_station_title_area {
	width:100%;
	color: #ffffff;
	padding: 2px 0px;
}

.near_station_title {
	text-align: center;
	font-size: 17px;
	line-height:1.8;
	color: #444444;
	padding: 8px 8px;
	background: #e8e8e8;
}

.near_station_area {
	width:100%;
	color: #ffffff;
	padding: 8px 0px;
}

.near_station_line {
	text-align: center;
	font-size: 15px;
	line-height:1.8;
	color: #333333;
	padding: 8px 8px;
	background: #f2f2f2;
}

.near_station_line_color {
	font-size: 16px;
	color: #555555;
}

.near_station_name {
	text-align: center;
	font-size: 15px;
	line-height:1.8;
	color: #555555;
	padding: 8px 8px;
	background: #f8f8f8;
}

.near_station_exit {
	text-align: center;
	font-size: 15px;
	line-height:1.8;
	color: #333333;
	padding: 12px 8px;
}








.access_map_title_area {
	margin: 64px auto;
}

.access_map_title {
	color: #444444;
	text-align: center;
	font-size: 20px;
	margin: 14px auto;
}

.access_map_title_english {
	color: #555555;
	font-size: 15px;
	text-align: center;
	margin: 12px auto;
}


.access_map {
	width: 90%;
	margin: 0px auto 60px auto;
}


.access_map img {
	width: 100%; vertical-align: bottom;
}








.information_area{
	width: 100%;
}

.information_container {
	display: flex;
	flex-wrap: wrap;
}

.description_photo_area{
	width: 100%;
}

.description_photo_area img {
	width: 100%;
	margin: 0px auto 40px auto;
}

.description_area {
	width: 90%;
	margin: 0px auto 60px auto;
}

.description_title {
	text-align:left;
	color: #444444;
	font-size: 30px;
	margin: 0px auto 20px auto;
}

.description_title_english {
	text-align:left;
	color: #555555;
	font-size: 14px;
	margin: 12px auto;
}





.sentence_info {
	text-align:left;
	color: #444444;
	font-size: 15px;
	line-height:1.8;
	margin: 40px auto 60px auto;
}

.address_info {
	text-align:left;
	color: #444444;
	font-size: 15px;
	line-height:1.8;
	margin: 40px auto 50px auto;
}

.other_info_area {
	border-top: 1px solid #cccccc;
	display: flex;
	flex-wrap: wrap;
	padding: 24px 0px;
}

.other_info_area02 {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	display: flex;
	flex-wrap: wrap;
	padding: 24px 0px;
}

.other_title {
	width: 24%;
	text-align:left;
	color: #444444;
	font-size: 15px;
	line-height:1.8;
	margin: 0 auto;
}

.other_info {
	width: 76%;
	text-align:left;
	color: #444444;
	font-size: 15px;
	line-height:1.8;
	margin: 0 auto;
}





/* スマホ googleマップ */

.map_area {
	width: 100%; margin: 0 auto 40px auto;
}

.ggmap_waku {
	width: 100%; margin: 0 auto;
}
.ggmap {
	position: relative; padding-bottom: 100%; height: 0; overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}







.return_text {
	color: #555555;
	font-size: 20px;
	text-align: center;
	margin: 12px auto;
}


.return_text a{
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	display: block;
	padding: 0px 0px 12px 0px;
	letter-spacing: 0.1em;
}







@media screen and (min-width: 769px) {

.br_sp {
	display: none;
}

.pt24_sp {
	padding-top: 40px;
}

.pt48_sp {
	padding-top: 56px;
}

.pb16_sp {
	padding-bottom: 32px;
}

.pb48_sp {
	padding-bottom: 56px;
}

.contents_area{
	display: block;
}

.type_item {
	width: 25%;
	color: #ffffff;
	padding: 2px 0px;
}


.standard_time{
	font-size: 13px;
	line-height:1.5;
	margin: 14px auto;
}

.main-area{
	width: 70%;
	margin: 0 auto;
}

.station_name_area{
	width: 100%;
}




.top_img {
	width: 100%;
	margin: 0px auto 60px auto;
}

.top_img img {
	width: 100%;
}



.route_titile_s_svg {
	color: #ffffff;
	width: 20%;
}









.main_contents_area{
	width: 100%;
}










.main_list-area{
	width: 80%;
	margin: 0 auto;
}

.route_titile_svg {
	width: 20%;
}









.access_titile_svg {
	width: 33%;
}

.access_titile_s_svg {
	width: 33%;
}









.near_station {
	width:100%;
	color: #ffffff;
	padding: 2px 0px;
}

.near_station_title {
	padding: 6px 8px;
}





.access_map {
	width: 100%;
	margin: 0px auto 60px auto;
}

.access_map img {
	width: 100%;
}





.description_photo_area {
	width: 48%;
}

.description_space_area {
	width: 4%;
}

.description_area {
	width: 48%;
}

.description_photo_area img {
	width: 100%;
}



.return_text {
	font-size: 18px;
}


.return_text a{
	font-size: 18px;
}




}