@charset "UTF-8";

/* 基本スタイルリセット
------------------------------------------------------------------------------- */
#mainContents h2,
#mainContents h3,
#mainContents h4 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

/* テキストモジュール
------------------------------------------------------------------------------- */
#mainContents .moduleTxt {
	width: 540px;
	margin: 0 auto;
	padding: 50px 0 40px;
	text-align: left;
}
#mainContents .moduleTxt h3 {
	margin-bottom: 22px;
	font-size: 167%;
	font-weight: normal;
	color: #fff;
}
#mainContents .moduleTxt .subTit {
	margin-bottom: 7px;
	color: #666;
}
#mainContents .moduleTxt p {
	line-height: 1.7;
	color: #fff;
}
@media only screen and (max-width: 600px) {
	#mainContents .moduleTxt {
		width: auto;
		padding: 35px 10px 25px;
	}
	#mainContents .moduleTxt {
		padding-right: 20px;
		padding-left: 20px;
	}
	#mainContents .moduleTxt h3 {
		font-size: 145.85%;
	}
}

/* グリッドモジュール
------------------------------------------------------------------------------- */
#mainContents .bgWrap {
	padding: 0 20px;
	background: url(../images/module_bg_01.jpg) left top repeat;
}
#mainContents .moduleGrid {
	padding: 45px 0;
	color: #fff;
}
* html #mainContents .moduleGrid { /* IE6 */
	padding:  0;
}
#mainContents .moduleGrid .gridTxt {
	float: left;
	width: 49.99999999%; 
}
#mainContents .moduleGrid .gridImg {
	float: right;
	width: 49.99999999%;
}
#mainContents .moduleGrid.opReverse .gridTxt {
	float: right;
}
#mainContents .moduleGrid.opReverse .gridImg {
	float: left;
}
* html #mainContents .moduleGrid .gridTxt,
* html #mainContents .moduleGrid .gridImg { /* IE6 */
	padding: 45px 0;
}
#mainContents .moduleGrid .indentIn {
	padding: 7%;
}
#mainContents .moduleGrid .opBusy {
	padding: 2% 7% 0;
}
* html #mainContents .moduleGrid .indentIn { /* IE6 */
	padding: 25px;
}
#mainContents .moduleGrid.lastGrid {
	margin-bottom: 40px;
	border-bottom: 1px solid #333;
}
#mainContents .moduleGrid h2 {
	line-height: 1.3;
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #838282;
	color: #fff;
	font-size: 167%;
	font-weight: normal;
}
* html #mainContents .moduleGrid h2 { /* IE6 */
	zoom: 1;
}
#mainContents .moduleGrid .imgTit {
	line-height: 1;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
#mainContents .moduleGrid .noneLine {
	border-bottom: none;
	padding-bottom: 0;
}
#mainContents .moduleGrid p {
	line-height: 1.7;
}
#mainContents .moduleGrid .moduleIcoTit {
	position: relative;
}
#mainContents .moduleIco {
	position: absolute;
	right: 0;
	bottom: 0;
}
* html #mainContents .moduleGrid .movieBtn { /* IE6 */
	width: 100%;
	height: auto;
}
* html #mainContents .moduleGrid .moduleIco { /* IE6 */
	display: none;
}

@media only screen and (max-width: 949px) {
	#mainContents .moduleGrid .moduleIcoTit {
		padding-right: 101px;
	}
	#mainContents .moduleIco img {
		width: 100px;
	}
	#mainContents .moduleGrid.opTablet .gridTxt,
	#mainContents .moduleGrid.opTablet .gridImg {
		float: none;
		width: 100%;		
	}
	#mainContents .moduleGrid.opTablet {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	#mainContents .moduleGrid.opTablet .gridTxt {
		padding-bottom: 25px;
	}
	#mainContents .moduleGrid.opTablet .movieBtn {
		width: 448px;		
	}
	#mainContents .moduleGrid.opTablet .indentIn,
	#mainContents .moduleGrid.opTablet .opBusy {
		padding: 0;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .bgWrap {
		padding: 0 10px;
	}
	#mainContents .moduleGrid .moduleIcoTit {
		padding-right: 0;
	}
	#mainContents .moduleIco {
		display: none;
	}
	#mainContents .moduleGrid {
		padding: 35px 10px;
		color: #fff;
	}
	#mainContents .moduleGrid .gridTxt,
	#mainContents .moduleGrid .gridImg {
		float: none;
		width: 100%;
	}
	#mainContents .moduleGrid .gridTxt {
		padding-bottom: 25px;
	}
	#mainContents .moduleGrid .movieBtn {
		width: 448px;		
	}
	#mainContents .moduleGrid .indentIn,
	#mainContents .moduleGrid .opBusy {
		padding: 0;
	}
	#mainContents .moduleGrid h2 {
		line-height: 1.5;
		font-size: 145.85%;
	}
}
@media only screen and (max-width: 510px) {
	#mainContents .moduleGrid .movieBtn,
	#mainContents .moduleGrid.opTablet .movieBtn {
		width: 100%;		
	}
}

