@charset "UTF-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17

*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

ul,ol {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
img{
	max-width: 100%;
	vertical-align:bottom;
}


/************** layout base ********************/

.clearfix{
overflow:hidden;
}

.clear:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}




a{color:#333333;
	text-decoration:none;
}
a:hover{
	filter:Alpha(opacity:60);
-moz-opacity:0.60;
opacity:0.60;
}
a:visited{color:#333333;}

sup {
	line-height: 100%;
	font-size:10px;
	vertical-align: 0.4em;
}
sub{
	line-height: 100%;
	font-size:10px;
	vertical-align: -0.1em;
}

.txtLeft{
text-align:left;
}
.txtRight{
text-align:right;
}
.txtCenter{
text-align:center;
}
.fw{font-weight:bold !important;}
.f10{ font-size:10px !important;}
.f11{ font-size:11px !important;}
.f12{ font-size:12px !important;}
.f13{ font-size:13px !important;}
.f14{ font-size:14px !important;}
.f15{ font-size:15px !important;}
.f16{ font-size:16px !important;}
.f17{ font-size:17px !important;}
.f18{ font-size:18px !important;}
.f20{ font-size:20px !important;}

.txtRed{ color:#e70012;}
.note{ color:#666666; font-size:12px;}

.fLeft{ float:left;}
.fRight{ float:right;}
.fNon{
	float:none !important;
}

.mTop0{ margin-top:0 !important;}
.mTop5{ margin-top:5px !important;}
.mTop10{ margin-top:10px !important;}
.mTop15{ margin-top:15px !important;}
.mTop20{ margin-top:20px !important;}
.mTop25{ margin-top:25px !important;}
.mTop30{ margin-top:30px !important;}
.mTop35{ margin-top:35px !important;}
.mTop40{ margin-top:40px !important;}
.mTop45{ margin-top:45px !important;}
.mTop50{ margin-top:50px !important;}

.mBtm0{ margin-bottom:0 !important;}
.mBtm5{ margin-bottom:5px !important;}
.mBtm10{ margin-bottom:10px !important;}
.mBtm15{ margin-bottom:15px !important;}
.mBtm20{ margin-bottom:20px !important;}
.mBtm25{ margin-bottom:25px !important;}
.mBtm30{ margin-bottom:30px !important;}
.mBtm35{ margin-bottom:35px !important;}
.mBtm40{ margin-bottom:40px !important;}
.mBtm45{ margin-bottom:45px !important;}
.mBtm50{ margin-bottom:50px !important;}
.mBtm60{ margin-bottom:60px !important;}

.pTop0{ padding-top:0 !important;}
.pTop5{ padding-top:5px !important;}
.pTop10{ padding-top:10px !important;}
.pTop15{ padding-top:15px !important;}
.pTop20{ padding-top:20px !important;}
.pTop25{ padding-top:25px !important;}
.pTop30{ padding-top:30px !important;}
.pTop35{ padding-top:35px !important;}
.pTop40{ padding-top:40px !important;}
.pTop45{ padding-top:45px !important;}
.pTop50{ padding-top:50px !important;}

.pBtm0{ padding-bottom:0 !important;}
.pBtm5{ padding-bottom:5px !important;}
.pBtm10{ padding-bottom:10px !important;}
.pBtm15{ padding-bottom:15px !important;}
.pBtm20{ padding-bottom:20px !important;}
.pBtm25{ padding-bottom:25px !important;}
.pBtm30{ padding-bottom:30px !important;}
.pBtm35{ padding-bottom:35px !important;}
.pBtm40{ padding-bottom:40px !important;}
.pBtm45{ padding-bottom:45px !important;}
.pBtm50{ padding-bottom:50px !important;}
.pBtm60{ padding-bottom:60px !important;}


.spOnly,.spOnlyI{ display:none;}
.pcOnly{ display:block;}
.pcOnlyI{ display:inline-block;}

/************** layout base ********************/
body{
background:#ffffff;
text-align:center;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.2;
}
.fontMin{font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

div,p,dl{
text-align:left;
}

p,dt,dd,li,td,th{
color:#333333;
font-size:14px;
	line-height: 1.5;
}
h1,h2,h3,h4,h5,h6{
color:#333333;
font-size:14px;
}

/*------------------ list style----------------*/
.numberList{
	padding:0 0 0 18px;	
}
.numberList li{
	list-style:decimal outside;
	padding:0 0 5px 0;
}

.discList{
	padding:0 0 0 18px;
}
.discList li{
	list-style:disc outside;
	padding:0 0 2px 0;
}

.indentList li{
	padding-left:1em;
	text-indent:-1em;
}

/*----------------------------------*/
.inner {
	max-width: 960px;
	padding-left: 3%;
	padding-right: 3%;
	margin: 0 auto;
}
.flex{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
}
.disnon{display: none;}

#blackWindow {
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    z-index: 99;
	display:none;
}
/*****************  head ***********************/
header{
	position: relative;
	background: #f8f8f8;
}
header .inner{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;	
	padding: 15px 3% 22px;
}
#logo{}
#headLink{
	font-size: 0;
	text-align: right;
}
#headLink p{
	display: inline-block;
	vertical-align: middle;
}
#headLink p a{
	padding: 0 1em;
}
#headLink .btnContact{
	width: 144px;
	padding-right: 10px;
}
#headLink .btnContact a{
	padding: 10px 0;	
}
.btnContact a{
	display: block;
	border: 1px #bfbfbf solid;
	background: #fbfbfb;
background: -moz-linear-gradient(top,  #fbfbfb 1%, #e1e1e1 100%);
background: -webkit-linear-gradient(top,  #fbfbfb 1%,#e1e1e1 100%);
background: linear-gradient(to bottom,  #fbfbfb 1%,#e1e1e1 100%);
	padding: 10px 0;
font-weight: bold;
	text-align: center;
	line-height: 1.3;
}
.btnContact a::before{
	content: "";
	display: inline-block;
	background: url("images/ic_mail.png") no-repeat left top;
	width: 18px;
	height: 13px;
	margin-right: 8px;
	vertical-align: -0.15em;
}
/*****************  navi ***********************/
#gNavi{
	background: #db0011;
background: -moz-linear-gradient(top,  #db0011 0%, #c70010 100%);
background: -webkit-linear-gradient(top,  #db0011 0%,#c70010 100%);
background: linear-gradient(to bottom,  #db0011 0%,#c70010 100%);
}
#gNavi > ul{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	max-width: 960px;
	padding: 0 3%;
	margin: 0 auto;
	justify-content: space-between;
}
#gNavi > ul > li{
	position: relative;
	
}

#gNavi > ul > li:nth-child(2),
#gNavi > ul > li:nth-child(4){
	width:18%;
}

#gNavi a{
	display: block;
}
#gNavi > ul > li:first-child{
width:5%;
}
#gNavi > ul > li:first-child a{
	padding: 12px 0 24px;
}
#gNavi > ul > li:first-child img{
	width:20px;
}
#gNavi > ul > li span{
	position: absolute;
	bottom: 4px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 12px;
}
#gNavi > ul > li > a{
	padding: 18px 0;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#gNavi > ul > li:hover ul{
	display: block;
}
#gNavi > ul ul{
	display: none;
	position: absolute;
	background: rgba(255,255,255,0.80);
	width: 100%;
	text-align: left;
	z-index: 3;
}
#gNavi > ul ul a{
	padding: 10px 20px;
}
#gNavi > ul ul a:hover{
	background: #f3848c;
	color: #FFFFFF;
		filter:Alpha(opacity:1);
	-moz-opacity:1;
	opacity:1;
}

