.site-area-select{
	display: flex;
	flex-direction: column;
	margin: 20px 0 0;
	width: 100%;
}


.site-area-select-h{
	display: flex;
	justify-content: center;
	align-items: center;
}


.site-area-select-contents-wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin:5px 0 30px;
	width:100%;
}


.site-area-select-contents-line{
	display: flex;
	box-sizing:border-box;
	justify-content: center;
	align-items: center;
	padding:10px 25px;
	width:100%;
}

.site-area-select-contents-line a{
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
}

.site-area-select-contents-line a:nth-child(2n-1){
	margin-right: 10px;
}


.site-area-select-contents-block{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	width:100%;
	height:188px;
	border-radius: 10px;
}


.site-area-select-contents-block:before{
	display:block;
	position: absolute;
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0) 120px,rgba(39,39,39,0.8));
	border-radius: 10px;
}


.site-area-select-contents-block .site-area-select-deco{
	display:block;
	position: absolute;
	width:0;
	height:0;
	bottom:0;
	left:0;
	border-left:55px solid rgba(42,42,42,0.5);
	border-bottom:47px solid rgba(42,42,42,0.5);
	border-right:55px solid rgba(0,0,0,0);
	border-top:47px solid rgba(0,0,0,0);
	border-radius:0 0 0 10px;
}


.site-area-select-name{
	position: absolute;
	bottom:50px;
	left:10px;
	font-weight: bold;
	color:#ffffff;
	font-size: 16px;
}


.site-area-select-text{
	position: absolute;
	bottom:10px;
	left:10px;	color:#ffffff;
	font-size: 15px;
}