@charset "utf-8";

/* ==

　01. 大枠レイアウトのスタイル定義

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

#loadingArea {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-top: -50px;
	margin-left: -50px;
	background: url(../images/main_loading.gif) center center no-repeat;
	z-index: 0;
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}


/* varietyArea
------------------------------------------------------------------------------- */

#varietyArea {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 196px;
}

* html #varietyArea { /* IE6 */
	position: relative;
}

#varietyArea .areaInner {
	position: relative;
	width: 1112px;
	margin: 0 auto !important;
}

#varietyArea .areaInner div {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 177px;
	height: 209px;
}

#varietyArea p {
	margin-bottom: 40px;
}

#varietyArea p.targetTbl { display: none; }

#varietyArea #visualList {
	position: absolute;
	right: 0;
	bottom: 0;
}

* html #varietyArea #visualList { /* IE6 */
	display: none;
}

#varietyArea #visualList li {
	float: left;
	width: 20px;
	height: 19px;
	background-image: url(../images/main_icon_01.png);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

#varietyArea #visualList .current {
	background-position: left -19px;
	cursor: default;
}

/* headerNavArea
------------------------------------------------------------------------------- */

#footerNavArea .innerBg {	top: 35px; }

#footerNavArea #newsTicker {
	width: 100%;
	height: 30px;
	margin: 0 auto;
	padding-top: 5px;
	/* 2016.0427NEWTICKERの表示廃止 */	
	/*background: url(../images/footerNavArea_bg_01.png) left top repeat-x;*/
}
/* 2016.0427NEWTICKERの表示廃止 */
/*
#footerNavArea #newsTicker ul {
	height: 30px;
	position: relative;
	margin-left: 177px;
	padding: 0 10px;
	overflow: hidden;
}

#footerNavArea #newsTicker ul li {
	float: left;
	clear: both;
	text-align: left;
	position: absolute;
	width: 100%;
}

#footerNavArea #newsTicker a {
	color: #333;
}

#footerNavArea #newsTicker div {
	position: relative;
	width: 1112px;
	line-height: 30px;
	margin: 0 auto;
}

#footerNavArea #newsTicker p {
	position: absolute;
	top: 0;
	left: 0;
	width: 177px;
	background: url(../images/footerNavArea_bg_02.jpg) left top repeat-x;
	color: #b49c39;
	text-align: center;
}
*/

* html #footerNavArea { /* IE6 */
	position: relative;
	bottom: auto;
	margin: 0;
}
* html #footerArea { /* IE6 */
	position: relative;
	bottom: auto;

}

/* globalNav
------------------------------------------------------------------------------- */

#globalNav {
	display: none;
}



/* ==

　02. コンテンツ領域のスタイル

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

/* 基本指定
------------------------------------------------------------------------------- */

#main {
	width: auto;
	padding: 0;
	margin-left: 187px;
}

#main p {	margin-bottom: 0; }

/* topVisual
------------------------------------------------------------------------------- */

#topVisual {
	display: none;
	width: 100%;
	border-bottom: 1px solid #fff;
}

#topVisual img {
	width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic; /* IE7対策 */
}

/* backstretch
------------------------------------------------------------------------------- */

.backstretch img {
	-ms-interpolation-mode: bicubic; /* IE7対策 */	
}

.d_smp .backstretch,
.d_tablet .backstretch {
	position: absolute !important;
}

.d_smp .backstretch:after,
.d_tablet .backstretch:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 190px;
	display: block;
	content: " ";
	background: url(../images/backstretch_bg_01.png) left bottom repeat-x;
}


/* mainWrapper
------------------------------------------------------------------------------- */

#mainWrapper { margin: 0 auto; }

/* masonryBox
------------------------------------------------------------------------------- */

#main .masonryBox {
  position: relative;
  float: left;
  width: 187px;
  height: 195px;
  margin: 0 0 10px;
  color: #222;
}

#main .masonryBox .boxInner {
	display: block;
	height: 195px;
	margin: 0 5px;
	background-color: #fff;
	overflow: hidden;
}

#main .masonryBox .boxInner img {
	-ms-interpolation-mode: bicubic; /* IE7対策 */	
}

#main .masonryBox.boxB,
#main .masonryBox.boxB .boxInner { height: 400px; }

#main .masonryBox.boxC {
  width: 374px;
	height: 400px;
}