/*****************  foot ***********************/
#pageTop{
	position: fixed;
	right: 0;
	bottom: 45px;
	cursor: pointer;
}
footer{
	overflow: hidden;
	margin-top: 70px;
}
footer .inner.flex{
	justify-content: space-between;
	padding: 40px 3%;
}
#footNav{
	position: relative;
	padding: 30px 3% 40px;
}
#footNav::after{
	content: "";
	position: absolute;
	top: 0;
	left: -500%;
	border-top: 1px #cbcbcb solid;
	border-bottom: 1px #cbcbcb solid;
	background: #e7e7e7;
	width: 1000%;
	height: 100%;
	z-index: -1;
}
#footNav dt,
#footNav > div > ul li a{
	background: url("images/ic_square_red.png") no-repeat left 0.45em;
	padding: 0 0 0 12px;
}
#footNav > div > ul{
	margin-bottom:30px;
}
#footNav dd{
	padding: 0 0 0 1em;
}
#footNav dd ul + ul{
	padding-left: 2em;
}
#footNav dd li{
	padding: 8px 0 0;
	font-size: 12px;	
}
#footNav > ul li + li{
	padding: 32px 0 0;
}
#footNav .btnContact a{
	padding-left: 32px;
	padding-right: 32px;
}
.footAdd p{
	margin-bottom: 1em;
}
.footAdd img{
	margin-bottom: 15px;
}
.footMap{
	width: 61%;
	max-width: 580px;
}
footer small{
	display: block;
	border-top: 1px #cbcbcb solid;
	background: #f3f3f3;
	padding: 18px 3%;
	text-align: center;
	font-size: 10px;
}



/*****************  contents ***********************/
#contents{
	max-width: 960px;
	padding: 0 3%;
	margin: 0 auto;
}
#breadcrumb{
	border-bottom: 1px #cccccc solid;
	padding: 15px 0 10px;
	font-size: 13px;
}
#breadcrumb span.inner{display: block;}
#breadcrumb .inner span,
#pageTitle .inner span{
	margin-right: 1em;
}
#pageTitle{
	position: relative;
	border-bottom: 1px #cccccc solid;
	margin-bottom: 40px;
	font-size: 40px;
}
#pageTitle::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url("images/bg_pagetitle.png") repeat-x left top;
	background-size: auto 100%;
	width: 100%;
	height: 100%;
	z-index: -1;
}
#pageTitle::after{
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 margin: auto;
 width: 100%;
 max-width: 960px;
 height: 200px;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: right top;
}
#pageTitle span.inner{
 position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 200px;
	text-align: left;
 z-index: 1;
}

 #contents h2,
.ttlGrdBd{
	border-bottom: 2px #e70012 solid;
	background: url("images/bg_grd_slash.png") repeat-x left top #ffffff;
	padding: 10px 15px 6px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.4;
}

/*----------------------------------------------
              top
---------------------------------------------*/
#mainView{
	position: relative;
	overflow: hidden;
}
#mainView .slide_item{
	position: relative;
}
#mainView .slide_item > img{
	width: 100%;
}
#mainView .slide_item p{
	position: absolute;
	top: 10%;
	left: 0;
	width: 100%;
	padding: 0 3%;
	text-align: center;
	box-sizing: border-box;
}
#mainView .slide_item p img{
	margin: auto;
}
#mainView .slick-arrow{
	width: 30px;
	height: 47px;
	z-index: 1;
}
#mainView .slick-prev{
	left: 4%;
	background: url("images/slider_arrow_l.png") no-repeat left top;
	background-size: 100% 100%;
}
#mainView .slick-next{
	right: 4%;
	background: url("images/slider_arrow_right.png") no-repeat left top;
	background-size: 100% 100%;}

/*--------- 20200618 add -----------*/
#mainView #slide02.slide_item p{
	top:15%;
}
#mainView #slide03.slide_item p{
	top:37%;
	right: 0;
	text-align: right;
	margin-right: 0;
	padding-right: 0;
}
#mainView #slide03.slide_item p img{
	margin-right: 0;
}
/*--------- /20200618 add -----------*/



#topNews,
#pageNews{
	max-width: 960px;
	padding: 60px 3% 55px;
	margin: 0 auto;
}
#topNews .flex,
#pageNews .flex{
	border-bottom: 2px #c80010 solid;
	margin-bottom: 20px;
	justify-content: space-between;
	align-items: center;
}
#topNews h2{
	width: 108px;
	font-size: 20px;
}
.tab{
	width: calc(100% - 108px - 118px);
	font-size: 0;
}
.tab li{
	display: inline-block;
	vertical-align: bottom;
	border: 1px #bfbfbf solid;
	border-bottom: none;
	background: #fbfafa;
background: -moz-linear-gradient(top,  #fbfafa 1%, #f2f1f1 100%);
background: -webkit-linear-gradient(top,  #fbfafa 1%,#f2f1f1 100%);
background: linear-gradient(to bottom,  #fbfafa 1%,#f2f1f1 100%);
	width: 150px;
	margin-right: 5px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
}
.tab .stay{
	border: 1px #c8000f solid;
	border-bottom: none;
	background: #e70012;
background: -moz-linear-gradient(top,  #e70012 0%, #c8000f 100%);
background: -webkit-linear-gradient(top,  #e70012 0%,#c8000f 100%);
background: linear-gradient(to bottom,  #e70012 0%,#c8000f 100%);
	color: #FFFFFF;
}
#topNews .flex p a,
#pageNews .flex p a{
	position: relative;
	display: block;
}
#topNews .flex p a::after,
#pageNews .flex p a::after{
	content: "";
	display: inline-block;
	border-top: 1px #e91828 solid;
	border-right: 1px #e91828 solid;
	width: 6px;
	height: 6px;
	margin-left: 12px;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
	vertical-align: middle;
}
.newsList{
	overflow: hidden;
}
.newsList dt{
	float: left;
	background: url("images/ic_square_red.png") no-repeat left 0.5em;
	padding: 0 0 0 12px;
	line-height: 1.7;
}
.newsList dd{
	border-bottom: 1px #cccccc dotted;
	padding: 0 0 10px 9em;
	margin-bottom: 10px;
	line-height: 1.7;
}

#topProducts{
	padding: 0px 0 30px;
	margin: 0 auto;
}
#topProducts h2{
	margin-bottom: 30px;
	cursor:pointer;
}
#topProducts > div{
	display:none;
}
#topProducts ul{
	justify-content: flex-start;
}
#topProducts ul li{
	box-sizing: border-box;
	border:1px #b6b6b6 solid;
	width:31% ;
	padding: 0 20px 10px;
	margin-left: 2.3%;
	margin-bottom: 30px;
}
#topProducts ul li:nth-of-type(3n-2){
	margin-left: 0;
}
#topProducts li h3{
	position: relative;
	background: #222222;
	margin: 0 -20px 10px;
	text-align: left;
}
#topProducts li h3::before{
	content: "";
	display: block;
	background: #db0011;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 4px;
	left: 0;
}
#topProducts li h3 a{
	position: relative;
	display: block;
	padding: 16px 0 16px 24px;
	color: #FFFFFF;
	font-weight: bold;
}
#topProducts li h3 img{
	margin-right: 12px;
	vertical-align: middle;
}
#topProducts li h3 a::after{
	content: "";
	display: block;
	border-top: 2px #FFFFFF solid;
	border-right: 2px #FFFFFF solid;
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
}

#topProducts ul li ul.itemlist{
	margin-top: 20px;
}

#topProducts ul li ul.itemlist li{
	border: none;
	border-bottom: 1px dotted #bbb;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
	margin-left: 0;
	width: auto;
}
#topProducts ul li ul.itemlist li span{
	margin-right: .5em
}
#topProducts ul li ul.itemlist li:before{
	content: '>';
	color: #db0011;
	font-weight: bold;
	display: inline;
	font-size: 12px;
	margin-right: 5px
}

#topProducts li p{}
#topRecommend h2{
/*	position: relative;
	background: #db0011;
	padding: 3px 0 14px;*/
	margin: 0 0 30px;
	color: #FFFFFF;
	font-size: 40px;
	cursor:pointer;
}
/*#topRecommend h2::before{
	content: "";
	display: block;
	background: #FFFFFF;
	width: 100%;
	height: 1px;
	margin-bottom: 14px;
}*/

