@charset "UTF-8";

#contents #point{width:100%;}
#contents #point #point_box{position:relative;width:960px;height:760px;margin:40px auto 0 auto;padding-bottom:60px;}
#contents #point #point_box.point_tile{background:url(/products/tile/images/tile_point_bg.jpg) no-repeat 0 0;}
#contents #point #point_box h3{position:absolute;top:35px;left:40px;font-size:2.4rem;font-weight:bold;color:#fff;}
#contents #point #point_box .lead{position:absolute;top:84px;left:40px;font-size:1.4rem;color:#fff ;padding-top: 0px;}
#contents #point #point_box ul li{height:90px;}
#contents #point #point_box ul li .point_btn{display:block;height:73px;font-size:1.8rem;font-weight:bold;color:#fff;text-align:center;padding-top:17px;transition:all .1s ease-in-out;}

/*ポイント GA20170719変更*/
#contents #point #point_box ul .tile_point1{position:absolute;top:37px;left:582px;width:170px;}
#contents #point #point_box ul .tile_point2{position:absolute;top:37px;left:772px;width:170px;}
#contents #point #point_box ul .tile_point3{position:absolute;top:136px;left:582px;width:170px;}
#contents #point #point_box ul .tile_point4{position:absolute;top:136px;left:772px;width:170px;}
/*
#contents #point #point_box ul .tile_point1{position:absolute;top:167px;left:712px;width:170px;}
#contents #point #point_box ul .tile_point2{position:absolute;top:286px;left:712px;width:170px;}
#contents #point #point_box ul .tile_point3{position:absolute;top:406px;left:712px;width:170px;}
#contents #point #point_box ul .tile_point4{position:absolute;top:524px;left:712px;width:170px;}

*/
#contents #point #point_box .point_btn span{font-size:1.6rem;font-weight:normal;}
#contents #point #point_box .point_btn:hover{background:rgba(255,255,255,0.8);color:#0085cc;text-decoration:none;}

#lb_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:1000;display:none;}
#lb_point{position:fixed;top:0;left:0;right:0;bottom:0;width:900px;height:564px;box-shadow:0px 5px 10px #333;margin:auto;z-index:1000;display:none;}
#lb_point #point1,
#lb_point #point2,
#lb_point #point3,
#lb_point #point4,
#lb_point #point5,
#lb_point #point6{display:none;}
#lb_point #lb_inner{position:relative;width:900px;height:564px;background:#fff;}
#lb_point #lb_inner .lb_close{position:absolute;top:0;right:0;}
#lb_point #lb_inner .lb_close li{width:70px;height:70px;background:#13449d;transition:all .1s ease-in-out;}
#lb_point #lb_inner .lb_close li a{display:block;width:70px;height:70px;background:url(/products/images/lb_close.png) no-repeat 0 0;text-indent:-9999px;padding-top:0;overflow:hidden;}
#lb_point #lb_inner .lb_close li:hover{background:#fff;}
#lb_point #lb_inner .lb_close li a:hover{background:url(/products/images/lb_close.png) no-repeat 0 -70px;}
#lb_point #lb_inner .pt_tb1{position:absolute;top:30px;left:30px;display:table;width:770px;}
#lb_point #lb_inner .pt_tb1 .pt_cl1_1{display:table-cell;width:102px;vertical-align:top;}
#lb_point #lb_inner .pt_tb1 .pt_cl1_2{display:table-cell;width:636px;padding-left:30px;vertical-align:middle;}
#lb_point #lb_inner .pt_tb1 .pt_cl1_1 .pbox{width:94px;height:94px;background:#0085cc;padding:4px;}
#lb_point #lb_inner .pt_tb1 .pt_cl1_1 .pbox p{width:92px;font-size:1.8rem;font-weight:bold;color:#fff;line-height:92px;border:solid #fff 1px;text-align:center;}
#lb_point #lb_inner .pt_tb1 .pt_cl1_2 h4{font-size:3.2rem;color:#000;line-height:1;padding-bottom:8px;}
#lb_point #lb_inner .pt_tb1 .pt_cl1_2 p{font-size:1.4rem;color:#414141;}
#lb_point #lb_inner .pt_tb1 .pt_cl1_2 p span{font-size:1.2rem;}
#lb_point #lb_inner .pt_img{position:absolute;top:162px;left:0;width:900px;border-top:solid #13449d 2px;padding-top:30px;text-align:center;}
#lb_point #lb_inner .pt_img img{margin:0 auto;}
#lb_point #lb_inner .pt_btn{position:absolute;bottom:0;left:0;}
#lb_point #lb_inner .pt_btn li{height:70px;background:#13449d;transition:all .1s ease-in-out;}
#lb_point #lb_inner .pt_btn li a{display:block;width:900px;font-size:1.6rem;font-weight:bold;color:#fff;line-height:70px;background:url(/products/images/prd_arrow.png) no-repeat right 5px;text-align:center;}
#lb_point #lb_inner .pt_btn li a br{display:none;}
#lb_point #lb_inner .pt_btn li:hover{background:#fff;}
#lb_point #lb_inner .pt_btn li a:hover{color:#13449d;background:url(/products/images/prd_arrow.png) no-repeat right -55px;text-decoration:none;}