#main .masonryBox.boxC .boxInner {
	height: 400px;
	margin: 0 5px;
}

#main .masonryBox.boxHide,
#main .masonryBox .pref { display: none; }


#main .masonryBox.bukkenHead div {
	margin: 0 5px;
	background-color: #221816;	
}

#main .masonryBox.bukkenHead div div {
	margin: 0;
	background: url(../images/search/bg_01.gif) right bottom no-repeat;	
}

#main .masonryBox.bukkenHead .prefBg {
	height: auto;
	margin: 0;
	padding: 262px 0 60px;
	background: none;
	background-position: right top;
	background-repeat: no-repeat;
}

.d_hover #main .masonryBox a.fadeover {
		opacity: .999;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.d_hover #main .masonryBox a.fadeover img,
.d_hover #main .masonryBox a.fadeover2,
.d_hover #main .masonryBox a.fadeover3 {
	opacity: .999;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.d_hover #main .masonryBox a.fadeover:hover img,
.d_hover #main .masonryBox a.fadeover2:hover,
.d_hover #main .masonryBox a.fadeover3:hover {
	opacity: .65;
	filter: alpha(opacity=65);
	-ms-filter: "alpha(opacity=65)";
}

#main .masonryBox.bukkenHead.pref1 .prefBg {	background-image: url(../images/search/head_bg_1.jpg); }
#main .masonryBox.bukkenHead.pref2 .prefBg {	background-image: url(../images/search/head_bg_2.jpg); }
#main .masonryBox.bukkenHead.pref3 .prefBg {	background-image: url(../images/search/head_bg_3.jpg); }
#main .masonryBox.bukkenHead.pref4 .prefBg {	background-image: url(../images/search/head_bg_4.jpg); }
#main .masonryBox.bukkenHead.pref5 .prefBg {	background-image: url(../images/search/head_bg_5.jpg); }
#main .masonryBox.bukkenHead.pref6 .prefBg {	background-image: url(../images/search/head_bg_6.jpg); }
#main .masonryBox.bukkenHead.pref7 .prefBg {	background-image: url(../images/search/head_bg_7.jpg); }
#main .masonryBox.bukkenHead.pref8 .prefBg {	background-image: url(../images/search/head_bg_8.jpg); }
#main .masonryBox.bukkenHead.pref9 .prefBg {	background-image: url(../images/search/head_bg_9.jpg); }
#main .masonryBox.bukkenHead.pref10 .prefBg {	background-image: url(../images/search/head_bg_10.jpg); }
#main .masonryBox.bukkenHead.pref11 .prefBg {	background-image: url(../images/search/head_bg_11.jpg); }
#main .masonryBox.bukkenHead.pref12 .prefBg {	background-image: url(../images/search/head_bg_12.jpg); }
#main .masonryBox.bukkenHead.pref13 .prefBg {	background-image: url(../images/search/head_bg_13.jpg); }
#main .masonryBox.bukkenHead.pref14 .prefBg {	background-image: url(../images/search/head_bg_14.jpg); }
#main .masonryBox.bukkenHead.pref15 .prefBg {	background-image: url(../images/search/head_bg_15.jpg); }
#main .masonryBox.bukkenHead.pref16 .prefBg {	background-image: url(../images/search/head_bg_16.jpg); }
#main .masonryBox.bukkenHead.pref17 .prefBg {	background-image: url(../images/search/head_bg_17.jpg); }
#main .masonryBox.bukkenHead.pref18 .prefBg {	background-image: url(../images/search/head_bg_18.jpg); }
#main .masonryBox.bukkenHead.pref19 .prefBg {	background-image: url(../images/search/head_bg_19.jpg); }
#main .masonryBox.bukkenHead.pref20 .prefBg {	background-image: url(../images/search/head_bg_20.jpg); }
#main .masonryBox.bukkenHead.pref21 .prefBg {	background-image: url(../images/search/head_bg_21.jpg); }
#main .masonryBox.bukkenHead.pref22 .prefBg {	background-image: url(../images/search/head_bg_22.jpg); }
#main .masonryBox.bukkenHead.pref23 .prefBg {	background-image: url(../images/search/head_bg_23.jpg); }
#main .masonryBox.bukkenHead.pref24 .prefBg {	background-image: url(../images/search/head_bg_24.jpg); }
#main .masonryBox.bukkenHead.pref25 .prefBg {	background-image: url(../images/search/head_bg_25.jpg); }
#main .masonryBox.bukkenHead.pref26 .prefBg {	background-image: url(../images/search/head_bg_26.jpg); }
#main .masonryBox.bukkenHead.pref27 .prefBg {	background-image: url(../images/search/head_bg_27.jpg); }
#main .masonryBox.bukkenHead.pref28 .prefBg {	background-image: url(../images/search/head_bg_28.jpg); }
#main .masonryBox.bukkenHead.pref29 .prefBg {	background-image: url(../images/search/head_bg_29.jpg); }
#main .masonryBox.bukkenHead.pref30 .prefBg {	background-image: url(../images/search/head_bg_30.jpg); }
#main .masonryBox.bukkenHead.pref31 .prefBg {	background-image: url(../images/search/head_bg_31.jpg); }
#main .masonryBox.bukkenHead.pref32 .prefBg {	background-image: url(../images/search/head_bg_32.jpg); }
#main .masonryBox.bukkenHead.pref33 .prefBg {	background-image: url(../images/search/head_bg_33.jpg); }
#main .masonryBox.bukkenHead.pref34 .prefBg {	background-image: url(../images/search/head_bg_34.jpg); }
#main .masonryBox.bukkenHead.pref35 .prefBg {	background-image: url(../images/search/head_bg_35.jpg); }
#main .masonryBox.bukkenHead.pref36 .prefBg {	background-image: url(../images/search/head_bg_36.jpg); }
#main .masonryBox.bukkenHead.pref37 .prefBg {	background-image: url(../images/search/head_bg_37.jpg); }
#main .masonryBox.bukkenHead.pref38 .prefBg {	background-image: url(../images/search/head_bg_38.jpg); }
#main .masonryBox.bukkenHead.pref39 .prefBg {	background-image: url(../images/search/head_bg_39.jpg); }
#main .masonryBox.bukkenHead.pref40 .prefBg {	background-image: url(../images/search/head_bg_40.jpg); }
#main .masonryBox.bukkenHead.pref41 .prefBg {	background-image: url(../images/search/head_bg_41.jpg); }
#main .masonryBox.bukkenHead.pref42 .prefBg {	background-image: url(../images/search/head_bg_42.jpg); }
#main .masonryBox.bukkenHead.pref43 .prefBg {	background-image: url(../images/search/head_bg_43.jpg); }
#main .masonryBox.bukkenHead.pref44 .prefBg {	background-image: url(../images/search/head_bg_44.jpg); }
#main .masonryBox.bukkenHead.pref45 .prefBg {	background-image: url(../images/search/head_bg_45.jpg); }
#main .masonryBox.bukkenHead.pref46 .prefBg {	background-image: url(../images/search/head_bg_46.jpg); }
#main .masonryBox.bukkenHead.pref47 .prefBg {	background-image: url(../images/search/head_bg_47.jpg); }

