/*---------------------------
 検索結果一覧
-----------------------------*/

.main #content-wrap{
	width: 675px;
}

.main #search-menu{
	width: 335px;
}

.main h1.page-title{
	font-size: 18px;
	line-height: 46px;
	padding: 0 26px;
	font-weight: bold;
	margin-bottom: 18px;
	background-color: #fff;
	color: #e72415;
	letter-spacing: 3px;
}

.main h1.page-title img{
	vertical-align: middle;
	margin-right: 10px;
}

.main h1.page-title .en{
	margin-left: 20px;
}

#search-sort{
	font-size: 14px;
}

#search-sort h3{
	display: inline-block;
	font-weight: bold;
	margin-right: 8px;
}

#search-sort a{
	margin-right: 5px;
	color: #000;
	padding: 3px;
	display: inline;
	width: auto;
}

#search-sort a.current{
	background-color: #e72415;
	color: #fff;
	padding: 3px 3px 3px 6px;
}

#pager-wrap{
	text-align: right;
	padding: 20px 0;
	margin: 20px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

#article-pager{
	font-size: 14px;
}

#article-pager span{
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fff;
    border: 1px solid #000;
    background-color: #e72415;
    font-size: 12px;
    margin-right: 6px;
}

#article-pager span.pager_left_end,
#article-pager span.pager_left,
#article-pager span.pager_right_end,
#article-pager span.pager_right{
    border: 1px solid #d3d3d3;
    background-color: #fff;
    color: #d3d3d3;
}

#article-pager a span.pager_left_end,
#article-pager a span.pager_left,
#article-pager a span.pager_right_end,
#article-pager a span.pager_right,
#article-pager a span{
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
}

#check-contact{
	text-align: right;
	font-size: 12px;
	margin: 20px 0 10px;
}
/* 物件 */
.article-box{
	width: 100%;
	display: table;
	margin: 10px 0;
	background-color: #fff;
	padding: 16px;
}
.article-box:hover{
	background-color: #fffcea;
}
.article-box .contact-check{
/*	float:left; */
	display: table-cell;
	border-right: 1px solid #979797;
	padding: 8px 0;
	width: 27px;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.article-box .contact-check .check-label{
}

.article-det-box{
	width: 100%;
}

.article-det-box header{
	padding: 0 16px;
	border-bottom: 2px dashed #e72415;
}

.article-det-box header h1{
	display: inline-block;
	line-height: 40px;
}

.article-det-box header h1 a{
	font-weight: bold;
	margin-right: 10px;
}

.article-det-box header input{
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	margin-right: 0.5em;
}

.article-det-box .article-det-inner{
	padding: 16px;
}

.article-det-box img{
	vertical-align: -0.2rem;
	margin-right: 10px;
}
.article-det-box .number{
	float: right;
	font-size: 12px;
}
.article-det-box .address-traffic{
	font-size: 12px;
}
.article-det-box .sales-point{
	font-size: 12px;
	margin-bottom: 10px;
}
.article-det-box .photo-box{
}
.article-det-box .photo-box .out-img,
.article-det-box .photo-box .mad-img{
	display: inline-block;
	width: 266px;
	margin-right: 16px;
	text-align: center;
}

.article-det-box .photo-box .mad-img{
	border: 1px solid #aaa;
}

.article-det-box .photo-box .out-img img,
.article-det-box .photo-box .mad-img img{
	width: auto;
	height: auto;
	max-height: 200px;
}

.article-det-box table{
	width: 100%;
	margin: 24px 0 15px;
}
.article-det-box th,
.article-det-box td{
	padding: 3px 6px;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
}
.article-det-box th{
	width: 20%;
}
.article-det-box td{
	width: 30%;
}

.article-det-box .btn{
	font-size: 12px;
	width: 186px;
	text-align: center;
	box-shadow: 0 0 0 4px #e72415;
	border: 1px dashed #fff;
	padding: 5px 0;
}

#noarticle{
	border: none;
	font-size: 18px;
	margin: 20px 0 100px;
}

.out,
.mad{
	display: block;
	padding: 4px 6px;
	border: 1px solid #979797;
	background-color: #f6f6f6;
	font-size: 12px;
	line-height: 100%;
	width: 110px;
	text-align: center;
	margin: 5px auto 0;
}
.out:hover,
.mad:hover{
	text-decoration: none;
}
.out{
	display: none;
}

.article-det-box .yen-big{
	color: #e72415;
	font-size: 18px;
	font-weight: bold;
}

.list-w1{
	width: 25%;
}

.contact-view{
	text-align: right;
}

/*
 Right menu
-------------------------*/

#kodawari-base{
	display: none;
}

#search-menu .box{
	font-size: 14px;
	padding: 6px;
	margin-bottom: 20px;
	background-color: #fff;
}

#search-menu .box .box-inner{
	border: 2px dashed #e72415;
}


#search-menu .box .box-inner .box-inner-in{
	padding: 0 10px 20px;
}

#search-menu h3{
	font-weight: bold;
	font-size: 20px;
	line-height: 100%;
	padding: 10px;
	margin-bottom: 10px;
	background: url('../search-img/title-bg.png');
}

#search-menu h3 img{
	width: 24px;
	vertical-align: middle;
	margin-right: 8px;
}

