@charset "UTF-8";
/*******************************************
 * topページcss
 *
 * menu
 * 1. main
 * 2. layout-main
 *    2-1. メインイメージ
 *    2-2. 新着
 *    2-3. おすすめ物件
 * 3. layout-side
 ******************************************/
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/******************************************
* 0.style(less用import)
*******************************************/
/******************************************
* 1.main
*******************************************/
body #layout-wrap-main {
  color: #5E4037;
  margin-top: 40px;
  overflow: hidden;
}
body #layout-wrap-main:after {
  content: ' ';
  clear: both;
}
.headernav {
  display: none;
}
/******************************************
* 2.layout-main
*******************************************/
#layout-main {
  width: 750px;
  float: right;
  padding-bottom: 50px;
}
.contents-head {
  margin-bottom: 30px;
}
.contents-head--title {
  width: 230px;
  display: block;
  font-size: 22px !important;
  text-decoration: underline;
  font-weight: normal !important;
}
.contents-head img {
  width: 100%;
  vertical-align: middle;
  float: left;
}
.contents-head .head-sub {
  float: right;
  font-size: 16px;
  margin-top: 26px;
  color: #DE0000;
  opacity: 0.6;
  font-weight: bold;
}
.b-recommend {
  overflow: hidden;
  padding: 30px 0 15px;
  margin-bottom: 30px;
}
.b-recommend--title {
  width: 350px;
  display: block;
  color: #000;
  font-size: 22px;
  text-decoration: underline;
}
.b-recommend img {
  width: 100%;
  vertical-align: middle;
  float: left;
}
.b-recommend .head-sub {
  float: right;
  font-size: 16px;
  margin-top: 26px;
  color: #DE0000;
  opacity: 0.6;
  font-weight: bold;
}
/*========================================
* 2-1.メインイメージ
========================================*/
.top-main-img img {
  width: 100%;
}
#layout-wrap-main_image {
  width: 1600px;
  height: 450px;
  margin: 0px auto 10px;
}
/*========================================
* 2-2.新着物件
========================================*/
#block-newEstate,
#block-recommend {
  box-sizing: border-box;
  margin: 10px 0 30px;
  position: relative;
}
#block-newEstate .box-newEstate,
#block-recommend .box-newEstate {
  overflow: hidden;
}
#block-newEstate .box-newEstate:after,
#block-recommend .box-newEstate:after {
  content: ' ';
  clear: both;
}
#block-newEstate .box-newEstate-item,
#block-recommend .box-newEstate-item {
  width: 180px;
  height: 235px;
  float: left;
  margin-right: 10px;
}
#block-newEstate .box-newEstate-item:nth-child(4n),
#block-recommend .box-newEstate-item:nth-child(4n) {
  margin-right: 0px;
}
#block-newEstate .box-newEstate-item:nth-child(-n+4),
#block-recommend .box-newEstate-item:nth-child(-n+4) {
  margin-bottom: 35px;
}
#block-newEstate .box-newEstate-item a,
#block-recommend .box-newEstate-item a {
  color: #585353;
}
#block-newEstate .box-newEstate-item a:hover,
#block-recommend .box-newEstate-item a:hover {
  text-decoration: underline;
}
#block-newEstate .box-newEstate-item a figure,
#block-recommend .box-newEstate-item a figure {
  position: relative;
  width: 180px;
  height: 135px;
}
#block-newEstate .box-newEstate-item a figure .new-icon-img,
#block-recommend .box-newEstate-item a figure .new-icon-img {
  width: 50px;
  position: absolute;
  top: 15px;
  left: 5px;
  z-index: 9999;
  padding: 0px;
}
#block-newEstate .box-newEstate-item a figure .new-icon-img img,
#block-recommend .box-newEstate-item a figure .new-icon-img img {
  width: 100%;
}
#block-newEstate .box-newEstate-item a figure img,
#block-recommend .box-newEstate-item a figure img {
  max-width: 180px;
  max-height: 135px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
}
#block-newEstate .box-newEstate-item a .newEstate-item_update,
#block-recommend .box-newEstate-item a .newEstate-item_update {
  color: #5E4037;
  font-size: 12px;
  line-height: 30px;
}
#block-newEstate .box-newEstate-item a h3,
#block-recommend .box-newEstate-item a h3 {
  color: #5E4037;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#block-newEstate .box-newEstate-item a ul li.box-pickup_plan,