#topRecommend > div{
	display:none;
}
#topRecommend .btn{
	margin-top: 5px;
}

.btn{
	text-align: center;
}
.btn a{
	position: relative;
	border: 1px #bfbfbf solid;
	display: block;
	width: 80%;
	max-width: 200px;
	background: #fbfbfb;
background: -moz-linear-gradient(top,  #fbfbfb 0%, #f1f0f0 100%);
background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f1f0f0 100%);
background: linear-gradient(to bottom,  #fbfbfb 0%,#f1f0f0 100%);
	padding: 14px 10px;
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}
.btn a::after{
	content: "";
	display: inline-block;
	border-top: 1px #e70012 solid;
	border-right: 1px #e70012 solid;
	width: 5px;
	height: 5px;
	margin-left: 15px;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
	vertical-align: middle;
}

/*----------------------------------------------
             strength 
---------------------------------------------*/
#strength #contents{
	max-width: none;
	padding: 0;
}
#message{
	background: url("images/strength_bg_message.png") no-repeat right bottom;
	background-size: auto 100%;
	padding: 80px 0 20px;
	margin-bottom: 30px;
}
#message h1{
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	margin-bottom: 35px;
	font-size: 40px;
	font-weight: normal;
	text-align: left;
}
#message h1 span{
	color: #ff0000;
}
#message p{
	width: 59%;
	margin-bottom: 2em;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	font-size: 16px;
	line-height: 2;
}


.sBox{
	border-top: 1px #cccccc solid;
	padding: 30px 0;
	justify-content: space-between;
}
.sBox.reverse{
	flex-direction: row-reverse;
}
.sBox figure{
	width: 50%;
}
.sBox figure img{
	width: 100%;
}
.sBox > div{
	width: 50%;
	padding: 32px 4.2% 0;
	box-sizing: border-box;
}
#contents .sBox h2{
	position: relative;
	margin-bottom: 25px;
border-bottom: none;
	background: none;
	padding: 0;
	}


.sBox h2::after{
	content: "";
	display: block;
	background: url("images/bdr_ti_gray.png") no-repeat right top #e70012;
	width: 100%;
	height: 4px;
	margin: 20px 0 0;
}
.sBox > div p{
	margin-bottom: 1.5em;
}
.sBox.reverse h2,
.sBox.reverse p{
	text-align: right;
}
.sBox.reverse h2::after{
	background-position: left top;
}
.qualityPolicy dt{
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
.qualityPolicy ul li{
	position: relative;
	padding: 0 0 5px 30px;
}
.qualityPolicy li span{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-radius: 50%;
	background: #e70012;
	width: 20px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

/*----------------------------------------------
             company 
---------------------------------------------*/
#company #contents > section + section{
	margin-top: 90px;
}
#company #pageTitle::after{
	background-image: url("images/company_img_title.png") ;
	/*background-position:top 0 right calc(50% - 480px);*/
}

#company #contents > section > p{
	margin: 0 3%;
	line-height: 1.78;
}
#company #contents > section > p + p{
	margin-top: 1em;
}
#company table {
	width: 100%;
	box-sizing: border-box;
}
#company table th{
	background: #f3f3f3;
	border-bottom: 1px #ffffff solid;
	padding: 15px 30px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
#company table td{
	border-bottom: 1px #cccccc solid;
	padding: 15px 30px;
	vertical-align: top;
}
#company table tr:last-child th,
#company table tr:last-child td{
	border-bottom: none;
}
#company .map{
	width: 59%;
}
#history dl{
	overflow: hidden;
}
#history dt{
	float: left;
	padding: .8em 0 .8em 30px;
}
#history dd{
	border-bottom: 1px #cccccc solid;
	padding: .8em 0 .8em 11em;
}


.icWindow{
	background: url("images/ic_window.png") no-repeat right center;
	padding-right: 21px;
}
.more{
	margin: 2em;
	text-align: center;
}
.more::after{
	content: "";
	display: inline-block;
	border-bottom: 1px #e70012 solid;
	border-right: 1px #e70012 solid;
	width: 5px;
	height: 5px;
	margin: -3px 0 0 10px;
	vertical-align: middle;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.acc{
	cursor: pointer;
}

/*----------------------------------------------
             #recruit
---------------------------------------------*/

#recruit #pageTitle::after{
	background-image: url("images/company_img_title.png") ;
}

#recruit #contents h2{
	border-bottom: 2px #e70012 solid;
	background: url("images/bg_grd_slash.png") repeat-x left top #ffffff;
	padding: 10px 15px 6px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.4;
}
/* .tableBasic */
.tableBasic {
	width: 100%;
	box-sizing: border-box;
}
.tableBasic th{
	background: #f3f3f3;
	border-bottom: 1px #ffffff solid;
	padding: 15px 30px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.tableBasic td{
	border-bottom: 1px #cccccc solid;
	padding: 15px 30px;
	vertical-align: top;
}
.tableBasic tr:last-child th,
.tableBasic tr:last-child td{
	border-bottom: none;
}

/*----------------------------------------------
             #privacy
---------------------------------------------*/
#privacy #contents h2,
#site_policy #contents h2 {
    border-bottom: 2px #e70012 solid;
    background: url(images/bg_grd_slash.png) repeat-x left top #ffffff;
    padding: 10px 15px 6px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.4;
}
#privacy #contents p,
#site_policy #contents p {
	padding: 0 30px;
	line-height: 1.78em;
}
#privacy #contents dl + p,
#site_policy #contents dl + p {
	padding: 0 30px 0 0;
}
#privacy #contents dl,
#site_policy #contents dl {
	margin: 40px 30px;
}
#privacy #contents dt,
#site_policy #contents dt {
	font-weight: bold;
	line-height: 1.78em;
}
#privacy #contents dd,
#site_policy #contents dd {
	line-height: 1.78em;
}
#privacy #contents dd + dt,
#site_policy #contents dd + dt,
#site_policy #contents dd + dd {
	margin-top: 20px;
}
#privacy #contents dl ul {
	margin: 10px 0 0;
}
/*----------------------------------------------
             #cookiepolicy
---------------------------------------------*/
#cookiepolicy #contents section +section{
 margin-top: 50px;
}
#cookiepolicy #contents h3{
 border-bottom: 1px #ccc solid;
 padding-bottom: 5px;
 margin-bottom: 10px;
 font-size: 16px;
 line-height: 1.6;
}
#cookiepolicy #contents p{
 line-height: 1.7;
}
#cookiepolicy #contents p+ p{
 margin-top: 1.5em;
}

