/*COMMON*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px;
	letter-spacing: .05em;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
sup{
   line-height: 100%; 
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


body,html {
	width:100%;
	height:100%;

}
body {
	color: #111;
	font-size:15px;
	line-height:160%;

	background-color:#fff;
	font-family:'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;


	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	position:relative;
	

}

p{
	line-height:160%;
	letter-spacing:.05em;
}

a,a:hover,a:visited,a:active{
	color:#111;
	transition: 0.2s;
	text-decoration: none;
}
a:hover{
	opacity:0.7;
}
img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}






/* ========= header footer ========= */



header {
	position:fixed;
	width:100%;
	height: 56px;
	margin: 0;
	z-index: 200;
	transition: 0.4s;
}

header #logo{
	width:30%;
	height: auto;
	padding: 12px 0 0 24px;
	position: absolute;
	top: 0;
	left: 0;
}
header #logo h1,header #logo div{
	line-height: 29px;
	margin: 0;
	padding: 0;
	
	font-size: 32px;
	font-weight: bold;
}
header #logo h1 a,header #logo div a{
	color: #fff;
	font-size: 32px;
}

header.is-fixed{
	position:fixed;
	width:100%;
	height: 56px;
	margin: 0;
	z-index: 200;
	background-color: rgba(255,255,255,.95);
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
header.is-fixed #logo{
	padding: 12px 0 0 24px;
	transition: 0.2s;
}
header.is-fixed #logo h1,header.is-fixed #logo div{
	color: #000;
	transition: 0.2s;
}
header.is-fixed #logo h1 a,header.is-fixed #logo div a{
	color: #000;
}

.inqBtn{
	position: absolute;
	top: 0;
	right: 0;
}
.inqBtn a{
	padding: 20px 20px 20px 67px;
	display: block;
	color: #fff;
	background: #007e42 url("../../images/home/icon_contact.png") no-repeat left 20px top 15px;
	background-size: 42px auto;
	line-height: 100%;
	font-weight: bold;
}
header.is-fixed .inqBtn a{
	padding: 20px 20px 20px 67px;
	background: #007e42 url("../../images/home/icon_contact.png") no-repeat left 20px top 15px;
	background-size: 42px auto;
	transition: 0.4s;
}

#panel{
	width:70%;
}
#gnavi{
	color: #000;
	position:absolute;
	top: 19px;
	right: 187px;
}
header.is-fixed #gnavi{
	top: 19px;
	transition: 0.4s;
}
#gnavi li{
	float: left;
	line-height: 100%;
	padding: 0 30px 0 0;
}
#gnavi li a{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}
header.is-fixed #gnavi li a{
	color: #000;
}








#page-top{
	position: fixed;
	right: 10px;

	width:60px;
	height: 60px;
	z-index: 5000;
}
#page-top img{
	width:60px;
	height: 60px;
}


footer{
	padding: 60px;
	background: #000;
	font-size: 10px;
	text-align: center;
	border-top:2px #eee solid;
	
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	
	position: relative;

}




.fLogo{
	font-size: 23px;
	font-weight: 700;
	color: #fff;
	
	width:240px;
	
	text-align: left;
}
.fLogo .copy{
	color: #fff;
	font-size: 9px;
	display: block;
}
.fMenu{
	width:calc(100% - 240px);
}
.fMenu ul{
	text-align: left;
	padding: 10px 0 0 0;
}
.fMenu ul li{
	display: inline-block;
	color: #fff;
	font-size: 12px;
	margin-right: 20px;
	padding: 0 0 0 11px;
	background: url("../../images/home/foot_arrow.png") no-repeat 0 1px ;
	background-size: 7px auto;
	line-height: 100%;

}
.fMenu ul li a{
	color: #fff;
	font-size: 12px;
}

/*=========プロモーション=========*/

#promotion{
	overflow: hidden;
	width:100%;
	height: 100vh;
	background: url("../../images/home/promo_bg.jpg") no-repeat center center;
	background-size: cover;
}


.promoBox{
	background: #ccc;
}

.promoTxt{
   position: absolute;
   top: 50%;
   left: 0%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
	text-align: center;
	color: #fff;
	width: 100%;
}
.promoTxt1{
	font-size: 24px;
	line-height: 100%;
	margin-bottom: 30px;
	font-weight: bold;
}
.promoTxt2{
	font-size: 50px;
	line-height: 120%;
	margin-bottom: 50px;
	font-weight: bold;
	letter-spacing: .05em;
}
.promoTxt3{
	font-size: 24px;
	line-height: 140%;
	font-weight: bold;
}


.scrolBtn{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left:-2px;
	z-index: 103;
}
.scrolBtn a{
	display: block;
}
.scrolBtn img{
	width:47px;
	height: auto;
}



/*=========コンテンツ=========*/
article{
	padding:0 0 0 0;
	background-color:#fff;

	position:relative;

}
section{
	background-color:#fff;
	
	position:relative;
	
}


.secBgW1{
	padding: 150px 0;
	background: #ffffff;
}
.secBgG1{
	padding: 150px 0;
	background: #f2f2f2;
}
.secBgW2{
	padding: 80px 0;
	background: #ffffff;
}
.secBgG2{
	padding: 80px 0;
	background: #f2f2f2;
}

.contents{
	position:relative;
	margin: 0 auto;
	width:1040px;
}




h2{
	font-size:44px;
	margin-bottom:60px;
	line-height:100%;
	font-weight:300;
	text-align: center;
	letter-spacing:.05em;
	position: relative;
}

h2::after{
	content: "";
	width:80px;
	height: 4px;
	background: #00924c;
	border-radius: 10px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left:-40px;
}

h2.contH2{
	font-size:32px;
	line-height:100%;
	position: relative;
}

.merit1::before{content: "メリット1";}
.merit2::before{content: "メリット2";}
.merit3::before{content: "メリット3";}
.merit4::before{content: "メリット4";}
.merit5::before{content: "メリット5";}
.merit6::before{content: "メリット6";}
.merit7::before{content: "メリット7";}
.merit8::before{content: "メリット8";}
.merit9::before{content: "メリット9";}
.merit1::before,.merit2::before,.merit3::before,.merit4::before,.merit5::before,.merit6::before,.merit7::before,.merit8::before,.merit9::before{
	display: inline-block;
	background:#000000;
	padding: 3px 12px;
	font-size: 17px;
	color: #fff;
	margin-right: 10px;
	font-weight: 700;
	position: absolute;
	top: -3.2em;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}


h3{
	font-size:24px;
	margin-bottom:20px;
	line-height:100%;
	font-weight:normal;
	text-align: l;
	letter-spacing:.05em;
}
h3.contH3{
	text-align: center;
	margin-bottom: 25px;
	font-weight: 700;
	padding-bottom: 20px;
	color: #00924c;
	border-bottom: 1px solid #ddd;
	line-height: 140%;
}
h4{
	font-size:18px;
	margin-bottom:25px;
	line-height:140%;
	font-weight:bold;
	text-align: center;
}

