@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 
　02. ストックマンションを探す
　03. 物件リスト
　04. 
　05. 

******************************************************************************* */


/* ==

　00. file import

=============================================================================== */



/* ==

　01. 

=============================================================================== */
#header .logo{
	padding:22px 0;
}
#header .logo img{ vertical-align:middle; }
#header div.logo_group{
	padding:40px 0 0;
}

.gnav li.gnav_premist{ float:right; }

.gnav li a span{ margin:10px 0; padding:14px 0 12px; }
.gnav li.gnav_premist span{
	padding:14px 0 12px;
	background-color:#f5f5f5;
}

.gnav li.gnav_top a{ border-bottom:2px solid #dbaa00; }
.gnav li.gnav_form a span{
	padding-right:20px;
	background:url(../images/ico_blank04.png) right center no-repeat;
}


#breadcrumb{ margin-bottom:10px; }
#fluidVisual {
	margin-bottom:50px;
	min-width:1200px;
	padding:45px 0;
	zoom:1;
	clear:both;
}
#fluidVisual h1{
	margin:0 0 30px;
	padding:0;
	font-size:36px;
	line-height:1.2;
	color:#fff;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
	font-weight:100;
	text-align:center;
}
#fluidVisual h1 span{ font-size:72%; }
#fluidVisual p.link_stock{
	margin:0 20px;
	text-align:center;
}
#fluidVisual p.link_stock a{
	font-size:120%;
	color:#fff;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
	font-weight:400;
	text-decoration:none;
	display:inline-block;
}
#fluidVisual p.link_stock a:hover{ text-decoration:underline; }
#fluidVisual p.link_stock a span{
	padding-right:25px;
	background:url(../images/ico_blank03.png) right center no-repeat;
}

div .lead{ width:750px; margin:0 auto 50px; zoom:1; clear:both; }
div .lead h2{ margin-bottom:36px; font-size:32px; line-height:1.3; font-weight:100; text-align:center; }
div .lead p{ font-size:150%; }


/* リンク */
.buildListBlock .link_stock{
	padding:60px 0 0;
	text-align:center;
}
.buildListBlock .link_stock a{
	font-size:124%;
	color:#333;
	text-decoration:none;
	display:inline-block;
}
.buildListBlock .link_stock a:hover{ color:#dbaa00; }
.buildListBlock .link_stock a span{
	padding-right:22px;
	background:url(../images/ico_blank01.png) right center no-repeat;
}
.buildListBlock .link_stock a:hover span{
	background-image:url(../images/ico_blank02.png);
}
	
	

/* ==

　02. ストックマンションを探す

================================================================================================= */
.searchBlock{
	min-width:1120px;
	padding:0 40px;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
}


/* エリアタブ
------------------------------------------------------------------------------------------------- */
#tab{
	width:960px;
	margin:0 auto;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	clear:both;
}
#tab.funcFix{ height:69px; }

#tab:after, #tab ul:after{ content:''; display:block; clear:both; }
#tab li{
	width:192px;
	text-align:center;
	float:left;
}
#tab li a{
	padding:20px 20px 0;
	color:#333;
	text-decoration:none;
	display:block;
}

#tab li a span{
	padding:0 0 1.8em;
	background:url(/s_mansion/common/images/ico_arrow_anchor02.png) center 1.8em no-repeat;
	-webkit-background-size: 12px 6px;
	-moz-background-size: 12px 6px;
	background-size: 12px 6px;
	display:inline-block;
}
#tab li.current a{ background-color:#f5f5f5; }
#tab li.current a span{ background-image:url(/s_mansion/common/images/ico_arrow_anchor01.png); color:#dbaa00; }
#tab li a:hover span{ background-image:url(/s_mansion/common/images/ico_arrow_anchor01.png); color:#dbaa00; }


.tab_wrap {	
	position: relative;
	width: 100%;
	z-index: 10;
}
.funcFix .tab_wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 110;
	background-color:#fff;
}

.tab_main-fix {
	display: none !important;
	width: 960px;
	margin: 0 auto;
	background: none;
}
.funcFix .tab_main-static,
.funcFix .tab_sub-static {
	display: none !important;
}
.funcFix .tab_main-fix {
	display: block !important;
}


