@charset "UTF-8";
/* CSS Document */

/* モバイルファースト ======================================================================================================== */
/* 横いっぱいページ用ここから */
.main > div{
padding-right: 0px;
padding-left: 0px;
}
.main > div .navi{
padding-right: 20px;
padding-left: 20px;
}
/* 横いっぱいページ用ここまで */

#top h3{
font-size: 20px;
font-weight: bold;
text-align: center;
}

#search{
background-image: url("../images/bg_check.svg");
background-repeat: repeat;
background-position: center 10px;
background-size: 20px;
padding: 40px 0;
}
#search .title{
display: flex;
}
#search .title .num{
background-color: #1c3a51;
color: #FFF;
line-height: 1;
padding: 5px;
border-radius: 5px;
white-space: nowrap;
margin-right: 5px;
}
#search .title h3{
font-weight: bold;
}
#search .type{
margin-bottom: 40px;
}
#search .type dl{
background-color: #FFF;
border: solid 1px #111;
border-radius: 5px;
margin-top: 10px;
}
#search .type dt{
color: #1c3a51;
font-weight: bold;
border-bottom: solid 1px #111;
padding: 5px 10px;
}
#search .type dd{
padding: 0 10px 10px;
}
#search .type dd ul{
display: flex;
flex-wrap: wrap;
}
#search .type dd li{
width: 50%;
margin-top: 10px;
}
#search .type dd li span{
font-size: 10px;
padding-left: 25px;
}

#search .price{
margin-bottom: 40px;
}
#search .price select{
width: 45%;
}

#search .area{
margin-bottom: 40px;
}
#search .area table{
	font-size: 14px;
	line-height: 1.8;
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px;
}
#search .area td{
	text-align: center;
	vertical-align: middle;
	height: 30px;
}
#search .area .city{
}
#search .area .city a{
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
text-decoration: none;
background-color: #FFF;
border: solid 1px #111;
border-radius: 5px;
}
#search .area .k_space{
	width: 16.5%;
}
#search .area .kawagoe{
	height: 60px;
	width: 33%;
}
#search .area .hidaka{
	height: 60px;
	width: 33%;
}
#search .area .hannou{
	height: 60px;
}
#search .area .sayama{
	height: 90px;
	width: 33%;
}
#search .area .iruma{
	height: 90px;
}
#search .area .tokorozawa{
	height: 90px;
	width: 33%;
}
#search .area .tokyo{
	height: 60px;
}

#search .other{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#search .other li{
width: 49%;
margin-top: 2%;
}
#search .other li.full{
width: 100%;
}

#search .other li a{
display: block;
text-decoration: none;
background-color: #e6f7ff;
padding: 10px;
border-radius: 5px;
text-align: center;
}
#search .other li .icon{
display: block;
height: 40px;
margin-bottom: 5px;
}
#search .other li .icon img{
width: auto;
height: 40px;
}
#search .other li .text p{
display: none;
}

#conditions label{
display: block;
}

.form_btn input{
-webkit-appearance: none;
display: block;
border: none;
background-color: #1c3a51;
color: #FFF;
width: 100%;
border-radius: 5px;
padding: 15px 0px;
margin: 20px auto 0;
cursor: pointer;
}

/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){
/* 横いっぱいページ用ここから */
.main > div{
width: auto;
}
.main > div .navi{
width: 1000px;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
}
/* 横いっぱいページ用ここまで */


#search .contents_size > .flex{
display: flex;
justify-content: space-between;
}
#search .title{
flex-direction: column;
align-items: flex-start;
}
#search .title .num{
font-size: 20px;
font-weight: bold;
}
#search .title h3{
font-size: 18px;
}
#search .article{
float: left;
}
#search .type{
margin-bottom: 0px;
margin-right: 30px;
width: 200px;
}
#search .type dd ul{
display: block;
}
#search .type dd li{
width: 100%;
}
#search .type dd li span{
padding-left: 0px;
}


#search .price{
margin-bottom: 20px;
width: 450px;
}

#search .area{
margin-bottom: 0px;
width: 450px;
}
#search .area .city a:hover{
background-color: #1c3a51;
color: #FFF;
}

#search .other{
display: block;
width: 300px;
}
#search .other li{
width: 100%;
margin-top: 10px;
}
#search .other li a{
width: 300px;
padding: 24px 30px;
display: flex;
align-items: center;
}
#search .other li .icon{
width: 40px;
text-align: center;
margin-right: 10px;
}
#search .other li .text{
text-align: left;
}
#search .other li .text h4{
font-size: 20px;
line-height: 1.2;
font-weight: bold;
}
#search .other li .text p{
display: block;
}


#search .other li.full img{
width: 100%;
height:  auto;
}



#conditions label{
margin-left: 2em;
display: inline-block;
}



.form_btn input{
width: 40%;
font-size: 18px;
}
.form_btn input:hover{
opacity: 0.8;
}



}