.read{
	text-align: center;
	margin-bottom: 30px;
}
.read2{
	text-align: center;
	margin-bottom: 0;
}
.cs{
	text-align:center;
	padding:100px;
	font-size:36px;
	font-family: 'Open Sans', sans-serif;
}

.sTxt{
	font-display: 80% !important;
	font-weight: normal !important;
}

/*テキスト*/

.tCenter{
	text-align:center;
}

.mgB5{
	margin-bottom:5px;
}

.mgB10{
	margin-bottom:10px;
}
.mgB20{
	margin-bottom:20px;
}
.mgB30{
	margin-bottom:30px;
}
.mgB40{
	margin-bottom:40px;
}
.mgB50{
	margin-bottom:50px;
}



.frmBox1{
	border: 1px solid #ddd;
	padding: 40px;
	margin-bottom: 50px;
}
.frmBox1:nth-last-of-type(1){
	margin-bottom: 0;
}

.btn_arrow,.btn_window{
	text-align: center;
}
.btn_arrow a,.btn_window a{
	display: inline-block;
	padding: 26px 100px 26px 70px;
	background: #000000 url(../../images/home/arrow_green.png) no-repeat right 50px center;
	background-size: 22px auto;
	font-weight: 700;
	color: #fff;
	line-height: 100%;
	text-decoration: none;
	font-size: 18px;
	border: none;
	transition: .2s;
}
.btn_arrow a:hover,.btn_window a:hover{
	background: #000000 url(../../images/home/arrow_green.png) no-repeat right 30px center;
	background-size: 22px auto;
}
.btn_window a{
	display: inline-block;
	padding: 26px 100px 26px 70px;
	background: #000000 url(../../images/home/arrow_window.png) no-repeat right 50px center;
	background-size: 22px auto;
}
.btn_window a:hover{
	background: #000000 url(../../images/home/arrow_window.png) no-repeat right 30px center;
	background-size: 22px auto;
}

.linkBtn {
	text-align: center;
	margin-top: 20px;
	padding: 20px 0 0 0;
	border-top: 1px dashed #ddd;
}

.linkBtn a{
	
	display: inline-block;
	padding: 16px 50px 16px 30px;
	background: #000000 url(../../images/home/arrow_green.png) no-repeat right 20px center;
	background-size: 22px auto;
	font-weight: 700;
	color: #fff;
	line-height: 100%;
	text-decoration: none;
	font-size: 14px;
	border: none;
	transition: .2s;
	margin-right: 10px;
	margin-bottom: 10px;
}
.linkBtn a.linkWin{
	background: #000000 url(../../images/home/arrow_window.png) no-repeat right 20px center;
	background-size: 22px auto;
}




/* ========= 汎用パーツ ========= */


.pageRead{
	margin-bottom: 50px;
	text-align: left;
}

.indexList{
	padding: 0 140px;
	background: #f2f2f2;
}
.indexList .indexTitle{
	margin-bottom: 30px;
	font-size: 36px;
	text-align: center;
}
.indexList .indexTitle::after{
	display: none;
}
.indexList ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.indexList ul li{
	width:100%;
	padding: 0 0;
	border-top: dashed 1px #ddd;
}
.indexList ul li a{
	display:block;
	position: relative;
	padding: 10px 0 10px 22px;
}
.indexList ul li a:hover{
	background: #ccc;
}
.indexList ul li a::before{
	content: "";
	display: block;
	position: absolute;
	top: 18px;
	left: 12px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: translateX(-50%) rotate(135deg);
}

.picR{
	float: right;
	margin: 0 0 20px 20px;
	display: block;
	width:150px;
	height: auto;
}

.chartList{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}
.chartList:nth-of-type(1){
	border-top: 1px solid #eee;
}
.chartList .chartTitle{
	width:30%;
	vertical-align: middle;
	line-height: 34px;
	font-weight: bold;
}
.chartList .chartTxt{
	width:70%;
	vertical-align: middle;
	line-height: 34px;
}
.kyocho.chartList .chartTitle,
.kyocho.chartList .chartTxt{
	color: #BA0003;
	
}


.chart1{
	border-top: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
}
.chart1 td,
.chart1 th{
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	
	padding: 6px 15px;
	
	text-align: center;
	background:#f8f8f8;
	
	vertical-align: middle;
	
	font-size: 16px;
}
.chart1 th{
	background:#eeeeee;
	text-align: center;
}
.chart1 tr:nth-of-type(2n) td{
	background:#fff;
}
.chart1 tr:nth-of-type(2n) th{
	background:#eeeeee;
}





.picBox{
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	padding: 40px;
	background: #fff;
	margin-bottom: 50px;
	position: relative;
}
.contents .picBox:nth-last-of-type(1){
	margin-bottom: 0;
	
}
.picBox img{
	vertical-align: bottom;
	width: 100%;
	height: auto;
}

