@charset "utf-8";
main{
	padding-top: 0;
}

#station_detail{
	padding: 140px 0;
}

.slick-slide{
	opacity:0 !important;
	transition:all 0.4s;
}

.slick-slide.slick-active{
	opacity:1 !important;
}

#station_detail .st_wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#station_detail .st_wrap .left_area{
	width: 39.5%;
}
#station_detail .st_wrap .left_area h2{
	font-size: 32px;
	font-weight: 400;
	line-height: 200%; /* 64px */
	margin-bottom: 32px;
}
#station_detail .st_wrap .left_area dl{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top:32px;
}
#station_detail .st_wrap .left_area dl dt{
	width: 90px;
}
#station_detail .st_wrap .left_area dl dd{
	flex: 1;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%; /* 22.4px */
}
#station_detail .st_wrap .left_area dl dd a{
	color:#6B6B6B;
	font-size: 12px;
	font-weight: 500;
	line-height: 140%; /* 16.8px */
}
#station_detail .st_wrap .left_area dl dd img + img{
	margin-left: 16px;
}
#station_detail .st_wrap .right_area{
	width: 56.3%;
}
#station_detail .st_wrap .right_area .station_slider img{
	width: 100%;
}
#station_detail .st_wrap .right_area ul.station_thumbnail{
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	margin-top:20px;
}

#station_detail .st_wrap .right_area ul.station_thumbnail li{
	width:9.3%;
	margin-right:0.7%;
	margin-bottom:0.7%;
	cursor: pointer;
}

#station_detail .st_wrap .right_area ul.station_thumbnail li img{
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

#station_detail .st_wrap .right_area ul.station_thumbnail li:nth-child(10n){
	margin-right:0;
}

#station{
	background: #000;
}

#station ul.station_list li.act{
	pointer-events: none;
	opacity: 0.3;
}

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


}
@media (max-width: 999px) {


}



@media (max-width: 840px) {
		
	#station_detail{
		padding: 100px 0 60px 0;
	}

	#station_detail .st_wrap{
		display: block;
	}
	#station_detail .st_wrap .left_area{
		width: 100%;
	}
	#station_detail .st_wrap .right_area{
		width: 100%;
		margin-top: 30px;
	}

}


@media only screen and (min-width: 600px) {
}

@media (max-width: 599px) {
	#station_detail .st_wrap .left_area h2{
		font-size: 24px;
		line-height: 1.4;
	}
	#station_detail .st_wrap .left_area dl{
		display: block;
	}
	#station_detail .st_wrap .left_area dl dt{
		width: 100%;
	}
	#station_detail .st_wrap .left_area dl dd{
		margin-top: 10px;
		margin-left: 10px;
	}
}