@charset "utf-8";

#products{}

#products .productsNav li ul{ display:none;}
#products.kitchen .productsNav  li.kitchenNav ul,
#products.bathroom .productsNav li.bathroomNav ul,
#products.living .productsNav li.livingNav ul,
#products.case .productsNav li.caseNav{ display:block;}
#products.kitchen.recommended #categoryNav li.recommendedNav,
#products.kitchen.new #categoryNav li.newNav,
#products.kitchen.grill #categoryNav li.grillNav,
#products.kitchen.change #categoryNav li.changeNav,
#products.kitchen.rangehood #categoryNav li.rangehoodNav,
#products.kitchen.oven #categoryNav li.ovenNav,
#products.kitchen.rice #categoryNav li.riceNav,
#products.kitchen.alarm #categoryNav li.alarmNav,
#products.bathroom.eco #categoryNav li.ecoNav,
#products.bathroom.room #categoryNav li.roomNav,
#products.bathroom.sauna #categoryNav li.saunaNav,
#products.bathroom.kanta #categoryNav li.kantaNav,
#products.living.fanheater #categoryNav li.fanheaterNav,
#products.living.roomheater #categoryNav li.roomheaterNav,
#products.case #categoryNav li.caseNav{ background:rgba(242,246,251,1);}

#products.kitchen nav#categoryNav ul li.kitchenNav:hover,
#products.bathroom nav#categoryNav ul li.bathroomNav:hover,
#products.living nav#categoryNav ul li.livingNav:hover{ background:rgba(242,246,251,0);}

#sideNavi nav#categoryNav h4{ display:none;}
#products.kitchen #sideNavi .productsNav li.kitchenNav h4{ display:block;}

@media screen and (max-width: 767px) {
#products{}
}

/*
#cont .countList .list{ counter-increment: checknum;}
#cont .countList .list p:last-of-type { margin-bottom:0;}
#cont .countList .check{ position:relative;}
#cont .countList .check:before{ content: "ポイント " counter(checknum); font-family: inherit; width:120px; height:34px; background:url(../img/pattern_dot.png)#F7575B; display:block; text-align:center; line-height:34px; color:#FFF; font-weight:500; font-style:italic; font-size:15px; letter-spacing:0.1em; margin-bottom:20px; left:0; top:0;}
#cont .countList h3.check{ margin-bottom:10px; padding-left: 150px;}
*/

/*kitchen*/
#products.kitchen{}
#products.kitchen.new .box.light{ padding:20px 20px 20px;}
#products.kitchen.new .blueBox .fr.w340{ width:315px;}
#products.kitchen.change #cont .columnWrap .column3{ width:233px; display:block;}
#products.kitchen.change .column_main{ width:193px;}
#products.kitchen.change .column_other{ width:160px;}
#products.kitchen.alarm table { }
#products.kitchen.alarm table.standard th { width:30%; background: #0053A7; color: #FFF; border: 1px solid #0053A7; vertical-align:middle; text-align:center;}
#products.kitchen.alarm table.standard td { border:1px solid #0053A7; background: #F2F6FB; vertical-align:middle; text-align:center;}
#products.kitchen.alarm .txt_ex { font-size:40px; font-weight:900;}
#products.kitchen.alarm .font80:nth-child(1) { line-height:45px;}
#products.kitchen.alarm .atentionBox{ padding: 0.5rem 0.5rem; text-align: center; display:table;}
#products.kitchen.alarm .atentionBox p{ margin-bottom:0; display:table-cell; vertical-align:middle;}

@media screen and (max-width: 767px) {
#products.kitchen.new .blueBox .fr.w340,
#products.kitchen.change #cont .columnWrap .column3{ width:100%; height: auto;}
#products.kitchen.change .column_main{ width:54.5%; height: auto;}
#products.kitchen.change .column_other{ width:45%; height: auto;}
#products.kitchen.alarm .w40p{ width:50% !important; height: auto; margin-bottom:20px;}
#products.kitchen.alarm .beforeafter .column2{width: 100%; float:none!important;}
#products.kitchen.alarm .beforeafter .column2.fl{ margin-bottom:20px;}
#products.kitchen.alarm .beforeafter .column2.fl:after{ content:""; background:url(../img/top/arrow_right.png) no-repeat; background-size:80% auto; width:10px; height:20px; position:absolute;
left:50%; top:auto; bottom:-22px; -webkit-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg);}
#products.kitchen.alarm .beforeafter{ margin-bottom:20px!important;}

#products.kitchen.alarm table.standard th, #products.kitchen.alarm table.standard td,
#products.kitchen.alarm .atentionBox{padding: 0 .3rem;}
#products.kitchen.alarm .font80:nth-child(1) { line-height:180%;}
}

/*bathroom*/
#products.bathroom.sauna #cont h3.check{ margin-bottom:20px;}
#products.bathroom.sauna .flow .fl{ width:470px;}
#products.bathroom.sauna .flow .fl p{ margin-left:40px;}
#products.bathroom.sauna .flow:nth-child(3) .fl{ width:290px;}
#products.bathroom.sauna .flow:nth-child(3) .fr{ width:350px;}
#products.bathroom.sauna .flow:nth-child(3) .fr img{ width:165px; margin-left:10px;}
@media screen and (max-width: 767px) {
#products.bathroom.sauna .flow .fl,#products.bathroom.sauna .flow:nth-child(3) .fr{ width:100% !important;}
#products.bathroom.sauna .flow .fr{ width:50% !important;}
#products.bathroom.sauna .flow:nth-child(3) .fr img{ width:49%; margin-left:1%;}
}