.picBox .phList{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.picBox .phList .phBox{
	width:48%;
	margin-right: 4%;
	background: #f2f2f2;
}
.picBox .phList .phBox:nth-of-type(2n){
	margin-right: 0%;
}
.picBox .phList.box3 .phBox{
	width:30%;
	margin-right: 5%;
	background: #f2f2f2;
}
.picBox .phList.box3 .phBox:nth-of-type(3n){
	margin-right: 0%;
}
.picBox .phList.box1 .phBox{
	width:100%;
	margin-right: 0%;
	background: #f2f2f2;
}
.picBox .phList .phBox img{
	width:100%;
	height: auto;
	vertical-align: bottom;
}
.picBox .phList .phBox p.caption{
	padding: 10px 15px;
	text-align: center;
}


.picBoxFlex1{
	background: #f2f2f2;
	padding: 10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	margin-top: 0;
	align-items: center;
  justify-content: center;
}
.picBoxFlex1 .flexTxt1{
	width:30%;
	padding: 0 0 0 20px;
}
.picBoxFlex1 .flexTxt1 h4{
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}
.picBoxFlex1 .flexPic1{
	width:70%;
}
.picBoxFlex1 .flexPic1 img{
	width:100%;
	height: auto;
}
.meritCheck {

}
.meritCheck ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.meritCheck li{
	width:100%;
	padding: 15px 0;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 16px;
	line-height: 120%;
	border-bottom: 1px dashed #ddd;
	vertical-align: middle;
}
.meritCheck li:nth-last-of-type(1){
	border-bottom: none;
	padding: 15px 0 0;
	margin: 0 0 0 0;
}
.meritCheck.btmTxt li:nth-last-of-type(1){
	border-bottom: 1px dashed #ddd;
	padding: 15px 0 15px;
	margin: 0 0 20px 0;
}

.meritCheck li::before{
	content:"";
	width:22px;
	height: 27px;
	margin-right: 6px;
	display: inline-block;
	background: url("../../products/riverenamel/images/check.svg") no-repeat 0 10px;
	background-size: 22px auto;
}
.meritCheck .meritCheckTitle{
	font-size: 24px;
	color: #00924c;
	font-weight: bold;
	padding: 10px 20px 20px;
	text-align: center;
	margin-bottom: 10px;
	border-bottom:1px solid #eeeeee;
}

.numList li{
	padding: 23px 0 23px 58px;
	border-bottom: 1px dashed #ccc;
	position: relative;
}
.numList li:nth-of-type(2n){
	background: #F5F5F5;
}

.numList li::before{
	position: absolute;
	left: 15px;
	top: 16px;
	background:#00924c;
	color:#fff;
	line-height: 36px;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	width:36px;
	height: 36px;
	text-align: center;
	border-radius: 30px;
	
}
.numList li:nth-of-type(1)::before{content: "1"}
.numList li:nth-of-type(2)::before{content: "2"}
.numList li:nth-of-type(3)::before{content: "3"}
.numList li:nth-of-type(4)::before{content: "4"}
.numList li:nth-of-type(5)::before{content: "5"}
.numList li:nth-of-type(6)::before{content: "6"}
.numList li:nth-of-type(7)::before{content: "7"}
.numList li:nth-of-type(8)::before{content: "8"}
.numList li:nth-of-type(9)::before{content: "9"}
.numList li:nth-of-type(10)::before{content: "10"}

.geninBox{
	margin-bottom: 60px;
}
.geninBox::after{
	position: absolute;
	bottom: -40px;
	left: 50%;
	margin-left: -20px;
	content: "";
	display: block;
	text-align: center;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #777;
	z-index: 100;
}
.geninBox .numList li::before{
	background:#D10000;
	color:#fff;
}
.geninBox .contH3{
	color:#D10000;
}
.geninBox .contH3,
.geninMente .contH3{
	margin-bottom: 10px;
}
.geninMente{
	margin-bottom: 50px;
}


.pic3{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	   -ms-flex-pack: justify;
	justify-content: space-between;
	
	padding: 30px;
	background: #F5F5F5;
}
.pic3 .picImg{
	width: 31%;
	margin-bottom: 30px;
	position: relative;
}
.geninChui2 .pic3 .picImg{
	padding: 10px;
	background: #fff;
}
.geninChui2 .pic3 .picImg p{
	padding: 20px;
	background: #fff;
}
.pic3 .picImg img{
	width: 100%;
	height: auto;
	display: block;
}
.geninChui .pic3 .picImg img{
	border: 3px solid #ccc;
}
.geninChui .pic3 .picImg img{
	border: 3px solid #ccc;
}

.geninChui .pic3 .picImg::after{
	position: absolute;
	top: 50%;
	right: -30px;
	margin-top: -20px;
	content: "";
	display: block;
	text-align: center;
	width: 0;
	height: 0;
	border-left: 20px solid #ddd;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	z-index: 100;
}
.geninChui .pic3 .picImg:nth-last-of-type(1)::after{
	display: none;
}
.geninChui .pic3 .picImg:nth-last-of-type(1),
.geninChui .pic3 .picImg:nth-last-of-type(2),
.geninChui .pic3 .picImg:nth-last-of-type(3),
.geninChui2 .pic3 .picImg:nth-last-of-type(1),
.geninChui2 .pic3 .picImg:nth-last-of-type(2),
.geninChui2 .pic3 .picImg:nth-last-of-type(3){
	margin-bottom: 0;
}


/* ========= HOME ========= */

.banaArea{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.banaArea.bana3box .banaBox{
	width:31%;
	margin-right: 3.5%;
	box-shadow: 10px 10px 0 rgba(0,0,0,.1);
}
.banaArea.bana3box .banaBox:nth-of-type(3n){
	width:31%;
	margin-right: 0;
}
.banaArea.bana2box .banaBox{
	width:48%;
	margin-right: 4%;
	box-shadow: 10px 10px 0 rgba(0,0,0,.1);
}
.banaArea.bana2box .banaBox:nth-of-type(2n){
	width:48%;
	margin-right: 0;
}


.banaBox{
	padding: 0 0;
	height: 240px;
	position: relative;
	background: rgba(0,0,0,1);
	overflow: hidden;
}

.banaBox::before{

	content: "";
	position: absolute;
	width:100%;
	height: 100%;
	z-index: 0;
	display: block;
	top: 0;
	transition: .3s;
	
	opacity: .6;
}

.banaBox.banaMadoguchi::before{
	background: url("../../images/home/top_bana_01.jpg") no-repeat center center;
	background-size:cover;
}
.banaBox.banaWebcatalogue::before{
	background: url("../../images/home/top_bana_02_2.jpg") no-repeat center center;
	background-size:cover;
}
.banaBox.banaToiawase::before{
	background: url("../../images/home/top_bana_03_2.jpg") no-repeat center center;
	background-size:cover;
}
.banaBox.banaOteire::before{
	background: url("../../images/home/btm_bana_01.jpg") no-repeat center center;
	background-size:cover;
}
.banaBox.banaFaq::before{
	background: url("../../images/home/btm_bana_02_2.jpg") no-repeat center center;
	background-size:cover;
}

.banaBox:hover::before{
	opacity: .4;
	/*-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);*/
}


.banaBox a{
	width:100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 1;
	transition: .3s;
	opacity: 1;
}
.banaBox a:hover{
}
.banaTxt,.banaTxt2{

   position: absolute;
   top: 50%;
   left: 0%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
	text-align: center;
	color: #fff;
	width: 100%;
	z-index: 1;
}
.banaTxt p{
	font-weight: bold;
	position: relative;
	margin-bottom: 24px;
	
}
.banaTxt p::after{
	content: "";
	position: absolute;
	width:40px;
	height: 3px;
	border-radius: 10px;
	z-index: 1;
	background: #fff;
	bottom: -10px;
	left: 50%;
	margin-left: -20px;
}
.banaTxt h3{
	font-size: 24px;
	margin-bottom: 0;
	text-align: center;
	font-weight: bold;
}


.banaTxt2 p{
	font-weight: bold;
	
}
.banaTxt2 h3{
	font-size: 24px;
	margin-bottom: 24px;
	text-align: center;
	font-weight: bold;
	position: relative;
}
.banaTxt2 h3::after{
	content: "";
	position: absolute;
	width:40px;
	height: 3px;
	border-radius: 10px;
	z-index: 1;
	background: #fff;
	bottom: -15px;
	left: 50%;
	margin-left: -20px;
}


/*ホーローメリット*/
.horoImgBox{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	
	margin-bottom: 50px;
}
.horoImg{
	width:48%;
	margin-right: 4%;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.horoImg:nth-of-type(2n){
	margin-right: 0;
}
.horoImg img{
	width:100%;
	height: auto;
}




.riverhoroBoxs{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	justify-content: space-between;
	
	/*margin-bottom: 50px;*/
	margin-bottom: 0;
}
.riverhoroBox{
	width:48%;
	margin-bottom: 40px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.riverhoroBoxImg img{
	width: 100%;
	height: auto;
}
.riverhoroBoxTitle{
	margin-top: -30px;
	margin-bottom: 20px;
	text-align: center;
}
.riverhoroBoxTitle a{
	display: inline-block;
	padding: 16px 70px 16px 40px;
	background: #000000 url(../../images/home/arrow_green.png) no-repeat right 30px center;
	background-size: 22px auto;
	font-weight: 700;
	color: #fff;
	line-height: 100%;
	text-decoration: none;
	font-size: 18px;
	border: none;
	transition: .2s;
}

.indexlist .riverhoroBoxTitle a{
	width: 88%;
	text-align: left;
	padding: 16px 70px 16px 20px;
	line-height: 140%;
}
.riverhoroBoxTitle a:hover{
	opacity: 1;
	background: #333 url(../../images/home/arrow_green.png) no-repeat right 20px center;
	background-size: 22px auto;

}
.riverhoroBoxTitle.productLinkBtn1 a{
	line-height: 50px;
}

.riverhoroBoxTxt{
	padding: 0 30px 30px 30px;
	line-height: 180%;
}


.caseImgs{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	
	margin-bottom: 50px;
}
.caseImgs .caseImg{
	width:31%;
	margin-right: 3.5%;
	margin-bottom: 30px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.caseImgs .caseImg:nth-of-type(3n){
	margin-right: 0;
}



.caseImg img{
	width:100%;
	height: auto;
}


/* コンテンツ　*/

#pageTitle{
	background-attachment: fixed;
	padding: 200px 0 160px;
	text-align: center;
}
#pageTitle.products{
	background: #fff url("../../products/images/page-title.jpg") no-repeat center center;
	background-size: cover;
}
#pageTitle.dealers{
	background: #fff url("../../dealers/images/page-title2.jpg") no-repeat center center;
	background-size: cover;
}
#pageTitle.catalogue{
	background: #fff url("../../catalogue/images/page-title.jpg") no-repeat center top;
	background-size: cover;
}
#pageTitle.faq{
	background: #fff url("../../faq/images/page-title.jpg") no-repeat center center;
	background-size: cover;
}
#pageTitle.inquiry{
	background: #fff url("../../inquiry/images/page-title.jpg") no-repeat center center;
	background-size: cover;
}
#pageTitle.care{
	background: #fff url("../../care/images/page-title.jpg") no-repeat center center;
	background-size: cover;
}
#pageTitle h1{
	color: #fff;
	font-weight: bold;
	font-size: 38px;
}

