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

/*売買物件新着情報*/
#top-new{display: none;}



/*----------------------------------------------
 RECOMMEND
------------------------------------------------*/

#recommend ul{margin: 20px 0 0; padding: 0;vertical-align: middle;display: inline-block;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;}
#recommend li{width:50%; float: left;padding:0 0 15px 0;list-style: none; box-sizing: border-box; border-top: solid 1px #666; border-right: solid 1px #666;}
#recommend li:nth-child(2n){float: right;padding:0 0 10px 0; border-right: none;}
#recommend li a:hover{color:#3D3771;}

#recommend .photo{position: relative;margin-bottom: 5px; max-height: 120px; overflow: hidden;}
#recommend .photo img{height: auto;	width: 100%;}
#recommend .type{background-color: #444; color: #fff; width: 63px; font-size: 10px; text-align: center; position:absolute; top:0; left: 0; padding: 3px 0;line-height: 1.2em;}
#recommend .mark-new{background-color: #CC66BC; position:absolute; top:0; left: 63px; font-size: 10px; color: #fff; letter-spacing: 0.05em; font-weight: bold; padding: 3px 2px;line-height: 1.2em;}
#recommend .mark-down{background-color:#5F63C8;position:absolute; top:0; left: 63px; font-size: 10px; color: #fff; letter-spacing: 0.05em; font-weight: bold; padding: 3px 4px;line-height: 1.2em;}

#recommend .title{font-size: 13px; height: 35px; margin:0 2% 5px; font-weight: 500; overflow: hidden; line-height: 1.4em;}
#recommend .kakaku{font-size: 15px;	font-weight: bold;color: #CC66BC; display: inline-block; vertical-align: middle; margin:0 2% 0 3px;}
#recommend .area{font-size: 10px; margin-top: 5px; margin-bottom: 5px; display: inline-block; vertical-align: middle;}
#recommend .txt-detail{font-size: 11px;	line-height: 18px; margin: 0 2%;}

#recommend .bottan{
	background-image: url(../img/point01.gif);
	background-position: left center;
	padding-left: 15px;
	background-repeat: no-repeat;
	font-size: 11px;
	margin-top: 5px;
}


/*
#top_house , #top_ms , #top_land{float: left;width: 230px;margin-right: 35px;margin-bottom: 30px;}
#top_house_fix , #top_ms_fix , #top_land_fix{float: right;width: 230px;margin-bottom: 30px;}
*/


/* swiper
-----------------------------------------------*/

.swiper-container {
	width: 100%;
	margin: 0 auto;
	-webkit-transition: .3s;
	transition: .3s;
}

.swiper-slide {
    width: 100%!important;
    text-align: center;
	background: none;
	position: relative;
	box-sizing: border-box;
}

.swiper-slide img{width: 100%; height: auto;}

.swiper-main .swiper-button-prev, .swiper-main .swiper-button-next {
	background: none;
	color: #e6e6e6;
	font-size: 20px;
	height: 64px;
	line-height: 64px;
	margin: -32px 0 0;
	-webkit-transition : color .2s linear;
	transition : color .2s linear;
	width: 48px;
	text-align: center;
	font-weight: bold;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
	color: #0081cc;
}
.swiper-button-prev {
	left: 0;
}
.swiper-button-next {
	right: 0;
}

.swiper-main .swiper-button-prev{
	left: 1%;
	margin-left: -10px;
}

.swiper-main .swiper-button-next{
	right: 1%;
	margin-right: -10px;
}

.swiper-pagination-bullet, .swiper-pagination-bullet-is-active {
	background: #e6e6e6!important;
	-webkit-transition : opacity .2s linear;
	transition : opacity .2s linear;
}
.swiper-button-prev:hover, .swiper-button-next:hover, .swiper-pagination-bullet:hover {
	opacity: 0.5;
}