.cookiepolicy{
 position: fixed;
 bottom: 0;
 left: 0;
 background: #fff2f6;
 width: 100%;
 padding: 5px 20px;
 box-sizing: border-box;
 z-index: 1000;
}
.cookiepolicy i.ic{
 background: url("images/ic_warning.png") no-repeat left top/100% auto;
 text-indent: -9999px;
 display: inline-block;
 width: 24px;
 height: 24px;
 margin-right: 5px;
}
.cookiepolicy p{
 margin: 7px 0;
 color: #000;
}
.cookiepolicy p button{
 position: relative;
 appearance: none;
 display: block;
 border: none;
 border-radius: 3px;
 background:#eb2a41 ;
 padding: 7px 21px;
 margin: 0 auto;
 color: #fff;
 font-size: 14px;
 cursor: pointer;
    transition: .3s ease-out;
}
.cookiepolicy p button::before{
 content: "";
 display: inline-block;
	border-bottom: 2px #fff solid;
	border-right: 2px #fff solid;
	width: 6px;
	height: 12px;
	margin-top: -6px;
 margin-right: 10px;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cookiepolicy p button:hover{ 
    box-shadow: 0 3px 3px 0 rgb(0 0 0 / 14%), 0 1px 7px 0 rgb(0 0 0 / 12%), 0 3px 1px -1px rgb(0 0 0 / 20%);
}
.cookiepolicy .disnon{display: none;}
@media screen and (min-width: 769px) {
 .cookiepolicy{
 display: flex;
  justify-content: space-around;
  align-items: center;
 }
 .cookiepolicy p:first-child{
  width: 520px;
 }
}/*-PC only-*/
@media screen and (max-width: 768px) {
 .cookiepolicy p button{
  margin-top: 20px;
 }
}/*-SP only-*/
/*----------------------------------------------
             contact 
---------------------------------------------*/
#contact #contents h2 {
    border-bottom: 2px #e70012 solid;
    background: url(images/bg_grd_slash.png) repeat-x left top #ffffff;
    padding: 10px 15px 6px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.4;
}
#contact #contents h2 + p {
	margin: 0 30px;
	line-height: 1.78em;
}
#contact #contents .mw_wp_form,
#member-register .mw_wp_form{
	margin: 40px 30px;
    border-top: 1px #cccccc solid;
}
#contact #contents .mw_wp_form dl{
}
#contact #contents .mw_wp_form dt span,
#member-register .mw_wp_form dt span{
	font-size: 11px;
	color: red;
	margin-left: 1em;
}
#contact #contents .mw_wp_form dt,
#member-register .mw_wp_form dt{
    float: left;
    padding: .8em 1em;
	font-weight: bold;
}
#contact #contents .mw_wp_form dd,
#member-register .mw_wp_form dd{
    border-bottom: 1px #cccccc dotted;
    padding: .8em 0 .8em 13em;
	min-height: 1.8em;
}
#contact #contents .mw_wp_form dd:last-of-type,
#member-register .mw_wp_form dd:last-of-type{
    border-bottom: 1px #cccccc solid;
}
#contact #contents .mw_wp_form dd >span,
#member-register .mw_wp_form dd >span{
	display: inline-block;
	margin-top: .3em;
	font-size: 12px;
	color: #666666;
}
#contact #contents .mw_wp_form dd.formAdd,
#member-register .mw_wp_form dd.formAdd{
    border-bottom: none;
    padding: .8em 0 0em 13em;
}
#member-register .mw_wp_form dd,
#member-register .mw_wp_form dd.formAdd{
 padding-left: 16em;
}
#contact #contents .mw_wp_form input,
#contact #contents .mw_wp_form select,
#contact #contents .mw_wp_form textarea,
#member-register .mw_wp_form input,
#member-register .mw_wp_form select,
#member-register .mw_wp_form textarea{
	padding: .4em .6em;
	max-width: 100%;
	box-sizing: border-box;
}
#contact #contents .mw_wp_form input[type=radio]{
 margin: 0 5px 1px 0;
}
#contact #contents .mw_wp_form label .name,
#member-register .mw_wp_form label .name{
	margin-left: .3em;
}
#contact #contents .mw_wp_form label + label,
#member-register .mw_wp_form label + label{
	margin-left: .6em;
}
#contact #contents .mw_wp_form .formBtn,
#member-register .mw_wp_form .formBtn{
	padding: 2em 0;
	text-align: center;
}
#contact #contents .wpcf7c-conf,
#member-register.wpcf7c-conf{ background-color: azure; border: none;}
/*----------------------------------------------
          news
---------------------------------------------*/
#news #pageTitle::after,
#newspost #pageTitle::after{
	background-image: url("images/company_img_title.png") ;
}
#news .pageNavi{
	text-align:center;
}
#news .pageNavi span,
#news .pageNavi a{
	border:1px solid #ccc;
	display:inline-block;
	margin:0 5px;
	width:1em;
	height:1em;
	line-height:1em;
	padding:0.4em;
}

#news .pageNavi a{
	background:#eee;
}
#news .pageNavi a.next,
#news .pageNavi a.prev{
	border:none;
	background:none;
}


#newspost #contents .date,
#newspost #contents .icons{text-align: right}

#newspost #contents .icons .ic{
display: inline-block;
margin: 0 2px;
color:#777;
background:#eee;
border-radius: 2px;
padding: 2px 5px;}

/*----------------------------------------------
          products   taxonomy
---------------------------------------------*/
#productsCatTitle{
	border-bottom: 1px #cccccc solid;
	background: #fbfbfb;
background: -moz-linear-gradient(top,  #fbfbfb 0%, #f1f0f0 100%);
background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f1f0f0 100%);
background: linear-gradient(to bottom,  #fbfbfb 0%,#f1f0f0 100%);
	padding: 28px 0;
	margin-bottom: 40px;
	font-size: 30px;
	text-shadow: 1px 1px 1px #FFFFFF;
	text-align: left;
}
#productsCatTitle span{
	display: block;
}
#productsCatTitle img{
	margin-right: 22px;
	vertical-align: middle;
}
.term-sensor_series #productsCatTitle img,
.term-stocker #productsCatTitle img{
	display: none;
}

#catHead{
	margin-bottom: 60px;
}
#catHead .fukidashi{
	position: relative;
	border-radius: 15px;
	border: 1px #bfbfbf solid;
	padding: 40px 5% 20px;
	margin-bottom: 45px;
}
#catHead .fukidashi::after{
	content: "";
	display: block;
	background: url("images/products_fukidashi.png") no-repeat center top;
	background-size: auto 100%;
	width: 100%;
	height: 33px;
	position: absolute;
	bottom: -31px;
	left: 0;
}
#catHead .fukidashi h2{
	border-bottom: 3px #e70012 solid;
	margin-bottom: 30px;
	color: #e70012;
	font-size: 34px;
	text-align: center;
	line-height: 1.4;
}
#catHead .fukidashi ul li{
	position: relative;
	padding: 0 0 25px 40px;
	font-size: 18px;
	line-height: 1.6;
}
#catHead .fukidashi ul li span{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: #333333;
	width: 30px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}
