@charset "UTF-8";
/* CSS Document */
#wrapper{
	max-width: 1200px !important;
	margin: 0 auto !important;
}
.entry-header{
	margin-bottom: 30px !important;
    padding: 2% !important;
}
.main_v{
	display:flex;
	justify-content:space-between;
	margin:1%
}

.main_v dt{
	width:30%;
}
.main_v dt img{
	width:100%;
}
.main_v dd{
	width:65%;
}
.main_v dd div h4{
	position:unset !important;
	border-bottom:none !important;
}
.main_v dd div{
	margin:auto;
}

.contents{
	display:flex;
	justify-content:space-between;
	background: linear-gradient(180deg, #a9b7b7, #a9b7b7);
	padding:50px;
}
.contents dd{
	width:35%;
}
.contents ul{
	width:65%;
}
.contents dd h6{
	width:fit-content;
	color:#fff;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #fff;
}
.contents dd h6 span{
	display:block;
}
.contents dd h5{
	color:#fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:180%;
	text-shadow: 5px 5px 10px #919e9e;
	margin:0 0 60px 0;
}
.contents dd h5 span{
	font-family:initial;
	font-size:60%;
	display:block;
}
.contents dd .room{
	width:90%;
	display:flex;
	justify-content:space-between;
}
.contents dd .room div{
	width:48%;
	background:#fff;
	padding:10px 20px;
	box-sizing:border-box;
}
.contents dd .room div img{
	width:100%;
}
.contents dd .room div h6{
	color:#000;
	margin:0;
}
.contents ul li{
	height:400px;
	margin:0 0 30px 0;
	box-shadow:10px 10px 10px #919e9e;
	overflow:hidden;
}
.contents ul li img{
	width:100%;
	height:100%;
	object-fit:cover;
	border:2px solid #fff;
	box-sizing:border-box;
}

.contents ul .link{
	color:#fff;
	text-align:right
}

.contents ul .link a{
	color:#fff;
	text-decoration: underline;
}
@media screen and (max-width: 960px) {
	.contents dd{
		width:35%;
	}
	.contents dd{
		width:38%;
	}
	.contents ul{
		width:60%;
    }
	.contents ul li{
		height:300px;
	}
}

@media screen and (max-width: 769px) {
	.main_v{
		width:96%;
		display:block;
		justify-content:unset;
		margin:0 auto 50px auto;
	}
	.main_v dt{
		width:100%;
		text-align:center;
	}
	.main_v dt img{
		width:50%;
		min-width:300px;
	}
	.main_v dd{
		width:100%;
	}
	.contents{
		display:block;
		justify-content:unset;
	}
	.contents dd{
		width:100%;
	}
	.contents dd .room{
		width:70%;
		margin:0 auto 50px;
	}
	.contents ul{
		width:100%;
    }
    .contents ul li{
    	height:300px;
    }
    .contents dd h6{
    	width:unset;
    	text-align:center
	}
	.contents dd h5{
		text-align:center
	}
}

@media screen and (max-width: 499px) {
	.contents{
		padding:50px 3%;
	}
}