#mainContents{
}


/*販売窓口*/


.pageLink{
}
.pageLink ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-top: 0;
	margin-bottom: 0;
}
.pageLink.listC ul{
	justify-content: center;
}
.pageLink ul li{

	
}
.pageLink ul li a{
	display: block;
	padding: 20px 40px 20px 17px;
	background: url("../../images/home/pagelink_arrow.jpg") no-repeat 0 24px;
	background-size: 10px auto;
	line-height: 100%;
	
}
.pageLink.listC ul li a{
	padding: 20px 20px 20px 27px;
	background: url("../../images/home/pagelink_arrow.jpg") no-repeat 10px 24px;
	background-size: 10px auto;
}
.pageLink ul li a:hover{
	background: url("../../images/home/pagelink_arrow.jpg") no-repeat 0 28px;
	background-size: 10px auto;
}
.pageLink.listC ul li a:hover{
	padding: 20px 20px 20px 27px;
	background: url("../../images/home/pagelink_arrow.jpg") no-repeat 10px 28px;
	background-size: 10px auto;
}


.dealersLists{
	padding: 80px 0;
}
.dealersBox{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	padding: 40px 0;
	border-bottom: 1px solid #eee;
}
.dealersBox:nth-of-type(1){
	border-top: 1px solid #eee;
}
.dealersBox .dealersTitle{
	width:30%;
	vertical-align: middle;
	line-height: 34px;
	font-weight: bold;
}
.dealersBox .dealersAdress{
	width:47%;
	vertical-align: middle;
	line-height: 34px;
}
.dealersBox .dealersUrl{
	width:23%;
	vertical-align: middle;
}
.dealersAdress span{
	margin-left: 20px;
	display: inline-block;
}
.dealersAdress span::before{
	content: "TEL : "
}


.dealersBox .dealersUrl a{
	display: block;
	padding: 10px 50px 10px 30px;
	background: #000000 url(../../images/home/arrow_green.png) no-repeat right 20px center;
	background-size: 22px auto;
	font-weight: 700;
	color: #fff;
	line-height: 100%;
	text-decoration: none;
	font-size: 14px;
	border: none;
	transition: .2s;
	text-align: center;
}
.dealersBox .dealersUrl a:hover{
	opacity: 1;
	background: #333 url(../../images/home/arrow_green.png) no-repeat right 10px center;
	background-size: 22px auto;

}





/*WEBカタログ*/