#catHead .fukidashi ul li p{}
#catHead .txtRed.txtCenter{
	font-size: 22px;
}
.grayBox{
	background: #f3f3f3;
	padding: 25px 3% 30px;
}
#catHead .grayBox {
	margin-top: 30px;
}
#catHead .grayBox p{
	text-align: center;
}
.productsList{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	margin-left:-0.3%;
}
.productsList li{
	position: relative;
	box-sizing: border-box;
	border-right: 1px #bfbfbf solid;
	border-bottom: 1px #bfbfbf solid;
	width: 33%;
	padding: 0 0 63px;
	margin-left: 0.3%;
	margin-bottom: 1px;
}
.productsList li a{
	display: block;
	height: 100%;
	width: 100%;
}
.productsList li figure{
	position: relative;
	box-sizing: border-box;	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 15px 10%;
}
.productsList li figure img{width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;
}
@media all and (-ms-high-contrast: none){
	.productsList li figure{
		min-height: 200px;
	}
	.productsList li figure img{
		position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
}
}/*-IE only-*/
.productsList li h3{
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	background: #f1f0f0;
background: -moz-linear-gradient(top,  #f1f0f0 0%, #fbfbfb 100%);
background: -webkit-linear-gradient(top,  #f1f0f0 0%,#fbfbfb 100%);
background: linear-gradient(to bottom,  #f1f0f0 0%,#fbfbfb 100%);
	width: 100%;
	height: 63px;
	padding: 0 30px 0 20px;
	line-height: 1.5;
}
.productsList li h3::after{	
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	border-top: 1px #e70012 solid;
	border-right: 1px #e70012 solid;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.productsList li h3 span{
	display: block;
	width: 100%;
}

.productsCatList{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	border-left: 1px #bfbfbf dotted;
	margin: 60px auto 0;
}
.productsCatList li{
	box-sizing: border-box;
	border-top: 1px #bfbfbf dotted;
	border-right: 1px #bfbfbf dotted;
	border-bottom: 1px #bfbfbf dotted;
	width: 25%;
	min-width: 230px;
	margin-top: -1px;
}
.productsCatList li a{
	box-sizing: border-box;
	position: relative;
	display: block;
	height: 100%;
	padding: 12px 12%;
	font-weight: bold;
	line-height: 30px;
}
.productsCatList li.cat-item-4 a::before,
.productsCatList li.cat-item-5 a::before,
.productsCatList li.cat-item-6 a::before,
.productsCatList li.cat-item-7 a::before,
.productsCatList li.cat-item-8 a::before,
.productsCatList li.cat-item-9 a::before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 15px;
	vertical-align: middle;
}
.productsCatList li.cat-item-4 a::before{
	background: url("images/ic_loadmonitor.png") no-repeat left top;
	background-size: cover;
}
.productsCatList li.cat-item-5 a::before{
	background: url("images/ic_errordetector.png") no-repeat left top;
	background-size: cover;
}
.productsCatList li.cat-item-6 a::before{
	background: url("images/ic_dynamicprecision.png") no-repeat left top;
	background-size: cover;
}
.productsCatList li.cat-item-7 a::before{
	background: url("images/ic_multicounter.png") no-repeat left top;
	background-size: cover;
}
.productsCatList li.cat-item-8 a::before{
	background: url("images/ic_scrapdetector.png") no-repeat left top;
	background-size: cover;
}
.productsCatList li.cat-item-9 a::before{
	background: url("images/ic_oilmist.png") no-repeat left top;
	background-size: cover;
}
.productsCatList li a::after{	
	content: "";
	position: absolute;
	top: 50%;
	right: 12%;
	display: block;
	border-top: 1px #e70012 solid;
	border-right: 1px #e70012 solid;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/*----------------------------------------------
          products   single
---------------------------------------------*/
#productsTitle{
	border-bottom: 1px #cccccc solid;
	background: #fbfbfb;
background: -moz-linear-gradient(top,  #fbfbfb 0%, #f1f0f0 100%);
background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f1f0f0 100%);
background: linear-gradient(to bottom,  #fbfbfb 0%,#f1f0f0 100%);
	padding: 15px 0;
	margin-bottom: 60px;
}
#productsTitle p{
	position: relative;
	padding-bottom: 8px;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FFFFFF;
	line-height: 1.3;
}

#productsTitle .cat_errordetector::before,
#productsTitle .cat_loadmonitor::before,
#productsTitle .cat_dynamicprecision::before,
#productsTitle .cat_multicounter::before,
#productsTitle .cat_scrapdetector::before,
#productsTitle .cat_oilmist::before{
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 10px;
	vertical-align: middle;
}

#productsTitle .cat_errordetector::before{
	background: url("images/ic_errordetector.png") no-repeat left top;
	background-size: cover;
}
#productsTitle .cat_loadmonitor::before{
	background: url("images/ic_loadmonitor.png") no-repeat left top;
	background-size: cover;
}
#productsTitle .cat_dynamicprecision::before{
	background: url("images/ic_dynamicprecision.png") no-repeat left top;
	background-size: cover;
}
#productsTitle .cat_multicounter::before{
	background: url("images/ic_multicounter.png") no-repeat left top;
	background-size: cover;
}
#productsTitle .cat_scrapdetector::before{
	background: url("images/ic_scrapdetector.png") no-repeat left top;
	background-size: cover;
}
#productsTitle .cat_oilmist::before{
	background: url("images/ic_oilmist.png") no-repeat left top;
	background-size: cover;
}

#productsTitle h1{
	font-size: 30px;
	text-shadow: 1px 1px 1px #FFFFFF;
	text-align: left;
	line-height: 1.3;
}
#productsTitle h1 span{
	margin-right: .5em;
}

