@charset "UTF-8";
/*******************************************
 * topページcss
 *
 * menu
 * 1. main
 * 2. layout-main
 *    2-1. メインスライダー
 *    2-2. 特集
 *		2-3. 新着
 *    2-4. おすすめ物件
 *    2-5. 店舗紹介
 * 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;
}
/***** 1.style(less用import) **************/
/***** 1.main *****************************/
body #layout-wrap-main {
  margin-top: 20px;
  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;
}
/* 2-1.メインスライダー */
#layout-wrap-slider {
  width: 980px;
  height: 400px;
  margin: 20px auto 0;
}
#layout-wrap-slider #scroll_main {
  height: 400px;
}
#layout-wrap-slider #baibai_link {
  position: absolute;
  bottom: -10px;
  left: -30px;
  z-index: 100;
  width: 240px;
  height: 240px;
  border-radius: 120px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(234, 96, 148, 0.9);
}
#layout-wrap-slider #baibai_link #baibai_link_inner {
  position: relative;
  width: 220px;
  height: 220px;
  border: 1px solid #f6b8cf;
  border-radius: 110px;
  margin: 8px auto;
}
#layout-wrap-slider #baibai_link #baibai_link_inner p {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
#layout-wrap-slider #baibai_link #baibai_link_inner p.baibai_sale {
  top: 17px;
}
#layout-wrap-slider #baibai_link #baibai_link_inner p.baibai_header {
  top: 76px;
  font-size: 40px;
  height: 37px;
  letter-spacing: 0.2em;
}
#layout-wrap-slider #baibai_link #baibai_link_inner p.baibai_read {
  top: 126px;
}
#layout-wrap-slider #baibai_link #baibai_link_inner p.baibai_link {
  top: 152px;
  font-size: 10px;
}
#layout-wrap-slider #baibai_link #baibai_link_inner p.baibai_click {
  top: 170px;
  display: inline-block;
  vertical-align: baseline;
}
#layout-wrap-slider #baibai_link #baibai_link_inner p.baibai_click span {
  display: inline-block;
  vertical-align: top;
  padding-left: 3px;
}
#layout-wrap-slider .sp-buttons {
  position: relative;
  padding-top: 20px;
}
/***** 2-2.一発検索 **********************/
#block-search_keyword {
  margin-bottom: 35px;
}
#block-search_keyword h2 {
  width: 100%;
  height: 30px;
  display: table;
  box-sizing: border-box;
  padding-left: 10px;
  background: #a7a7a7;
}
#block-search_keyword h2 span {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
#block-search_keyword #box-search_keyword {
  display: table;
  width: 750px;
  table-layout: fixed;
  border-spacing: 5px;
  margin-top: 5px;
}
#block-search_keyword #box-search_keyword li {
  display: table-cell;
  vertical-align: middle;
}
/* 2-3.新着物件 */
#block-newestate-wrapper {
  width: 750px;
  height: 540px;
}
#block-newestate-wrapper h2 {
  width: 100%;
  height: 30px;
  display: table;
  box-sizing: border-box;
  padding-left: 10px;
  background: #a7a7a7;
}
#block-newestate-wrapper h2 span {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
#block-newestate-wrapper #tenpo_newest_box {
  margin-top: 10px;
}
#block-newestate-wrapper .block-newestate {
  position: relative;
}
#block-newestate-wrapper .block-newestate .box-newEstate {
  overflow: hidden;
}
#block-newestate-wrapper .block-newestate .box-newEstate:after {
  content: ' ';
  clear: both;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item {
  width: 180px;
  height: 210px;
  float: left;
  margin-right: 10px;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item:nth-child(4n) {
  margin-right: 0px;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item:nth-child(-n+4) {
  margin-bottom: 15px;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item a {
  display: block;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item a:hover {
  text-decoration: none;
  -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-wrapper .block-newestate .box-newEstate .box-newEstate-item figure {
  position: relative;
  width: 180px;
  height: 135px;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item figure b {
  position: absolute;
  top: 20px;
  left: 0px;
  z-index: 9999;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item figure img {
  max-width: 180px;
  max-height: 135px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item time {
  color: #6f6f6f;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item dl {
  margin-top: 10px;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item dl dt ul {
  overflow: hidden;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item dl dt ul:after {
  content: ' ';
  clear: both;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item dl dt ul li.box-date {
  float: left;
  color: #a0a0a0;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item dl dt ul li.box-tenpo_name {
  float: right;
  background: #ea6094;
  color: #fff;
  padding: 0 2px;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item dl dd ul li {
  line-height: 1.3em;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item dl dd ul li.box-bukken_name {
  width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #505050;
  font-weight: bold;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item dl dd ul li.box-pickup_price {
  color: #ff0000;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item dl dd ul li.box-pickup_price strong {
  font-weight: bold;
}
#block-newestate-wrapper .block-newestate .box-newEstate .box-newEstate-item dl dd ul li.box-pickup_plan {
  color: #505050;
}
.noImage {
  width: 81px;
  height: 60px;
}
.noImage2 {
  width: 165px;
  height: 94px;
}
/* 2-4.おすすめ物件 */
#block-recommend-wrapper {
  width: 750px;
  margin-top: 15px;
  margin-bottom: 40px;
}
#block-recommend-wrapper h2 {
  width: 100%;
  height: 30px;
  display: table;
  box-sizing: border-box;
  padding-left: 10px;
  background: #a7a7a7;
}
#block-recommend-wrapper h2 span {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
#block-recommend-wrapper #recommend_box {
  border: 1px solid #dedede;
  margin-top: 7px;
}
#block-recommend-wrapper #recommend_box #recommend_tabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 50px;
}
#block-recommend-wrapper #recommend_box #recommend_tabs a {
  display: table-cell;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background: #a7a7a7;
}
#block-recommend-wrapper #recommend_box #recommend_tabs a.recommend1 {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
#block-recommend-wrapper #recommend_box #recommend_tabs a.recommend2,
#block-recommend-wrapper #recommend_box #recommend_tabs a.recommend3 {
  border-right: 1px solid #fff;
}
#block-recommend-wrapper #recommend_box .recommend_tab {
  padding: 20px;
}
#block-recommend-wrapper #recommend_box .recommend_tab ul li {
  padding: 15px 0 18px;
  border-bottom: 1px solid #dedede;
}
#block-recommend-wrapper #recommend_box .recommend_tab ul li:last-child {
  border-bottom: none;
}
#block-recommend-wrapper #recommend_box .recommend_tab ul li time {
  display: block;
  padding-bottom: 5px;
  color: #a0a0a0;
}
#block-recommend-wrapper #recommend_box .recommend_tab ul li time::before {
  content: url(/MasterCenter/pc/assets/common/img/sidebar/icon/list.png);
  padding-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
#block-recommend-wrapper #recommend_box .recommend_tab ul li time span {
  display: inline-block;
  vertical-align: middle;
}
#block-recommend-wrapper #recommend_box .recommend_tab ul li p a {
  color: #505050;
  width: 700px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#block-area-wrapper {
  width: 750px;
  padding-bottom: 40px;
}
#block-area-wrapper h2 {
  width: 100%;
  height: 30px;
  display: table;
  box-sizing: border-box;
  padding-left: 10px;
  background: #a7a7a7;
}
#block-area-wrapper h2 span {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
#block-area-wrapper #block-area {
  width: 750px;
  background: #eee;
  display: inline-block;
  margin-top: 8px;
  padding: 7.5px 0;
}
#block-area-wrapper #block-area li {
  float: left;
  margin: 2.5px;
}
#block-area-wrapper #block-area li:nth-child(3n+1) {
  margin-left: 10px;
}
#block-area-wrapper #block-area li:nth-child(3n+3) {
  margin-right: 10px;
}
#block-area-wrapper #block-area 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-5.店舗紹介 */
#block-store-wrapper {
  width: 750px;
  padding-bottom: 40px;
}
#block-store-wrapper h2 {
  width: 100%;
  height: 30px;
  display: table;
  box-sizing: border-box;
  padding-left: 10px;
  background: #a7a7a7;
}
#block-store-wrapper h2 span {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
#block-store-wrapper .block-store ul {
  margin-top: 10px;
  font-size: 0;
}
#block-store-wrapper .block-store ul li {
  width: 180px;
  display: inline-block;
  vertical-align: middle;
}
#block-store-wrapper .block-store ul li:not(:last-child) {
  margin-right: 10px;
}
#block-store-wrapper .block-store ul li a {
  color: #333;
}
#block-store-wrapper .block-store ul li a:hover {
  text-decoration: none;
}
#block-store-wrapper .block-store ul li img {
  width: inherit;
}
#block-store-wrapper .block-store ul li p {
  padding-top: 10px;
  text-align: center;
}
/***** slider-pro 追加分 *****/
.block-newEstate .sp-slides-container {
  height: 504px !important;
}
.block-newEstate .sp-mask {
  position: relative;
  overflow: hidden;
  height: 514px !important;
}
.block-newEstate .sp-arrow {
  width: 8px;
  height: 12px;
}
#container-newEstate .sp-horizontal .sp-arrows {
  width: 36px;
  left: 720px;
  top: 0;
}
#container-banner {
  width: 750px;
  padding-bottom: 20px;
}
#container-storeIntroduction {
  width: 750px;
  padding-bottom: 40px;
}
#container-storeIntroduction h2 {
  width: 100%;
  height: 30px;
  display: table;
  box-sizing: border-box;
  padding-left: 10px;
  background: #a7a7a7;
}
#container-storeIntroduction h2 span {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.noImage {
  width: 164px;
}
/***** 3.layout-side *****************************/
/*******************************************
 * サイドバーcss
 *
 * menu
 * 1.レイアウト
 * 2.サイドバーエリア、沿線、条件検索
 * 3.サイドバー一発検索
 ******************************************/
