@charset "UTF-8";
html{font-size:10px;}
body{font:10px/1.6 Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#wrapper{position:relative;}
footer,header{font-size: 1.4rem;}
header+#contents{padding-top:0;}
#contents{font-size: 87.5%;line-height: 1.5;width:100%;}
footer{line-height: 1.7;}

#contents aside{width:100%;height:120px;text-align:center;}
#contents aside.aside_root{height:60px;}
#contents aside .breadcrumbs{width:960px;font-size:1.2rem; /* line-height: 60px; */ text-align:left;margin:0 auto;padding: 21px 0;}
#contents aside .breadcrumbs a{color:#1391ce;}
#contents aside .breadcrumbs a:visited{color:#005e99;text-decoration:none;}
#contents aside .breadcrumbs a:hover{text-decoration:underline;}

#contents aside .prd_nav{position:relative;width:100%;}
#contents aside .prd_nav .cat_nav{position:absolute;top:0;left:0;width:100%;background:#505050;z-index:999;}
#contents aside .prd_nav .cat_nav dl dt{display:none;}
#contents aside .prd_nav .cat_nav.fixed{position:fixed;top:0;left:0;}

#contents aside .prd_nav .cat_nav ul,
#contents aside .prd_nav .cat_nav li,
#contents aside .prd_nav .cat_nav a {
	display: -webkit-flex;
	display: flex;
}
#contents aside .prd_nav .cat_nav ul {
	font-size:1.4rem;
	line-height: 1.42;
	width:960px;
	margin:0 auto;
}
#contents aside .prd_nav .cat_nav ul::after {
	content: "";
	display: block;
	height: 60px;
}
#contents aside .prd_nav .cat_nav li{
	-webkit-flex: 1 1 160px;
	flex: 1 1 160px;
	position:relative;
}
#contents aside .prd_nav .cat_nav li a {
	color:#fff;
	text-decoration:none;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding:10px 0;
	box-sizing: border-box;
	text-align:center;
	position: relative;
	transition:all .1s ease-in-out;
}

#contents aside .prd_nav .cat_nav li a::before,
#contents aside .prd_nav .cat_nav li:last-child a::after {
	content: "";
	display: block;
	background: #6a6b6c;
	width: 1px;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: 10px 0;
}

#contents aside .prd_nav .cat_nav li:last-child a::after {
	left: auto;
	right: 0;
}

#contents aside .prd_nav .cat_nav li a > span {
	/** padding: 0 10px; **/
}

#contents aside .prd_nav .cat_nav .sub,
#contents aside .prd_nav .cat_nav .sub li,
#contents aside .prd_nav .cat_nav .sub a {
	display: block;
}

#contents aside .prd_nav .cat_nav .sub {
	position:absolute;
	top:60px;
	right:0;
	width:300px;
	display:none;
}

#contents aside .prd_nav .cat_nav .sub::after {
	display: none;
}

#contents aside .prd_nav .cat_nav .sub li{
	background:#414141;
	padding:0 16px;
}

#contents aside .prd_nav .cat_nav .sub li a{
	background:url(/products/common/images/subnav_arrow.png) no-repeat 0 center;
	border-bottom:solid #6b6b6b 1px;
	padding:10px 0 10px 22px;
	text-align:left;
}

#contents aside .prd_nav .cat_nav .sub li:last-child a{
	border-bottom:none;
}

#contents aside .prd_nav .cat_nav .sub a > span {
	padding: 0;
}

#contents aside .prd_nav .cat_nav .sub li a::before,
#contents aside .prd_nav .cat_nav .sub li:last-child a::after,
#contents aside .prd_nav .cat_nav li:last-child .sub li a::after {
	display: none;
}

#contents aside .prd_nav .cat_nav ul li a:hover,
#contents aside .prd_nav .cat_nav ul li.active2 a{
	background-color:#414141;
}
#contents aside .prd_nav .cat_nav ul li.active a,
#contents aside .prd_nav .cat_nav ul li.active:hover a,
#contents aside .prd_nav .cat_nav ul li.active a::before{
	color: #13449d;
	font-weight: bold;
	background-color:#fff;
}

#contents aside .prd_nav .cat_nav ul li .sub.toilet{width:400px;}
#contents aside .prd_nav .cat_nav ul li .sub.toilet li a{padding:8px 0 8px 22px;}



/*ナビ・キッチン*/
#contents aside .prd_nav .cat_nav ul li.k_top{width:150px;}
#contents aside .prd_nav .cat_nav ul li.k_system{width:150px;}
#contents aside .prd_nav .cat_nav ul li.k_faucet{width:98px;}
#contents aside .prd_nav .cat_nav ul li.k_reform1{width:114px;}
#contents aside .prd_nav .cat_nav ul li.k_reform2{width:128px;}
#contents aside .prd_nav .cat_nav ul li.k_catalog{width:94px;}
#contents aside .prd_nav .cat_nav ul li.k_showroom{width:118px;}
#contents aside .prd_nav .cat_nav ul li.k_products{width:108px;}
#contents aside .prd_nav .cat_nav ul li.k_products .sub li:last-child{display:none;}