.productsDetail{}
.headMovie{
	margin-bottom: 50px;
	text-align: center;
}
#mainimg{
	text-align: center;
}
.subimg{
	margin: 40px 0 0 -2%;
}
.subimg li{
	width: 23%;
	margin-left: 2%;
	margin-bottom: 10px;
}
.subimg li a{
	position: relative;
	display: block;
}
#mainimg a.modal,
.etxt a.modal,
.column3img li a.modal,
.subimg li a.modal,
.opSpecImgTable a.modal{
	position: relative;
}
#mainimg a.modal::after,
.column3img li a.modal::after,
.etxt a.modal::after,
.subimg li a::after,
.opSpecImgTable a::after{
	content: "";
	display: block;
	background: url("images/ic_modal.png") no-repeat left top;
	width: 26px;
	height: 26px;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.linkPdfCad{
	margin: 40px 0 0 0;
}
.linkPdfCad .linkPdf{
	margin-bottom: 10px;
}
.linkPdfCad .linkPdf a {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    border: 1px #666666 solid;
    background: #8a8a8a;
    background: -moz-linear-gradient(top, #8a8a8a 0%, #626262 100%);
    background: -webkit-linear-gradient(top, #8a8a8a 0%,#626262 100%);
    background: linear-gradient(to bottom, #8a8a8a 0%,#626262 100%);
    padding: 10px 50px 8px 25px;
    color: #FFFFFF;
    text-align: left;
}
.linkPdfCad .linkPdf a::before {
    content: "";
    display: inline-block;
    background: url(images/ic_file.png) no-repeat left top;
    background-size: cover;
    width: 18px;
    height: 23px;
    margin-right: 15px;
    vertical-align: middle;
}
.linkPdfCad .linkPdf a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    display: block;
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
    width: 5px;
    height: 5px;
    margin-top: -3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.productsDetail h2{
	margin-top: 40px;
}
/*-柔軟コンテンツ-*/
.etxt{
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	font-size:14px;
}
.etxt p{
	overflow: hidden;
	margin-bottom: 1em;
}
.etxt p .txt{
	margin-top: 0.5em;
	display: block;
}
.etxt img.alignright {
    display: block;
    margin: 1px 1px 1px 10px;
    float: right;
}
.etxt img.alignleft {
    display: block;
    margin: 1px 10px 1px 1px;
    float: left;
}
.etxt img.aligncenter {
    display: block;
    margin: 5px auto;
}
.etxt ul li{
	text-indent:-10px;
	padding-left:10px;
	font-size: 16px;
}
.productsDetail h3,
#download #contents h3{
	position: relative;
	border-left: 5px #e70012 solid;
	padding: 0 0 0 8px;
	margin: 35px 0 0;
	font-size: 16px;
	text-align: left;
	line-height: 1.5;
}
.productsDetail h3::before,
#download #contents h3::before{
	content: "";
	display: block;
	background: #cccccc;
	width: 5px;
	height: 5px;
	position: absolute;
	top: 0;
	left: -5px;
}
.column3img{
	margin-top: 20px;
	margin-left: -3.3%;
}
.column3img li{
	width: 30%;
	margin: 0 0 0 3.3%;
}
.column3img li figcaption,
.etxt figcaption{
	padding: 5px 0 0;
}
.movie{
	max-width: 485px;
	margin: 20px auto 0;
}
/*-仕様-*/
table.spec,
.optSpec table{
	width: 100%;
}
.optSpec table{
	margin-top:20px;
}
table.spec tr td:first-child,
.optSpec table tr td:first-child{
	background: #f3f3f3;
	border-bottom: 1px #ffffff solid;
	width: 20%;
	padding: 15px 30px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
table.spec td,
.optSpec table td{
	box-sizing: border-box;
	border-bottom: 1px #cccccc solid;
	border-top: 1px #cccccc solid;
	padding: 15px;
	vertical-align: top;
}
.optSpec table td:not(:first-of-type){
	border-right:1px solid #ccc;
}
table.spec tr:last-child th,
table.spec tr:last-child td,
.optSpec table tr:last-child th,
.optSpec table tr:last-child td{
	border-bottom: 1px #cccccc solid;
}
.optSpec table thead th{
	box-sizing: border-box;
	border-bottom: 1px #cccccc solid;
	padding: 15px 30px;
	background: #f3f3f3;
	border-left:1px solid #fff;
	text-align:center;
}
	
.optSpec > p{
	margin-top: 20px;
}
.optSpec .opSpecImgTable{
	margin-top: 30px;
	overflow: hidden;
}
.optSpec .opSpecImgTable figure{
	float: left;
	margin-right: 20px;
}
.optSpec .opName{
	font-weight: bold;
}
.optSpec .opSpecImgTable .opName{
	width: auto;	
}
.optSpec .opSpecImgTable table{
	width: auto;	
}
.optSpec .opSpecImgTable table tr td:first-child{
	min-width: 11em;
}

.optSpec table td a{
	text-decoration: underline;
}

/*- btn -*/
.productsDetail .btnArea{
	border-top: 1px #cbcbcb solid;
	padding: 40px 0 0;
	margin: 60px 0 0;
	font-size: 0;
	text-align: center;
}

.productsDetail .etxt p.btn{
	display: inline-block;
	margin: 10px 0;
	vertical-align: middle;
}
.productsDetail .btnArea li{
	display: inline-block;
	width: 38%;
	max-width: 340px;
	margin: 0 5.9%;
	vertical-align: middle;
}

.productsDetail .etxt p.btn a{
width: auto;
max-width: initial;
}
.productsDetail .btnArea li a{
	position: relative;
	box-sizing: border-box;
	display: block;
	border: 1px #666666 solid;
	background: #8a8a8a;
background: -moz-linear-gradient(top,  #8a8a8a 0%, #626262 100%);
background: -webkit-linear-gradient(top,  #8a8a8a 0%,#626262 100%);
background: linear-gradient(to bottom,  #8a8a8a 0%,#626262 100%);
	padding: 18px 12%;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.productsDetail .btnArea li a::after{	
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	display: block;
	border-top: 1px #fff solid;
	border-right: 1px #fff solid;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btnDownload a::before{
	content: "";
	display: inline-block;
	background: url("images/ic_download.png") no-repeat left top;
	background-size: cover;
	width: 23px;
	height: 19px;
	margin-right: 15px;
	vertical-align: middle;
}
.btnFile a::before{
	content: "";
	display: inline-block;
	background: url("images/ic_file.png") no-repeat left top;
	background-size: cover;
	width: 18px;
	height: 23px;
	margin-right: 15px;
	vertical-align: middle;
}
.productsDetail #mainimg img,
.productsDetail figure img,
.etxt img{
	cursor:pointer;
}


p.modal{
	display:none;
	position:fixed;
top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
	z-index:100;
}



/*-- newselber3-rm3000	のみ--*/	
	
#newselber3-rm3000 .etxt h4{
	font-size:22px;
	font-weight:bold;

}

#newselber3-rm3000 .etxt h5{
	background:rgba(212,218,231,1.00);
	padding:8px;
	margin-bottom:10px;
	margin-top:30px;
}


/*-btmMovie-*/
.btmMovie{
	border-top: 1px #cbcbcb solid;
	padding: 40px 0 0;
	margin: 40px 0 0;
	text-align: center;
}

/*-bnr-*/
.bnrRecommend{
	margin: 100px 0 0;
}
.bnrRecommend a{
	position: relative;
	display: block;
	box-sizing: border-box;
	box-shadow: 3px 4px 0 0px #e7e7e7;
	border: 1px #db0011 solid;
	padding: 10px 25% 10px 4%;
}
.bnrRecommend a::after{	
	content: "";
	position: absolute;
	top: 50%;
	right: 3%;
	display: block;
	border-top: 1px #e70012 solid;
	border-right: 1px #e70012 solid;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.bnrRecommend dl{}
.bnrRecommend dt{
	color: #db0011;
	font-size: 40px;
}
.bnrRecommend dd{
	font-size: 16px;
	font-weight: bold;
}
.bnrRecommend dd span{
	color: #e70012;
}
.bnrRecommend img{
	position:absolute;
	right: 7%;
	bottom: 0;
}

.productsContact{
	background: #b70000;
	padding: 25px 3%;
	margin: 45px 0 -70px;
}
.productsContact .inner{
	box-sizing: border-box;
	border-radius: 10px;
	background: url("images/products_img_contact.jpg") no-repeat left top #FFFFFF;
	box-shadow: 0 0 8px 0 rgba(113,0,0,0.5);
	background-size: auto 100%;
	padding: 20px 0 25px 20%;
	font-size: 0;
}
.productsContact h2{
	border-bottom: 2px #b70000 solid;
	padding: 0 0 5px;
	margin: 0 0 16px;
	font-size: 22px;
	line-height: 1.2;
}
.productsContact .tel{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
}
.productsContact .tel a{
	background: url("images/ic_tel_red.png") no-repeat left 0.3em;
	padding:0 0 0 48px;
	color: #e70012;
	font-size: 45px;
	font-weight: bold;
	line-height: 1;
}
.productsContact .btnContact{
	display: inline-block;
	width: 210px;
	margin-left: 40px;
	vertical-align: middle;
}
.productsContact .btnContact a{
	border: 1px #e70012 solid;
	padding: 20px 0;
	color: #e70012;
	font-size: 16px;
}
.productsContact .btnContact a::before{
	background: url("images/ic_mail_red.png") no-repeat left top;
	width: 26px;
	height: 19px;
}

.productsDetail .productsCatList{
	display: none;
}
#rbox100 .productsDetail .productsCatList,
#rm-7414 .productsDetail .productsCatList,
#newselberbc-rm2902 .productsDetail .productsCatList{	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex; 
}

/*--------
catalog page
--------------*/

#download #pageTitle {

    background: url("images/catalogdl_img_title.png") no-repeat right top;

}

#download .btnDownload{
	margin-top:15px;
}

#download .btnDownload a{
	position: relative;
	box-sizing: border-box;
	display: block;
	border: 1px #666666 solid;
	background: #8a8a8a;
background: -moz-linear-gradient(top,  #8a8a8a 0%, #626262 100%);
background: -webkit-linear-gradient(top,  #8a8a8a 0%,#626262 100%);
background: linear-gradient(to bottom,  #8a8a8a 0%,#626262 100%);
	padding: 10px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#download .btnDownload a::after{	
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	border-top: 1px #fff solid;
	border-right: 1px #fff solid;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#download #contents ul{
	margin-top:30px;
   display: -webkit-flex;
   display:flex;
	flex-wrap :wrap
  
}

#download #contents #all{
	margin-top:30px;
}

#download #contents #all div{
	overflow:hidden;
	margin-bottom:40px;
}

#download #contents #all div > img{
	float:right;
}

#download #contents #all div h3{
	width:40%;
	margin-bottom:20px;
}

#download #contents #all .btnDownload{
	margin-top:30px;
	width:40%;
}

#download #contents #forEach li{
	width:26%;
	padding:0 3.6%;
	border-right:1px solid #ddd;
	margin-bottom:30px;
}

#download #contents #forEach li:nth-child(3n){
	border-right:none;
}
#download #contents #forEach li img{
	max-height:314px;
}
#download #contents #forEach h3{
	background:rgba(239,239,239,0.9);
	padding: 5px 0 5px 8px;
}
	

#download #contents li h4{
	margin-bottom:15px;
}

.wsp-pages-list{
	margin-top:30px;
}

.wsp-pages-list li,.wsp-productss-list li{
	margin-bottom:20px;
}

.wsp-pages-list li:before,
.wsp-productss-list li:before{
	content:'●'
}
.wsp-productss-list li span{
margin-right:0.5em;
}

/*
warranty
---------------*/
#warranty #contents ul li{
 padding-left:1.2em;
 margin-bottom: 10px;
 text-indent:-1.2em;
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
              smartphone
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	body{
		font-family: Arial, Roboto, “Droid Sans”, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;	
-webkit-text-size-adjust: 100%;
	}
img{
	height: auto;
	max-width:100%;}
.pcOnly,.pcOnlyI{ display:none;}
.spOnly{ display:block;}
.spOnlyI{ display:inline-block;}

/***************** SP  head ***********************/
header{
	position: relative;
}
header .inner{	
	display: flex;
	justify-content: space-between;	
	padding: 10px 3% 10px;
}
#logo{
	width: 50%;
	}
	#headLink{
		padding-right: 35px;
	}