#contents #tile_hydrocera_pict {
	width:100%;
}

#contents #tile_hydrocera_pict .lyt-col4-01{
	margin:0 auto;
}
#contents #tile_hydrocera_pict .column {
	margin:15px 10px;
    width:22.5%;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#49a9d4;
}


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

	
	#contents #point #point_box{position:relative;width:100%;height:auto;margin:16px auto 0 auto;padding-bottom:16px;}
	#contents #point #point_box.point_tile{background:none;}
	#contents #point #point_box .point_ttl{background:#414141;padding:16px;}
	#contents #point #point_box .point_ttl h3{position:static;font-size:1.6rem;}
	#contents #point #point_box .point_ttl .lead{position:static;font-size:1.2rem;color:#fff;margin-top:8px;}
	#contents #point #point_box .point_ttl .lead br{display:none;}
	#contents #point #point_box .img_sp{width:100%;height:auto;}
	#contents #point #point_box ul{width:100%;}
	#contents #point #point_box ul:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
	#contents #point #point_box ul li{float:left;height:auto;background:#13449d url(/products/images/prd_arrow_sp.png) no-repeat right center;background-size:10px 9px;border-top:solid #fff 1px;}
	#contents #point #point_box ul li .point_btn{height:auto;font-size:1.2rem;padding:10px 16px;}
	#contents #point #point_box ul li:nth-child(odd) .point_btn{border-right:solid #fff 1px;}
	#contents #point #point_box .point_btn span{display:block;font-size:1rem;line-height:1.2;}
	#contents #point #point_box ul .tile_point1,
	#contents #point #point_box ul .tile_point2,
	#contents #point #point_box ul .tile_point3,
	#contents #point #point_box ul .tile_point4{position:static;width:50%;}


	#lb_point{width:auto;height:auto;min-height:300px;}
	#lb_point #lb_inner{;width:auto;height:auto;padding:15px;}
	#lb_point #lb_inner .lb_close{position:absolute;top:15px;right:15px;}
	#lb_point #lb_inner .lb_close li{width:60px;height:60px;}
	#lb_point #lb_inner .lb_close li a{width:60px;height:60px;background-size:60px 120px;}
	#lb_point #lb_inner .lb_close li a:hover{background:url(/products/images/lb_close.png) no-repeat 0 -60px;background-size:60px 120px;}
	#lb_point #lb_inner .pt_tb1{position:static;width:auto;height:60px;margin:0;}
	#lb_point #lb_inner .pt_tb1 .pt_cl1_1{width:60px;height:60px;}
	#lb_point #lb_inner .pt_tb1 .pt_cl1_2{width:auto;padding:0 70px 0 10px;}
	#lb_point #lb_inner .pt_tb1 .pt_cl1_1 .pbox{width:52px;height:52px;}
	#lb_point #lb_inner .pt_tb1 .pt_cl1_1 .pbox p{width:50px;font-size:1.1rem;line-height:50px;}
	#lb_point #lb_inner .pt_tb1 .pt_cl1_2 h4{font-size:1.8rem;}
	#lb_point #lb_inner .pt_tb1 .pt_cl1_2 p{display:none;}
	#lb_point #lb_inner .pt_img{position:static;width:auto;margin-top:15px;padding-top:15px;}
	#lb_point #lb_inner .pt_img img{width:100%;}
	#lb_point #lb_inner .pt_btn{position:static;margin-top:15px;}
	#lb_point #lb_inner .pt_btn li a{display:block;width:auto;height:56px;font-size:1.4rem;line-height:1.4;    padding: 14px 0 0 0;}
	#lb_point #lb_inner .pt_btn li a br{display:block;}

#contents #tile_hydrocera_pict .column {
    width:40%;
}


}