/*ナビ・バス*/
#contents aside .prd_nav .cat_nav ul li.b_top{width:126px;}
#contents aside .prd_nav .cat_nav ul li.b_house{width:92px;}
#contents aside .prd_nav .cat_nav ul li.b_mansion{width:132px;}
#contents aside .prd_nav .cat_nav ul li.b_bathtub{width:108px;}
#contents aside .prd_nav .cat_nav ul li.b_faucet{width:104px;}
#contents aside .prd_nav .cat_nav ul li.b_reform1{width:126px;}
#contents aside .prd_nav .cat_nav ul li.b_reform2{width:144px;}
#contents aside .prd_nav .cat_nav ul li.b_products{width:128px;}

/*洗面化粧台・バス*/
#contents aside .prd_nav .cat_nav ul li.g_top{width:178px;}
#contents aside .prd_nav .cat_nav ul li.g_groom{width:172px;}
#contents aside .prd_nav .cat_nav ul li.g_faucet{width:128px;}
#contents aside .prd_nav .cat_nav ul li.g_reform1{width:144px;}
#contents aside .prd_nav .cat_nav ul li.g_reform2{width:174px;}
#contents aside .prd_nav .cat_nav ul li.g_products{width:164px;}
#contents aside .prd_nav .cat_nav ul li.g_products .sub li:last-child{display:none;}

/*ナビ・トイレ*/
#contents aside .prd_nav .cat_nav ul li.t_top{width:120px;}
#contents aside .prd_nav .cat_nav ul li.t_toilet{width:102px;}
#contents aside .prd_nav .cat_nav ul li.t_washlet{width:74px;}
#contents aside .prd_nav .cat_nav ul li.t_washer{width:88px;}
#contents aside .prd_nav .cat_nav ul li.t_reform1{width:188px;}
#contents aside .prd_nav .cat_nav ul li.t_reform2{width:140px;}
#contents aside .prd_nav .cat_nav ul li.t_check{width:140px;}
#contents aside .prd_nav .cat_nav ul li.t_products{width:108px;}
#contents aside .prd_nav .cat_nav ul li.t_products .sub li:last-child{display:none;}

/*ナビ・水栓金具*/
#contents aside .prd_nav .cat_nav ul li.f_top{width:134px;}
#contents aside .prd_nav .cat_nav ul li.f_kitchen{width:154px;}
#contents aside .prd_nav .cat_nav ul li.f_bath{width:138px;}
#contents aside .prd_nav .cat_nav ul li.f_groom{width:140px;}
#contents aside .prd_nav .cat_nav ul li.f_eco{width:94px;}
#contents aside .prd_nav .cat_nav ul li.f_video{width:138px;}
#contents aside .prd_nav .cat_nav ul li.f_tnm{width:162px;}

/*ナビ・アクセサリー*/
#contents aside .prd_nav .cat_nav ul li.a_top{width:146px;}
#contents aside .prd_nav .cat_nav ul li.a_function{width:85px;}
#contents aside .prd_nav .cat_nav ul li.a_coordinate{width:99px;}
#contents aside .prd_nav .cat_nav ul li.a_paper{width:69px;}
#contents aside .prd_nav .cat_nav ul li.a_ring{width:111px;}
#contents aside .prd_nav .cat_nav ul li.a_hang{width:97px;}
#contents aside .prd_nav .cat_nav ul li.a_mirror{width:69px;}
#contents aside .prd_nav .cat_nav ul li.a_shelf{width:69px;}
#contents aside .prd_nav .cat_nav ul li.a_cabinet{width:59px;}
#contents aside .prd_nav .cat_nav ul li.a_balustrade{width:69px;}
#contents aside .prd_nav .cat_nav ul li.a_catalogue{width:87px;}

/*ナビ・福祉機器*/
#contents aside .prd_nav .cat_nav ul li.u_top{width:152px;}
#contents aside .prd_nav .cat_nav ul li.u_toilet{width:102px;}
#contents aside .prd_nav .cat_nav ul li.u_bath{width:92px;}
#contents aside .prd_nav .cat_nav ul li.u_entrance{width:188px;}
#contents aside .prd_nav .cat_nav ul li.u_reform{width:172px;}
#contents aside .prd_nav .cat_nav ul li.u_catalogue{width:118px;}
#contents aside .prd_nav .cat_nav ul li.u_showroom{width:136px;}

/*ナビ・タイル*/
#contents aside .prd_nav .cat_nav ul li.ti_top{width:228px;}
#contents aside .prd_nav .cat_nav ul li.ti_feature{width:96px;}
#contents aside .prd_nav .cat_nav ul li.ti_hydro1{width:122px;}
#contents aside .prd_nav .cat_nav ul li.ti_tile{width:108px;}
#contents aside .prd_nav .cat_nav ul li.ti_coating{width:248px;}
#contents aside .prd_nav .cat_nav ul li.ti_hydro2{width:158px;}

