@charset "UTF-8";

/*** product-lineup ***/

/* カテゴリタイトル(基本設定：common.css) */
@media only screen and (max-width: 767px) {
.product-lineup #category-head-frame2p {
	background: url(../product-lineup/outer-wall/images/sp/category-head.jpg) no-repeat center bottom;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
.product-lineup #category-head-group2p h1 {
	background: url(../product-lineup/outer-wall/images/head.png) no-repeat center;
	height: 80px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
}
@media print, screen and (min-width: 768px) {
.product-lineup #category-head-frame2p {
	background: url(../product-lineup/outer-wall/images/pc/category-head.jpg) no-repeat center;
}
.product-lineup #category-head-group2p h1 {
	background: url(../product-lineup/outer-wall/images/head.png) no-repeat 0 0;
	width: 320px;
	height: 108px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
}

/* カテゴリキャッチ(基本設定：common.css) */
@media only screen and (max-width: 767px) {
.tree #category-catch-frame {
	width: 100%;
	background: #fff;
	padding: 7.2% 0 5.4%;
}
.tree #category-catch-group { /* 画像幅/600(%) */
	width: 94.667%;
}
.tree #category-catch-group h2 {
	background: url(../product-lineup/outer-wall/images/sp/catch.png) no-repeat center;
	padding: 22.535% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
}
@media print, screen and (min-width: 768px) {
.tree #category-catch-frame {
	width: 100%;
	background: #fff;
	padding: 74px 0 36px;
}.tree #category-catch-group h2 {
	background: url(../product-lineup/outer-wall/images/pc/catch.png) no-repeat 0 0;
	width: 737px;
	height: 70px;
}
}

/* コンテンツ設定 */
@media only screen and (max-width: 767px) {
#outer-wall-index .outer-wall-detail-group {
	width: 100%;
	background: #fff;
	padding: 0 0 9.6%;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group2 {
	width: 100%;
	background: #f0ece2;
	padding: 9.6% 0;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group3 {
	width: 100%;
	background: #fff;
	padding: 9.6% 0 12.4%;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group4 {
	width: 100%;
	background: #ab8b41;
	padding: 9.6% 0;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group-inner,
#outer-wall-index .outer-wall-detail-group2-inner,
#outer-wall-index .outer-wall-detail-group3-inner,
#outer-wall-index .outer-wall-detail-group4-inner {
	width: 94%;
	margin: 0 auto;
}

#outer-wall-index .outer-wall-detail-box h3,
#outer-wall-index .outer-wall-detail-box h4,
#outer-wall-index .outer-wall-detail-box h5,
#outer-wall-index .outer-wall-detail-box p {
	padding: 0;
	margin: 0;
}
#outer-wall-index .outer-wall-detail-box img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

#outer-wall-index .outer-wall-detail-group .outer-wall-detail-box .photo {
	width: 100%;
	margin: 0 auto 3.6%;
}
#outer-wall-index .outer-wall-detail-group .outer-wall-detail-box .detail {
	width: 100%;
	line-height: 1.8em;
	text-align: left;
	margin: 0 auto;

}


