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

/*売買物件新着情報*/
#top-new{border-top: solid 1px #666; margin-bottom: 50px;}
#top-new ul{margin: 0px; padding: 0;overflow:auto;height: 210px;text-align:left;}
#top-new li{margin: 0; list-style-type: none; border-bottom: 1px dashed #666; padding: 13px 8px; list-style: none;}
#top-new li .date{display: inline-block; margin-right: 3px; font-size: 14px;}
#top-new li .type{display: inline-block; margin-right: 10px; color: #C24AB0; font-size: 14px; width: 75px; text-align: center;}
#top-new li .area{display: inline-block; margin-right: 10px; font-size: 14px;}
#top-new li .txt{display: inline-block;color: #120D84; margin-top:3px;}

#top-new a.btn-new{
  padding: 15px 30px 15px 20px;
  margin: 0;
  display: block;
  color: #fff !important;
  background: #666;
  text-decoration: none;
  font-size:14px;
  text-align:center;
  text-decoration:none !important;
}
#top-new a.btn-new:hover{background-color: #333!important;}



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

#recommend ul{margin: 20px 0 0; padding: 0;vertical-align: middle;display: inline-block;}
#recommend li{width:284px; float: left;margin:0 18px 50px 0;list-style: none;}
#recommend li:nth-child(3n){float: right;margin:0 0 30px 0;}
#recommend li a:hover{color:#3D3771;}

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

#recommend .title{font-size: 15px; height: 36px; margin-bottom: 5px; font-weight: 500;}
#recommend .kakaku{font-size: 18px;	font-weight: bold;color: #CC66BC; display: inline-block; vertical-align: middle; margin-right: 5px;}
#recommend .area{font-size: 12px; margin-top: 5px; margin-bottom: 5px; display: inline-block; vertical-align: middle;}
#recommend .txt-detail{font-size: 13px;	line-height: 18px;}

#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%;
     min-width:1200px;
	margin: 0 auto;
	-webkit-transition: .3s;
	transition: .3s;
}

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

.swiper-main .swiper-button-prev, .swiper-main .swiper-button-next {
	background: none;
	color: #e6e6e6;
	font-size: 40px;
	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: 50%;
	margin-left: -480px;
}

.swiper-main .swiper-button-next{
	right: 50%;
	margin-right: -480px;
}

.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;
}