/*ナビ・パブリック*/
#contents aside .prd_nav .cat_nav ul li.p_top{width:236px;}
#contents aside .prd_nav .cat_nav ul li.p_use{width:186px;}
#contents aside .prd_nav .cat_nav ul li.p_toilet{width:112px;}
#contents aside .prd_nav .cat_nav ul li.p_groom{width:112px;}
#contents aside .prd_nav .cat_nav ul li.p_bath{width:102px;}
#contents aside .prd_nav .cat_nav ul li.p_accessory{width:212px;}

#contents #prd_ft{width:100%;background:#414141;}
#contents #prd_ft #prd_ft_box{width:960px;margin:0 auto;padding:50px 0;}
#contents #prd_ft #prd_ft_box .btn_list{}
#contents #prd_ft #prd_ft_box .btn_list:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#contents #prd_ft #prd_ft_box .btn_list li{float:left;width:300px;background:#fff;margin-right:30px;transition:all .2s ease-in-out;}
#contents #prd_ft #prd_ft_box .btn_list li:last-child{margin-right:0;}
#contents #prd_ft #prd_ft_box .btn_list li a{display:block;width:300px;height:114px;}
#contents #prd_ft #prd_ft_box .btn_list li:nth-child(1) a{background:url(/products/common/images/prd_ft_btn1.png) no-repeat 0 0;}
#contents #prd_ft #prd_ft_box .btn_list li:nth-child(2) a{background:url(/products/common/images/prd_ft_btn2.png) no-repeat 0 0;}
#contents #prd_ft #prd_ft_box .btn_list li:nth-child(3) a{background:url(/products/common/images/prd_ft_btn3.png) no-repeat 0 0;}
#contents #prd_ft #prd_ft_box .btn_list li a p{font-size:1.6rem;font-weight:bold;line-height:1.3;color:#13449d;padding:34px 0 0 108px;}
#contents #prd_ft #prd_ft_box .btn_list li:hover{background:#13449d;}
#contents #prd_ft #prd_ft_box .btn_list li:hover a{text-decoration:none;}
#contents #prd_ft #prd_ft_box .btn_list li:nth-child(1):hover a{background:url(/products/common/images/prd_ft_btn1.png) no-repeat 0 -114px;}
#contents #prd_ft #prd_ft_box .btn_list li:nth-child(2):hover a{background:url(/products/common/images/prd_ft_btn2.png) no-repeat 0 -114px;}
#contents #prd_ft #prd_ft_box .btn_list li:nth-child(3):hover a{background:url(/products/common/images/prd_ft_btn3.png) no-repeat 0 -114px;}
#contents #prd_ft #prd_ft_box .btn_list li:hover a p{color:#fff;}
#contents #prd_ft #prd_ft_box .note{font-size:1.4rem;color:#fff;padding:25px 0 35px 0;border-bottom:solid #5e5e5e 1px;}

#contents #prd_ft #prd_ft_box p.prdFooterHeading{font-size:1.8rem;font-weight:bold;line-height:1;border-left:solid #fff 4px;margin-top:35px;padding:0 0 0 12px;}
#contents #prd_ft #prd_ft_box p.prdFooterHeading a{color:#fff;}
#contents #prd_ft #prd_ft_box .prd_list{margin-top:30px;}
#contents #prd_ft #prd_ft_box .prd_list:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#contents #prd_ft #prd_ft_box .prd_list .prd{float:left;width:192px;}
#contents #prd_ft #prd_ft_box .prd_list .prd  dt{font-size:1.4rem;font-weight:bold;padding-bottom:10px;}
#contents #prd_ft #prd_ft_box .prd_list .prd  dt a{color:#fff;}
#contents #prd_ft #prd_ft_box .prd_list .prd.other dt{padding-bottom:0;}
#contents #prd_ft #prd_ft_box .prd_list .prd dd{}
#contents #prd_ft #prd_ft_box .prd_list .prd dd ul{}
#contents #prd_ft #prd_ft_box .prd_list .prd dd ul li{margin-bottom:8px;}
#contents #prd_ft #prd_ft_box .prd_list .prd dd ul li a{display:block;font-size:1.2rem;line-height:1.3;color:#fff;padding-right:30px;}
#contents #prd_ft #prd_ft_box .prd_list .prd.other dd ul li a{font-size:1.4rem;font-weight:bold;margin-bottom:12px;}
#contents #prd_ft #prd_ft_box .prd_list .prd dd ul li a:hover{text-decoration:underline;}