/* 都道府県アンカー
------------------------------------------------------------------------------------------------- */
div.area{
	min-width:1120px;
	padding:0 40px;
	background-color:#f5f5f5;
	zoom:1;
	clear:both;
}
div.area:after{ content:''; display:block; clear:both; }
div.area div.inner{ width:928px; }

div.area .anchor{
	padding:32px 0;
	background-color:#f5f5f5;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	zoom:1;
	clear:both;
}
div.area .anchor:after, div.area .anchor ul:after{ content:''; display:block; clear:both; }
div.area .anchor ul{ padding-bottom:12px; border-bottom:2px solid #fff; zoom:1; clear:both; }
div.area .anchor li{
	margin:0 20px 20px 0;
	float:left;
}
div.area .anchor li a{
	padding:10px 20px 7px;
	border-radius:50px 50px;
	-webkit-border-radius:50px 50px;
	-moz-border-radius:50px 50px;
	background-color:#fff;
	color:#333;
	text-decoration:none;
	display:inline-block;
}
div.area .anchor li.current a,
div.area .anchor li a:hover{ color:#dbaa00; }
div.area .anchor li span{
	padding:10px 20px 7px;
	border-radius:50px 50px;
	-webkit-border-radius:50px 50px;
	-moz-border-radius:50px 50px;
	background-color:#ddd;
	color:#999;
	display:inline-block;
}


/* 物件
------------------------------------------------------------------------------------------------- */
div.bukkenBlock{
	min-width:1120px;
	padding:0 40px 40px;
	background-color:#f5f5f5;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
	zoom:1;
	clear:both;
}
div.bukkenBlock:after{ content:''; display:block; clear:both; }
div.bukkenBlock .inner{ width:928px; /*margin-top:-32px;*/ padding-top:32px; }


div.bukkenBlock h2{
	margin-bottom:48px;
	padding-top:32px;
	font-size:32px;
	font-weight:100;
	line-height:1.0;
	text-align:center;
}
div.bukkenBlock .inner h2{ padding-top:0; }
div.bukkenBlock h2 a{ text-decoration:none; color:#333; }
div.bukkenBlock h2 a:hover{ color:#dbaa00; }
div.bukkenBlock h2 span{ margin-bottom:-15px; font-size:60%; line-height:2.0; display:block; }

div.bukkenBlock h3{
	margin-bottom:48px;
	font-size:32px;
	line-height:1.2;
	font-weight:100;
	text-align:center;
}
div.bukkenBlock h3 a{ text-decoration:none; color:#333; }
/*
div.bukkenBlock h3 a:hover{ color:#dbaa00; }
*/

.sBukken .col{
	margin-bottom:30px;
	background-color:#fff;
	zoom:1;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	clear:both;
}
.sBukken .col:after{ content:''; display:block; clear:both; }
.sBukken .col.uiHover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	cursor:pointer;
}

/*
.sBukken .col .img{ width:400px; float:left; }
.sBukken .col .summary{ width:472px; padding:20px 28px; float:left; }
*/
.sBukken .col .img {
	width:400px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.sBukken .col .img img {
	vertical-align: bottom;
	max-width: 400px;
	max-height:270px;
}
.sBukken .col .summary{ width:472px; padding:20px 28px; display: table-cell; }

div.bukkenBlock .sBukken h3{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #e2e2e2;
	font-size:24px;
	line-height:1.2;
	font-weight:200;
	text-align:left;
}

.sBukken dd{
	margin-top:-1.75em;
	margin-bottom:5px;
	padding-left:12em;
}
.sBukken dd.price{ margin-top:-2.25em; margin-bottom:0; }
.sBukken dd em{ font-size:22px; color:#dda62c; }




/* ==

　03. 物件リスト

=============================================================================== */
.buildListBlock{
  min-width:1120px;
  margin:0 auto 0;
  padding:50px 40px;
  background-color:#f5f5f5;
  zoom:1;
  clear:both;
}
.buildListBlock .inner{ width:950px; }

.buildListBlock h2{
	margin:0 0 36px;
	padding:0;
	font-size:32px;
	line-height:1.3;
	color:#333;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
	font-weight:100;
	text-align:center;
}

.allBuildList li {
  width: 220px;
  background-color: #fff;
  display: inline-block;
  border: 1px solid #ddd;
  /*margin-right: 18px;*/
  margin-right:11.5px;
  margin-bottom: 20px;
  vertical-align: top;
  position: relative;
  overflow: hidden;
}

.allBuildList li a {
  display: inline-block;
  width: 100%;
  color:#333;
  text-decoration:none;
}

.allBuildList li a:hover {
  text-decoration: none;
  color: #333;
}

.allBuildList li h3 {
  margin-bottom:0;
  font-size: 15px;
  font-weight: bold;
  height: 57px;
  line-height: 1.4;
  min-height: 57px;
  overflow: auto;
  padding: 10px 10px 5px;
  word-wrap: break-word;
  word-break: break-word;
  text-align:left;
}

.allBuildList li h3 .iconWrap {
  display: inline-block;
}

.allBuildList li h3 img {
  margin-left: 5px;
  vertical-align:middle;
}

.allBuildList li .photoAreaWrap {
  position: relative;
  display: table;
  width: 220px;
/*
  width: 218px;
*/
  height: 163px;
  overflow: hidden;
}

.allBuildList li .photoArea {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.allBuildList li .photoArea img {
  vertical-align: bottom;
  max-width: 218px;
  max-height:158px;
}

.allBuildList li .photoArea img:hover {
  opacity: 1.0;
}

.allBuildList li .photoAreaWrap span img:hover {
  opacity: 1.0;
}

.allBuildList li .buildDetail01 {
  background-color: #4f4c4c;
  padding: 10px 10px 8px;
  color: #fff;
  font-size: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 220px;
}

@media only screen and (max-width: 1014px) {
  .allBuildList li .buildDetail01 {
    max-width: 100%;
  }
}

@media only screen and (max-width: 470px) {
  .allBuildList li .buildDetail01 {
    padding: 0 10px;
  }
}

.allBuildList li .buildDetail01 p {
  display: inline-block;
  width: 100%;
}

.allBuildList li .buildDetail01 p.roomSize {
  margin-bottom: 3px;
}

.allBuildList li .buildDetail01 span {
  font-size: 18px;
  margin-right: 3px;
}

.allBuildList li .buildDetail01 span.taxIn {
  font-size: 10px;
}

.allBuildList li .buildDetail02,
.allBuildList li .buildDetail03 {
  padding: 0 10px;
}

.allBuildList li .buildDetail02 {
  margin-bottom: 7px;
}

.allBuildList li .buildDetail03 {
  height: 70px;
  overflow: auto;
  padding-bottom: 8px;
}

.allBuildList li .buildDetail02 p {
  font-size: 12px;
  padding-top: 5px;
  font-size: 12px;
  border-bottom: #dddddd 1px solid;
}

.allBuildList li a:hover h3 {
  opacity: 0.7;
}

.allBuildList li a:hover .photoAreaWrap {
  opacity: 0.7;
}

.allBuildList li a:hover .photoArea {
  opacity: 0.7;
}

.allBuildList li a:hover .buildDetail01 {
  opacity: 0.7;
}

.allBuildList li a:hover .buildDetail02 {
  opacity: 0.7;
}

.allBuildList li a:hover .buildDetail03 {
  opacity: 0.7;
}


/* 物権アイコン */
.buildIcoArea span{
  display: inline-block;
  color: #FFF;
  font-size: 11px;
  padding: 3px 6px 3px;
  border-radius: 10px;
  margin-right: 3px;
  margin-bottom: 3px;
}

.buildIcoArea .buildInsurance{
  background-color: #78bec8;
}
.buildIcoArea .equipmentInsurance{
  background-color: #65b492;
}
.buildIcoArea .buildInspection{
  background-color: #7497be;
}
.buildIcoArea .daiwaSubdivided{
  background-color: #c29661;
}
.buildIcoArea .reformed{
  background-color: #a3ba77;
}


/* もっと見る */
.allBuildList li.moreBlock-hide{
	display:none;
}

.moreBlock_more{
	width:240px;
	margin:0 auto;
	padding:10px;
	background-color:#727272;
	border-radius:5px;
	font-size:134%;
	color:#fff;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}
.moreBlock_more span{
	padding-left:30px;
	background:url(../images/ico_more01.gif) left center no-repeat;
	display:inline-block;
}
.moreBlock_more:hover{ opacity:0.7; }