#main .masonryBox.bukkenHead .boxInner img {
	margin-left: 11px;
}

#main .bukkenInfo {
	line-height: 1.4;
}

#main .bukkenInfo .boxInner {
	padding: 0 5px;
	background: #fff url(../images/main_icon_01.gif) right top no-repeat;
}

#main .bukkenInfo .colHeader {
	height: 39px;
	line-height: 1.1;
	padding: 6px 7px 0;
}

#main .bukkenInfo .colPref {
	line-height: 1;
	margin-bottom: 6px;
	color: #666;
	font-size: 10px;
}

#main .bukkenInfo .colCity {
	margin-bottom: 9px;
	font-size: 14px;
	font-weight: bold;
}

#main .bukkenInfo .colImage {
	height: 150px;
	margin: 0 -5px;
	padding: 5px 5px 0;
	text-align: center;
}

#main .bukkenInfo .colImage a,
#main .bukkenInfo .colImage span {
	display: block;
	overflow: hidden;
}
#main .bukkenInfo .colImage a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#main .bukkenInfo .colIcon {
	margin: 0 -5px 8px;
	padding: 0 15px 3px;
	font-size: 0;
}

#main .bukkenInfo .colIcon li {
	float: left;
	margin-right: 1px;
}

#main .bukkenInfo .colName {
	height: 37px;
	margin: 0 5px;
	padding-left: 12px;
	background: url(/mansion/images/rn01/icon_07.png) left 0.25em no-repeat;
	font-size: 12px;
	font-weight: bold;
}

#main .bukkenInfo .colName.noLink {
	padding-left: 0;
	background: none;
}