#headLink p a{
	padding: 0 0.5em;
	font-size: 11px;
}
#headLink .btnContact{
	display: none;
}
	
	#spMenu{
		position: absolute;
		right: 3%;
		top: 10px;
		width: 25px;
		height: 18px;
	}
	#spMenu span{
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		background: #CCCCCC;
		width: 100%;
		height: 2px;
		margin: auto;
	}
	#spMenu span:first-child{
		top: 0;
		margin: 0;
	}
	#spMenu span:last-child{
		top: auto;
		bottom: 0;
		margin: 0;
	}

/***************** SP  navi ***********************/
#gNavi{
	display: none;
	position: absolute;
	top: 99.9%;
	left: 0;
	width: 100%;
	z-index: 10;
}
#gNavi > ul{
	display: block;
	padding: 0;
}
#gNavi > ul > li{
	width: auto !important;
}

#gNavi > ul > li > a{
	padding: 18px 0;
}
#gNavi > ul > li:hover ul{
	display: none;
}
#gNavi > ul ul{
	display: none;
	position: relative;
}


/***************** SP  foot ***********************/
#pageTop{
	bottom: 20px;
}
	footer {
		margin-top: 50px;
	}
footer a{
	display: block;
}
footer .inner.flex{
	display: block;
	padding: 20px 3%;
}
#footNav{
	padding: 20px 3%;
}
#footNav dd{
	padding: 0 0 1.5em 1em;
}
	#footNav dd.flex ul{
		width: 50%;
		box-sizing: border-box;
	}
#footNav dd ul + ul{
	padding-left: 1em;
}
#footNav dd li{
	padding: 10px 0 0;
}
#footNav > ul li + li{
	padding: 1em 0 0;
}
#footNav .btnContact{
	width: 80%;
	margin: 20px auto 0;
}
.footAdd p{
	margin-bottom: 1em;
}
.footAdd img{
	margin-bottom: 10px;
}
.footMap{
	width: auto;
	max-width: 580px;
	margin: 0 auto;
}
	.footMap iframe{
		height: 200px;
	}
footer small{
	padding: 10px 3%;
}

/***************** SP contents ***********************/
#contents{
}
#breadcrumb{
	padding: 12px 0 8px;
	font-size: 12px;
}
#pageTitle{
	margin-bottom: 30px;
	font-size: 30px;
}
 
#pageTitle::after{
 left: auto;
 right: 0;
 width: 60%;
 height: 150px;
 background-size: cover;
 background-position: center;
}
#pageTitle span.inner{	
	height: 150px;
}

/*--------------------------------------------
            SP top
---------------------------------------------*/

#mainView .slick-arrow{
	width: 25px;
	height: 40px;
}
#mainView .slick-prev{
	left: 3%;
}
#mainView .slick-next{	right: 3%;}

#topNews,
#pageNews{
	padding: 30px 3% 40px;
}
#topNews .flex,
#pageNews .flex{
	position: relative;
	display: block;
	margin-bottom: 20px;
}
#topNews h2{
	width: 108px;
	font-size: 20px;
}
.tab{
	width: auto;
	padding: 10px 0 0;
	margin-left: -2%;
}
.tab li{
	width: 48%;
	margin-left: 2%;
	margin-right: 0;
}
	#pageNews .tab li{
		width: 31.333%;
		margin-left: 2%;
		margin-right: 0;
	}
	#topNews .flex p{
		position: absolute;
		top: 0;
		right: 0;
	}

.newsList{
	overflow: hidden;
}
.newsList dt{
	float: none;
}
.newsList dd{
	padding: 0 0 10px 12px;
	margin-bottom: 10px;
	line-height: 1.7;
}

#topProducts{
	padding: 0px 0 30px;
	margin: 0 auto;
}
#topProducts h2{
	margin-bottom: 30px;
}
#topProducts ul{
	display: block;
}
#topProducts ul li{
	width:auto;
	padding: 0 10px 10px;
	margin-left:0;
	margin-bottom: 20px;
}
#topProducts li h3{
	margin: 0 -10px 10px;
}
#topProducts li h3 a{
	padding: 12px 0 12px 10px;
}
#topProducts li h3 img{
	margin-right: 10px;
	width: 20px;
}
	#topProducts li h3 a::after{
		right: 10px;
	}
#topRecommend h2{
	padding: 2px 0 10px;
	margin: 0 0 30px;
	font-size: 30px;
}
#topRecommend h2::before{
	margin-bottom: 10px;
}
	#topRecommend .txtCenter{
		padding: 0 3%;
	}
#topRecommend .btn{
	margin-top: 10px;
}
.btn a{
	width: 80%;
	max-width: 300px;
	padding: 12px 10px;
}
.btn a::after{
	margin-left: 8px;
	vertical-align: 0.1em;
}

/*----------------------------------------------
           SP  strength 
---------------------------------------------*/
#strength #contents{
	padding: 0;
}
#message{
	background: url("images/strength_bg_message.png") no-repeat right top;
	background-size: 70% auto;
	padding: 50px 0 20px;
	margin-bottom: 20px;
}
#message h1{
	margin-bottom: 20px;
	font-size: 30px;
}
#message p{
	width: auto;
	margin-bottom: 1em;
	font-size: 15px;
	line-height: 1.7;
}

.sBox{
	border-top: 1px #cccccc solid;
	padding: 20px 0;
	display: block;
}
.sBox figure{
	width: auto;
}
.sBox figure img{
	width: 100%;
}
.sBox > div{
	width: auto;
	padding: 20px 3% 0;
}
.sBox h2{
	position: relative;
	margin-bottom: 20px;
}
.sBox h2 img{
		max-height: 30px;
	}
.sBox h2::after{
	height: 2px;
	margin: 10px 0 0;
}
.sBox > div p{
	margin-bottom: 1.0em;
}
.sBox.reverse h2,
.sBox.reverse p{
	text-align: left;
}
.sBox.reverse h2::after{
	background-position: right top;
}
.qualityPolicy dt{
	margin-bottom: 15px;
	font-size: 15px;
}
	
/*----------------------------------------------
           SP company 
---------------------------------------------*/
#company #contents > section + section{
	margin-top: 50px;
}
#company #pageTitle{
	background: url("images/company_img_title.jpg") no-repeat 40vw top;
	background-size: auto 100%;
}
#company #contents h2,
.ttlGrdBd{
	padding: 8px 10px 5px;
	margin-bottom: 20px;
	font-size: 18px;
}
#company #contents > section > p{
	margin: 0 10px;
	line-height: 1.6;
}
#company table,
	#company table tr,
	#company table th,
	#company table td,
	#company table thead,
	#company table tbody{
	display: block;
}
#company table th{
	background: #f3f3f3;
	border-bottom: 1px #ffffff solid;
	padding: 10px 10px;
}
#company table td{
	border-bottom: 1px #cccccc solid;
	padding: 10px 10px;
}

#company .map{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
#history dl{
	overflow: hidden;
}
#history dt{
	float: left;
	padding: .5em 0 .5em 10px;
}
#history dd{
	border-bottom: 1px #cccccc solid;
	padding: .5em 0 .5em 8em;
}

	
/*--------------------------------------------
            SP recruit
---------------------------------------------*/
	.tableBasic,
	.tableBasic tr,
	.tableBasic th,
	.tableBasic td,
	.tableBasic thead,
	.tableBasic tbody{
		display: block;
	}
	.tableBasic th{
		background: #f3f3f3;
		border-bottom: 1px #ffffff solid;
		padding: 10px 10px;
	}
	.tableBasic td{
		border-bottom: 1px #cccccc solid;
		padding: 10px 10px;
	}

	