#contents #prd_ft2{width:100%;background:#414141;}
#contents #prd_ft2 .prd_ft_box2{width:960px;border-bottom:solid #5e5e5e 1px;margin:0 auto;padding:50px 0 40px 0;}
#contents #prd_ft2 .prd_ft_box2 p.prdFooterHeading{font-size:1.8rem;font-weight:bold;line-height:1;color:#fff;border-left:solid #fff 4px;margin-top:0;padding:0 0 0 12px;}
#contents #prd_ft2 .prd_ft_box2 .prd_list{margin-top:30px;}
#contents #prd_ft2 .prd_ft_box2 .prd_list:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#contents #prd_ft2 .prd_ft_box2 .prd_list .prd{float:left;width:192px;}
#contents #prd_ft2 .prd_ft_box2 .prd_list .prd dt{font-size:1.4rem;font-weight:bold;color:#fff;padding-bottom:10px;}
#contents #prd_ft2 .prd_ft_box2 .prd_list .prd dd+dt{margin-top:30px;}
#contents #prd_ft2 .prd_ft_box2 .prd_list .prd.other dt{padding-bottom:0;}
#contents #prd_ft2 .prd_ft_box2 .prd_list .prd dd{}
#contents #prd_ft2 .prd_ft_box2 .prd_list .prd dd ul{}
#contents #prd_ft2 .prd_ft_box2 .prd_list .prd dd ul li{margin-bottom:8px;}
#contents #prd_ft2 .prd_ft_box2 .prd_list .prd dd ul li a{display:block;font-size:1.2rem;line-height:1.3;color:#fff;padding-right:30px;}
#contents #prd_ft2 .prd_ft_box2 .prd_list .prd.other dd ul li a{font-size:1.4rem;font-weight:bold;margin-bottom:12px;}
#contents #prd_ft2 .prd_ft_box2 .prd_list .prd dd ul li a:hover{text-decoration:underline;}
#contents #prd_ft2 .prd_ft_box2 .bnr_list{width:986px;}
#contents #prd_ft2 .prd_ft_box2 .bnr_list:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#contents #prd_ft2 .prd_ft_box2 .bnr_list li{float:left;width:220px;margin:0 26px 10px 0;}
#contents #prd_ft2 .prd_ft_box2 .bnr_list li a{display:block;}

/*共通パーツ*/
#contents .prd_base{width:100%;text-align:center}
#contents .prd_box{width:960px;margin:0 auto;padding:60px 0;}
#contents .prd_box h2{display:inline-block;font-size:1.2rem;font-weight:bold;color:#fff;background:#13449d;padding:10px 20px;}
#contents .prd_box .lead{font-size:1.4rem;line-height:1.6;margin-top:20px;}