/* ボタンモジュール
------------------------------------------------------------------------------- */
#mainContents .moduleBtn {
	width: 1240px;
	margin: 40px auto 50px;
}
* html #mainContents .moduleBtn { /* IE6 */
	width: 980px;
}
#mainContents .moduleBtn .col1,
#mainContents .moduleBtn .col2,
#mainContents .moduleBtn .col3 {
	float: left;
	width: 400px;
	margin-right: 20px;
}
* html #mainContents .moduleBtn .col1,
* html #mainContents .moduleBtn .col2,
* html #mainContents .moduleBtn .col3 { /* IE6 */
	width: 32.4%;
	margin-right: 1.2%;
}
* html #mainContents .moduleBtn img { /* IE6 */
	width: 100%;
	height: auto;
}
#mainContents .moduleBtn .col3 {
	margin-right: 0;
}
* html #mainContents .moduleBtn .col3 { /* IE6 */
	margin-right: 0;
}
@media only screen and (max-width: 1280px) {
	#mainContents .moduleBtn {
		width: auto;
		margin: 40px 0 50px;
	}
	#mainContents .moduleBtn .col1,
	#mainContents .moduleBtn .col2,
	#mainContents .moduleBtn .col3 {
		width: 32.4%;
		margin-right: 1.2%;
	}
	#mainContents .moduleBtn .col3 {
		margin-right: 0;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .moduleBtn {
		margin: 30px 0 40px;
	}
	#mainContents .moduleBtn .col1,
	#mainContents .moduleBtn .col2,
	#mainContents .moduleBtn .col3 {
		width: 48.9%;
		margin: 0 1.9% 10px 0;
		text-align: center;
	}
	#mainContents .moduleBtn .col2 {
		margin-right: 0;
	}
	#mainContents .moduleBtn .col3 {
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 480px) {
	#mainContents .moduleBtn {
		width: 260px;
		margin-right: auto;
		margin-left: auto;
	}
	#mainContents .moduleBtn .col1,
	#mainContents .moduleBtn .col2,
	#mainContents .moduleBtn .col3 {
		float: none;
		width: auto;
		margin: 0 0 20px;
		text-align: center;
	}
	#mainContents .moduleBtn .col3 {
		margin-bottom: 0;
	}
}


/* 空間提案
------------------------------------------------------------------------------- */
.fadeInOut {
	width: 100%;
}
.fadeInOut li {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

/* 空間提案
------------------------------------------------------------------------------- */
#mainContents .backstretch p {
	margin-bottom: 0;
}
#mainContents .lastExpand {
	margin-bottom: 40px;
	border-bottom: 1px solid #333;
}

/* 外観・内観
------------------------------------------------------------------------------- */
#mainContents .gaikan-icon {
	bottom: 76px;
	position: relative;
	width: 100%;
}
#mainContents .gaikan-icon h1 {
	margin: 0;
	padding: 0;
	font-size:18px;
	line-height:22px;
	color:white;
}
@media only screen and (max-width: 949px) {
	#mainContents .gaikan-icon {
		bottom: 60px;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .gaikan-icon {
		background: url(/jutaku/img/icon-top-mobile.png) repeat-x;
		height: 52px;
		position: absolute;
		top: 0;
		width: 100%;
		position:absolute;
		background-size: cover;
		-moz-background-size: cover;  /* Firefox 3.6 */
		background-position: center;  /* Internet Explorer 7/8 */
	}
	#mainContents .graphImg {
		margin-right: -130px;
		margin-left: -130px;
	}
}

/* デザイナーズ
------------------------------------------------------------------------------- */
#mainContents .designers {
	padding: 0;
}
@media only screen and (max-width: 600px) {
	#mainContents .designers {
		padding: 0;
	}
	#mainContents .designers .indentIn {
		padding: 35px 20px 10px;
	}
}
* html #mainContents .designers .gridTxt,
* html #mainContents .designers .gridImg { /* IE6 */
	padding: 0;
}

/* 外観・内観
------------------------------------------------------------------------------- */
#gallery-1.waitShow,
#gallery-2.waitShow {
	display: none;
}

/* スペシャルページ導線スタイル
------------------------------------------------------------------------------- */
.sublinks {
	position: relative;
}
.specialNav {
	position: absolute;
	top: 8px;
	right: 0;
	line-height: 1;
	font-size: 12px;
}
.specialBnr {
	padding: 50px 20px;
	background-color: #111;
	text-align: center;
}
.specialBnr .tablet-desktop {
	display: inline;
}
@media only screen and (max-width: 600px) {
	.specialBnr {
		padding: 30px 10px;
	}
	.specialBnr a {
		display: block;
		max-width: 300px;
		margin: 0 auto;
	}
	.specialBnr .tablet-desktop {
		display: none;
	}
	.specialBnr .mobile {
		display: inline;
	}
}