#main .bukkenInfo .colName a {
	color: #333;
	text-decoration: none;
}

#main .bukkenInfo .colName a:hover {
	text-decoration: underline;
}

#main .bukkenInfo .colAccess {
	height: 112px;
	padding: 0 5px;
}

#main .bukkenInfo .colAccess p {
	margin-bottom: 0;
	font-size: 10px;
}

#main .bukkenInfo .colAccess .icTxt {
	line-height: 16px;
	margin-bottom: 2px;
	padding-left: 18px;
	background: url(/mansion/images/rn01/icon_access.gif) left center no-repeat;
	color: #b49c39;
	font-weight: bold;
}

#main .bukkenInfo .colBtn {
	max-width: 167px;
	height: 25px;
	margin: 0 auto;
}

#main .bukkenInfo .colBtn li {
	max-width: 81px;
}

#main .bukkenInfo .colBtn .btn01 { float: left; }
#main .bukkenInfo .colBtn .btn02 { float: right; }

#main .premistBox .boxInner {
	margin: 0 5px;
	background-color: #221816;
}

#main .premistBox a {
	display: block;
	background: url(../images/main_icon_03.gif) left top repeat;	
}

.minWidth #main {
	width: auto;
	margin: 0;
}

.minWidth #main .masonryBox {
	width: 49.8% ;
	height: auto;
}

.minWidth #main .masonryBox.boxC {
	width: 100%;
}

.minWidth #main .masonryBox .boxInner {
	width: auto;
	height: auto;
}

.minWidth #main .masonryBox img {
	width: 100%;
	height: auto;
}

.minWidth #main .masonryBox.bukkenHead img {
	width: auto;
	height: auto;
}

#main .bukkenInfo .colImage img,
.minWidth #main .bukkenInfo .colImage img {
	width: auto;
	height: 147px;
}

#main .bukkenInfo .colIcon li img {
	width: auto;
	height: auto;	
}

/* ==

　04. isotopeのスタイル定義

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

.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
      -ms-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.d_mobile .isotope-hidden {
	-webkit-backface-visibility: hidden;	
}

.d_mobile .isotope-hidden,
* html .isotope-hidden { /*ie6 フィルタリング外の要素が重なる不具合用*/
	display: none !important;
}

@media screen and (max-width:1121px) {
	#varietyArea .areaInner,
	#siteTop #footerNavArea  #newsTicker div { width: 925px; }
}

@media screen and (max-width:768px) {
	body#siteTop #container { /*継承の関係でbody追加*/
		padding-bottom: 0;
	}
	#siteTop #container {	width: auto !important; }
	#siteTop #footerNavArea #newsTicker {
		display: none;		
	}
	#siteTop #main { margin: 0 auto;	} /*継承の関係でbodyタグのIDを記述*/
	
	#siteTop #main .bukkenInfo .colBtn {
		width: auto;
	}
	
	#siteTop #main .bukkenInfo .colBtn li {
		width: 49%;
	}
	#siteTop #topVisual {
		display: block;
	}

	#varietyArea,
	#varietyArea .areaInner,
	#varietyArea .areaInner div {
		position: static;
		width: auto;
		height: auto;
	}
	#varietyArea #visualList {
		display: none;
	}
	
	#varietyArea p {
		margin: 10px 0;
		text-align: center;
	}	
	#varietyArea p.targetPc { display: none; }
	#varietyArea p.targetTbl {
		display: block;
		margin: 10px;
	}
	#varietyArea p.targetTbl img {
		max-width: 100%; 
		height: auto;
		-ms-interpolation-mode: bicubic;
	}
	#varietyArea p.targetTbl img { width: auto\9; } /* ie8 */
	.backstretch img {
		opacity:0;
		filter: alpha(opacity=0) !important;
		-ms-filter: "alpha(opacity=0)";
	}
	#loadingArea {
		position: static;
		width: 100% !important;
		height: 150px !important;
		margin: 0;
		z-index: auto;
	}
	.d_smp .backstretch:after,
	.d_tablet .backstretch:after {
		display: none;
	}
}


@media screen and (max-width:480px) {
	#siteTop #main .masonryBox.bukkenHead .boxInner {	padding-bottom: 100px; }
	#siteTop #main .bukkenInfo .colName {	height: 57px; }
	#siteTop #main .bukkenInfo .colAccess {	height: 132px; }
}