/*--------------------------------------------
            SP contact
---------------------------------------------*/
#contact #contents .mw_wp_form dt,
 #member-register .mw_wp_form dt{
    float: none;
    padding: .8em 0em 0em;
	font-weight: bold;
}
#contact #contents .mw_wp_form dd,
 #member-register .mw_wp_form dd{
    border-bottom: 1px #cccccc dotted;
    padding: .8em 0 .8em 0em;
}
#contact #contents .mw_wp_form dd.formAdd ,
 #member-register .mw_wp_form dd.formAdd{
    padding: .8em 0 0em 0em;
}
#contact #contents .mw_wp_form .name,
 #member-register .mw_wp_form .name{
	max-width: 34%;
}
#contact #contents .mw_wp_form .tel,
#contact #contents .mw_wp_form .fax{
	max-width: 30%;
}
/*----------------------------------------------
       SP   products   taxonomy
---------------------------------------------*/
#productsCatTitle{
	padding: 20px 0;
	margin-bottom: 30px;
	font-size: 20px;
}
#productsCatTitle img{
	width: 25px;
	margin-right: 15px;
	vertical-align: middle;
}

#catHead{
	margin-bottom: 40px;
}
#catHead .fukidashi{
	padding: 20px 3% 10px;
	margin-bottom: 30px;
}
#catHead .fukidashi h2{
	border-bottom: 2px #e70012 solid;
	margin-bottom: 20px;
	font-size: 22px;
}
#catHead .fukidashi ul li{
	position: relative;
	padding: 0 0 20px 28px;
	font-size: 16px;
	line-height: 1.5;
}
#catHead .fukidashi ul li span{
	width: 24px;
	font-size: 15px;
	line-height: 24px;
}
#catHead .fukidashi ul li p{}
#catHead .txtRed.txtCenter{
	font-size: 18px;
}
.grayBox{
	padding: 10px 3% 10px;
}
#catHead .grayBox {
	margin-top: 20px;
}
.productsList{
	margin-left:0%;
}
.productsList li{
	width: 50%;
	padding: 0 0 63px;
	margin-left: 0%;
	margin-bottom: 1px;
}
.productsList li figure{
	padding: 10px 10%;
}
.productsList li h3{
	width: 100%;
	height: 63px;
	padding: 0 20px 0 5px;
	line-height: 1.4;
}
.productsList li h3::after{
	right: 10px;
	width: 5px;
	height: 5px;
	margin-top: -3px;
}

.productsCatList{
	margin: 40px auto 0;
}
.productsCatList li{
	width: 100%;
	min-width:inherit;
	margin-top: -1px;
}
.productsCatList li a{
	padding: 10px 5%;
	line-height: 1.5;
}
.productsCatList li.cat-item-4 a::before,
.productsCatList li.cat-item-5 a::before,
.productsCatList li.cat-item-6 a::before,
.productsCatList li.cat-item-7 a::before,
.productsCatList li.cat-item-8 a::before,
.productsCatList li.cat-item-9 a::before{
	width: 25px;
	height: 25px;
	margin-right: 5px;
}
.productsCatList li a::after{	
	right: 3%;
}

/*----------------------------------------------
        SP  products   single
---------------------------------------------*/
#productsTitle{
	padding: 10px 0;
	margin-bottom: 40px;
}
#productsTitle p{
	padding-bottom: 5px;
	font-size: 15px;
	line-height: 1.3;
}

#productsTitle .cat_errordetector::before,
#productsTitle .cat_loadmonitor::before,
#productsTitle .cat_dynamicprecision::before,
#productsTitle .cat_multicounter::before,
#productsTitle .cat_scrapdetector::before,
#productsTitle .cat_oilmist::before{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
#productsTitle h1{
	font-size: 20px;
}

.productsDetail{}
.headMovie{
	margin-bottom: 30px;
}
	.headMovie iframe{
		width: 100%;
		height: 250px;
	}
#mainimg{
}
.subimg{
	margin: 30px 0 0 -1%;
}
.subimg li{
	width: 24%;
	margin-left: 1%;
	margin-bottom: 10px;
}
.subimg li a::after{
	background: url("images/ic_modal.png") no-repeat left top;
	background-size: cover;
	width: 22px;
	height: 22px;
	bottom: 3px;
	right: 3px;
}

.productsDetail h2{
	margin-top: 20px;
}
/*-柔軟コンテンツ-*/
.etxt{
	margin-top: 20px;
}
 .etxt figure{
  text-align: center;
 }
.productsDetail h3{
	padding: 0 0 0 8px;
	margin: 20px 0 0;
	font-size: 15px;
	line-height: 1.4;
}

.column3img{
	display: block;
	margin-top: 20px;
	margin-left: 0;
}
.column3img li{
	width: auto;
	margin: 0 0 10px 0;
 text-align: center;
}

.movie{
	position: relative;
	max-width: inherit;
	padding-top: calc(275/480*100%);
	margin: 20px auto 0;
}
	.movie iframe{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
	

	
/*-仕様-*/
table.spec,
.optSpec table{
	width: 100%;
}
	table.spec ,
	table.spec tr,
	table.spec thead,
	table.spec tbody,
	table.spec th,
	table.spec td,
	.optSpec table,
	.optSpec table tr,
	.optSpec table thead,
	.optSpec table tbody,
	.optSpec table th,
	.optSpec table td{
		display: block;
	}
table.spec tr td:first-child,
.optSpec table tr td:first-child{
	width: auto;
	padding: 10px 10px;
}
table.spec td,
.optSpec table td{
	padding: 10px 10px;
}
.optSpec .opSpecImgTable figure{
	float: none;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
	text-align: center;
}
.optSpec .opSpecImgTable p,
.optSpec .opSpecImgTable table{
	width: 100%;
}
/*- btn -*/
.productsDetail .btnArea{
	border-top: 1px #cbcbcb solid;
	padding: 20px 0 0;
	margin: 30px 0 0;
}
.productsDetail .btnArea li{
	display: block;
	width: auto;
	margin: 0 auto 10px;
}
.productsDetail .btnArea li a{
	padding: 15px 10%;
	font-size: 15px;
}

/*-btmMovie-*/
.btmMovie{
	position: relative;
	border-top: 1px #cbcbcb solid;
	padding: 20px 0 0;
	margin: 20px 0 0;
}
.btmMovie::before{
	content: "";
	display: block;
	width: 100%;
	padding-top: calc(275/480*100%);
}
.btmMovie iframe{
		position: absolute;
		top: 20px;
		left: 0;
	max-width: none;
	width: 100%;
		height: calc(100% - 20px);
	}
/*-bnr-*/
.bnrRecommend{
	margin: 60px 0 0;
}
.bnrRecommend a{
	padding: 10px 26% 10px 4%;
}
.bnrRecommend a::after{	
	right: 3%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
}
.bnrRecommend dt{
	font-size: 20px;
}
.bnrRecommend dd{
	font-size: 14px;
}
.bnrRecommend img{
	position:absolute;
	right: 7%;
	bottom: 0;
	width:26% ;
	max-width: 145px;
}

.productsContact{
	padding: 20px 3%;
	margin: 30px 0 -50px;
}
.productsContact .inner{
	background:#FFFFFF;
	padding: 15px 4% 15px 4%;
}
.productsContact h2{
	padding: 0 0 5px;
	margin: 0 0 10px;
	font-size: 18px;
}
.productsContact .tel{
	display: block;
}
.productsContact .tel a{
	background: url("images/ic_tel_red.png") no-repeat left center;
	background-size: 25px auto;
	padding:0 0 0 35px;
	font-size: 26px;
	line-height: 1.2;
}
.productsContact .btnContact{
	display: block;
	width: auto;
	margin-left: 0px;
	margin-top: 10px;
}
.productsContact .btnContact a{
	padding: 15px 0;
	font-size: 15px;
}
/*--------SP catalog----*/

#download #pageTitle {
    background: url("images/catalogdl_img_title.png") no-repeat 9.5em top / auto 100%;

}
}/*-SP END-*/
.grecaptcha-badge { 
    visibility: hidden;
}
#contact .grecaptcha-badge { 
    visibility: visible;
}

/*--- MRC Form ---*/
#mrc_webform div,
#mrc_webform p,
#mrc_webform dl,
#mrc_download div,
#mrc_download p,
#mrc_download dl {
    text-align: unset !important;
}