@charset "UTF-8";

h1.title button.search-filter-button,
h2.title button.search-filter-button {
	float: right;
}
h2.title button.search-filter-button-clear {
	display: none;
	color: #e91e63;
}
h2.title button.search-filter-button-clear[data-filter-changed="1"] {
	display: inline-block;
}

/* Filter */
div.filter-area {
	display: none;
	text-align: left;
}
div.filter-area[data-filter-show="1"] {
	display: block;
}
div.filter-area div.detail-item {
	float: left;
	width: 33%;
}
div.filter-area div.detail-item.fullline {
	clear: both;
	float: none;
	width: auto;
}
div.filter-area div.detail-item-title {
	position: relative;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
}
div.filter-area div.detail-item-title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 12px;
	height: 12px;
	border: solid 3px #54c3f1;
	box-sizing: border-box;
}
div.filter-area div.detail-item-title.mgt5 {
	margin-top: 5px;
}
div.filter-area div.detail-item div.detail-item-inner div.detail-item-content label {
	cursor: pointer;
}
div.filter-area div.detail-item.fullline div.detail-item-inner div.detail-item-content.house-concept div.checkbox {
	float: left;
	width: 33%;
}
div.filter-area div.detail-item.fullline div.detail-item-inner div.detail-item-content.house-concept div.checkbox input {
	vertical-align: middle;
}
div.filter-area div.detail-item.fullline div.detail-item-inner div.detail-item-content.house-concept div.checkbox label {
	display: inline-block;
	width: calc(100% - 30px);
}
div.filter-area div.detail-inner table.condition-list td.detail-item div.detail-item-inner {
	padding: 10px;
	border: solid 1px #ccc;
	background-color: #fff;
}
div.filter-area div.detail-inner table.condition-list td.detail-item div.detail-item-condition {
	padding-bottom: 57px;
}
div.filter-area div.detail-inner table.condition-list td.detail-item div.detail-item-inner div.detail-item-subtitle {
	font-weight: bold;
	font-size: 100%;
	background: #eee;
	padding: 3px 3px 0 5px;
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}
div.filter-area div.detail-inner table.condition-list td.detail-item div.detail-item-inner div.detail-item-subtitle.no-margin-top {
	margin-top: 0;
}
div.filter-area div.detail-inner table.condition-list td.detail-item div.detail-item-inner div.list-type-area {
	text-align: left;
}
div.filter-area div.detail-inner table.condition-list td.detail-item div.detail-item-inner div.list-count-area {
	text-align: left;
}
div.filter-area div.button-area {
	margin: 10px 0;
	text-align: center;
}
div.filter-area div.button-area button.cancel {
	width: 25%;
}
div.filter-area div.button-area button.reset {
	width: 25%;
}
div.filter-area div.button-area input.submit {
	width: 40%;
}