#outer-wall-index .outer-wall-detail-group2 h3 {
	width: 85.333%;
	display: block;
	background: url(../product-lineup/outer-wall/images/sp/t-detail02.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 14.667% 0 0; /* w100% = 17.188% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 auto 5.4%;
}
#outer-wall-index .outer-wall-detail-group2 .point-box {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 100%;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group2 .point-box p {
	float: left;
	width: 48.6%;
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	margin: 0;
}
#outer-wall-index .outer-wall-detail-group2 .point-box p#point01 {
	background: url(../product-lineup/outer-wall/images/detail02-point01.png) no-repeat 0 0;
	padding: 55.103% 0 0; /* w100% = 113.38% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 25.7% 4.8%;
}
#outer-wall-index .outer-wall-detail-group2 .point-box p#point02 {
	background: url(../product-lineup/outer-wall/images/detail02-point02.png) no-repeat 0 0;
	padding: 55.103% 0 0; /* w100% = 113.38% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#outer-wall-index .outer-wall-detail-group2 .point-box p#point03 {
	float: right;
	background: url(../product-lineup/outer-wall/images/detail02-point03.png) no-repeat 0 0;
	padding: 55.103% 0 0; /* w100% = 113.38% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}


#outer-wall-index .outer-wall-detail-group3 h3 {
	display: block;
	background: url(../product-lineup/outer-wall/images/sp/t-detail03.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 12.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 auto 5.4%;
}
#outer-wall-index .outer-wall-detail-group3 .system-box {
	display: block;
	background: url(../product-lineup/outer-wall/images/sp/detail03.png) no-repeat 0 0;
	padding: 155.156% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 auto 9.6%;
}
#outer-wall-index .outer-wall-detail-group3 .system-box p {
	overflow: hidden;
	height: 0px;
}
#outer-wall-index .outer-wall-detail-group3 .nano-box {
	display: block;
	background: #ddecff;
	width: 100%;
	padding: 9.6% 5.4% 7.2%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group3 .nano-box h4 {
	width: 52.833%;
	display: block;
	background: url(../product-lineup/outer-wall/images/sp/t-detail03-nano.png) no-repeat center top;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 5.833% 0 0; /* w100% = 11.041% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 auto 5.4%;
}
#outer-wall-index .outer-wall-detail-group3 .nano-box p {
	line-height: 1.8em;
	text-align: center;
}


#outer-wall-index .outer-wall-detail-group4 h3 {
	display: block;
	background: url(../product-lineup/outer-wall/images/sp/t-detail04.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 12.667% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 auto 7.2%;
}
#outer-wall-index .outer-wall-detail-group4 .power-box {
	width: 100%;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group4 .power-point-box {
	width: 100%;
	margin: 0 auto 6.4%;
}
#outer-wall-index .outer-wall-detail-group4 .power-point-box h5 {
	font-size: 1.0em;
	line-height: 1.0em;
	color: #000;
	font-weight: bold;
	border-bottom: 2px solid #815c2a;
	padding: 0 0 0.4em;
	margin: 0 0 1.8%;
}
#outer-wall-index .outer-wall-detail-group4 .power-point-box p {
	line-height: 1.6em;
	color: #000;
}

#outer-wall-index .outer-wall-detail-group4 .power-box .column-box {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 100%;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group4 .power-point-box .column-box .photo {
	float: left;
	width: 33.33%;
}
#outer-wall-index .outer-wall-detail-group4 .power-point-box .column-box .detail {
	float: right;
	width: 62%;
}
}

@media print, screen and (min-width: 768px) {
#outer-wall-index .outer-wall-detail-group {
	width: 100%;
	background: #fff;
	padding: 0 0 60px;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group2 {
	width: 100%;
	background: #f0ece2;
	padding: 74px 0 90px;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group3 {
	width: 100%;
	background: #fff;
	padding: 74px 0 96px;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group4 {
	width: 100%;
	background: #ab8b41;
	padding: 56px 0;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group-inner,
#outer-wall-index .outer-wall-detail-group2-inner,
#outer-wall-index .outer-wall-detail-group3-inner,
#outer-wall-index .outer-wall-detail-group4-inner {
	width: 940px;
	margin: 0 auto;
}

#outer-wall-index .outer-wall-detail-box h3,
#outer-wall-index .outer-wall-detail-box h4,
#outer-wall-index .outer-wall-detail-box h5,
#outer-wall-index .outer-wall-detail-box p {
	padding: 0;
	margin: 0;
}
#outer-wall-index .outer-wall-detail-box img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

#outer-wall-index .outer-wall-detail-group .outer-wall-detail-box .photo {
	width: 680px;
	margin: 0 auto 40px;
}
#outer-wall-index .outer-wall-detail-group .outer-wall-detail-box .detail {
	width: 800px;
	font-size: 20px;
	line-height: 1.8em;
	text-align: center;
	margin: 0 auto;
}


#outer-wall-index .outer-wall-detail-group2 h3 {
	display: block;
	background: url(../product-lineup/outer-wall/images/pc/t-detail02.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 861px;
	height: 31px;
	margin: 0 auto 34px;
}
#outer-wall-index .outer-wall-detail-group2 .point-box {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 100%;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group2 .point-box p {
	float: left;
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 284px;
	height: 322px;
	margin: 0 44px 0 0;
}
#outer-wall-index .outer-wall-detail-group2 .point-box p#point01 {
	background: url(../product-lineup/outer-wall/images/detail02-point01.png) no-repeat 0 0;
}
#outer-wall-index .outer-wall-detail-group2 .point-box p#point02 {
	background: url(../product-lineup/outer-wall/images/detail02-point02.png) no-repeat 0 0;
}
#outer-wall-index .outer-wall-detail-group2 .point-box p#point03 {
	background: url(../product-lineup/outer-wall/images/detail02-point03.png) no-repeat 0 0;
	margin: 0;
}


#outer-wall-index .outer-wall-detail-group3 h3 {
	display: block;
	background: url(../product-lineup/outer-wall/images/pc/t-detail03.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 940px;
	height: 54px;
	margin: 0 auto 64px;
}
#outer-wall-index .outer-wall-detail-group3 .system-box {
	display: block;
	background: url(../product-lineup/outer-wall/images/pc/detail03.png) no-repeat 0 0;
	width: 940px;
	height: 546px;
	margin: 0 auto 60px;
}
#outer-wall-index .outer-wall-detail-group3 .system-box p {
	overflow: hidden;
	height: 0px;
}
#outer-wall-index .outer-wall-detail-group3 .nano-box {
	display: block;
	background: #ddecff;
	width: 940px;
	padding: 64px 100px 54px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group3 .nano-box h4 {
	display: block;
	background: url(../product-lineup/outer-wall/images/pc/t-detail03-nano.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 267px;
	height: 29px;
	margin: 0 auto 30px;
}
#outer-wall-index .outer-wall-detail-group3 .nano-box p {
	font-size: 16px;
	line-height: 2.6em;
	text-align: center;
}


#outer-wall-index .outer-wall-detail-group4 h3 {
	display: block;
	background: url(../product-lineup/outer-wall/images/pc/t-detail04.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 940px;
	height: 54px;
	margin: 0 auto 50px;
}
#outer-wall-index .outer-wall-detail-group4 .power-box {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 100%;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group4 .power-point-box:nth-child(odd) {
	float: left;
	width: 450px;
	margin: 0 0 36px;
}
#outer-wall-index .outer-wall-detail-group4 .power-point-box:nth-child(even) {
	float: right;
	width: 450px;
	margin: 0 0 36px;
}

#outer-wall-index .outer-wall-detail-group4 .power-point-box h5 {
	font-size: 18px;
	line-height: 1.0em;
	color: #000;
	font-weight: bold;
	border-bottom: 2px solid #815c2a;
	padding: 0 0 6px;
	margin: 0 0 16px;

}
#outer-wall-index .outer-wall-detail-group4 .power-point-box p {
	font-size: 16px;
	line-height: 1.8em;
	color: #000;
}

#outer-wall-index .outer-wall-detail-group4 .power-box .column-box {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 100%;
	margin: 0 auto;
}
#outer-wall-index .outer-wall-detail-group4 .power-point-box .column-box .photo {
	float: left;
	width: 200px;
}
#outer-wall-index .outer-wall-detail-group4 .power-point-box .column-box .detail {
	float: right;
	width: 240px;
}
}