@charset "utf-8";

/*============================================================================================
サニタリー　start
index.html
============================================================================================*/

#equipContainer #headTitBox {
	margin-top: 0;
	padding-top: 40px;
}

#equipContainer #copyContent {max-width: 100%; padding-bottom: 80px; }

h3.equipSubTit {
	margin: 60px auto;	
	text-align: center;
}

#equipContainer #copyContent h4 {
	width: 100%;
}

#equipContent {
	margin: 0 auto;
	padding-bottom: 80px;
	width: 100%;
	height: auto;
	max-width: 960px;
}

#equipContent p {
	font-size: 13px;
	line-height: 17px;
	color: #333;
}

#equipContent p.notice {
	margin: 10px auto 20px;
	width: 960px;
	height: auto;
	color: #aaa;
	line-height: 17px;
	font-size: 10px;
}

#equipContent h4 {
	margin-top: 40px;
	padding-bottom: 5px;
	text-align: left;
	margin-bottom: 30px;
	border-bottom: 1px solid #003a36;
}

#equipContent h5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

#ameContents5Wrap .imgBox { margin-top: 20px; }
#equipContent h4.equipH4None { border-bottom: none; margin-bottom: 10px; padding-bottom: 0; }
#equipContent .ameContents1L h4.equipH4None,
#equipContent .ameContents4L h4.equipH4None,
#equipContent .ameContents4R h4.equipH4None { margin-top: 40px; margin-bottom: 10px; }
/* キッチン */
.kitSec {
	margin-left: 40px;
	width: 210px;
	float: left;
}

.kitItemBox {
	margin-top: 40px;
}

.kitSec p {
	font-size: 13px;
	line-height: 17px;
}

#kitSec01,
#kitSec05 {
	margin-left: 0;
}


#kitSec05,
#kitSec06,
#kitSec07,
#kitSec08 {
	margin-top: 40px;
}

/* サニタリー */
.saniSec {
	width: 210px;
	height: auto;
	float: left;
}
.saniImg01 {
	width: 460px;
	height: auto;
	float: left;
}

.saniItemBox {
	width: 460px;
	float: right;
}
.saniSec p {
	font-size: 13px;
	line-height: 17px;
}
#saniSec02,
#saniSec04,
#saniSec06 {
	margin-left: 40px;
}
#saniSec03,
#saniSec04,
#saniSec05,
#saniSec06 {
	margin-top: 40px;
}

#footNavi { margin-top: 0px; }
/*============================================================================================
サニタリー　end
index.html
============================================================================================*/


/*============================================================================================
エコロジー　start
index2.html
============================================================================================*/

div.ecoConImg01Box {
	margin-top: 40px;
	margin-bottom: 40px;
}

/* コンテンツ2 */
#ecoContents2Wrap { margin-bottom: 40px; }

.ecoContents2L {
	width: 460px;
	float: left;
}
.ecoContents2R {
	width: 460px;
	float: right;
}
#ecoContents2Wrap div.imgBox { margin-top: 20px; }
/* 注釈1 */
#equipContent #ecoContents2Wrap p.anno {
	margin-top: 20px;
	font-size: 10px;
	line-height: 14px;
	color: #777;
}

/* コンテンツ3 */
#ecoContents3Wrap { margin-bottom: 40px; }

.ecoContents3L {
	width: 420px;
	float: left;
}
.ecoContents3R {
	width: 500px;
	float: right;
}
#ecoContents3Wrap div.imgBox { margin-top: 20px; }
/* 注釈1 */
#equipContent #ecoContents3Wrap p.anno {
	margin-top: 20px;
	font-size: 10px;
	line-height: 14px;
	color: #777;
}

.ecoContents3R .imgBox {
	width: 304px;
	float: left;
}
.ecoContents3R .anno {
	width: 166px;
	float: right;
}
#equipContent #ecoContents3Wrap .eco3Down { margin-top: 40px }

/* コンテンツ4 */
#eco #equipContent p.anno {
	margin-bottom: 40px;
	font-size: 10px;
	line-height: 14px;
}
.ecoContents4L {
	width: 300px;
	height: auto;
	float: left;
	margin-left: 30px;
}
.ecoContents4L:first-child { margin-left: 0; }