.catalogueLists{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.catalogueLists .catalogueBox{
	width:31%;
	margin-right: 3.5%;
	margin-bottom: 30px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	display: flex;
    flex-direction: column;
}
.catalogueLists .catalogueBox:nth-of-type(3n){
	margin-right: 0;
}


.catalogueImg{
	padding: 20px;
	text-align: center;
	background: #EEEEEE;
    flex-shrink: 0; /* fix IE11 */
}
.catalogueTitle{
	padding: 20px 20px 10px;
	font-weight: bold;
	text-align: center;

}
.catalogueDL{
	padding: 0 20px 20px;
	margin-top: auto;
}

.catalogueImg img{
	width:50%;
	height: auto;
}


.catalogueDL a{
	display: block;
	padding: 10px 50px 10px 30px;
	background: #000000 url(../../images/home/dl_arrow.svg) no-repeat right 20px top 9px;
	background-size: 22px auto;
	font-weight: 700;
	color: #fff;
	line-height: 100%;
	text-decoration: none;
	font-size: 14px;
	border: none;
	transition: .2s;
	text-align: center;
    margin-top: auto; /* 位置を下に揃える */
    margin-bottom: 0; /* 装飾 */
}
.catalogueDL a:hover{
	opacity: 1;
	background: #333 url(../../images/home/dl_arrow.svg) no-repeat right 20px top 12px;
	background-size: 22px auto;

}


.astaTxt{
    font-size: 12px;
    margin-top: 30px;
    
}
.astaTxt li{
    font-size: 12px;    
}
.astaTxt li::before{
    content: "※";
    display: inline-block;
}
.astaTxt li.astaTitle::before{
    content: "";
    display: none;
    font-weight: bold;
}



.faqBox{
    margin-bottom: 30px;
    margin-left: 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.frmBox1 .faqBox:nth-last-of-type(1){
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.faqBoxQ{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    position: relative;
    padding-left: 20px;
	letter-spacing: 0;
}
.faqBoxQ::before{
    content: "Q";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    width:20px;
    color: #0049C5;
}
.faqBoxA{
    margin-bottom: 0;
    position: relative;
    padding-left: 20px;
	letter-spacing: 0;
}
.faqBoxA::before{
    content: "A";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    width:20px;
    color: #D8494C;
}



.cs{
	font-size: 24px;
	text-align: center;
	padding: 20vh 0 30vh 0;
}

/*==================*/
/* Clearfix */
.cf:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.cf {
    display: inline-block;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .cf {
    height: 1%;
}
.cf {
    display: block;
}
/* End hide from IE-Mac */


.pc{
	display: block;
}
.sp{
	display: none;
}

@media screen and (max-width: 800px) {
	
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
/*ここにスマホ用スタイルを記述*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		letter-spacing: .05em;
		vertical-align: baseline;
	}
	body {
		color: #111;
		font-size:13px;
		line-height:160%;
	}
	body.open header:after {
		position: fixed;
		width:100%;
		height: 100%;
		background: rgba(0,0,0,.6);
		content: "";
		top:0;
		left: 0;
		display: block;
		z-index: 300;
	}


	/* toggle-panel */
	#panel-btn {
		display: inline-block;
		position:fixed;
		width:24px;
		height: 24px;
		top:9px;
		right:10px;
		margin: 0 0 0;
		cursor:pointer;

		z-index:4005 !important;

	}
	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 24px;
		height: 3px;
		margin: -2px 0 0 -12px;

		background: #fff;
		transition: .2s;

	}
	header.is-fixed #panel-btn-icon{
		background: #000;

	}
	#panel-btn-icon:before, #panel-btn-icon:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 24px;
		height: 3px;
		margin-left: -12px;
		background: #fff;
		transition: .3s;

	}
	header.is-fixed #panel-btn-icon:before, header.is-fixed #panel-btn-icon:after{
		background: #000;

	}
	#panel-btn-icon:before {
		margin-top: -11px;
	}
	#panel-btn-icon:after {
		margin-top: 7px;
	}

	#panel-btn .close {
		background: transparent !important;
	}
	#panel-btn .close:before, #panel-btn .close:after {
		margin-top: 0;
		background: #fff;
	}
	header.is-fixed #panel-btn .close:before, header.is-fixed #panel-btn .close:after {
		margin-top: 0;
		background: #fff;
	}
	#panel-btn .close:before {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	#panel-btn .close:after {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}

	#panel {
		position: fixed;
		top: 0;
		right: -240px;
		width: 240px;
		height: 100%;
		background-size:100% auto;

		box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
		-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
		-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
		-o-box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
		-ms-box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
		z-index:4002;

		background: #000;
	}



	#panel nav{
		padding:80px 20px 0 20px;
	}
	#panel nav ul li{
		margin-bottom:20px;
		text-align:center;

	}
	#panel nav ul li a{
		display:block;
		font-size:13px;

	}
	header.is-fixed #panel nav ul li a{
		color: #fff;

	}
	#panel nav ul li img{
		height:15px;
		width:auto;
	}
	#panel nav ul li.mTitle{
		margin-bottom:20px;
	}

	#panel nav ul li.sns img{
		width:30px;
		height:auto;
	}




	/* ========= header footer ========= */



	header {
		position:fixed;
		width:100%;
		height: 41px;
		margin: 0;
		z-index: 200;
		transition: 0.4s;
	}

	header #logo{
		width:60%;
		padding: 13px 0 0 10px;
	}
	header #logo h1,header #logo div{
		line-height: 17px;
		font-size: 17px;
		font-weight: bold;
	}
	header #logo h1 a,header #logo div a{
		color: #fff;
		line-height: 17px;
		font-size: 17px;
	}

	header.is-fixed{
		position:fixed;
		width:100%;
		height: 41px;
		margin: 0;
		z-index: 200;
		background-color: rgba(255,255,255,.9);
		box-shadow: 0 0 10px rgba(0,0,0,.2)
	}
	header.is-fixed #logo{
		padding: 12px 0 0 10px;
	}
	header.is-fixed #logo h1,header.is-fixed #logo h1{
		font-size: 17px;
	}

	.inqBtn{
		position: relative;
		top: inherit;
		right: inherit;
		padding: 0 20px 20px;
	}
	.inqBtn a{
		padding: 12px 15px 12px 42px;
		display: block;
		color: #fff;
		background: #007e42 url("../../images/home/icon_contact.png") no-repeat left 10px top 10px;
		background-size: 25px auto;
		line-height: 100%;
		font-weight: bold;
	}
	header.is-fixed .inqBtn a{
		padding: 12px 15px 12px 42px;
		background: #007e42 url("../../images/home/icon_contact.png") no-repeat left 10px top 10px;
		background-size: 25px auto;
		transition: 0.4s;
	}

	#panel{

	}

	#gnavi{
		color: #000;
		position:relative;
		top: 0;
		left: 0;
	}
	header.is-fixed #gnavi{
		top: 0;
		transition: 0.4s;
	}
	#gnavi li{
		float: none;
		line-height: 100%;
		padding: 0 30px 0 0;
		text-align: left;
		font-size: 13px;
	}
	#gnavi li a{
		text-decoration: none;
		color: #fff;
		text-align: left;
	}







	#page-top{
		position: fixed;
		right: 10px;
		width:40px;
		height: 40px;
		z-index: 5000;
	}
	#page-top img{
		width:40px;
		height: 40px;
	}


	footer{
		padding: 30px;

	}




	.fLogo{
		font-size: 18px;
		font-weight: 700;
		color: #fff;

		width:100%;

		text-align: center;
	}
	.fLogo .copy{
		color: #fff;
		font-size: 8px;
		display: block;
	}
	.fMenu{
		width:100%;
	}
	.fMenu ul{
		text-align: center;
		padding: 10px 0 0 0;
	}
	.fMenu ul li{
		display: inline-block;
		color: #fff;
		font-size: 10px;
		margin-right: 10px;
				margin-left: 10px;
		margin-bottom: 10px;
		padding: 0 0 0 13px;
		background: url("../../images/home/foot_arrow.png") no-repeat 0 0 ;
		background-size: 7px auto;
		line-height: 100%;

	}
	.fMenu ul li a{
		color: #fff;
	}

	/*=========プロモーション=========*/

	#promotion{
		background: url("../../images/home/promo_bg.jpg") no-repeat center center;
		background-size: cover;
	}

	.promoTxt{
	   position: absolute;
	   top: 50%;
	   left: 0%;
	   -webkit-transform: translate(0, -50%);
	   transform: translate(0, -50%);
		text-align: center;
		color: #fff;
		width: 100%;
	}
	.promoTxt1{
		font-size: 14px;
		line-height: 100%;
		margin-bottom: 20px;
		font-weight: bold;
	}
	.promoTxt2{
		font-size: 24px;
		line-height: 140%;
		margin-bottom: 30px;
	}
	.promoTxt3{
		font-size: 14px;
		line-height: 160%;
		font-weight: bold;
	}


	.scrolBtn{
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left:-15px;
		z-index: 103;
	}
	.scrolBtn a{
		display: block;
	}
	.scrolBtn img{
		width:30px;
		height: auto;
		vertical-align: bottom;
	}




	/*=========コンテンツ=========*/
	article{
		padding:0 0 0 0;
	}
	section{

	}

	.contents{
		position:relative;
		margin: 0 auto;
		width:94%;
	}


	.secBgW1{
		padding: 50px 0;
		background: #ffffff;
	}
	.secBgG1{
		padding: 50px 0;
		background: #f2f2f2;
	}
	.secBgW2{
		padding: 30px 0;
		background: #ffffff;
	}
	.secBgG2{
		padding: 30px 0;
		background: #f2f2f2;
	}






	h2{
		font-size:20px;
		margin-bottom:20px;
		line-height:130%;
		font-weight:700;
		text-align: center;
		letter-spacing:.05em;
		position: relative;
	}

	h2::after{
		content: "";
		width:60px;
		height: 4px;
		background: #00924c;
		border-radius: 10px;
		position: absolute;
		bottom: -10px;
		left: 50%;
		margin-left:-30px;
	}

	h2.contH2{
		font-size:18px;
		line-height:140%;
		letter-spacing: .02em;
	}

	.merit1::before,.merit2::before,.merit3::before,.merit4::before,.merit5::before,.merit6::before,.merit7::before,.merit8::before,.merit9::before{
		padding: 1px 12px;
		font-size: 12px;
		color: #fff;
		margin-right: 0;
		top: -2.7em;
	}

	h3{
		font-size:16px;
		margin-bottom:10px;
		line-height:100%;
		font-weight:normal;
		text-align: l;
		letter-spacing:.05em;
	}
	h3.contH3{
		margin-bottom: 15px;
		padding-bottom: 10px;
	}

	h4{
		font-size:16px;
		margin-bottom:25px;
		line-height:140%;
		font-weight:bold;
		text-align: center;
	}

	.read{
		text-align: left;
		margin-bottom: 20px;
	}
	.read2{
		text-align: left;
		margin-bottom: 0;
	}



	.frmBox1{
		padding: 20px;
		margin-bottom: 30px;
	}

	.btn_arrow,.btn_window{
		text-align: center;
	}
	.btn_arrow a,.btn_window a{
		display: inline-block;
		padding: 14px 35px 14px 15px;
		background: #000000 url(../../images/home/arrow_green.png) no-repeat right 15px center;
		background-size: 15px auto;
		font-weight: 700;
		color: #fff;
		line-height: 100%;
		text-decoration: none;
		font-size: 13px;
		border: none;
		transition: .2s;
	}
	.btn_arrow a:hover,.btn_window a:hover{
		background: #000000 url(../../images/home/arrow_green.png) no-repeat right 10px center;
		background-size: 15px auto;
	}
	.btn_window a{
		display: inline-block;
		padding: 14px 35px 14px 15px;
		background: #000000 url(../../images/home/arrow_window.png) no-repeat right 15px center;
		background-size: 15px auto;
	}
	.btn_window a:hover{
		background: #000000 url(../../images/home/arrow_window.png) no-repeat right 10px center;
		background-size: 15px auto;
	}
	
