@charset "UTF-8";

img { width:auto; max-width:100%; height:auto; }

.clearFix { overflow:hidden; }
.clearFix:after { display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1; }  
.spText { }


#wPowerWrapper { width:100%; max-width:960px; margin:0 auto 40px auto; }
#wPower { background:url(../../equipment/img/img_quality_01.png) top center / 100% 100% no-repeat; position:relative; padding:79.37% 0 0 0; }
#wPower a { display:block; position:absolute; left:7.81%; bottom:2.15%; width:84.375%; }

#equipContent { box-sizing:border-box; width:100%; background:#fff; padding:20px; color:#404040; }
#equipContent h2 { margin:0 0 40px 0 }

#facilityBox { margin:0 auto 80px auto  }
#facilityBox > h3 { width:100%; max-width:390px; margin:0 auto 40px auto; }
#facilityBox > h4 { text-align:center; position:relative; margin:0 auto 40px auto; }
#facilityBox > h4::before { content:''; display:block; position:absolute; z-index:1; width:100%; height:2px; border-top:#000 solid 3px; border-bottom:#000 solid 1px; left:0; top:calc(50% - 3px); }
#facilityBox > h4::after { content:''; display:block; left:calc(50% - 80px); top:0; position:absolute; background:#fff; height:100%; width:160px; z-index:2; }
#facilityBox > h4 img { display:block; width:100%; max-width:150px; margin:0 auto; position:relative; z-index:3; }

/* KITCHEN */
/* #facility > .subTitle::before, 
#facility > .subTitle::after { width:calc(50% - 2em);} */