.ecoContents4L p { margin-top: 10px; }


/* コンテンツ5 */
#ameContents5Wrap {	margin-top: 20px; margin-bottom: 40px; }
#ameContents5Wrap .pointBox { margin-top: 20px; }
#ameContents5Wrap .ameContents5L {
	margin-left: 18px;
	width: 308px;
	float: left;
}
#ameContents5Wrap .ameContents5L:first-child { margin-left: 0; }

/* コンテンツ6 */
#ameContents6Wrap h5 {
	margin-top: 20px;
	margin-bottom: 20px;
}

#ameContents6Wrap .ameContents6L { float: left; }
#ameContents6Wrap .ameContents6R { float: right; }

/*============================================================================================
エコロジー　end
index2.html
============================================================================================*/


/*============================================================================================
アメニティ　start
index3.html
============================================================================================*/
/* コンテンツ1 */
.ameContents1L {
	margin-left: 30px;
	width: 300px;
	float: left;
}
.ameContents1L:first-child { margin-left: 0; }
.ameContents1L p { margin-top: 10px; }


#ameContents2Wrap {
	margin: 0 auto 40px;
	width: 100%;
	max-width: 630px;
}

/* コンテンツ2 */
#ameContents3Wrap {
	margin-bottom: 40px;
}
.ameContents3L {
	width: 470px;
	float: left;
}
.ameContents3R {
	margin-top: 40px;
	width: 460px;
	float: right;
}
.ameContents3L .imgBox {
	margin-top: 20px;
}
.ameContents4L p {
	margin-bottom: 30px;
}

#ameContents3Wrap {
	margin-bottom: 40px;
}
.ameContents4L {
	width: 460px;
	float: left;
}
.ameContents4R {
	width: 460px;
	float: left;
}

/*============================================================================================
アメニティ　end
index3.html
============================================================================================*/



@media screen and (max-width: 960px) {
#equipContent { max-width: 100%; }

/*============================================================================================
サニタリー　start
index.html
============================================================================================*/

.kitItemBox { margin-left: auto; margin-right: auto; width: 90%; }

.kitImg01 { width: 100%; }
.kitImg01 img { width: 100%; }

.kitSec { margin-left: 5%; width: 30%; }
.kitSec img { width: 100%; }

#kitSec04 { margin-left: 0; margin-top: 40px; }
#kitSec05 { margin-left: 5%; }
#kitSec07 { margin-left: 0; }

/* サニタリー */
.saniImg01 { width: 48%; }
.saniImg01 img { width: 100%; height: auto; }

.saniItemBox { width: 48%; }
.saniSec { width: 48%; }
.saniSec img { width: 100%; }

#saniSec02, #saniSec04, #saniSec06 { margin-left: 4%; }
/*============================================================================================
サニタリー　end
index.html
============================================================================================*/

/*============================================================================================
エコロジー　start
index2.html
============================================================================================*/
h3.equipSubTit { width: 90%; }
h3.equipSubTit img { width: 100%; }
#eco #equipContent { margin: 0 auto; max-width: 90%; overflow: hidden; }
div.ecoConImg01Box img { width: 100%; }

/* コンテンツ2 */
#ecoContents2Wrap img { width: 100%; }
.ecoContents2L { width: 38%; }
.ecoContents2R { width: 58%; }

/* コンテンツ3 */
.ecoContents3L { width: 48%; }
.ecoContents3R { width: 48%; }
.ecoContents3R .imgBox { width: 58%; }
.ecoContents3R .anno { width: 38%; }
.ecoContents3L .imgBox img { width: 100%; }
.ecoContents3R .imgBox img { width: 100%; }
#equipContent #ecoContents3Wrap .eco3Down img { width: 100%; }

/* コンテンツ4 */
#ecoContents4Wrap h4 img { width: 100%; }
#ecoContents4Wrap .imgBox img {	width: 100%; }
.ecoContents4L {
	width: 32%;
	margin-left: 2%;
}
#eco p.anno {
	margin-top: 20px;
	font-size: 10px;
	line-height: 14px;
	color: #777;
}