#search-menu h4{
	font-weight: bold;
	margin-top: 16px;
}

#search-menu .clear{
	margin-bottom: 5px;
}

#search-menu .box ul{
}

#search-menu .box li{
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
}

select,
input[type=text]{
	padding: 4px;
}

#search-menu .result-btn{
	text-align: center;
	margin-top: 20px;
}

#search-menu .narrow-btn{
	text-align: center;
	margin-bottom: 10px;
}

#search-menu .result-btn .btn{
	width: 170px;
	background-color: #e72415;
}

#search-menu .result-btn .btn:hover{
	background-color: #ff7700;
}

#search-menu .narrow-btn .btn{
	border: 2px solid #666666;
	background-color: #fff;
	border: 2px dashed #e72415;
	color: #000;
	width: 170px;
}

#search-menu .narrow-btn .btn:hover{
	border: 2px dashed #ff7700;
	color: #ff7700;
}


/* link list page */
#search-list .inner-box{
	background-color: #fff;
	padding: 28px;
	margin-bottom: 40px;
}

#search-list .inner-box .campus{
	margin-bottom: 100px;
}

#search-list .inner-box .campus li{
	margin-bottom: 1em;
}

#search-list .inner-box .school{
	margin-bottom: 30px;
}

#search-list .inner-box .school li{
	display: inline-block;
	width: 47%;
}

#search-list .inner-box .housemaker{
	margin-bottom: 100px;
}

#search-list .inner-box .housemaker li{
	float: left;
	width: 33.333%;
	padding: 0 20px;
	text-align: center;
	margin-bottom: 1em;
}


#search-list .inner-box h2{
	padding: 0;
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
	border-bottom: 2px dashed #e72415;
}


/*--------------------------------------
Smartphone 
----------------------------------------*/

@media screen and (max-width: 767px) {

.main #content-wrap{
	width: 100%;
}

.main #search-menu{
	width: 100%;
}

.main h1.page-title{
	font-size: 18px;
	font-weight: bold;
	padding: 16px 10px;
	margin-bottom: 30px;
	line-height: 130%;
}

.main h1.page-title .en{
	display: none;
}

#article-number{
	font-size: 0.8rem;
	margin-bottom: 10px;
	padding: 0 10px;
}

#search_limit{
	font-size: 0.8rem;
	padding: 0 10px;
}

#article-pager{
	text-align: center;
}

#check-contact{
	text-align: center;
}

#search-sort{
	padding: 0 10px;
}

#search-sort a{
	width: 100%;
	display: block;
	padding: 12px 3px 12px 6px;
	border-bottom: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	display: none;
}
#search-sort a.current{
	padding: 12px 3px 12px 6px;
	display: block;
}

#search-sort a:hover{
	text-decoration: none;
}

#check-contact{
	padding: 0 10px;
}
#check-contact .btn{
	width: 100%;
	padding: 12px 0;
}

#article-wrap{
	padding: 0 10px;
}

.article-box{
	width: 100%;
}

.article-det-box header{
	padding: 0;
}

.article-det-box header h1{
	padding: 10px 0 10px;
	line-height: 130%;
	float: none;
}
.article-box .contact-check{
	display: block;
	width: 100%;
	float: none;
	border-right: none;
	border-bottom:  1px solid #979797;
	text-align: right;
	padding: 8px 10px;
}
.article-box .contact-check .check-label{
	display: inline;
	font-size: 0.8rem;
}
.article-box .article-det-box{
	display: block;
	width: 100%;
	float: none;
}
.article-det-box .article-det-inner{
	padding: 16px 0;
}

.article-det-box .photo-box{
	float: none;
	margin: 0 auto;
	text-align: center;
}
.article-det-box .photo-box img{
	max-height: 240px;
}
.article-det-box .photo-box .slides,
.article-det-box .photo-box .slides li{
	width: 240px;
	height: 160px;
}
.article-det-box .photo-box .slides li img{
	/*
	width: 240px;
	height: 160px;
	*/
}

.article-det-box table{
	width: 100%;
	margin-top: 20px;
}

.contact-view{
	float: none;
	text-align: center;
	margin: 0 0 20px;
}

.contact-view .btn{
	width: 100%;
	padding: 12px 0;
}

.borderTable th,
.borderTable td{
	text-align: left;
}

#search-menu{
	display: none;
	position: fixed;
	bottom: 0px;
	z-index: 1000;
	background-color: #fff;
}

#search-menu #sp-sm-open{
	background-color: #e72415;
	color: #fff;
	width: 250px;
	margin: 0 auto;
	text-align: center;
	padding: 10px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	cursor: pointer;
	position: absolute;
	top: -46px;
	left: 50%;
	margin-left: -125px;
}

#search-menu #sp-sm-header{
	background-color: #e72415;
	padding: 10px;
	color: #fff;
}

#search-menu #sp-sm-header .sp-sm-close{
	position: absolute;
	top: 8px;
	right: 16px;
	width: 24px;
	height: 24px;
	text-align: center;
}

#search-menu form{
    overflow-y: scroll;
    background-color: #fff;
}

#search-list .inner-box .school li{
	margin-bottom: 0.5em;
}

}