@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. モジュール
　99. 住宅展示場に関するコンテンツ
　99. フッター部分都道府県一覧

******************************************************************************* */



/* ==

　01. モジュール

=============================================================================== */
#container { padding-bottom:0; }


.tjLead01_txt{
	max-width: 1320px;
	line-height: 1.8;
	margin: -20px auto 90px;
	text-align: center;
	font-size: 1.25vw;
	font-size: 18px;
}
@media only screen and (max-width: 1440px) {
	.tjLead01_txt{ font-size:1.25vw; }
}
@media only screen and (max-width: 970px) {
	.tjLead01_txt{ font-size:12px; }
}



/* 展示
------------------------------------------------------------------------------- */
.sCol02_item {
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.sCol02_item-show:nth-child(3n) {
	margin-right: 3.86%;
}
.sCol02_item-show:nth-child(1),
.sCol02_item-show:nth-child(2),
.sCol02_item-show:nth-child(3) {
	margin-top: 40px;
}
.sCol02_item-hide {
	opacity: 0;
	transform: scale(0.7, 0.7);
}
.sCol02_item-show {
	opacity: 1;
	transform: scale(1, 1);
}
.sCol02_item-show.sCol02_item-right {
	margin-right: 0;
}

.sCol02_img {
	background-color: #e3e3e3;
}
.sCol02_img a{
	display: table;
 table-layout: fixed;
	width: 100%;
	line-height: 1;
	font-size: 0;
}
.sCol02_img span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	transition: all 0.15s ease-in-out;
}
.sCol02_img img {
	width: auto;
	max-height: 100%;
}
.sCol02_data {
	line-height: 2;
	margin: 32px 0 0;
	font-size: 100%;
	text-align: left;
}
.sCol02_data dt {
	float: left;
	width: 5em;
	margin: 0 5.91133% 0 0;
	text-align: right;
}
.sCol02_data dd {
	overflow: hidden;
}
.sCol02_map {
	display: inline-block;
	line-height: 15px;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	background: url(/jutaku/tenji/images/rn03/visit_ico01.png) left 2px no-repeat;
	color: #000;
	font-size: 82%;
	vertical-align: 1px;
}
.sCol02_list {
	padding: 2px 0 0;
	font-size: 100%;
}
.sCol02_list li {
	display: inline;
	margin: 6px 0 0 0;
}
.sCol02_list li:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 13px;
	margin: 0 8px;
	background-color: #727272;
	vertical-align: -2px;
}
.sCol02_list li:last-child:after {
	display: none !important;
}
.sCol02_btn {
	margin-top: 35px;
}
.sCol02_nomatch {
	display: none !important;
}
.sCol02_nomatch-show {
	display: block !important;
}
@media only screen and (max-width: 1440px) {
	#fnTenji {
		margin-top: -2.777vw;
	}
	.sCol02_item-show:nth-child(1),
	.sCol02_item-show:nth-child(2),
	.sCol02_item-show:nth-child(3) {
		margin-top: 2.777vw;
	}
}
@media only screen and (max-width: 970px) {
.sCol02_item-show:nth-child(1),
	.sCol02_item-show:nth-child(2),
	.sCol02_item-show:nth-child(3) {
		margin-top: 26px;
	}
}

.sCol02_btns{ clear: both; }



/* ==

　99. 住宅展示場に関するコンテンツ

=============================================================================== */
#tjPoint .sCol02_in{
	padding:50px 20px 70px;
}


/* ==

　99. フッター部分都道府県一覧

=============================================================================== */
#container .tjArea_in {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding:60px 0;
	z-index: 1 !important;
}
#container .tjArea_in:after{ content:''; display:block; clear:both; }

#container .tjArea-pref {
	margin-top:-100px;
	background-color: #191919;
	zoom:1;
	clear:both;
}
#container .tjArea-pref:after{ content:''; display:block; clear:both; }

#container .tjPref {
	line-height: 1.1;
	color: #999;
}
#container .tjPref_parent {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	background: url(../../images/rn03/ico_line01.png) right center no-repeat;
	font-size: 85%;
	font-weight: bold;
}
#container .tjPref li {
	float: left;
	margin: 0 35px 9px 0;
	white-space: nowrap;
}
#container .tjPref a {
	color: #999;
	text-decoration: none;
}
#container .tjPref a:hover {
	text-decoration: underline;
}
#container .tjPref_child {
	float: left;
	line-height: 1.1;
	font-size: 85%;
}
#container .tjPref_child li {
	float: left;
	margin: 0 13px 5px 0;
	white-space: normal;
}
*:first-child+html #container .tjPref li {
	width: 85%;
} /* IE7 */
*:first-child+html #container .tjPref_child li {
	width: auto;
} /* IE7 */




