@charset "UTF-8";
/*-------------------------
リセット
-------------------------*/
#contents_wrapper {
	background: rgba(65,110,134,0.8);
	width: 1000px;
	margin: auto;
}
#contents_wrap {
	width: auto;
	padding: 0 20px 0 10px;
}
#pan {
	padding: 15px 0 0 10px;
	margin: 0 0 15px;
}
#pan li ,
#pan li a {
	color: #fff;
}
#main-contents {
	float: right;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;;
	font-weight: 500;
	color: #2c4552;
}
#main-contents a {
	transition: all 0.5s ease 0s;
}
#main-contents a:hover {
	opacity: 0.6;
}
#side {
	float: left;
}
.wf {
	font-family: "M PLUS Rounded 1c";
}
.flex-box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-start;
}
.red {
	color: #d90000;
}
/*-------------------------
mein
-------------------------*/
#main-contents .result {
	color:#fff;
	font-size: 116%;
	margin-bottom: 20px;
	line-height: 1;
}
#main-contents .result .red {
	color:#d90000;
	font-size: 130%;
}
#main-contents #searchresult {
	color:#fff;
	font-size: 116%;
	margin-bottom: 20px;
}
#main-contents h1 {
	font-weight: bold;
	color: #fff;
	font-size: 250%;
	padding-bottom: 5px;
	border-bottom: 2px dashed #fff;
	margin-bottom: 20px;
}
/*------------
block
------------*/
#main-contents .block {
	margin-bottom: 20px;
}
#main-contents .block .cat {
	display: inline-block;
	background: #fff;
	font-size: 150%;
	line-height: 1;
	padding: 8px 20px 5px 8px;
	position: relative;
}
#main-contents .block .cat::after {
	position: absolute;
	right: -15px;
	top: 0;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 0 0 15px;
	border-color: transparent transparent transparent #fff;
}
#main-contents .block .inner {
	background: #fff;
	padding: 15px;
}
#main-contents .block .inner h2 a {
	display: block;
	font-weight: bold;
	font-size: 192%;
	margin-bottom: 10px;
	text-decoration: none;
	color: #2c4552;
}
#main-contents .block .inner .flex-box {
	margin-bottom: 15px;
}
#main-contents .block .inner .flex-box .img {
	width: 190px;
	height: 200px;
	border: 1px solid #8e9b9a;
	margin-right: 15px;
	box-sizing: border-box;
}
#main-contents .block .inner .flex-box .img img {
	object-fit: contain;
	font-family: 'object-fit: contain;';
	width: 100%;
	height: 100%; 
}
#main-contents .block .inner .flex-box .info {
	flex: 1;
}
#main-contents .block .inner .flex-box .info ul li {
	margin-bottom: 6px;
	font-size: 116%;
}
#main-contents .block .inner .flex-box .info ul .price {
	font-size: 133%;
	font-weight: bold;
	line-height: 1;
}
#main-contents .block .inner .flex-box .info ul .price .red {
	font-size: 163%;
}
#main-contents .block .inner .flex-box .info table {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #6ca588;
	font-size: 116%;
}
#main-contents .block .inner .flex-box .info table th {
	background: #6ca588;
	padding: 5px;
	color: #fff;
	text-align: center;
	line-height: 1;
}
#main-contents .block .inner .flex-box .info table th:not(:last-of-type) {
	border-right: 1px solid #fff;
}
#main-contents .block .inner .flex-box .info table td {
	padding: 5px;
	text-align: center;
}
#main-contents .block .inner .flex-box .info table td:not(:last-of-type) {
	border-right: 1px solid #6ca588;
}
#main-contents .block .inner .flex-box .info .tag_type {
	overflow: hidden;
}
#main-contents .block .inner .flex-box .info .tag_type span {
	white-space: nowrap;
	float: left;
	background: #c48221;
	border-radius: 3px;
	padding: 5px 12px 4px;
	line-height: 1;
	color: #fff;
	font-size: 108%;
	margin: 0 3px 3px 0;
}
#main-contents .block .inner .comment {
	background: url(/img/building/bg_building.jpg);
	padding: 15px;
	font-size: 116%;
	margin-bottom: 15px;
	text-align: justify;
}
/*空室*/
#main-contents .block .inner .room .vacancy {
	width: 100%;
	text-align: center;
}
#main-contents .block .inner .room .vacancy th {
	background: #6ca588;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px; 
}
#main-contents .block .inner .room .vacancy th:not(:last-of-type) {
	border-right: 1px solid #fff;
}
#main-contents .block .inner .room .vacancy td {
	padding: 8px;
	border-bottom: 1px solid #6ca588;
}
#main-contents .block .inner .room .vacancy td:not(:last-of-type) {
	border-right: 1px solid #6ca588;
}
#main-contents .block .inner .room .vacancy .btn a {
	display: inline-block;
	background: #359fd6;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	padding: 4px 5px 4px 10px;
	text-decoration: none;
}
#main-contents .block .inner .room .vacancy .btn a::after {
	content: "";
    display: inline-block;
    width: 6px;
    vertical-align: 1px;
    height: 7px;
    background: url(/img/building/arrow_detail.png) no-repeat right center;
    margin-left: 6px;
}
/*満室*/
#main-contents .block .inner .room .no-room {
	background: #8e9b9a;
	text-align: center;
	color: #fff;
	font-size: 133%;
	padding: 8px;
	line-height: 1;
}
/*-------------------------
サイドバー
-------------------------*/
#side .refine {
	width: 280px;
	margin: 0 0 20px 10px;
}
#side .refine h2 {
	color:#fff;
	font-size: 150%;
	padding: 10px;
	background: linear-gradient(rgba(44,69,82,0.84), rgba(44,69,82,0.84)), url(/img/building/bg_narrow.jpg) no-repeat bottom;
	border-radius: 6px 6px 0 0;
	line-height: 1;
	font-weight: bold;
}
#sidehidden {
	display: none;
}
#side .refine ul {
	padding: 15px;
	border-radius: 0 0 6px 6px;
	background: #fff;
}
#side .refine ul li {
	margin-bottom: 4px;
}
#side .refine ul li a {
	display: block;
	background: #359fd6 url(/img/building/arrow_narrow.png) no-repeat right 10px center;
	border-radius: 3px;
	padding: 10px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;;
	font-weight: 500;
	line-height: 1;
	font-size: 133%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.19);
	transition: all 0.5s ease 0s;
}
#side .refine ul li a:hover {
	opacity: 0.6;
}
#side .refine ul .active a {
	background: #8e9b9a;
}
#side .refine ul .active a:hover {
	opacity: 1;
}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
	#side .refine ul li a {
		padding: 13px 10px 7px;
	}
	#main-contents .block .cat {
		padding: 8px 20px 2px 5px;
	}
	#main-contents .block .inner .flex-box .info table th {
		padding: 7px 5px 3px;
	}
	#main-contents .block .inner .flex-box .info table td {
		padding: 8px 5px 3px;
	}
	#main-contents .block .inner .flex-box .info .tag_type span {
		padding: 8px 12px 3px;
	}
	#main-contents .block .inner .room .vacancy th {
		padding: 6px 5px 1px;
	}
	#main-contents .block .inner .room .vacancy .btn a {
		padding: 5px 5px 2px 10px;
	}
    #main-contents .block .inner .room .no-room {
    	padding: 12px 8px 6px;
    }