/***** 1.レイアウト *****************************/
#layout-sideBar {
  width: 210px;
  margin: 0 0 50px;
  float: left;
}
.layout-sideBar {
  width: 210px;
  margin: 0 0 50px;
  float: left;
}
/***** 2.エリア、沿線、条件検索 **********************/
#block-sideSearch {
  margin-bottom: 40px;
}
#block-sideSearch ul li {
  margin: 0 auto;
  margin-bottom: 10px;
}
#block-sideSearch ul li:last-child {
  margin-bottom: 0;
}
#block-sideSearch ul li a {
  display: block;
}
/*******************************************
 * サイドバーblogcss
 *
 * menu
 * 1.レイアウト
 * 2.
 *   2-1
 *   2-2
 ******************************************/
#block-news-info {
  width: 210px;
  margin-bottom: 40px;
  /* Let's get this party started */
  /* Track */
  /* Handle */
}
#block-news-info h2 {
  width: 100%;
  height: 30px;
  display: table;
  box-sizing: border-box;
  padding-left: 10px;
  background: #a7a7a7;
}
#block-news-info h2 span {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
#block-news-info ::-webkit-scrollbar {
  width: 10px;
}
#block-news-info ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #eee;
}
#block-news-info ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(200, 200, 200, 0.8);
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
#block-news-info ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(200, 200, 200, 0.4);
}
#block-news-info #scroll_news-info {
  width: 190px;
  height: 298px;
  overflow-y: scroll;
  padding: 0 10px;
  margin-top: 8px;
  border: 1px solid #dedede;
}
#block-news-info #scroll_news-info .box-news-info {
  height: 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #dedede;
  padding: 15px 0;
}
#block-news-info #scroll_news-info .box-news-info dl dt ul {
  overflow: hidden;
}
#block-news-info #scroll_news-info .box-news-info dl dt ul:after {
  content: ' ';
  clear: both;
}
#block-news-info #scroll_news-info .box-news-info dl dt ul li {
  float: left;
}
#block-news-info #scroll_news-info .box-news-info dl dt ul li.box-tenpo_name {
  background: #ea6094;
  color: #fff;
  padding: 0 2px;
  margin-right: 10px;
}
#block-news-info #scroll_news-info .box-news-info dl dt ul li time {
  color: #a0a0a0;
}
#block-news-info #scroll_news-info .box-news-info dl dt ul li time span {
  display: inline-block;
  vertical-align: middle;
}
#block-news-info #scroll_news-info .box-news-info dl dd a {
  color: #505050;
  display: block;
  margin: 5px 0 15px;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#block-news-info .jspVerticalBar {
  width: 8px;
}
#block-news-info .jspVerticalBar .jspTrack {
  background: #eee;
}
#block-news-info .jspVerticalBar .jspTrack .jspDrag {
  background: #ea6094;
}
/*******************************************
 * サイドバーcss
 *
 * menu
 * 1.バナー
 ******************************************/
#block-banner ul li {
  margin-bottom: 10px;
}
#block-banner ul li:last-child {
  margin-bottom: 0;
}