@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/
.PC{display: block;}
.SP{display: none;}


#HEADER ul.NAVI li a.H_EQUIPMENT	{ border-bottom:3px solid #36322f; }
.sidr ul li a.sidr-class-H_EQUIPMENT { background-color: #b9dbd8; }
#HEADER ul.NAVI li a.H_EQUIPMENT strong {color: #CFB245;}
#HEADER ul.NAVI li a.H_EQUIPMENT span { color: #CFB245;}

.BOX { width:860px; height:auto;  margin:0 auto 50px auto; }
#PAGE em.TXT	{ width:100%; float:left; clear:none; margin:0px 0 0 0px; font-size:20px; line-height:1.8em; letter-spacing:0.05em; text-align:center; }
#PAGE p { width:auto; margin:0px 0 0 0px; float:left; clear:none; font-size:14px; line-height:2em; text-align: justify;}
img.topspec { width: 530px; margin: 0 auto;}

h3	{ width:100%float:left; clear:none; margin:0px 0 10px 0px; font-size:20px; line-height:2em; text-align:center; letter-spacing:0.1em; }
h3 strong	{ width:120px; float:left; margin:0 20px 0 0; padding:5px 0 5px 10px; background:#011D3B; color:#fff; font-size:13px; line-height:1.2em; }
ul.QA_LINK	{ width:960px; float:left; display:inline; clear:both; margin:70px 0 30px 0px; border-right:1px solid #666; }
ul.QA_LINK li	{ width:190px; float:left; display:inline; clear:none; border-left:1px solid #011D3B; border-top:1px solid #011D3B; }
ul.QA_LINK li a	{ width:190px; float:left; display:inline; clear:none; text-align:center; padding-top:3px; border-bottom:1px solid #011D3B; color:#011D3B; }
ul.QA_LINK li a:link	{ padding-top:3px; border-bottom:1px solid #011D3B; text-decoration:none; }
ul.QA_LINK li a:visited	{ padding-top:3px; border-bottom:1px solid #011D3B; text-decoration:none; }
ul.QA_LINK li a:hover	{ padding:0 0 1px 0; border-top:3px solid #011D3B; border-bottom:none; text-decoration:none; }
ul.QA_LINK li a:active	{ padding:0 0 1px 0; border-top:3px solid #011D3B; border-bottom:none; text-decoration:none; }
ul.QA_LINK li a.CURRENT:link	{ padding:0 0 1px 0; border-top:3px solid #011D3B; border-bottom:none; }
ul.QA_LINK li a.CURRENT:visited	{ padding:0 0 1px 0; border-top:3px solid #011D3B; border-bottom:none; }

.QA_BOX	{ width:900px; display:flex; clear:both; margin:0 0 0 30px; padding:30px 0 0 0; background:#fff; text-align:center; }
ul.QA	{ width:800px; float:left; display:flex; clear:both; padding:30px 55px; background:#fff;
position:relative;}
ul.kari{margin-bottom: 20px;}
ul.QA li	{ width:198px; float:left; display:inline; clear:none; border:1px solid #011D3B; border-right:none; border-bottom:none;  }

img.naiyo { margin: 0 auto;width: 100%;}

/*	210514に書いた	*/
ul.QA li.li_bath_300{width: 298px;margin-right: 20px;}
ul.QA li.li_bath_500{width: 498px;}
ul.QA li.li_bath strong{width: 100%;}
ul.QA li.li_bath span{width: 100%;}
ul.QA li.li_bath img{width: 100%;width: calc(100% - 1px);}
ul.QA li.kagi_50{margin-right: 20px;}
.handrail{width: 800px;margin: 0 auto;margin-bottom: 50px;}
.handrail_img{width: 800px;}
.handrail_img img{width: 100%;}
.handrail ul li.handrail_text{width: 800px;margin:20px auto;text-align: center;height: 210px;}
#PAGE .handrail ul li.handrail_text p{width: 800px;}
.illust{position: absolute;right: 75px;bottom: 50px;width: 150px;}
.illust img{width: 100%;}
.ki_photo{position: absolute;right: 270px;bottom: 55px;width: 190px;}
.ki_photo img{width: 100%;border: 1px solid #CCCCCC;}
.door_photo{right: 350px;bottom: 50px;width: 110px;}
.kounetsuhi_photo{right: 270px;width: 190px;}
.door_text{right: 95px;bottom:50px;width:230px;text-align: justify;}
.kounetsuhi_text{bottom:90px;width: 170px;}

ul.QA li.li_to_300{width: 337px;margin-right: 20px;}
ul.QA li.li_to_500{width: 451px;}


ul.QA li.floor_main{display: flex;flex-direction: row;flex-wrap: wrap;}
.floor_{width: 180px;margin-right: 10px;}
ul.QA li.LI_MAIN .floor_ img{width: 100%;}
ul.QA li.floor_main small {margin-bottom: 20px;margin-top: auto;}



ul.QA li.WIDTH400 { width:400px; float:left; display:block; clear:none; border:0px solid #011D3B; border-right:none; border-bottom:none;  }
ul.QA li.LI_MAIN { width:400px; float:left; clear:none; border:none;  }
ul.QA li.LI_MAIN img { width:360px; float:left; clear:none; }
ul.QA li.doormain{width: 330px;}
ul.door_sp{padding: 30px 0px;}

ul.QA li.doormain img { width:100%;margin-right:100px;}
ul.QA li.LI_MAIN small {margin-top:0; }
ul.QA li.WIDTH400 div { width:162px; height:60px; }
ul.QA li span.QA { margin-top:-10px; width:360px; }
ul.QA strong.STRONG_ALLART { width:760px; float:left; clear:none; margin:0 0 0 20px; }


img.BATH { width:320px; padding:20px; }
img.MAIN { width:360px; }

ul.QA li.LI_LONG	{ width:358px; height:270px; float:left; display:inline; clear:none; margin:0 18px 18px 18px; padding-bottom:20px;border:none; }
ul.QA li.doortext {height: 170px;margin-left: 80px;}
ul.QA li.LI_LONG p { float:left; clear:none; margin:0; line-height:1.7em; padding:0; }
ul.QA li.LI_LONG img { width:318px; float:left; clear:none; margin:20px 0 0 20px; }
ul.QA li.LI_LONG img.NORMAL { width:100%; float:left; clear:none; margin:0; }
ul.QA li.LI_LONG strong { width:318px; float:left; clear:none; }
ul.QA li.LI_LONG span { width:318px; float:left; clear:none; }

ul.QA li a	{ width:198px; float:left; display:inline; clear:none; text-align:center; border-top:3px solid #fff; border-bottom:1px solid #011D3B; color:#011D3B; }
ul.QA li img  { width:180px; clear:both; display:inline; float:left; }
ul.QA li img.BATH  { width:100%; border:1px solid #CCCCCC; clear:both; display:inline; float:left; }
ul.QA li strong  { width:180px; float:left; display:inline; clear:none; font-weight:bold; line-height:19px; margin-top:15px; }
ul.QA li strong.strong_hand{margin-top:-15px;}
ul.QA li strong span{background: linear-gradient(transparent 70%, #b7dce5 70%);width: auto;}
ul.QA li span     { width:180px; float:left; font-size:13px; line-height:21px; display:inline; clear:none; margin-top:7px; }
ul.QA li small { float:left; display:inline; clear:none; font-weight:normal; line-height:19px; margin-top:15px; font-size:10px; }
ul.QA li a:link	{ border-top:3px solid #fff; border-bottom:1px solid #011D3B; text-decoration:none; }
ul.QA li a:visited	{ border-top:3px solid #fff; border-bottom:1px solid #011D3B; text-decoration:none; }
ul.QA li a:hover	{ border-top:3px solid #011D3B; border-bottom:1px solid #fff; text-decoration:none; }
ul.QA li a:active	{ border-top:3px solid #011D3B; border-bottom:1px solid #fff; text-decoration:none; }
ul.QA li a.CURRENT:link	{ border-top:3px solid #011D3B; border-bottom:1px solid #fff; }
ul.QA li a.CURRENT:visited	{ border-top:3px solid #011D3B; border-bottom:1px solid #fff; }
br.PC { dispaly:block; }

a.PAGETOP	{ width:auto; float:right; display:inline; clear:both; margin:10px 30px 0 0; font-size:11px; display:block; }
a.PAGETOP:hover	{ text-decoration:underline; }
a.PAGETOP:active	{ text-decoration:underline; }

br.SP { display:none; }

strong.STRONG_COPY { width:780px; float:left; clear:none; margin:50px 0 20px 0px; font-weight:bold; font-size:15px; }
ul.QA .YUKA { width:760px; float:left; clear:none; margin:0 0 0 20px; border:none; }
ul.QA .YUKA li { width:auto; border:none; margin:0 0 20px 0; }
ul.QA .YUKA img { width:auto; float:left; clear:none; margin-bottom:20px; }
ul.QA .YUKA li small { width:150px; float:left; clear:none; }
img.IMG_YUKA { width:150px; margin-right:10px; }
ul.QA  p { width:100%; float:left; clear:none; margin:0; }
#PAGE p.P_LEAD { width:800px; margin:20px 0 20px 0px; float:left; clear:none; }
strong.STRONG_ALLART { width:760px; float:left; clear:none; margin:0 0 0 20px; }

ul.UL_FLOOR { width:800px; }
ul.UL_FLOOR li { width:246px; float:left; clear:none; border:none; margin:0 0 20px 20px; }
ul.UL_FLOOR li img { width:226px; margin:0 0 0 0px; border:none; }
ul.UL_FLOOR li span { width:226px; margin:0 0 0 0px; float:left; clear:none; }
ul.UL_FLOOR li small { width:226px; margin:0 0 0 0px; float:left; clear:none; font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }

small { line-height:1.7em; font-family:"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }

#KI { float:left; clear:none; }
img.IMG_PC { display:block; }
img.IMG_SP { display:none; }

ul.QA li.LI100 { width:800px; float:left; clear:none; border:none; padding:0; margin:0; }
ul.QA  li.LI100 img { width:100%; float:left; clear:none; border:none; padding:0; margin:0;}
/*トイレ*/
ul#KI.TO { justify-content: space-between; width: 80%; margin: 0 auto; float: none;}
ul.QA li.LI_TO { border: none; width: 45%;}
ul.QA li.LI_TO img{ width: 100%;}
ul.QA li.LI_TO small { margin: 0 0 10px 0;}

/*	ガス設備*/
.DIV_BOX { width:800px; float:left; display:inline; clear:both; margin-top:30px; padding:30px 80px; background:#fff; }
.DIV_BOX strong { width:100%; float:left; clear:none; text-align:left; border:none; font-size:17px; letter-spacing:0.1em; margin-bottom:-10px; }
.UL_SETSUBI { width:100%; float:left; clear:none; margin: 30px 0 0px 0; /*border-bottom: solid 1px #011D3B;*/ padding-bottom: 60px;}
.UL_SETSUBI li { width:380px; float:left; clear:none; margin-right: 10px;}
img.SETSUBIIMAGE { width:90%; float:left; clear:none; }
img.denki{width: 55%;}
img.IMG_LOGO { float:left; clear:none; margin-bottom:10px; }

h3.H3_LONG { width:100%float:left; clear:none; margin:30px 0 20px 0px; font-size:20px; line-height:2em; text-align:center; letter-spacing:0.1em; }
#PAGE p.P_CENTER { width:100%; float:left; clear:none; text-align:center; margin-bottom:20px; font-size:13px; }
#PAGE p.P_TOP { width:100%; float:left; clear:none; text-align:center; margin:20px 0 0 0px;  }

/*	イメージ*/
#PAGE .IMAGE	{ width:350px; float:left; margin:0 0 50px 0px; }
#PAGE .IMAGE small { font-family:"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
.SP { display:none; }

.U_FOOTER ul.AREA li p { float: left; font-size: 10px; margin-top: 0px;}

.bath{width:32%;margin-right:2%;}
.bath img{width: 100%;}
.bath strong{width: 58%;}
.bath span{width: 58%;}
#KI li.counter{ width:398px;}
#KI li.counter img{width:398px;}
#KI li.ki_counter{width:248px;}
#KI li.ki_counter img{width:248px;}
#OTHERS .door{width:70%;display:flex;align-items:flex-start;margin-top:20px;}
#OTHERS .door span{margin-left: 20px;}
ul.qaa{margin:0;}
.door img{width:50%;}
.UL_SETSUBI{line-height: 1.65;}
.UL_SETSUBI p{margin-top: 15px;}
#PAGE ul.UL_SETSUBI li.door_p{width: 55%;}
#PAGE ul.UL_SETSUBI li.door_p p {margin-top:10px;}


ul.kitchen_sub{display: flex;justify-content: space-between;width: 90%;padding: 20px 55px;background: #fff;}
li.kitchen_sub_{width: 32.3%;}

li.kitchen_sub_ img{width: 100%;margin-bottom: 10px;}
ul.kitchen_sub li.kitchen_sub_ strong {
  width: 100%;
display: inline;
clear: none;
font-weight: bold;
line-height: 19px;
margin-top: 15px;
}
ul.kitchen_sub li.kitchen_sub_ strong span{background: linear-gradient(transparent 70%, #b7dce5 70%);}

#PAGE ul.kitchen_sub li.kitchen_sub_ p {
  width: 100%;
font-size: 13px;
margin-top: 7px;
margin-bottom: 14px;
line-height: 1.6em;
}

ul.QA li.denki{display: flex;justify-content: space-around;width: 50%;border: none;}
ul.QA li.denki .denki_{width: 48%;margin:10px;}
ul.QA li.denki .denki_ img{width: 100%;}


@media screen and (max-width: 740px){
.PC{display: none;}
.SP{display: block;}


#PAGE .BOX { width:100%; height:auto; float:right; clear:none; margin:0; }
#PAGE .BOX img { width:100%; float:left; clear:none; }
#PAGE img.gazou { width: 100%;}

#PAGE .IMAGE	{ float:left; margin:0 0 0 0px; }
#PAGE em.TXT	{ width:100%; float:left; display:inline; margin:20px 0 20px 0px; font-size:20px; line-height:1.7em; letter-spacing:0.05em; text-align:center; }
#PAGE p.P_TOP { width:100%; float:left; clear:none; text-align:justify; margin:0;  }
br.SP { display:block; }
div.BOX { float:left; clear:none; height:auto; }
#KI { float:left; clear:none;  }
#PAGE p { width:100%; float:left; clear:none; margin:0;line-height: 1.75em;}
ul.QA_LINK	{ width:100%; float:left; display:inline; clear:both; margin:0px 0 0 0px; border-right:1px solid #666; }
ul.QA_LINK li { width:24%; float:left; clear:none; }
ul.QA_LINK li a { width:100%; float:left; clear:none; }
h3	{ width:100%; float:left; display:inline; clear:both; margin:0px 0 20px 0px; border-bottom:1px solid #999; font-size:18px; line-height:2em; }
br.PC { display:none; }
ul.QA	{ width:96%; float:left; display:inline; clear:both; margin:30px 0 0 0;padding: 20px 2% 10px 2%;background:#fff; }
ul.door_sp{margin:0;}
ul.QA li	{ width:100%; float:left; display:inline; clear:none; border:0px solid #011D3B; border-right:none; border-bottom:none; margin:10px 0 30px 0; }
ul.QA li img  { width:100%; float:left; clear:none; clear:both; display:inline; float:left; margin:0 5px 0 0;width: calc(100% - 1px);}
ul.QA li img.BATH { width:88%; float:left; clear:none; }
ul.QA li strong  { width:100%; float:left; display:inline; clear:none; font-weight:bold; line-height:19px; margin-top:5px; margin-left:0px; }
ul.QA li span     {text-align: justify; width:100%; float:left; font-size:13px; line-height:21px; display:inline; clear:none; margin-top:3px; margin-left:0px;}
ul.QA li.LI_MAIN { width:100%; float:left; clear:none; border:none;  }
ul.QA li.LI_MAIN img { width:100%; float:left; clear:none; width: calc(100% - 1px);}
img.MAIN { width:100%; float:left; clear:none; }
ul.QA li.WIDTH400 { width:100%; float:left; display:block; clear:none; border:0px solid #011D3B; border-right:none; border-bottom:none;  }
ul.QA li.LI_LONG	{ width:99%; height:auto; float:left; display:inline; clear:none; margin:0; }
ul.QA li.ki_sp{margin-top: 160px;}
ul.QA li.LI_LONG img { width:90%; float:left; clear:none; }
ul.QA li.LI_LONG strong { width:90%; float:left; clear:none; margin:10px 0 0 2%; }
ul.QA li.LI_LONG span { width:90%; float:left; clear:none; margin:10px 0 10px 2%; }
ul.QA_LINK { display:none; }
ul.QA li.WIDTH400 div { width:162px; height:auto; }
ul.QA li span.QA { margin-top:0px; width:100%; }
ul.QA li.LI_MAIN small {margin-top:0; margin-left:0; font-family:"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
strong.STRONG_COPY  { width:100%; float:left; clear:none; }
strong.STRONG_COPY img { width:100%; float:left; clear:none; }
ul.QA .YUKA { width:96%; float:left; clear:none; margin:0 0 0 2%; border:none; }
ul.QA .YUKA img { width:100%; float:left; clear:none; }
#PAGE p.P_LEAD { width:96%; margin:20px 0 20px 2%; float:left; clear:none; }
ul.UL_FLOOR { width:100%; float:left; clear:none; margin:0 0 0 0%; }
ul.UL_FLOOR li { width:48%; float:left; clear:none; margin:0 1%; }
ul.UL_FLOOR li img { width:100%; float:left; clear:none; }
ul.UL_FLOOR li span { width:100%; float:left; clear:none; margin:5px 0 0 0; }
img.IMG_SP { display:block; }
img.IMG_PC { display:none; }
ul.UL_DOOR  { width:100%; float:left; clear:none; }
ul.UL_DOOR li { width:100%; float:left; clear:none; text-align:center; }
ul.UL_DOOR li img { width:80%; float:left; clear:both; margin:0 0 0 10%; }
ul.UL_DOOR li span { width:100%; float:left; clear:none; text-align:center; }
p.P_CENTER { text-align:left; }
ul.DOORCOLOR { width:100%; float:left; clear:none; }
ul.DOORCOLOR li { width:50%; float:left; clear:none; line-height:1.7em; letter-spacing:0; }
img.DOOR_SETSUMEI { width:100%; float:left; clear:none; }
.ki_photo{left: 7px;bottom:110px;}
.illust{right: 7px;bottom:110px;}
ul.QA li.li_to_500{width: 100%;margin:0;margin-top: 25px;}
ul.QA li.li_bath_500{width: 100%;margin:0;margin-top:20px;}
ul.QA li.fl_sp{margin-bottom:170px;}
.floor_main{display: flex;flex-direction: row;flex-wrap: wrap;}
.floor_{width: 49%;}
.left{margin-right:1%;margin-left:0;}
.right{margin-left:1%;margin-right:0;}
.floor_ img{width: 100%;}
.door_photo{bottom:35px;width: 30%;}
ul.QA li.li_to_300{width: 100%;margin:0;}
ul.QA li strong.strong_hand{margin-top:10px;}
.door_text{bottom:90px;width: 60%;line-height: 21px;}

/*	ガス設備*/
.DIV_BOX { width:95%; float:left; display:inline; clear:both;padding:20px 2.5%; background:#fff; margin: 0 0 30px 0;}
ul.UL_SETSUBI { width:100%; float:left; clear:none; margin:0; border: none; padding: 0;}
ul.UL_SETSUBI li { width:100%; float:left; clear:none; }
ul.UL_SETSUBI li.kagi_50 img{width: 100%;}
ul.UL_SETSUBI li.doormain img{width: 100%;}
img.SETSUBIIMAGE { width:100%; float:left; clear:none; }
#PAGE ul.UL_SETSUBI li p { float:left; clear:none; text-align:left; line-height: 1.65;margin-top: 10px;}
#PAGE ul.UL_SETSUBI li.door_p p {margin:10px;}
#PAGE ul.UL_SETSUBI li.door_p img {margin-left:10px;}
img.IMG_LOGO { display:none; }
.DIV_BOX strong { text-align:center; font-weight: bold; margin-bottom: 10px;}
a.PAGETOP { display:none; }

#KI li.counter{ width:100%;}
#KI li.ki_counter{ width:45%;}
#KI li.counter img{width:100%;}

ul.QA li.bath img{width: 60%;}
ul.QA li.bath strong{width: 100%;margin-top: 3px;}
ul.QA li.bath span{width: 100%;}
ul.QA li.li_bath_300{width: 100%;margin:0;}
ul.qa{margin:0;display: flex;flex-direction: row;flex-wrap: wrap;padding: 0px 2% 30px 2%;}
ul.qa li{width: 48%;margin:1%;}
ul.qa li img{width: 100%;}

ul.qaa{margin:0;padding: 20px 2%;}
#PAGE ul.UL_SETSUBI li.door_p{width: 67%;}


ul.kitchen_sub{padding: 0;flex-direction: column;width: 100%;}
li.kitchen_sub_{width: 96%;margin:0 auto;}
ul.QA li.denki{width: 100%;}
/*トイレ*/
.TOh3 { margin-top: 30px;}
ul#KI.TO { padding: 0;}
ul.QA li.LI_TO { width: 100%; }
}