/* Icon */
div.icon-list div.icon-item {
	float: left;
}
div.icon-list div.icon-item div.image {
	text-align: center;
}
div.icon-list div.icon-item div.image input.icon[type=checkbox] {
	display: none;
}
div.icon-list div.icon-item div.image input.icon[type=checkbox] + label {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 0 0 0 0px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
div.icon-list div.icon-item div.title {
	font-size: 70%;
	text-align: center;
	overflow: hidden;
	width: 40px;
	height: 20px;
}
div.search-condition-detail-area div.detail-inner table.condition-list td.detail-item div.detail-item-inner ul.facility-list li {
	float: left;
}
div.search-condition-detail-area div.search-condition-school-detail-condition table.condition-list td.detail-item div.school-review-evaluation img {
	float: right;
	margin-left: 10px;
	vertical-align: middle;
}



div.icon-list div.icon-item div.image input.icon[type=checkbox] + label {
	background-image: url('../../img/user/house/icon/icon_list.png');
	background-size: 480px 265px;
}
input.icon_facility_tv[type=checkbox] + label { background-position: 0 0; }
input.icon_facility_tv[type=checkbox]:checked + label { background-position: 0 -30px; }
input.icon_facility_kitchen[type=checkbox] + label { background-position: -30px 0; }
input.icon_facility_kitchen[type=checkbox]:checked + label { background-position: -30px -30px; }
input.icon_facility_refrigerator[type=checkbox] + label { background-position: -60px 0; }
input.icon_facility_refrigerator[type=checkbox]:checked + label { background-position: -60px -30px; }
input.icon_facility_shared_pc[type=checkbox] + label { background-position: -90px 0; }
input.icon_facility_shared_pc[type=checkbox]:checked + label { background-position: -90px -30px; }
input.icon_facility_lan[type=checkbox] + label { background-position: -120px 0; }
input.icon_facility_lan[type=checkbox]:checked + label { background-position: -120px -30px; }
input.icon_facility_washing_machine[type=checkbox] + label { background-position: -150px 0; }
input.icon_facility_washing_machine[type=checkbox]:checked + label { background-position: -150px -30px; }
input.icon_facility_drying_machine[type=checkbox] + label { background-position: -180px 0; }
input.icon_facility_drying_machine[type=checkbox]:checked + label { background-position: -180px -30px; }
input.icon_facility_shower[type=checkbox] + label { background-position: -210px 0; }
input.icon_facility_shower[type=checkbox]:checked + label { background-position: -210px -30px; }
input.icon_facility_bath[type=checkbox] + label { background-position: -240px 0; }
input.icon_facility_bath[type=checkbox]:checked + label { background-position: -240px -30px; }
input.icon_facility_toilet[type=checkbox] + label { background-position: -270px 0; }
input.icon_facility_toilet[type=checkbox]:checked + label { background-position: -270px -30px; }
input.icon_facility_bicycle_park[type=checkbox] + label { background-position: -300px 0; }
input.icon_facility_bicycle_park[type=checkbox]:checked + label { background-position: -300px -30px; }
input.icon_facility_other[type=checkbox] + label { background-position: -330px 0; }
input.icon_facility_other[type=checkbox]:checked + label { background-position: -330px -30px; }

div.side-search-area div.side-search-inner div.sideSearchForm div.form-inner div.gender-type-area div.icon-list div.icon-item div.image input.icon[type=checkbox] + label {
	background-size: 386px 212px;
}
input.icon_male[type=checkbox] + label { background-position: 0 -154px; }
input.icon_male[type=checkbox]:checked + label { background-position: 0 -183px; }
input.icon_female[type=checkbox] + label { background-position: -30px -154px; }
input.icon_female[type=checkbox]:checked + label { background-position: -30px -183px; }

input.icon_private[type=checkbox] + label { background-position: -60px -154px; }
input.icon_private[type=checkbox]:checked + label { background-position: -60px -183px; }
input.icon_shareroom[type=checkbox] + label { background-position: -90px -154px; }
input.icon_shareroom[type=checkbox]:checked + label { background-position: -90px -183px; }

input.icon_room_facility_key[type=checkbox] + label { background-position: 0 -60px; }
input.icon_room_facility_key[type=checkbox]:checked + label { background-position: 0 -90px; }
input.icon_room_facility_desk[type=checkbox] + label { background-position: -30px -60px; }
input.icon_room_facility_desk[type=checkbox]:checked + label { background-position: -30px -90px; }
input.icon_room_facility_chair[type=checkbox] + label { background-position: -60px -60px; }
input.icon_room_facility_chair[type=checkbox]:checked + label { background-position: -60px -90px; }
input.icon_room_facility_bed[type=checkbox] + label { background-position: -90px -60px; }
input.icon_room_facility_bed[type=checkbox]:checked + label { background-position: -90px -90px; }
input.icon_room_facility_air_conditioner[type=checkbox] + label { background-position: -120px -60px; }
input.icon_room_facility_air_conditioner[type=checkbox]:checked + label { background-position: -120px -90px; }
input.icon_room_facility_tv[type=checkbox] + label { background-position: -150px -60px; }
input.icon_room_facility_tv[type=checkbox]:checked + label { background-position: -150px -90px; }
input.icon_room_facility_storage[type=checkbox] + label { background-position: -180px -60px; }
input.icon_room_facility_storage[type=checkbox]:checked + label { background-position: -180px -90px; }
input.icon_room_facility_lan[type=checkbox] + label { background-position: -210px -60px; }
input.icon_room_facility_lan[type=checkbox]:checked + label { background-position: -210px -90px; }
input.icon_room_facility_kitchen[type=checkbox] + label { background-position: -240px -60px; }
input.icon_room_facility_kitchen[type=checkbox]:checked + label { background-position: -240px -90px; }
input.icon_room_facility_refrigerator[type=checkbox] + label { background-position: -270px -60px; }
input.icon_room_facility_refrigerator[type=checkbox]:checked + label { background-position: -270px -90px; }
input.icon_room_facility_shower[type=checkbox] + label { background-position: -300px -60px; }
input.icon_room_facility_shower[type=checkbox]:checked + label { background-position: -300px -90px; }
input.icon_room_facility_toilet[type=checkbox] + label { background-position: -330px -60px; }
input.icon_room_facility_toilet[type=checkbox]:checked + label { background-position: -330px -90px; }
input.icon_room_facility_loft[type=checkbox] + label { background-position: -360px -60px; }
input.icon_room_facility_loft[type=checkbox]:checked + label { background-position: -360px -90px; }
input.icon_room_facility_corner_room[type=checkbox] + label { background-position: -390px -60px; }
input.icon_room_facility_corner_room[type=checkbox]:checked + label { background-position: -390px -90px; }
input.icon_room_facility_sunshine[type=checkbox] + label { background-position: -420px -60px; }
input.icon_room_facility_sunshine[type=checkbox]:checked + label { background-position: -420px -90px; }
input.icon_room_facility_other[type=checkbox] + label { background-position: -450px -60px; }
input.icon_room_facility_other[type=checkbox]:checked + label { background-position: -450px -90px; }



/* Price Slider */
div.filter-area div.slider-area {
	padding: 10px;
}
div.filter-area div.slider-area .noUi-horizontal {
	height: 5px;
}
div.filter-area div.slider-area .noUi-horizontal .noUi-handle {
	left: -9px;
	top: -9px;
	width: 20px;
	height: 20px;
	border-color: #aaa;
	border-radius: 50%;
	box-shadow: none;
}
div.filter-area div.slider-area .noUi-horizontal .noUi-handle:before,
div.filter-area div.slider-area .noUi-horizontal .noUi-handle:after {
	display: none;
}
div.filter-area div.slider-area table {
	width: 100%;
}
div.filter-area div.slider-area table td.max {
	text-align: right;
}
.noUi-base div.noUi-origin:first-child {
	background: none repeat scroll 0 0 #65C9F2;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
}
.noUi-base div.noUi-origin:nth-child(2) {
	background: none repeat scroll 0 0 #FAFAFA;
}