#block-recommend .box-newEstate-item a ul li.box-pickup_plan {
  color: #5E4037;
  line-height: 1.5em;
}
#block-newEstate .box-newEstate-item a ul li.box-pickup_price,
#block-recommend .box-newEstate-item a ul li.box-pickup_price {
  margin-top: 4px;
}
#block-newEstate .box-newEstate-item a ul li.box-pickup_price span,
#block-recommend .box-newEstate-item a ul li.box-pickup_price span {
  width: 50px;
  height: 22px;
  display: inline-block;
  margin-right: 10px;
  color: #fff;
  background-color: #BABABA;
  text-align: center;
  letter-spacing: 5px;
  text-indent: 5px;
  line-height: 22px;
  margin-bottom: 4px;
}
#block-newEstate .box-newEstate-item a ul li.box-pickup_price strong,
#block-recommend .box-newEstate-item a ul li.box-pickup_price strong {
  vertical-align: bottom;
  color: #DE0000;
  font-size: 20px;
}
.bukken_0_message {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 100px;
}
/***** ! slider-pro 上書きはここから *****/
#block-newEstate .sp-buttons,
#block-recommend .sp-buttons {
  width: 100px;
  margin: 0 auto;
  padding-top: 25px;
  z-index: 1;
}
#block-newEstate .sp-buttons .sp-button,
#block-recommend .sp-buttons .sp-button {
  background-color: #ccc;
  border: none;
}
#block-newEstate .sp-buttons .sp-selected-button,
#block-recommend .sp-buttons .sp-selected-button {
  background-color: #DE0000;
}
#block-newEstate .sp-arrows,
#block-recommend .sp-arrows {
  width: 132px;
  height: 15px;
  margin: 0 auto;
  position: relative;
  left: 0;
  right: 0;
  bottom: -44px;
  z-index: 1;
}
#block-newEstate .sp-previous-arrow,
#block-recommend .sp-previous-arrow {
  width: 4px;
  height: 12px;
  left: 0;
  background: url(/assets/naksel/pc/top/img/icon/left_btn.png) no-repeat;
}
#block-newEstate .sp-previous-arrow::before,
#block-recommend .sp-previous-arrow::before {
  background-color: #6d6d6c;
}
#block-newEstate .sp-previous-arrow::after,
#block-recommend .sp-previous-arrow::after {
  background-color: #6d6d6c;
}
#block-newEstate .sp-previous-arrow:hover,
#block-recommend .sp-previous-arrow:hover {
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -webkit-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter: alpha(opacity=75);
}
#block-newEstate .sp-next-arrow,
#block-recommend .sp-next-arrow {
  width: 4px;
  height: 12px;
  right: 0;
  background: url(/assets/naksel/pc/top/img/icon/right_btn.png) no-repeat;
}
#block-newEstate .sp-next-arrow::before,
#block-recommend .sp-next-arrow::before {
  background-color: #6d6d6c;
}
#block-newEstate .sp-next-arrow::after,
#block-recommend .sp-next-arrow::after {
  background-color: #6d6d6c;
}
#block-newEstate .sp-next-arrow:hover,
#block-recommend .sp-next-arrow:hover {
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -webkit-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter: alpha(opacity=75);
}
/*========================================
* 2-3.おすすめ物件
========================================*/
.noImage {
  width: 81px;
  height: 60px;
}
.noImage2 {
  width: 165px;
  height: 94px;
}
.noImage {
  width: 164px;
}
/***** 3.layout-side *****************************/
/*******************************************
 * サイドバーcss
 *
 * menu
 * 1.レイアウト
 * 2.サイドバーエリア、沿線、条件検索
 * 3.サイドバー一発検索
 ******************************************/
/***** 1.レイアウト *****************************/
#layout-sideBar {
  width: 200px;
  margin: 0 0 50px;
  float: left;
}
/***** 2.エリア、沿線 **********************/
#block-sideSearch {
  margin: 0 0 30px;
}
#block-sideSearch ul li {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
}
#block-sideSearch ul li:last-child {
  margin-bottom: 0;
}
#block-sideSearch ul li a {
  display: block;
}
#block-sideSearch ul li a:hover img {
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -webkit-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter: alpha(opacity=75);
}
#tenpo-search {
  margin: 0 0 30px;
}
#tenpo-search ul li {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
}
#tenpo-search ul li:last-child {
  margin-bottom: 0;
}
#tenpo-search ul li a {
  display: block;
}
#tenpo-search ul li a:hover img {
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -webkit-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter: alpha(opacity=75);
}
/***** 2.一発検索 **********************/
#box-search_special {
  margin: 0 0 20px;
}
#box-search_special li {
  width: 200px;
  line-height: 1em;
  margin: 0 auto;
  margin-bottom: 10px;
}
#box-search_special li a {
  display: block;
  vertical-align: middle;
}
#box-search_special.no-new {
  margin: 0 0 196px;
}
/***** 3.バナー **********************/
#block-bnr {
  overflow: hidden;
  margin-bottom: 30px;
}
#block-bnr li {
  margin-bottom: 10px;
}
#block-bnr li a {
  display: block;
}
#block-bnr li:last-child {
  margin-bottom: 0px;
}
#main-slider.sp-horizontal .sp-fade-arrows {
  opacity: 1;
}
#main-slider.sp-horizontal .sp-previous-arrow {
  background: url(/assets/naksel/pc/top/img/icon/left_btn.png) no-repeat;
  width: 60px;
  height: 60px;
}
#main-slider.sp-horizontal .sp-previous-arrow::before {
  content: none;
}
#main-slider.sp-horizontal .sp-previous-arrow::after {
  content: none;
}
#main-slider.sp-horizontal .sp-next-arrow {
  background: url(/assets/naksel/pc/top/img/icon/right_btn.png) no-repeat;
  width: 60px;
  height: 60px;
}
#main-slider.sp-horizontal .sp-next-arrow::before {
  content: none;
}
#main-slider.sp-horizontal .sp-next-arrow::after {
  content: none;
}
.b-topBanner {
  margin: 0 0 30px;
  overflow: hidden;
}
.b-topBanner a {
  display: block;
}
.box-sale-info {
  margin-bottom: 50px;
}
.box-sale-info a {
  display: block;
}
.banner_section {
  margin: 15px 0 10px 0;
}
/*** 新着お知らせ ***/
.news_section {
  margin-top: 30px;
}
.box-news-info {
  color: #000;
  align-items: center;
  margin-bottom: 20px;
}
.box-news-info_date .new-icon {
  width: 50px;
}
.box-news-info_date span {
  color: #66BFBF;
  display: inline-block;
  margin-right: 10px;
}
.box-news-info_content {
  padding-top: 10px;
}
.box-news-info_content a {
  color: #5E4037;
  font-size: 14px;
}
.contents-head_side {
  text-align: center;
  margin-bottom: 20px;
}