/* CSS Document */
#mainContents > div.topBanner {
	position: relative;
	width:100%;
}
#mainContents > div.topBanner > img {
	display:block;
	width:calc( 100vw - 20px );
	margin:auto;
}
.selectionHeader {
	font-size:24px;
	position: relative;
	padding:10px;
	margin-top:200px;
	margin-bottom:100px;
	text-align:center;
}
.selectionHeader:before {
	content:"";
	position:absolute;
	left:50%;
	bottom:50px;
	width:1px;
	height:100px;
	border-left:1px solid #333;
}
#mainContents > div.headLine {
width:100%;
	background-color:#fffaf0;
}
#mainContents > div.areaMap {
	margin-top:100px;
	margin-bottom:100px;
	text-align:center;
}
#mainContents > div.areaMap > p {
	text-align:initial;
	padding:20px;
	font-size:24px;
	line-height:125%;
}
#mainContents > div.akiya > a {

}
#mainContents > div.akiya > a:hover {
	
}
#mainContents > div.akiya {
	margin-top:100px;
	margin-bottom:100px;
	text-align:center;
}
#mainContents > div.akiya > p {
	text-align:center;
	font-size:24px;
	line-height:125%;
}
#propertyList {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
#propertyBox {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:30%;
	margin:10px;
	background-color:#fff;
}
#propertyBox > dd {
	padding:5px;
}
#propertyBox > dd.title {
	width:100%;
	background-color:#333;
	color:#fff;
	padding:10px;
}
#propertyBox > dd.facilityMeta {
	width:100%;
	background-color:#333;
	color:#fff;
	padding:10px;
}
#propertyBox > dd.itemName {
	width:20%;
}
#propertyBox > dd.item {
	width:80%;
}
#propertyBox > dd.area {
	width:100%;
}

/* ■■■■■■■■■■■■■■■      Moile CSS @media screen and (max-width: 800px)   ■■■■■■■■■■■■■■■*/
@media screen and (max-width: 800px) {

}