/*============================================================================================
エコロジー　end
index2.html
============================================================================================*/


/*============================================================================================
アメニティー　start
index3.html
============================================================================================*/
.ameContents1L { width: 32%; margin-left: 2%; }
.ameContents1L img { width: 100%; }
#ameContents2Wrap { max-width: 100%; }
#ameContents2Wrap .ameContents1L:first-child { padding-left: 17%; }

.ameContents3L { width: 48%; }
.ameContents3L img { width: 100%; }
.ameContents3R { width: 48%; }
.ameContents3R img { width: 100%; }

.ameContents4L { width: 48%; }
.ameContents4L img { width: 100%; }
.ameContents4R { width: 48%; }
.ameContents4R img { width: 100%; }

#ameContents5Wrap .ameContents5L {
	margin-left: 2%;
	width: 32%;
}
#ameContents5Wrap .ameContents5L img { width: 100%; }

#ameContents6Wrap h5 { width: 90%; }
#ameContents6Wrap h5 img { width: 90%; }
#ameContents6Wrap .ameContents6L { width: 48%; }
#ameContents6Wrap .ameContents6L img { width: 100%; }
#ameContents6Wrap .ameContents6R { width: 48%; }
#ameContents6Wrap .ameContents6R img { width: 100%; }


/*============================================================================================
アメニティー　end
index3.html
============================================================================================*/

}

@media screen and (max-width: 640px) {
/*============================================================================================
サニタリー　start
index.html
============================================================================================*/
.kitSec { width: 48%; margin-left: 4%; }
#kitSec03 {	margin-left: 0; margin-top: 40px; }
#kitSec04 { margin-left: 4%; }
#kitSec05 { margin-left: 0; }

/* サニタリー */
.saniImg01 { width: 100%; float: none; }
.saniItemBox { margin: 4% auto; width: 90%; float: none; }
/*============================================================================================
サニタリー　start
index.html
============================================================================================*/


/*============================================================================================
エコロジー　start
index2.html
============================================================================================*/
/* コンテンツ2 */
.ecoContents2L {
	width: 100%;
	float: none;
}
.ecoContents2R {
	width: 100%;
	float: none;
}
#ecoContents2Wrap div.imgBox { margin: 20px auto 0; width: 90%; }

/* コンテンツ3 */
.ecoContents3L {
	width: 100%;
	float: none;
}
.ecoContents3R {
	width: 100%;
	float: none;
}

/* コンテンツ4 */
.ecoContents4L {
	width: 100%;
	float: none;
}


/*============================================================================================
エコロジー　end
index2.html
============================================================================================*/

/*============================================================================================
アメニティー　start
index3.html
============================================================================================*/
#ameContents5Wrap h4.equipH4None { width: 100%; }
#ameContents5Wrap h4.equipH4None img { width: 100%; }
/*============================================================================================
アメニティー　end
index3.html
============================================================================================*/


}
@media screen and (max-width: 480px) {
h3.equipSubTit { width: 100%; }
/*============================================================================================
アメニティー　start
index3.html
============================================================================================*/
.ameContents1L {
	width: 300px;
	margin-top: 6%; 
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.ameContents1L:first-child { margin-left: auto; }
#ameContents2Wrap .ameContents1L:first-child { margin-top: 0; margin-left: auto; padding-left: 0; }

#ameContents2Wrap { margin-left: 0; margin-top: 6%; }

.ameContents3L { width: 100%; float: none; }
.ameContents3R { width: 100%; float: none; }

.ameContents4L { width: 100%; float: none; }
.ameContents4R { width: 100%; float: none; }
.ameContents4L img { width: auto; }
.ameContents4R img { width: auto; }

#ameContents5Wrap .ameContents5L { width: 308px; }
#ameContents5Wrap .ameContents5L {
	margin-top: 4%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
#ameContents5Wrap .ameContents5L:first-child { margin-left: auto; margin-top: 0; }
/*============================================================================================
アメニティー　end
index3.html
============================================================================================*/

}