.subTitle { display:block; font-size:24px; font-weight:bold; margin:0 0 20px 0; padding:0 0 10px 0; text-align:center; background:#f1f1f1; }

/* EQUIPMENT COMMON */
.equipmentBox { box-sizing:border-box; padding:40px 30px; border:#000 solid 4px; position:relative; margin:0 auto 40px auto; }
.equipmentBox .corner { position:absolute; width:40px; height:40px; line-height:1; z-index:2  }
.equipmentBox .corner:nth-of-type(1) { background:#fff url(../img/common/bg_corner_01.png) center center / 100% 100% no-repeat; left:-4px; top:-4px; }
.equipmentBox .corner:nth-of-type(2) { background:#fff url(../img/common/bg_corner_02.png) center center / 100% 100% no-repeat; right:-4px; top:-4px; }
.equipmentBox .corner:nth-of-type(3) { background:#fff url(../img/common/bg_corner_03.png) center center / 100% 100% no-repeat; right:-4px; bottom:-4px; }
.equipmentBox .corner:nth-of-type(4) { background:#fff url(../img/common/bg_corner_04.png) center center / 100% 100% no-repeat; left:-4px; bottom:-4px; }
.equipmentBox > h4 { width:135px; margin:0 auto 10px auto; }
.equipmentBox > p { text-align:center; font-size:14px; color:#643e39; font-weight:bold; margin:0 auto 40px auto; }
.equipmentBox > p span { color:#017baf; display:inline-block; margin:0 1em 0 1em }

.equipmentBox a.pdfBtn { display:block; width:100%; max-width:425px; margin:40px auto 20px auto; cursor:pointer; }
.equipmentBox a.pdfBtn:hover { opacity:0.7; }

#lNavi2 { width:100%;  margin:0 auto 120px auto;  }
#lNavi2 img { width:100%; height:auto; }
#lNavi2 ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
#lNavi2 ul li { display:block; flex-grow:0; flex-shrink:1; flex-basis:calc( ( 100% - 30px ) / 7); }
#lNavi2 ul li a { display:block; }
#lNavi2 ul li a:hover { opacity:0.7; }

.eqContent img { width:100%; height:auto; }
.eqContent { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto 80px auto; }
.eqContent h3 { flex-grow:0;flex-shrink:1; flex-basis:100%; }
.eqContent .mainBox { flex-grow:0; flex-shrink:1; flex-basis:100%; margin:0 0 40px 0; }
.eqContent .mainBox h4 { font-size:24px; font-weight:bold; padding:0 0 0.5em 0; margin:0 0 1em 0; border-bottom:#000 solid 1px; line-height:1;  }
.eqContent .mainBox h4 sub { font-size:66.66%; vertical-align:text-bottom; }
.eqContent .mainBox h4 span { display:inline-block; vertical-align:text-bottom; margin:0 20px 0 0; line-height:1; }
.eqContent .mainBox h4 span img { width:auto; height:1.2em;}
.eqContent .mainBox p { display:block; font-size:14px; line-height:2em; margin:0 0 30px 0; }
.eqContent .mainBox p.caption { display:block; font-size:10px; text-align:left; margin:10px 0 0 0; }
.eqContent .mainBox .noteBox { display:block; padding:20px; background:#ffffcc;}
.eqContent .mainBox .noteBox h5 { font-size:18px; margin:0 0 10px 0; font-weight:bold; }
.eqContent .mainBox .noteBox p { font-size:14px; margin:0; }
.eqContent .eqBox { flex-grow:0; flex-shrink:1; flex-basis:calc( ( 100% - 30px ) / 4 ); margin:0 0 40px 0; }
.eqContent .downloadBtn {  flex-grow:0; flex-shrink:1; flex-basis:410px; margin:0 auto; }

.eqBox figure { margin:0 0 10px 0; position:relative; }
.eqBox h5 { font-size:16px; font-weight:bold; padding:0 0 0 15px;  position:relative; line-height:1.5em; margin:0 0 10px 0; }
.eqBox h5::before { content:''; display:block; width:5px; background:#666; height:100%; line-height:1; position:absolute; left:0; top:0; }
.eqBox h5 span { font-size:10px; display:inline-block; line-height:1.5em; vertical-align:text-bottom; }
.eqBox h5 sub { font-size:10px; line-height:1.5em; vertical-align:text-bottom; }
.eqBox p { font-size:14px; line-height:1.5em; }
.eqBox p span { font-size:10px; display:block; line-height:1.5em; }
.eqBox p sub { font-size:10px; line-height:1.5em; vertical-align:baseline; }


.photoBox .mainPhoto figure {padding:0; margin:0; }
.photoBox .subPhoto figure {padding:0; margin:0; }

/* AIR */
#air .photoBox { position:relative; margin:0 0 20px 0; }
#air .photoBox .mainPhoto { position:relative; z-index:2; }
#air .photoBox .subPhoto { position:absolute; z-index:3; }
#air .photoBox .subPhoto:nth-of-type(1) { width:22.5%; left:0; top:0; }
#air .photoBox .subPhoto:nth-of-type(2) { width:22.5%; right:0; top:0; }
#air .photoBox .subPhoto:nth-of-type(3) { width:16.04%; left:0; bottom:0; }
#air .photoBox .subPhoto:nth-of-type(4) { width:33.33%; right:0; bottom:0; }
#air .subTitle::before,
#air .subTitle::after { width:calc(50% - 5em);}

/* KITCHEN */
figure img { width:100%; height:auto; }
#kitchen figure { padding:0;}
#kitchen .photoBox { display:flex; flex-wrap:wrap; justify-content:space-between; }
#kitchen .photoBox .mainPhoto figure { padding:0; margin:0; }
#kitchen .photoBox .mainPhoto { flex-grow:0; flex-shrink:1; flex-basis:40.625%; }
#kitchen .photoBox .subPhoto { flex-grow:0; flex-shrink:1; flex-basis:58.33%;  }
#kitchen .photoBox .subPhoto figure:nth-of-type(1) { margin:0 0 14% 0;  }
#kitchen .photoBox .subPhoto figure:nth-of-type(2) { margin:0 0 0 0;  }
#kitchen .subTitle::before,
#kitchen .subTitle::after { width:calc(50% - 3em);}


/* BATHROOM */
#bathroom .photoBox { display:flex; flex-wrap:wrap; justify-content:space-between; }
#bathroom .photoBox .mainPhoto { flex-grow:0; flex-shrink:1; flex-basis:61%; }
#bathroom .photoBox .subPhoto { flex-grow:0; flex-shrink:1; flex-basis:36%;  }
#bathroom .subTitle::before,
#bathroom .subTitle::after { width:calc(50% - 3.5em);}

/* POWDERROOM */
#powderroom .photoBox { display:flex; flex-wrap:wrap; justify-content:space-between; }
#powderroom .photoBox .mainPhoto { flex-grow:0; flex-shrink:1; flex-basis:49.16%; }
#powderroom .photoBox .subPhoto { flex-grow:0; flex-shrink:1; flex-basis:49.27%;  }
#powderroom .subTitle::before,
#powderroom .subTitle::after { width:calc(50% - 3em);}


/* RESTROOM */
#restroom .subTitle::before,
#restroom .subTitle::after { width:calc(50% - 3em);}

/* ENTRANCE */
#entrance .subTitle::before,
#entrance .subTitle::after { width:calc(50% - 4em);}

/* MATERIAL */
#material .subTitle::before,
#material .subTitle::after { width:calc(50% - 3em);}
#material .photoBox.door { display:flex; flex-wrap:wrap; justify-content:space-between; }
#material .photoBox.door .mainPhoto { flex-grow:0; flex-shrink:1; flex-basis:50%; }
#material .photoBox.floor figure { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
#material .photoBox.floor figure img { display:block; flex-grow:0; flex-shrink:1; flex-basis:100%;  }
#material .photoBox.floor figure figcaption { flex-grow:0; flex-shrink:1; flex-basis:calc(100% / 3); }
#material .photoBox.floor2 { display:flex; flex-wrap:wrap; justify-content:space-between; }
#material .photoBox.floor2 .mainPhoto { flex-grow:0; flex-shrink:1; flex-basis:50%; }
#material .photoBox.floor2 .mainPhoto figure { position:relative; }
#material .photoBox.floor2 .mainPhoto figure figcaption { position:absolute; z-index:2; left:0; bottom:0; font-size:10px; line-height:1; color:#fff; display:inline-block; padding:5px; background:rgba(0,0,0,0.5); }
#material #floor2 .mainPhoto { }
#material #floor2 .mainPhoto figure { position:relative; }
#material #floor2 .mainPhoto figure figcaption { position:absolute;z-index:2; left:0; bottom:0; font-size:10px; line-height:1; color:#fff; display:inline-block; padding:5px; background:rgba(0,0,0,0.5); }
#material #floor2 .subPhoto { display:flex; flex-wrap:wrap; justify-content:space-between;  }
#material #floor2 .subPhoto figure { position:relative; flex-grow:0; flex-shrink:1; flex-basis:25%; }
#material #floor2 .subPhoto figure figcaption { position:absolute;z-index:2; left:0; bottom:0; font-size:10px; line-height:1; color:#fff; display:inline-block; padding:5px; background:rgba(0,0,0,0.5); }
#material #floor2 .mainPhoto { }


/* ROOF */
#roof .subTitle::before,
#roof .subTitle::after { width:calc(50% - 2em);}
#roof .photoBox { display:flex; flex-wrap:wrap; justify-content:space-between; }
#roof .photoBox .mainPhoto { flex-grow:0; flex-shrink:1; flex-basis:66.66%; }
#roof .photoBox .subPhoto { flex-grow:0; flex-shrink:1; flex-basis:32.29%;  }
#roof  .photoBox figure { position:relative; }
#roof  .photoBox figure figcaption { position:absolute; z-index:2; left:0; bottom:0; font-size:10px; line-height:1; color:#fff; display:inline-block; padding:5px; background:rgba(0,0,0,0.5); }
#roof .photoBox .subPhoto figure:nth-of-type(1) { margin:0 0 3.2% 0; }
#wall01 .photoBox { display:flex; flex-wrap:wrap; justify-content:space-between; }
#wall01 .photoBox .photoContent { flex-grow:0; flex-shrink:1; flex-basis:50%; display:flex; flex-wrap:wrap; justify-content:space-between; }
#wall01 .photoBox .photoContent:nth-of-type(1) figure { flex-grow:0; flex-shrink:1; flex-basis:100%; position:relative; margin:0; }
#wall01 .photoBox .photoContent:nth-of-type(2) figure { flex-grow:0; flex-shrink:1; flex-basis:50%; position:relative; margin:0; }
#wall01 .photoBox .photoContent figure figcaption { position:absolute; left:0; bottom:0; font-size:10px; line-height:1; display:inline-block; background:rgba(0,0,0,0.5); }
#wall02 .photoBox { display:flex; flex-wrap:wrap; justify-content:space-between; }
#wall02 .photoBox .photoContent { flex-grow:0; flex-shrink:1; flex-basis:50%; display:flex; flex-wrap:wrap; justify-content:space-between; }
#wall02 .photoBox .photoContent:nth-of-type(1) figure { flex-grow:0; flex-shrink:1; flex-basis:100%; position:relative; margin:0; }
#wall02 .photoBox .photoContent:nth-of-type(2) figure { flex-grow:0; flex-shrink:1; flex-basis:50%; position:relative; margin:0; }
#wall02 .photoBox .photoContent figure figcaption { position:absolute; left:0; bottom:0; font-size:10px; line-height:1; display:inline-block; background:rgba(0,0,0,0.5); }

@media screen and (max-width:640px) {
.spText { }
.spText img {  display:none; }
.spText::before { content:attr(data-text); }


#lNavi2 { margin:0 auto 30px auto; }
#lNavi2 ul li { flex-grow:0; flex-shrink:1; flex-basis:calc( ( 100% - 30px ) / 4); margin:0 0 10px 0; }

.equipmentBox { padding:20px; }
.equipmentBox .corner  { width:20px; height:20px; }

.eqContent .eqBox { flex-basis:calc( ( 100% - 10px ) / 2 ); }

/* AIR */
#air .photoBox { }
#air .photoBox .mainPhoto { }
#air .photoBox .subPhoto { display:none; }

/* KITCHEN */
#kitchen .photoBox .mainPhoto { flex-grow:0; flex-shrink:1; flex-basis:100%; margin:0 0 5px 0; }
#kitchen .photoBox .subPhoto { flex-grow:0; flex-shrink:1; flex-basis:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
#kitchen .photoBox .subPhoto figure:nth-of-type(1) { margin:0 0 5px 0; flex-grow:0; flex-shrink:1; flex-basis:100%; }
#kitchen .photoBox .subPhoto figure:nth-of-type(2) { margin:0 0 0 0; flex-grow:0; flex-shrink:1; flex-basis:100%; }

/* BATHROOM */
#bathroom .photoBox .mainPhoto { flex-basis:100%; margin:0 0 10px 0 }
#bathroom .photoBox .subPhoto { flex-basis:100%; }

/* POWDERROOM */


/* TOILET */


/* DOOR */



/* ROOF */
#material .photoBox.door .mainPhoto { flex-basis:100%; }
#material .photoBox.floor2 .mainPhoto { flex-basis:100%; }
#roof .photoBox .mainPhoto { flex-grow:0; flex-shrink:1; flex-basis:100%; margin:0 0 0 0; }
#roof .photoBox .subPhoto { flex-grow:0; flex-shrink:1; flex-basis:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
#roof .photoBox .subPhoto figure:nth-of-type(1) { margin:0 0 0 0; flex-grow:0; flex-shrink:1; flex-basis:50%; }
#roof .photoBox .subPhoto figure:nth-of-type(2) { margin:0 0 0 0; flex-grow:0; flex-shrink:1; flex-basis:50%; }

#wall01 .photoBox .photoContent { flex-basis:100%; }
#wall02 .photoBox .photoContent { flex-basis:100%; }
}
@media screen and (max-width:480px) {
	
}