.concept{background:#eee;}
.concept .prd_box{display:table;}
.concept_cl{display:table-cell;width:480px;vertical-align:middle;text-align:left;}
.concept_cl img{padding:0 20px 0 0;}
.concept_cl.cl2 h2{display:inline-block;font-size:2rem;font-weight:bold;color:#fff;background:#13449d;padding:10px 20px;}
.concept_cl.cl2 p{font-size:1.4rem;line-height:1.6;margin-top:60px;}
.concept_cl.cl2 p+p{margin-top:20px;}

.point{background:#d0eaff;}
.point .prd_box.box2{padding:0 0 60px 0;}

.btn_list{width:960px;margin-top:30px;}
.btn_list:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.btn_list li{float:left;margin:0 24px 24px 0;}
.btn_list li a{display:block;}
.btn_list li a .btn{position:relative;background:#fff;box-shadow:0px 1px 5px #888;overflow:hidden;transition:all .1s ease-in-out;}
.btn_list li a .btn p{position:absolute;bottom:0;left:0;width:100%;font-size:1.3rem;font-weight:bold;color:#13449d;line-height:50px;background:#fff;}
.btn_list li:hover a .btn{box-shadow:0px 1px 16px #13449d;}
.btn_list li a .btn p.double{height:40px;line-height:1.2;padding-top:10px;}

.prd_cl{display:table-cell;width:480px;vertical-align:top;text-align:left;}
.prd_cl.cl2{width:456px;padding-left:24px;}
.prd_cl.cl2 h2{display:inline-block;font-size:2rem;font-weight:bold;color:#fff;background:#13449d;padding:10px 20px;}
.prd_cl.cl2 p{font-size:1.4rem;line-height:1.6;margin-top:30px;}

.btn_list.seg1 li{margin:0 0 24px 0;}
.btn_list.seg1 li a .btn{width:960px;height:610px;}

.btn_list.seg2 li:nth-child(2),
.btn_list.seg2 li:nth-child(4),
.btn_list.seg2 li:nth-child(8),
.btn_list.seg2 li:nth-child(10),
.btn_list.seg2 li:nth-child(12){margin:0 0 24px 0;}
.btn_list.seg2 li a .btn{width:468px;height:320px;}

.btn_list.seg3 li:nth-child(3),
.btn_list.seg3 li:nth-child(6),
.btn_list.seg3 li:nth-child(9),
.btn_list.seg3 li:nth-child(12),
.btn_list.seg3 li:nth-child(15){margin:0 0 24px 0;}
.btn_list.seg3 li a .btn{width:303px;height:220px;}

.btn_list.seg4 li:nth-child(4),
.btn_list.seg4 li:nth-child(8),
.btn_list.seg4 li:nth-child(12),
.btn_list.seg4 li:nth-child(16),
.btn_list.seg4 li:nth-child(20){margin:0 0 24px 0;}
.btn_list.seg4 li a .btn{width:222px;height:180px;}

.btn_list.seg5 li:nth-child(5),
.btn_list.seg5 li:nth-child(10),
.btn_list.seg5 li:nth-child(15),
.btn_list.seg5 li:nth-child(20),
.btn_list.seg5 li:nth-child(25){margin:0 0 24px 0;}
.btn_list.seg5 li a .btn{width:171px;height:150px;}

.btn_list.seg6 li:nth-child(6),
.btn_list.seg6 li:nth-child(12),
.btn_list.seg6 li:nth-child(18),
.btn_list.seg6 li:nth-child(24),
.btn_list.seg6 li:nth-child(30){margin:0 0 24px 0;}
.btn_list.seg6 li a .btn{width:140px;height:140px;}

.simulation{background:#eee;}
.simulation .prd_box{display:table;}
.simulation .btn_list.seg2{width:480px;margin-top:0;text-align:center;}
.simulation .btn_list.seg2 li{margin-bottom:0;}

.door{background:#fff;}
.door .btn_list.seg2{width:480px;margin-top:0;text-align:center;}
.door .btn_list.seg2 li{margin-bottom:0;}

.plan{background:#eee;}
.plan h2{display:inline-block;font-size:2rem;font-weight:bold;color:#fff;background:#13449d;padding:10px 20px;}
.panel_list{width:960px;margin-top:30px;}
.panel_list:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.panel_list li{float:left;}
.panel_list li a{display:block;}

.parts{background:#fff;}
.parts h2{display:inline-block;font-size:2rem;font-weight:bold;color:#fff;background:#13449d;padding:10px 20px;}

.price{background:#eee;}
.price_tb{display:table;width:960px;margin-top:30px;}
.price_tb+.price_tb{margin-top:4px;}
.price_cl{display:table-cell;padding:0 2px;vertical-align:top;}
.price_dl{}
.price_dl dt{font-size:1.4rem;font-weight:bold;line-height:50px;color:#414141;background:#f4f4f4;text-align:center;}
.price_dl dd{font-size:1.4rem;background:#fff;padding:20px;}
.price_dl dd img{margin-bottom:6px;}
.price_dl dd span{display:block;}
.price_dl dd ul{text-align:left;}
.price_dl dd ul li{padding-left:14px;background:url(/products/common/images/icn_bullet_01.gif) no-repeat 4px .5em;}

#prd_common{width:100%;}
#prd_common #prd_cmmn_box{width:960px;margin:0 auto;padding:60px 0;}
#prd_common #prd_cmmn_box:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}

#prd_common #prd_cmmn_box #prd_showroom{position:relative;width:958px;height:288px;background:url(/products/common/images/showroom_bg.jpg) no-repeat 0 0;border:solid #e7ebed 1px;margin-bottom:60px;}
#prd_common #prd_cmmn_box #prd_showroom #sr_true{display:none;}
#prd_common #prd_cmmn_box #prd_showroom .sr_pc{display:block;}
#prd_common #prd_cmmn_box #prd_showroom .sr_sp{display:none;}
#prd_common #prd_cmmn_box #prd_showroom a{display:block;width:958px;height:288px;}
#prd_common #prd_cmmn_box #prd_showroom a h4{position:absolute;top:29px;left:29px;font-size:2.4rem;font-weight:bold;color:#414141;line-height:1.4;border-bottom:solid #e7ebed 1px;padding-bottom:18px;}
#prd_common #prd_cmmn_box #prd_showroom a h4 span{color:#0085cc;}
#prd_common #prd_cmmn_box #prd_showroom a .lead{position:absolute;top:100px;left:42px;min-height:112px;font-size:1.4rem;color:#414141;background:url(/products/common/images/showroom_img.png) no-repeat 0 0;padding:25px 0 0 172px;}
#prd_common #prd_cmmn_box #prd_showroom a ul{position:absolute;top:200px;left:29px;width:434px;}
#prd_common #prd_cmmn_box #prd_showroom a ul li{background:#13449d;border:solid #13449d 1px;transition:all .1s ease-in-out;}
#prd_common #prd_cmmn_box #prd_showroom a ul li span{display:block;font-size:1.6rem;font-weight:bold;color:#fff;line-height:58px;background:url(/products/common/images/prd_arrow.png) no-repeat right 0;text-align:center;}
#prd_common #prd_cmmn_box #prd_showroom a .map{position:absolute;top:40px;left:570px;font-size:1.6rem;color:#414141;text-align:center;}
#prd_common #prd_cmmn_box #prd_showroom a:hover ul li{background:#fff;}
#prd_common #prd_cmmn_box #prd_showroom a:hover ul li span{color:#13449d;background:url(/products/common/images/prd_arrow.png) no-repeat right -60px;text-decoration:none;}

#prd_common #prd_cmmn_box #prd_catalog,
#prd_common #prd_cmmn_box #prd_reform,
#prd_common #prd_cmmn_box #prd_tdy_case{float:left;width:465px;}
#prd_common #prd_cmmn_box #prd_catalog{margin-right:30px;}
#prd_common #prd_cmmn_box #prd_catalog h4,
#prd_common #prd_cmmn_box #prd_reform h4,
#prd_common #prd_cmmn_box #prd_tdy_case h4{font-size:1.8rem;font-weight:bold;line-height:1;border-left:solid #13449d 4px;padding:2px 0 2px 18px;}
#prd_common #prd_cmmn_box #prd_catalog p,
#prd_common #prd_cmmn_box #prd_reform p,
#prd_common #prd_cmmn_box #prd_tdy_case p{margin-top:15px;}
#prd_common #prd_cmmn_box #prd_catalog p a,
#prd_common #prd_cmmn_box #prd_reform p a,
#prd_common #prd_cmmn_box #prd_tdy_case p a{display:block;}
#prd_common #prd_cmmn_box #prd_catalog p a:hover img,
#prd_common #prd_cmmn_box #prd_reform p a:hover img,
#prd_common #prd_cmmn_box #prd_tdy_case p a:hover img{opacity:0.75;}
#prd_tdy_case{margin-top:30px;}

@media screen and (min-width:768px){
    #contents aside .prd_nav .cat_nav dl dd{display:block !important;}
}

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

    body{line-height:1.4;}
	header{line-height: 1.7;}
    #contents aside{width:100%;height:auto;}
    #contents aside .breadcrumbs{display:none;}

    #contents aside .prd_nav{position:static;height:auto;}
    #contents aside .prd_nav .cat_nav,
    #contents aside .prd_nav .cat_nav.fixed{position:static;height:auto;background:#fff;}
    #contents aside .prd_nav .cat_nav dl dt{display:block;font-size:1.4rem;color:#fff;line-height:40px;background:#13449d url(/products/common/images/btn_menu_sp.png) no-repeat right 0;background-size:25px 80px;text-align:center;}
    #contents aside .prd_nav dl dt.close{background:#13449d url(/products/common/images/btn_menu_sp.png) no-repeat right -40px;background-size:25px 80px;}
    #contents aside .prd_nav .cat_nav dl dd{display:none;}
	
	#contents aside .prd_nav .cat_nav ul,
	#contents aside .prd_nav .cat_nav li,
	#contents aside .prd_nav .cat_nav a {
		display: block;
	}
	#contents aside .prd_nav .cat_nav ul {
		font-size:1.2rem;
		width:100%;
		box-shadow:0px 3px 6px #999;
		margin-bottom:8px;
	}
	#contents aside .prd_nav .cat_nav ul::after {
		display: none;
	}
	#contents aside .prd_nav .cat_nav ul li{
		border-bottom:solid #eaeaea 1px;
	}
	#contents aside .prd_nav .cat_nav ul li:last-child{
		border-bottom: none;
	}
	#contents aside .prd_nav .cat_nav ul li a {
		color:#414141;
		padding:11px 17px 9px;
		text-align:left;
	}
	#contents aside .prd_nav .cat_nav ul li a::before,
	#contents aside .prd_nav .cat_nav ul li:last-child a::after {
		display: none;
	}
	#contents aside .prd_nav .cat_nav li a > span {
		padding: 0;
	}
    #contents aside .prd_nav .cat_nav dl dd ul li a span br {
		display:none;
	}

	#contents aside .prd_nav .cat_nav dl dd ul li .sub,
    #contents aside .prd_nav .cat_nav dl dd ul li .sub.toilet{
		position:static;
		top: auto;
		right: auto;
		width:100%;
		display:block;
		box-shadow:none;
		margin-bottom:0;
	}
	#contents aside .prd_nav .cat_nav .sub li{
		background:#fff;
		border-top:solid #eaeaea 1px;
		border-bottom: none;
		margin-top: 0;
		box-sizing: border-box;
	}
    #contents aside .prd_nav .cat_nav dl dd ul li .sub li a,
    #contents aside .prd_nav .cat_nav dl dd ul li .sub.toilet li a {
		background:none;
		border: none;
		padding: 9px 17px 10px 17px;
	}
	#contents aside .prd_nav .cat_nav ul li a:hover,
	#contents aside .prd_nav .cat_nav ul li.active2 a,
	#contents aside .prd_nav .cat_nav ul li.active a,
	#contents aside .prd_nav .cat_nav ul li.active:hover a {
		background: none;
	}


    #contents aside .prd_nav .cat_nav ul li.k_top,
    #contents aside .prd_nav .cat_nav ul li.k_system,
    #contents aside .prd_nav .cat_nav ul li.k_faucet,
    #contents aside .prd_nav .cat_nav ul li.k_reform1,
    #contents aside .prd_nav .cat_nav ul li.k_reform2,
    #contents aside .prd_nav .cat_nav ul li.k_catalog,
    #contents aside .prd_nav .cat_nav ul li.k_showroom,
    #contents aside .prd_nav .cat_nav ul li.k_products,
    #contents aside .prd_nav .cat_nav ul li.b_top,
    #contents aside .prd_nav .cat_nav ul li.b_house,
    #contents aside .prd_nav .cat_nav ul li.b_mansion,
    #contents aside .prd_nav .cat_nav ul li.b_bathtub,
    #contents aside .prd_nav .cat_nav ul li.b_faucet,
    #contents aside .prd_nav .cat_nav ul li.b_reform1,
    #contents aside .prd_nav .cat_nav ul li.b_reform2,
    #contents aside .prd_nav .cat_nav ul li.b_products,
    #contents aside .prd_nav .cat_nav ul li.g_top,
    #contents aside .prd_nav .cat_nav ul li.g_groom,
    #contents aside .prd_nav .cat_nav ul li.g_faucet,
    #contents aside .prd_nav .cat_nav ul li.g_reform1,
    #contents aside .prd_nav .cat_nav ul li.g_reform2,
    #contents aside .prd_nav .cat_nav ul li.g_products,
    #contents aside .prd_nav .cat_nav ul li.t_top,
    #contents aside .prd_nav .cat_nav ul li.t_toilet,
    #contents aside .prd_nav .cat_nav ul li.t_washlet,
    #contents aside .prd_nav .cat_nav ul li.t_washer,
    #contents aside .prd_nav .cat_nav ul li.t_reform1,
    #contents aside .prd_nav .cat_nav ul li.t_reform2,
    #contents aside .prd_nav .cat_nav ul li.t_check,
    #contents aside .prd_nav .cat_nav ul li.t_products,
    #contents aside .prd_nav .cat_nav ul li.f_top,
    #contents aside .prd_nav .cat_nav ul li.f_kitchen,
    #contents aside .prd_nav .cat_nav ul li.f_bath,
    #contents aside .prd_nav .cat_nav ul li.f_groom,
    #contents aside .prd_nav .cat_nav ul li.f_eco,
    #contents aside .prd_nav .cat_nav ul li.f_video,
    #contents aside .prd_nav .cat_nav ul li.f_tnm,
    #contents aside .prd_nav .cat_nav ul li.a_top,
    #contents aside .prd_nav .cat_nav ul li.a_function,
    #contents aside .prd_nav .cat_nav ul li.a_coordinate,
    #contents aside .prd_nav .cat_nav ul li.a_paper,
    #contents aside .prd_nav .cat_nav ul li.a_ring,
    #contents aside .prd_nav .cat_nav ul li.a_hang,
    #contents aside .prd_nav .cat_nav ul li.a_mirror,
    #contents aside .prd_nav .cat_nav ul li.a_shelf,
    #contents aside .prd_nav .cat_nav ul li.a_balustrade,
    #contents aside .prd_nav .cat_nav ul li.a_cabinet,
    #contents aside .prd_nav .cat_nav ul li.a_catalogue,
    #contents aside .prd_nav .cat_nav ul li.u_top,
    #contents aside .prd_nav .cat_nav ul li.u_toilet,
    #contents aside .prd_nav .cat_nav ul li.u_bath,
    #contents aside .prd_nav .cat_nav ul li.u_entrance,
    #contents aside .prd_nav .cat_nav ul li.u_reform,
    #contents aside .prd_nav .cat_nav ul li.u_catalogue,
    #contents aside .prd_nav .cat_nav ul li.u_showroom,
    #contents aside .prd_nav .cat_nav ul li.ti_top,
    #contents aside .prd_nav .cat_nav ul li.ti_feature,
    #contents aside .prd_nav .cat_nav ul li.ti_hydro1,
    #contents aside .prd_nav .cat_nav ul li.ti_tile,
    #contents aside .prd_nav .cat_nav ul li.ti_coating,
    #contents aside .prd_nav .cat_nav ul li.ti_hydro2,
    #contents aside .prd_nav .cat_nav ul li.p_top,
    #contents aside .prd_nav .cat_nav ul li.p_use,
    #contents aside .prd_nav .cat_nav ul li.p_toilet,
    #contents aside .prd_nav .cat_nav ul li.p_groom,
    #contents aside .prd_nav .cat_nav ul li.p_bath,
    #contents aside .prd_nav .cat_nav ul li.p_accessory{width:100%;}

    #contents #prd_ft #prd_ft_box{width:100%;padding:16px 0 8px 0;}
    #contents #prd_ft #prd_ft_box .btn_list li{width:35%;background:none;margin-right:0;}
    #contents #prd_ft #prd_ft_box .btn_list li:nth-child(2){width:30%;}
    #contents #prd_ft #prd_ft_box .btn_list li a{width:auto;height:84px;}
    #contents #prd_ft #prd_ft_box .btn_list li:nth-child(1) a{background-color:#fff;background-image: url(/products/common/images/prd_ft_btn1_sp.png),url(/products/common/images/prd_ft_btn_arrow_sp.png);background-repeat:no-repeat,no-repeat;background-position:center -4px,right center;background-size:90px 84px,10px 9px;margin:0 4px 0 16px;}
    #contents #prd_ft #prd_ft_box .btn_list li:nth-child(2) a{background-color:#fff;background-image: url(/products/common/images/prd_ft_btn2_sp.png),url(/products/common/images/prd_ft_btn_arrow_sp.png);background-repeat:no-repeat,no-repeat;background-position:center -4px,right center;background-size:90px 84px,10px 9px;margin:0 4px 0 4px;}
    #contents #prd_ft #prd_ft_box .btn_list li:nth-child(3) a{background-color:#fff;background-image: url(/products/common/images/prd_ft_btn3_sp.png),url(/products/common/images/prd_ft_btn_arrow_sp.png);background-repeat:no-repeat,no-repeat;background-position:center -4px,right center;background-size:90px 84px,10px 9px;margin:0 16px 0 4px;}
    #contents #prd_ft #prd_ft_box .btn_list li a p{font-size:1.1rem;line-height:1.2;padding:50px 0 0 0;text-align:center;}
    #contents #prd_ft #prd_ft_box .btn_list li:hover{background:none;}
    #contents #prd_ft #prd_ft_box .btn_list li:nth-child(1):hover a{background-color:#fff;background-image: url(/products/common/images/prd_ft_btn1_sp.png),url(/products/common/images/prd_ft_btn_arrow_sp.png);background-repeat:no-repeat,no-repeat;background-position:center -4px,right center;background-size:90px 84px,10px 9px;margin:0 4px 0 16px;}
    #contents #prd_ft #prd_ft_box .btn_list li:nth-child(2):hover a{background-color:#fff;background-image: url(/products/common/images/prd_ft_btn2_sp.png),url(/products/common/images/prd_ft_btn_arrow_sp.png);background-repeat:no-repeat,no-repeat;background-position:center -4px,right center;background-size:90px 84px,10px 9px;margin:0 4px 0 4px;}
    #contents #prd_ft #prd_ft_box .btn_list li:nth-child(3):hover a{background-color:#fff;background-image: url(/products/common/images/prd_ft_btn3_sp.png),url(/products/common/images/prd_ft_btn_arrow_sp.png);background-repeat:no-repeat,no-repeat;background-position:center -4px,right center;background-size:90px 84px,10px 9px;margin:0 16px 0 4px;}
    #contents #prd_ft #prd_ft_box .btn_list li:hover a p{color:#13449d;}
    #contents #prd_ft #prd_ft_box .note{font-size:1.2rem;margin:0 16px;padding:16px 0 16px 1em;text-indent:-1em;}

    #contents #prd_ft #prd_ft_box p.prdFooterHeading{font-size:1.6rem;margin:16px 16px 0 16px;padding:0 0 0 10px;}
    #contents #prd_ft #prd_ft_box .prd_list{margin:0 16px;padding-top:8px;}
    #contents #prd_ft #prd_ft_box .prd_list .prd{float:none;width:100%;margin-top:8px;}
    #contents #prd_ft #prd_ft_box .prd_list .prd dt{font-size:1.3rem;padding-bottom:6px;}
    #contents #prd_ft #prd_ft_box .prd_list .prd dd ul{width:100%}
    #contents #prd_ft #prd_ft_box .prd_list .prd dd ul:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
    #contents #prd_ft #prd_ft_box .prd_list .prd dd ul li{float:left;width:50%;margin-bottom:8px;}
    #contents #prd_ft #prd_ft_box .prd_list .prd dd ul li a{font-size:1.2rem;padding-right:16px;}
    #contents #prd_ft #prd_ft_box .prd_list .prd.other dd ul li a{font-size:1.3rem;}

    #contents #prd_ft2 .prd_ft_box2{width:100%;padding:16px 0 8px 0;}
    #contents #prd_ft2 .prd_ft_box2 p.prdFooterHeading{font-size:1.6rem;margin:0 16px;padding:0 0 0 10px;}
    #contents #prd_ft2 .prd_ft_box2 .prd_list{margin:0 16px;padding-top:8px;}
    #contents #prd_ft2 .prd_ft_box2 .prd_list .prd{float:none;width:100%;margin-top:8px;}
    #contents #prd_ft2 .prd_ft_box2 .prd_list .prd dt{font-size:1.3rem;padding-bottom:6px;}
    #contents #prd_ft2 .prd_ft_box2 .prd_list .prd dd ul{width:100%}
    #contents #prd_ft2 .prd_ft_box2 .prd_list .prd dd ul:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
    #contents #prd_ft2 .prd_ft_box2 .prd_list .prd dd ul li{float:left;width:50%;margin-bottom:8px;}
    #contents #prd_ft2 .prd_ft_box2 .prd_list .prd dd ul li a{font-size:1.2rem;padding-right:16px;}
    #contents #prd_ft2 .prd_ft_box2 .prd_list .prd dd ul li a br{display:none;}
    #contents #prd_ft2 .prd_ft_box2 .prd_list .prd.other dd ul li a{font-size:1.3rem;}
    #contents #prd_ft2 .prd_ft_box2 .prd_list .prd.other dd ul li a br{display:none;}

    #contents #prd_ft2 .prd_ft_box2 .bnr_list{width:100%;}
    #contents #prd_ft2 .prd_ft_box2 .bnr_list li{width:50%;margin:0 0 16px 0;}
    #contents #prd_ft2 .prd_ft_box2 .bnr_list li:nth-child(odd) a{margin:0 8px 0 16px;}
    #contents #prd_ft2 .prd_ft_box2 .bnr_list li:nth-child(even) a{margin:0 16px 0 8px;}
    #contents #prd_ft2 .prd_ft_box2 .bnr_list li a img{width:100%;height:auto;}

}