.linkBtn {
	text-align: center;
	margin-top: 10px;
	padding: 10px 0 0 0;
	border-top: 1px dashed #ddd;
}

.linkBtn a{
	
	display: inline-block;
	padding: 12px 35px 12px 15px;
	background: #000000 url(../../images/home/arrow_green.png) no-repeat right 15px center;
	background-size: 15px auto;
	font-weight: 700;
	color: #fff;
	line-height: 100%;
	text-decoration: none;
	font-size: 12px;
	border: none;
	transition: .2s;
	margin-right: 10px;
}
.linkBtn a.linkWin{
	background: #000000 url(../../images/home/arrow_window.png) no-repeat right 15px center;
	background-size: 15px auto;
}





	/* ========= 汎用パーツ ========= */

	.pageRead{
		margin-bottom: 30px;
		text-align: left;
	}

	.indexList{
		padding: 0 2%;
	}
	.indexList .indexTitle{
		margin-bottom: 15px;
		font-size: 22px;
	}
	.indexList ul li{
		width:100%;
		padding: 0 0;
		border-top: dashed 1px #ccc;
	}
	.indexList ul li a{
		display:block;
		position: relative;
		padding: 3px 0 3px 22px;
	}
	.indexList ul li a::before{
		top: 7px;
		left: 12px;
		width: 7px;
		height: 7px;
	}

	.picR{
		margin: 0 0 10px 10px;
		width:26%;
	}

	.chartList{
		display: block;
		padding: 14px 0;
		border-bottom: 1px solid #eee;
	}
	.chartList:nth-of-type(1){
		border-top: 1px solid #eee;
	}
	.chartList .chartTitle{
		width:100%;
		line-height: 140%;
		margin-bottom: 6px;
		
	}
	.chartList .chartTxt{
		width:100%;
		line-height: 140%;
	}
	.kyocho.chartList .chartTitle,
	.kyocho.chartList .chartTxt{
		color: #BA0003;

	}


	.chart1{
		border-top: 1px solid #d5d5d5;
		border-left: 1px solid #d5d5d5;
	}
	.chart1 td,
	.chart1 th{
		border-bottom: 1px solid #d5d5d5;
		border-right: 1px solid #d5d5d5;

		padding: 3px 2px;

		text-align: center;
		background:#f8f8f8;

		vertical-align: middle;

		font-size: 12px;
	}
	.chart1 th{
		background:#eeeeee;
		text-align: center;
	}
	.chart1 tr:nth-of-type(2n) td{
		background:#fff;
	}
	.chart1 tr:nth-of-type(2n) th{
		background:#eeeeee;
	}





	.picBox{
		padding: 15px;
	}

	.picBox .phList{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.picBox .phList .phBox{
		width:49%;
		margin-right: 2%;
		background: #f2f2f2;
	}
	.picBox .phList .phBox:nth-of-type(2n){
		margin-right: 0%;
	}
	.picBox .phList.box3 .phBox{
		width:32%;
		margin-right: 2%;
		background: #f2f2f2;
	}
	.picBox .phList.box3 .phBox:nth-of-type(3n){
		margin-right: 0%;
	}
	.picBox .phList .phBox img{
		width:100%;
		height: auto;
		vertical-align: bottom;
	}
	.picBox .phList .phBox p.caption{
		padding: 5px 2px;
		text-align: center;
		font-size: 10px;
	}


	.picBoxFlex1{
		background: #fff;
		padding: 0;
		display:block;
		margin-top: 0;
		align-items: center;
	  justify-content: center;
	}
	.picBoxFlex1 .flexTxt1{
		width:100%;
		padding: 0 0 0 0;
		margin-bottom: 15px;
		text-align: left;
	}
	.picBoxFlex1 .flexTxt1 h4{
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 10px;
		line-height: 140%;
		padding-bottom: 5px;
		border-bottom: 1px dashed #ddd;
	}
	.picBoxFlex1 .flexPic1{
		width:100%;
	}
	.picBoxFlex1 .flexPic1 img{
		width:100%;
		height: auto;
	}
	.meritCheck {

	}
	.meritCheck ul{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.meritCheck li{
		width:100%;
		padding: 7px 0 7px 24px;
		margin: 0 0 0 0;
		text-align: left;
		font-size: 12px;
		line-height: 120%;
		border-bottom: 1px zw #ddd;
		vertical-align: middle;
		text-indent: -24px;
	}
	.meritCheck li:nth-last-of-type(1){
		border-bottom: none;
		padding: 7px 0 0 24px;
		margin: 0 0 0 0;

	}

	.meritCheck li::before{
		content:"";
		width:18px;
		height: 27px;
		margin-right: 6px;
		display: inline-block;
		background: url("../../products/riverenamel/images/check.svg") no-repeat 0 5px;
		background-size: 18px auto;
		vertical-align: middle;
	}
	.meritCheck .meritCheckTitle{
		font-size: 18px;
		color: #00924c;
		font-weight: bold;
		padding: 0px 20px 7px;
		text-align: center;
		margin-bottom: 10px;
		border-bottom:1px solid #eeeeee;
	}




	.numList li{
		padding: 10px 0 10px 30px;
	}

	.numList li::before{

		left: 4px;
		top:11px;
		line-height: 20px;
		font-size: 14px;
		width:20px;
		height: 20px;
		border-radius: 30px;

	}
	.geninBox{
		margin-bottom: 30px;
	}
	.geninBox::after{
		bottom: -20px;
		left: 50%;
		margin-left: -10px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #777;
	}
	.geninBox .contH3,
	.geninMente .contH3{
		margin-bottom: 10px;
	}
	.geninMente{
		margin-bottom: 50px;
	}


	.pic3{
		padding: 10px;
	}
	.pic3 .picImg{
		margin-bottom: 10px;;
		
	}
	.geninChui2 .pic3 .picImg{
		width:48%;
		margin-bottom: 10px;
	}
	.geninChui2 .pic3 .picImg{
		padding: 5px;
		background: #fff;
	}
	.geninChui2 .pic3 .picImg p{
		padding: 4px 6px;
		background: #fff;
	}
	
	
	.geninChui .pic3 .picImg img{
		border: 3px solid #ccc;
	}
	.geninChui .pic3 .picImg img{
		border: 3px solid #ccc;
	}

	.geninChui .pic3 .picImg::after{
		position: absolute;
		top: 50%;
		right: -10px;
		margin-top: -10px;
		content: "";
		display: block;
		text-align: center;
		width: 0;
		height: 0;
		border-left: 10px solid #ddd;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		z-index: 100;
	}
	.geninChui .pic3 .picImg:nth-last-of-type(1)::after{
		display: none;
	}
	.geninChui .pic3 .picImg:nth-last-of-type(1),
	.geninChui .pic3 .picImg:nth-last-of-type(2),
	.geninChui .pic3 .picImg:nth-last-of-type(3),
	.geninChui2 .pic3 .picImg:nth-last-of-type(1),
	.geninChui2 .pic3 .picImg:nth-last-of-type(2),
	.geninChui2 .pic3 .picImg:nth-last-of-type(3){
		margin-bottom: 0;
	}

	/* ========= HOME ========= */

	.banaArea{
		display:block;
	}
	.banaArea.bana3box .banaBox,.banaArea.bana2box .banaBox{
		width:100%;
		margin-right: 0;
		box-shadow: 5px 5px 0 rgba(0,0,0,.1);
	}
	.banaArea.bana3box .banaBox:nth-of-type(3n),.banaArea.bana2box .banaBox:nth-of-type(2n){
		width:100%;
		margin-right: 0;
	}


	.banaBox{
		padding: 0 0;
		height: inherit;
		position: relative;
		background: rgba(0,0,0,1);
		overflow: hidden;
		margin-bottom: 20px;
	}

	.banaBox::before{

		content: "";
		position: absolute;
		width:100%;
		height: 100%;
		z-index: 0;
		display: block;
		top: 0;
		transition: .3s;

		opacity: .6;
	}

	.banaBox.banaMadoguchi::before{
		background: url("../../images/home/top_bana_01.jpg") no-repeat center center;
		background-size:cover;
	}
	.banaBox.banaWebcatalogue::before{
		background: url("../../images/home/top_bana_02_2.jpg") no-repeat center top -20px;
		background-size:cover;
	}
	.banaBox.banaToiawase::before{
		background: url("../../images/home/top_bana_03_2.jpg") no-repeat center top -20px;
		background-size:cover;
	}

	.banaBox:hover::before{
		opacity: .4;
		/*-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);*/
	}


	.banaBox a{
		padding: 60px 0;
	}
	.banaTxt p,.banaTxt2 p{
		margin-bottom: 24px;

	}
	.banaTxt p br,.banaTxt2 p br{
		display: none;
	}
	.banaTxt p::after{
		width:40px;
		bottom: -10px;
		margin-left: -20px;
	}
	.banaTxt h3{
		font-size: 18px;
		font-weight: bold;
	}
	
	
	.banaTxt2 p{
		margin-bottom: 0;

	}
	.banaTxt2 h3{
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 24px;
		position: relative;
	}
	.banaTxt2 h3::after{
		width:40px;
		bottom: -15px;
		margin-left: -20px;
	}


	

	/*ホーローメリット*/
	.horoImgBox{
		display:block;

		margin-bottom: 20px;
	}
	.horoImg{
		width:100%;
		margin-right: 0%;
		box-shadow: 0 0 5px rgba(0,0,0,.2);
		margin-bottom: 10px;
	}
	.horoImg:nth-of-type(2n){
		margin-right: 0;
	}
	.horoImg img{
		width:100%;
		height: auto;
		vertical-align: bottom;
	}

	/*ホーローメリット
	.horoImgBox{
		margin-bottom: 20px;
	}
	.horoImg{
		box-shadow: 0 0 5px rgba(0,0,0,.2);
		margin-bottom: 10px;
	}
	.horoImg:nth-of-type(2n){
		margin-right: 0;
	}
	.horoImg img{
		width:100%;
		height: auto;
		vertical-align: bottom;
	}*/




	.riverhoroBoxs{
		display:block;

		margin-bottom: 0;
	}
	.riverhoroBox{
		width:100%;
		margin-right: 0;
		margin-bottom: 20px;
		box-shadow: 0 0 5px rgba(0,0,0,.2);
	}
	.riverhoroBox:nth-last-of-type(2){
		margin-bottom: 20px;
	}
	.riverhoroBox:nth-last-of-type(1){
		margin-bottom: 0;
	}
	.riverhoroBoxImg img{
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.riverhoroBoxTitle{
		margin-top: 0;
		margin-bottom: 10px;
		text-align: center;
	}
	.riverhoroBoxTitle a{
		width:100%;
		display: inline-block;
		padding: 16px 40px 16px 20px;
		background: #000000 url(../../images/home/arrow_green.png) no-repeat right 10px center;
		background-size: 16px auto;
		font-weight: 700;
		color: #fff;
		line-height: 100%;
		text-decoration: none;
		font-size: 14px;
		border: none;
		transition: .2s;
	}
	.indexlist .riverhoroBoxTitle a{
		width:100%;
		padding: 16px 30px 16px 10px;
		text-align: left;
	}

	.riverhoroBoxTitle a:hover{
		opacity: 1;
		background: #333 url(../../images/home/arrow_green.png) no-repeat right 10px center;
		background-size: 16px auto;

	}
	.riverhoroBoxTitle.productLinkBtn1 a{
		line-height: 100%;
	}

	.riverhoroBoxTxt{
		padding: 0 10px 10px 10px;
		line-height: inherit;
	}
	.riverhoroBoxTxt br{
		display: none;
	}

	.caseImgs{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

		margin-bottom: 50px;
	}
	.caseImgs .caseImg{
		width:48%;
		margin-right: 4%;
		margin-bottom: 10px;
		box-shadow: 0 0 10px rgba(0,0,0,.4);
	}
	.caseImgs .caseImg:nth-of-type(3n){
		margin-right: 4%;
	}
	.caseImgs .caseImg:nth-of-type(2n){
		margin-right: 0;
	}




	.caseImg img{
		width:100%;
		height: auto;
		vertical-align: bottom;
	}




	/* コンテンツ　*/

	#pageTitle{
		background-attachment: fixed;
		padding: 90px 0 70px;
		text-align: center;
	}
	#pageTitle h1{
		color: #fff;
		font-weight: bold;
		font-size: 24px;
		line-height: 140%;
	}

	#mainContents{
	}

	.cs{
		font-size: 24px;
		text-align: center;
		padding: 20vh 0 30vh 0;
	}



	/*販売窓口*/


	.pageLink{
	}
	.pageLink ul{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		margin-top: 0;
		margin-bottom: 0;
	}
	.pageLink.listC ul{
		display: block;
		margin-top: 0;
		margin-bottom: 0;
	}
	.pageLink ul li{


	}
	.pageLink ul li a{
		display: block;
		padding: 10px 20px 10px 17px;
		background: url("../../images/home/pagelink_arrow.jpg") no-repeat 0 14px;
		background-size: 10px auto;
		line-height: 100%;

	}
	.pageLink.listC ul li a{
		display: block;
		padding: 0 20px 10px 17px!important;
		background: url("../../images/home/pagelink_arrow.jpg") no-repeat 0 3px;
		background-size: 10px auto;
		line-height: 100%;

	}
	.pageLink ul li a:hover{
		background: url("../../images/home/pagelink_arrow.jpg") no-repeat 0 18px;
		background-size: 10px auto;
	}


	.dealersLists{
		padding: 40px 0;
	}
	.dealersBox{
		display:block;
		padding: 14px 0;
	}
	.dealersBox .dealersTitle{
		width:100%;
		vertical-align: middle;
		line-height: 140%;
		font-weight: bold;
		margin-bottom: 6px;
	}
	.dealersBox .dealersAdress{
		width:100%;
		vertical-align: middle;
		line-height: 140%;
		margin-bottom: 10px;
	}
	.dealersBox .dealersUrl{
		width:100%;
		vertical-align: middle;
		padding: 0 20%;
	}
	.dealersAdress span{
		margin-left: 20px;
		display: inline-block;
	}
	.dealersAdress span::before{
		content: "TEL : "
	}


	.dealersBox .dealersUrl a{
		display: block;
		
		padding: 10px 30px 10px 10px;
		background: #000000 url(../../images/home/arrow_green.png) no-repeat right 20px center;
		background-size: 15px auto;
		font-weight: 700;
		color: #fff;
		line-height: 100%;
		text-decoration: none;
		font-size: 11px;
		border: none;
		transition: .2s;
		text-align: center;
	}
	.dealersBox .dealersUrl a:hover{
		opacity: 1;
		background: #333 url(../../images/home/arrow_green.png) no-repeat right 10px center;
		background-size: 15px auto;

	}





	/*WEBカタログ*/

	.catalogueLists{
	}
	.catalogueLists .catalogueBox{
		width:48%;
		margin-right: 4%;
		margin-bottom: 30px;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
	}
	.catalogueLists .catalogueBox:nth-of-type(3n){
		margin-right: 4%;
	}
	.catalogueLists .catalogueBox:nth-of-type(2n){
		margin-right: 0;
	}


	.catalogueImg{
		padding: 10px 0;
	}
	.catalogueTitle{
		padding: 10px 10px 6px;
		line-height: 140%;
	}
	.catalogueDL{
		padding: 0 10px 10px;
	}

	.catalogueImg img{
		width:50%;

	}


	.catalogueDL a{
		display: block;
		padding: 7px 20px 7px 0;
		background: #000000 url(../../images/home/dl_arrow.svg) no-repeat right 7px top 7px;
		background-size: 15px auto;
		font-weight: 700;
		font-size: 11px;
		color: #fff;
		line-height: 100%;
		text-decoration: none;
		border: none;
		transition: .2s;
		text-align: center;
	}
	.catalogueDL a:hover{
		opacity: 1;
		background: #333 url(../../images/home/dl_arrow.svg) no-repeat right 7px top 9px;
		background-size: 15px auto;

	}






}