/*=============================================

	gh.common.css
	- reset
	- media queries
	- pageLoader
	- common setteings
	- template
	- pages
	- parts

brand color : #3FAE2A(#9FCD21,#3FAE2A)
link  color : #59B200;
new color: #3FAE2A;
	
=============================================*/


/*=============================================
- for reset
=============================================*/
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, sup, 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%;font: inherit;vertical-align: baseline;}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;}table {border-collapse: collapse;border-spacing: 0;}
/* reset for padding*/
/*
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*/
html {box-sizing: border-box;}
:not(.menuSecond)*,
:not(.menuSecond)*:before,
:not(.menuSecond)*:after {box-sizing: inherit;}


*,
*:before,
*:after {box-sizing: inherit}

.red{color: red;}

a.fullLink{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
a.tel:hover{
text-decoration: none;
cursor: default;
}
.sp-tb a.tel:hover{
text-decoration: none;
cursor: pointer;
}

html,
boody,
header,
footer,
.fullWidthOuter{
/*
min-width: 1025px;
*/
}

.sp iframe{
max-width: 100%;
}

@media print{
	body{
	display: block!important;
	width: 100%!important;
	}
	header{
	display: none;
	}
	footer{
	display: none;
	}
	*{
	max-width: 100%!important;
	}
	.cmnKeyVisualSlideContainer{

	}
	.pdtTab li{
	display: block!important;
	}
	.pdtTabSupport li{
	display: block!important;
	}
	.tabContents{
	display: block!important;
	}
	.pdtListSpecial{
	display: none;
	}
	.pdtCategoryTopNav{
	display: none;
	}
	.pdtProductRefineSearch{
	display: none;
	}
	.cmnKeyVisualSlideContainer{
	height: 300px!important;
	overflow: hidden;
	}
	.cmnKeyVisualSlideContainer .centerMiddle{
	height: 300px!important;
	overflow: hidden;
	}
	.cmnKeyVisualSlideContainer .centerMiddle .contents{
	margin-top: 0!important;
	}
	.js-pdtListRecommendSlide{
	display: none!important;
	}
	.faqContainer-sideColumn{
	display: none!important;
	}
	.naireNav{
	display: none!important;
	}
}



/*=============================================
- for media queries
=============================================*/

.sp{display: none;}
.tb{display: none;}
.pc{display: none;}
.pc-over{display: none;}
.sp-tb{display: none;}
.tb-pc{display: none;}
.media-queries {display: none;}
@media screen and (max-width: 767px) {
.sp{display: block;}
.sp-tb{display: block;}
.media-queries {font-family: 'sp';}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.tb{display: block;}
.sp-tb{display: block;}
.tb-pc{display: block;}
.media-queries {font-family: 'tb';}
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
.tb-pc{display: block;}
.pc{display: block;}
.media-queries {font-family: 'pc';}
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
.tb-pc{display: block;}
.pc{display: block;}
.pc-over{display: block;}
.media-queries {font-family: 'pc-over';}
}



/*=============================================
- for pageLoader
=============================================*/


.pageLoaderContainer,
.pageReadyLoaderContainer{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
display: -webkit-flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-webkit-align-items:center;
-ms-align-items: center;
align-items: center;
cursor: default;
z-index: 9998;
position: fixed;
}

.ie .pageLoaderContainer,
.ie .pageReadyLoaderContainer{
display:-ms-flexbox;
-ms-flex-align: center;
-ms-justify-content: center;
text-align: center!important;
width: 100%;
}

.ie img.pageLoader{
margin: 0 auto;
}


.ie11 img.pageLoader{
margin: 0 auto;
left:50%;
margin-left: -10px;
}

img.pageLoader{
margin: 0 auto;
}

.pageLoaderContainer img.pageLoder,
.pageReadyLoaderContainer img.pageLoder{
width: 38px;
height: 38px;
/* for common/svg/loader.svg */
}


/*=============================================
- for template
=============================================*/

.fullWidthOuter{
width: 100%;
position: relative;
}
.fullWidthOuter-shadow{
width: 100%;
position: relative;
height: 5px;
background: linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0));
background: -webkit-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0));
background: -moz-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0));
background: -ms-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0));
background: -o-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0));
}
.fixedInner{
max-width: 1200px;
margin: 0 auto;
position: relative;
}
.contentsInner{
padding: 60px;
max-width: 1200px;
margin: 0 auto;
}
/*
.sp .contentsInner{
padding: 20px!important;
}
*/
.contentsReceptionTimeInner{
padding: 60px 60px 60px 60px;
max-width: 1200px;
margin: 0 auto;
}
.contentsReceptionTimeInner .left{
width: 45%;
float: left;
}
.contentsReceptionTimeInner .right{
width: 50%;
float: right;
}
.svg-supportTop-timeTable{
width: 100%;
height: auto;
}


.sp .contentsReceptionTimeInner{
padding: 50px 30px 30px 30px;
max-width: 100%;
margin: 0 auto;
}
.sp .contentsReceptionTimeInner .left{
width: 100%;
float: none;
}
.sp .contentsReceptionTimeInner .right{
width: 100%;
float: none;
margin-top: 40px;
}
.sp .svg-supportTop-timeTable{
width: 100%;
height: auto;
}




.contentsInnerHorizontal{
padding: 0 60px 0 60px ;
max-width: 1200px;
margin: 0 auto;
}
.sp .contentsInnerHorizontal{
padding: 0 0 0 0!important;
max-width: 100%!important;
margin: 0 0;
}
.sp .contentsInner{
padding:  20px!important;
}

.tb .contentsInner{
padding: 60px 40px!important;
}


/*=============================================
- for common settings
=============================================*/

html{
width: 100%;
font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', Meiryo, メイリオ, sans-serif;
font-size: 13px;
color: #333;
}
.font{
font-family: 'Lato', sans-serif;
font-weight: 700;
letter-spacing: 0.25em;
}

.font-serif{
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-weight: normal!important;
}


body{
width: 100%;
-webkit-text-size-adjust:100%;
overflow-x: hidden;
}
h1,h2,h3,h4,h5,p,ul,table{
line-height: 180%;
}
p{
margin-bottom: 20px;
line-height: 200%;
}
p.lineHightfix{
line-height: 0;
}
img{
max-width: 100%;
}
table{
text-align: left;
}
label{
cursor: pointer;
}
p.caption{
color: #777;
font-size: 12px;
margin-left: 1em;
text-indent: -0.6em;
}
.discon{
font-size: 12px;
color: #FF6633;
font-weight: bold;
}

p,
.cmnlistDisc,
.cmnlistNumber,
.cmnlistNumber1line,
.cmnListDisc,
.cmnListNumber,
.cmnListNumber1line{
color: #333;
}


/*
.sp p{
color: #555;
}
*/

a.link{
text-decoration: underline;
}



a {text-decoration: none;color: #333;}
a:hover{text-decoration: underline;color: #333;}
a:visited{text-decoration: none;color: #333;}
a:active{text-decoration: none;color: #333;}
a.underline{
text-decoration: underline;
}

.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.bgWhite{
background: #fff;
}
.bgGray{
background: #eee;
/*
background: rgba(0,0,0,0.07);
*/
}
.bgBlack{
background: rgba(0,0,0,1);
color: #fff;
}
.white{
color: #fff;
}
.black{
color: #000;
}



/* common settings */

.fs10{font-size: 10px;}
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs26{font-size: 26px;}
.fs28{font-size: 28px;}
.fs30{font-size: 30px;}
.fs32{font-size: 32px;}
.fs34{font-size: 34px;}
.fs36{font-size: 36px;}

.sp .fs10{font-size: 10px;}
.sp .fs12{font-size: 12px;}
.sp .fs14{font-size: 14px;}
.sp .fs16{font-size: 16px;}
.sp .fs18{font-size: 18px;}
.sp .fs20{font-size: 20px;}
.sp .fs22{font-size: 20px;}
.sp .fs24{font-size: 20px;}
.sp .fs26{font-size: 20px;}
.sp .fs28{font-size: 20px;}
.sp .fs30{font-size: 22px;}
.sp .fs32{font-size: 22px;}
.sp .fs34{font-size: 22px;}
.sp .fs36{font-size: 22px;}

.mt0{margin-top: 0px!important}
.mt10{margin-top: 10px!important}
.mt20{margin-top: 20px!important}
.mt30{margin-top: 30px!important}
.mt40{margin-top: 40px!important}
.mt50{margin-top: 50px!important}
.mt60{margin-top: 60px!important}
.mt70{margin-top: 70px!important}
.mt80{margin-top: 80px!important}
.mt90{margin-top: 90px!important}
.mt100{margin-top: 100px!important}
.ml10{margin-left: 10px!important}
.ml20{margin-left: 20px!important}
.ml30{margin-left: 30px!important}
.ml40{margin-left: 40px!important}
.ml50{margin-left: 50px!important}
.ml60{margin-left: 60px!important}
.ml70{margin-left: 70px!important}
.ml80{margin-left: 80px!important}
.mr10{margin-right: 10px!important}
.mr20{margin-right: 20px!important}
.mr30{margin-right: 30px!important}
.mr40{margin-right: 40px!important}
.mr50{margin-right: 50px!important}
.mr60{margin-right: 60px!important}
.mr70{margin-right: 70px!important}
.mr80{margin-right: 80px!important}
.mb0{margin-bottom: 0px!important}
.mb5{margin-bottom: 5px!important}
.mb10{margin-bottom: 10px!important}
.mb15{margin-bottom: 15px!important}
.mb20{margin-bottom: 20px!important}
.mb30{margin-bottom: 30px!important}
.mb40{margin-bottom: 40px!important}
.mb50{margin-bottom: 50px!important}
.mb60{margin-bottom: 60px!important}
.mb70{margin-bottom: 70px!important}
.mb80{margin-bottom: 80px!important}
.mb90{margin-bottom: 90px!important}
.mb100{margin-bottom: 100px!important}
.pt0{padding-top: 0px!important}
.pt10{padding-top: 10px!important}
.pt20{padding-top: 20px!important}
.pt30{padding-top: 30px!important}
.pt40{padding-top: 40px!important}
.pt50{padding-top: 50px!important}
.pt60{padding-top: 60px!important}
.pt70{padding-top: 70px!important}
.pt80{padding-top: 80px!important}
.pt90{padding-top: 90px!important}
.pt100{padding-top: 100px!important}
.pl0{padding-left: 0px!important}

.italic{font-style: italic!important;}
.bold{font-weight: bold!important;}
.normal{font-weight:normal!important;}
.left{text-align:left!important;}
.center{text-align:center!important;}

.float-left{float: left}
.float-right{float: right}


img.imgopacity {
	transition: 0.6s;
}
img.imgopacity:hover {
	opacity: 0.6;
}

/* キービジュアルタイプAのh1製品名とタイトル色を白に統一 */

.pdtKeyVisualAmodeContainer h1.pdtTitleCategory,.pdtKeyVisualAmodeContainer .pdtTitleSeries {
 color: #fff
}

/* 問い合わせフォーム幅 */
.sp .btn_contact {
	width: 90%;
	margin: 20px auto 0;
}
.tb .btn_contact {
    width: 40%;	
    margin: 30px auto 0;
}
.pc .btn_contact {
    margin: 30px auto 0;
    width: 30%;
}

/* Layout */


.contentsInner p{
margin-bottom: 20px;
}
.contentsInner li{
list-style-type: disc;
margin-left: 2em;
}


.contentsInner h1,
.contentsInner h2,
.contentsInner h3,
.contentsInner h4,
.contentsInner h5{
font-weight: bold;
margin-bottom: 10px;
line-height: 160%!important;
}

.contentsInner h3{
font-size: 16px;
}

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

.cmnColumn2Container{
}
.cmnColumn2Container .left{
width: 50%;
float: left;
}

.cmnColumn2Container .right{
width: 50%;
float: right;
text-align: left!important;
}

.sp-tb .cmnColumn2Container .left{
width: 100%;
float: none;
margin: 0;
padding: 0;
}
.sp-tb .cmnColumn2Container .right{
width: 100%;
float: none;
text-align: left;
margin: 0;
padding: 0;
}
.tb .cmnColumn2Container{
padding: 0 40px;
}

.cmnColumn2Container.driverSearch-top .left,
.cmnColumn2Container.manualSearch-top .left{
padding-right: 5px;
box-sizing: border-box;
padding-left: 10px;
}
.cmnColumn2Container.driverSearch-top .right,
.cmnColumn2Container.manualSearch-top .right{
padding-left: 5px;
box-sizing: border-box;
padding-right: 10px;
}


.sp .cmnColumn2Container.driverSearch-top .left,
.sp .cmnColumn2Container.manualSearch-top .left{
padding-right: 0px;
box-sizing: border-box;
padding-left: 0px;
}
.sp .cmnColumn2Container.driverSearch-top .right,
.sp .cmnColumn2Container.manualSearch-top .right{
padding-left: 0px;
box-sizing: border-box;
padding-right: 0px;
}



.cmnProductLinkContainer  .left{
text-align: center!important;
}

.cmnProductLinkContainer .left img{
margin: 0 auto!important;
}

.cmnColumn2Container.cmnProductLinkContainer .left{
text-align: right;
padding-right: 30px;
}
.cmnColumn2Container.cmnProductLinkContainer .left img{
max-width: 400px;
}

.cmnColumn2Container.cmnProductLinkContainer .right{
padding-top: 80px;
padding-left: 30px;
}
.cmnColumn2Container.cmnProductLinkContainer .right .cap{
font-size: 14px;
margin-bottom: 0px;
}
.cmnColumn2Container.cmnProductLinkContainer .right .title{
font-size: 22px;
font-weight: normal;
margin-bottom: 30px;
}
.cmnColumn2Container.cmnProductLinkContainer .right .cmnBuyGradationSolid{
max-width: 300px;
height: 40px;
}
.cmnColumn2Container.cmnProductLinkContainer .right .cmnBuyGradationSolid a{
font-size: 14px;
line-height: 40px;
}


.sp-tb .cmnColumn2Container{
margin: 0;
padding: 0;
}
.sp-tb .cmnColumn2Container.cmnProductLinkContainer .left{

}
.sp .cmnColumn2Container{

}
.sp .cmnProductLinkContainer{

}
.sp .contentsInnerHorizontal{

}
.sp .cmnColumn2Container.cmnProductLinkContainer .left img{
width: 80%;
}
.sp-tb .cmnColumn2Container.cmnProductLinkContainer .right{
text-align: center;
padding-top: 0px;
padding-left: auto;
margin: 0!important;
padding: 0!important;
}
.sp-tb .cmnColumn2Container.cmnProductLinkContainer .right .cap{
font-size: 14px;
margin-bottom: 0px;
text-align: center;

width: 100%;
}
.sp-tb .cmnColumn2Container.cmnProductLinkContainer .right .title{
text-align: center;
font-size: 22px;
font-weight: normal;
margin-bottom: 20px;

width: 100%;

}
.sp-tb .cmnColumn2Container.cmnProductLinkContainer .right .cmnBuyGradationSolid{
width: 200px;
height: 40px;
margin: 0 auto 30px auto;

}
.sp-tb .cmnColumn2Container.cmnProductLinkContainer .right .cmnBuyGradationSolid a{
font-size: 14px;
line-height: 40px;
}






.cmnColumn2Container.driverSearch-top h2,
.cmnColumn2Container.manualSearch-top h2,
.driverSearch-top h2.title,
.manualSearch-top h2.title{
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
font-size: 16px;
font-weight: bold;
}

.manualSearchResultHeading,
.driverSearchResultHeading{
}
.manualSearchResultHeading,
.driverSearchResultHeading .title{
float: left;
}
.manualSearchResultHeading,
.driverSearchResultHeading .cap{
margin-left: 30px;
float: left;
font-size: 12px;
}


.sp .manualSearchResultHeading,
.sp .driverSearchResultHeading .cap{
margin-left: 0px;
float: none;
font-size: 12px;
}
.sp .manualSearchResultHeading .title,
.sp .driverSearchResultHeading .title,
.sp-tb .manualSearchResultHeading .title,
.sp-tb .driverSearchResultHeading .title{
float: none;
text-align: center!important;
margin-bottom: 20px;
}





.pdtMainContainer-column2{
float: left;
width: 50%;
}
.sp .pdtMainContainer-column2{
float: none;
width: 100%;
}


.floatContainer .floatItem{
float: left;
}


.floatContainer.column1 > div,
.floatContainer li{
list-style: none;
margin: 0;
float: left;
}
.sp .floatContainer.column1 > div,
.sp .floatContainer li{
float: none;
}
.floatContainer.column1 > div,
.floatContainer.column1 .floatItem,
.floatContainer.column1 li{
width: 100%;
}
.floatContainer.column1 > div img,
.floatContainer.column1 li img{
width: 100%;
}
.floatContainer.column2 > div,
.floatContainer.column2 .floatItem,
.floatContainer.column2 li{
width: 47%;
}
.floatContainer.column2 > div:nth-child(2n),
.floatContainer.column2 .floatItem:nth-child(2n),
.floatContainer.column2 li:nth-child(2n){
margin-left: 6%;
}
.sp .floatContainer.column2 > div,
.sp .floatContainer.column2 .floatItem,
.sp .floatContainer.column2 li{
width: 100%;
}

.floatContainer.column2 > div img,
.floatContainer.column2 li img{
width: 100%;
}
.floatContainer.column3 > div,
.floatContainer.column3 .floatItem,
.floatContainer.column3 li{
width: 30%;
margin-left: 5%;
}
.floatContainer.column3 > div:nth-child(3n+1),
.floatContainer.column3 .floatItem:nth-child(3n+1),
.floatContainer.column3 li:nth-child(3n+1){
margin-left: 0;
}


.sp .floatContainer.column3 > div,
.sp .floatContainer.column3 .floatItem,
.sp .floatContainer.column3 li{
width: 100%;
margin-left: 0!important;
}
.tb .floatContainer.column3 > div,
.tb .floatContainer.column3 .floatItem,
.tb .floatContainer.column3 li{
width: 47%;
}
.tb .floatContainer.column3 > div:nth-child(2n),
.tb .floatContainer.column3 .floatItem:nth-child(2n),
.tb .floatContainer.column3 li:nth-child(2n){
margin-left: 6%;
}


.floatContainer.column3 > div img,
.floatContainer.column3 li img{
width: 100%;
}



.flexColumn img{
max-width: 100%;
}


.sp header{
/*
display: none;
*/
}


/* header */
#header-specCompareResultTableFixed{
width: 1px;
height: 54px;
position: absolute;
z-index: -9999;
top: 0;
left: 0;
}

.headerMenu{
position: relative;
width: 100%;
height: 54px;
margin: 0 auto;
background: #fff;
border-bottom: 1px solid #eee;
/*
border-bottom: 1px solid #E3E3E3;


*/

}

.headerMenu > li.products     {width: 80px;}
.headerMenu > li.compatibility{width: 80px;}
.headerMenu > li.support      {width: 80px;}
.headerMenu > li.environment  {width: 130px;}
.headerMenu > li.corporate    {width: 80px;}
.headerMenu > li.naire        {width: 120px;}
.headerMenu > li.store        {width: 130px;letter-spacing: -0.05em;}
.headerMenu > li.onlineShop        {width: 130px;letter-spacing: -0.05em;}

.headerMenu > li {
float: left;
height: 53px;
line-height: 53px;
text-align: center;
color: #3FAE2A;
background: #fff;
}
.headerMenu > li div{
font-size: 12px;
color: #666;
text-align: left;
}

.headerMenu > li > a{
display: block;
height: 53px;
line-height: 53px;
color: #3FAE2A;
font-size: 13px;
font-weight: bold;
white-space: nowrap;
/*
border-bottom: 1px solid #fff;
*/
/*border-bottom: 1px solid #E3E3E3;*/
}

.headerMenu > li > a:hover{
text-decoration: none;

color: #3FAE2A;
}
.menuSecondCotainer{
visibility: hidden;
opacity: 0;
z-index: 1;
}
.menuSecondCotainer .fixedInner{
opacity: 0;
}
.headerMenu > li{
border-bottom: 2px solid #fff;
}
.headerMenu > li:hover{
border-bottom: 2px solid #3FAE2A;
/*
-webkit-transition: all 0.2s;
transition: all 0.2s;
*/
}.headerMenu > li.empty:hover{
border-bottom: 2px solid #fff;
}
.headerMenu:before,
.headerMenu:after{
content: " ";
display: table;
}
.headerMenu:after{
clear: both;
}
.headerMenu{
*zoom: 1;
}
.headerMenu li.menuFullWidthContainer div.menuSecondCotainer{
position: absolute;
top: 54px;
left: 0;
box-sizing: border-box;
width: 100%;
text-align: center;
}

.headerMenu li.menuFullWidthContainer:hover div.menuSecondCotainer{
top: 54px;
visibility: visible;
opacity: 1;
}

.headerMenu li.menuFullWidthContainer:hover div.menuSecondCotainer .fixedInner{

-webkit-transition: all .2s ease;
transition: all .2s ease;
visibility: visible;
opacity: 1;
}
.fullWidthOuter.headerMenuSecondCategory{
border-bottom: 1px solid #fff;
}
.headerMenuSecondCategoryIconListSlide{margin-bottom: 0;}
.headerMenuSecondCategoryIconListSlide{padding-left: 30px;padding-right: 30px;}
.headerMenuSecondCategoryIconListSlide .slick-prev{left: 5px;}
.headerMenuSecondCategoryIconListSlide .slick-prev:before{content: url(../svg/svg-btn-slide-prev-s.svg);}
.headerMenuSecondCategoryIconListSlide .slick-next{right: 25px;}
.headerMenuSecondCategoryIconListSlide .slick-next:before{content: url(../svg/svg-btn-slide-next-s.svg);}

.headerMenuThirdCategoryIconListSlide{margin-bottom: 0;}
.headerMenuThirdCategoryIconListSlide{padding-left: 30px;padding-right: 30px;}
.headerMenuThirdCategoryIconListSlide .slick-prev{left: 5px;}
.headerMenuThirdCategoryIconListSlide .slick-prev:before{content: url(../svg/svg-btn-slide-prev-s.svg);}
.headerMenuThirdCategoryIconListSlide .slick-next{right: 25px;}
.headerMenuThirdCategoryIconListSlide .slick-next:before{content: url(../svg/svg-btn-slide-next-s.svg);}


.pc header{
top: 0;
left: 0;
z-index: 9999;
position: fixed;
width: 100%;
}
.sp-tb .headerContainer{
display: none;
}

.tb-pc .headerContainer-sp{
display: none;
}
.pc .headerContainer-sp{
display: none;
}

.sp-tb .headerContainer-sp{
z-index: 9996;
}
.sp-tb .headerLogo-sp{
z-index: 9999;
position: fixed;
width: 100%;
text-align: center;
}
.sp-tb .headerLogo-sp img.svg-logo-GreenHouse{
width: 160px;
height: auto;
margin-top: 15px;
}
.sp-tb .headerLogoBG-sp {
z-index: 9997;
position: fixed;
width: 100%;
background: #fff;
height: 52px;
display: none;
}



.sp-tb .headerHamMenu-sp{
position: fixed;
z-index: 9998;
top:0;
right: 10px;
width: 60px;
height: 52px;
display: block;
z-index: 9999;
}

.sp-tb .headerHamMenu-sp:hover{
cursor: pointer;
}
.sp-tb .headerHamMenu-sp span{
width: 24px;
height: 1px;
display: block;
background: #3FAE2A;
position: absolute;
left: 50%;
top: 50%;
margin-left: -12px;
}
.sp-tb .headerHamMenu-sp span {
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }

.sp-tb .headerHamMenu-sp .top {
-webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
        transform: translateY(-6px);
}
.sp-tb .headerHamMenu-sp .bottom {
-webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
        transform: translateY(6px);
}
.sp-tb .headerHamMenu-sp:hover .top {
-webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
        transform: translateY(-8px);
}
.sp-tb .headerHamMenu-sp:hover .bottom {
-webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
        transform: translateY(8px);
}
.sp-tb .headerHamMenu-sp.active .top {
    -webkit-transform: translateY(0px) rotate(45deg);
       -moz-transform: translateY(0px) rotate(45deg);
        -ms-transform: translateY(0px) rotate(45deg);
            transform: translateY(0px) rotate(45deg);
}
.sp-tb .headerHamMenu-sp.active .middle {
    opacity: 0;
}
.sp-tb .headerHamMenu-sp.active .bottom {
    -webkit-transform: translateY(0px) rotate(-45deg);
       -moz-transform: translateY(0px) rotate(-45deg);
        -ms-transform: translateY(0px) rotate(-45deg);
            transform: translateY(0px) rotate(-45deg);
}

.headerContainer-sp{
display: none;
}

.sp-tb .headerNav-sp{

display: none;

background: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
z-index: 9995;
padding-top: 54px;
}

.sp-tb .headerNavSearchContainer{
text-align: center;
position: relative;
}
.sp-tb .headerNavSearchContainer input.headerNavSearch-input{
width: 90%;
margin: 20px auto 20px auto;
padding: 13px 15px 13px 15px;
margin-left: 10px;
font-size: 14px;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-js-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.sp-tb .headerNavSearchContainer input.headerNavSearch-input:placeholder-shown,
.sp-tb .headerNavSearchContainer input.headerNavSearch-input::-webkit-input-placeholder,
.sp-tb .headerNavSearchContainer input.headerNavSearch-input:-ms-input-placeholder {
color: #ccc;
}
.sp-tb .headerNavSearchContainer input.headerNavSearch-input:-moz-placeholder,
.sp-tb .headerNavSearchContainer input.headerNavSearch-input::-moz-placeholder {
color: #ccc;
opacity: 1;
}
.sp-tb .headerNavSearchContainer button.headerNavSearch-button{
position: absolute;
top:12px;
margin-left: -50px;
padding: 0;
border: none;
background: transparent;
}
.sp-tb .headerNavSearchContainer button.headerNavSearch-button img.svg-btn-search{
width: 54px;
}
.sp-tb .headerNavSearchContainer button:hover{
cursor: pointer;
}




/*
.headerLogo{
width: 200px;
margin-top: 10px;
margin-left: 30px;
z-index: 9999;
position: absolute;
transition: all 0.3s;
}
.headerLogo:hover,
.footerLogo:hover{
opacity: 0.7;
transition: all 0.3s;
}
.headerLogo img.svg-logo-GreenHouse,
.footerLogo img.svg-logo-GreenHouse{
width: 180px;
}
*/
.headerLogo{
width: 140px;
margin-top: 18px;
margin-left: 30px;
z-index: 9999;
position: absolute;
transition: all 0.3s;
}
.headerLogo:hover,
.footerLogo:hover{
opacity: 0.7;
transition: all 0.3s;
}

.headerLogo img.svg-logo-GreenHouse,
.footerLogo img.svg-logo-GreenHouse{
width: 140px;
height: auto;
}


.sp .headerMenuContainer{
display: none;
}


.headerMenuContainer{
z-index: 9980;
position: absolute;
width: 100%!important;
z-index: -1;
position: fixed;
top: 0px;
}
.headerMenuContainer ul li.empty{
width: 220px;
}
.headerSearch{
position: absolute;
top:0;
right: 60px;
cursor: pointer;
display: none;
}
.headerSearch img.svg-btn-search-green{
width: 52px;
position: absolute;
top:0;
right: 0;
}
.headerSearch .headerSearchContainer{
padding-top: 5px;
display: none;
}
.headerSearch .headerSearch-input{
margin-top: 0px!important;
padding: 8px 10px;
font-size: 16px;
width: 300px;
border: 1px solid #3FAE2A;
color: #3FAE2A;
/*
-webkit-border-radius: 12px;
border-radius: 12px;
*/
}
.headerSearch .headerSearch-button{
width: 46px;
margin-left: -56px;
border: none;
background: none;
position: absolute;
right: 0;
z-index: 999;
cursor: pointer;
}


.headerSearch2{
position: absolute;
top:0;
right: 60px;
cursor: pointer;

}
.headerSearch2 img.svg-btn-search-green{
width: 52px;
position: absolute;
top:0;
right: 0;
}
.headerSearch2 .headerSearchContainer{
padding-top: 5px;

}
.headerSearch2 .headerSearch-input{
margin-top: 0px!important;
padding: 8px 10px;
font-size: 16px;
width: 200px;
border: 1px solid #3FAE2A;
color: #3FAE2A;
/*
-webkit-border-radius: 12px;
border-radius: 12px;
*/
}
.headerSearch2 .headerSearch-button{
width: 46px;
margin-left: -56px;
border: none;
background: none;
position: absolute;
right: 0;
z-index: 999;
cursor: pointer;
}

.headerHamMenu{
position: absolute;
top:0;
right: 10px;
width: 60px;
height: 52px;
display: block;
}
.headerHamMenu:hover{
cursor: pointer;
}
.headerHamMenu span{
width: 24px;
height: 1px;
display: block;
background: #3FAE2A;
position: absolute;
left: 50%;
top: 50%;
margin-left: -12px;
}
.headerHamMenu span {
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
.headerHamMenu .top {
-webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
        transform: translateY(-6px);
}
.headerHamMenu .bottom {
-webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
        transform: translateY(6px);
}
.headerHamMenu:hover .top {
-webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
        transform: translateY(-8px);
}
.headerHamMenu:hover .bottom {
-webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
        transform: translateY(8px);
}
.headerHamMenu .is-open .middle {
background: rgba(255, 255, 255, 0);
}


/* header menu third */

.menuThirdItem{
border-bottom: 1px solid #fff;
}

.menuThird li{

height: 110px;
padding-top: 20px!important;
/*
padding-bottom: 20px!important;
*/
}
.menuSecond li:not(.allCategory).select{
background: #eee;
}

.ie .menuThird li.iconSet img.onImage{
display: none;

}

.chrome .menuThird li.iconSet img.onImage{
display: none;

}



/*=============================================
- for menuSecond
=============================================*/



/* header menu 2nd */
.menuSecond{
}
.menuSecond li{
padding-top: 40px!important;
padding-bottom: 40px!important;
/*
height: 70px;
*/
}

.menuSecond-products li{
}
.menuSecond-products li{
width: 12.4%;
}
ul.menuSecond-faq{
margin-left: 12.4%;
}
.menuSecond-faq li{
padding-top: 30px;
padding-bottom: 30px;
}
.menuSecond-faq li .txt{
margin-left: 10px!important;
margin-right: 10px!important;
}
.menuSecond-faq li{
width: 12.4%;
}


ul.menuSecond-download{
display: flex;
justify-content: center;
}

.ie10 ul.menuSecond-download{
display:-ms-flexbox;
-ms-justify-content: center;
}


.menuSecond-download li{
padding-top: 30px;
padding-bottom: 30px;
}
.menuSecond-download li .txt{
margin-left: 10px!important;
margin-right: 10px!important;
}
.menuSecond-download li{
width: 15%;
}

.sp ul.menuSecond-download{
display: block;
width: 720px;
}
.sp .menuSecondContainer{
overflow-x: scroll;
overflow-y: hidden;
height: 160px;
-webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.sp ul.menuSecond-download{


}
.sp .menuSecond-download li{
width: 120px;
}


/*
.sp .cmnBreadCrumbsContainer{
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
height: 30px;
}
.sp .cmnBreadCrumbs ul {
list-style: none;
display: table;
}
.sp .cmnBreadCrumbs li {
display: table-cell;
white-space: nowrap;
line-height: 16px;
}


*/
/*
 overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  
.sp .menuSecond-download li{
width: 33.3%;
}
*/





.menuSecond-naire li,
.menuSecond-compatibility li,
.menuSecond-environment li,
.menuSecond-corporate li,
.menuSecond-support li{
width: 14.2%;
}
.menuSecond-store li,
.menuSecond-onlineShop li{
width: 25%;
}
.menuSecond-addContents li,
.menuSecond li{
float: left;
position: relative;
background: url(../img/cmn-bg-menuSecond-separate.jpg)top left no-repeat;
background-size: 1px 100%;
transition: all 0.3s;
}
.menuThird li{
float: left;
position: relative;
background: url(../img/cmn-bg-menuSecond-separate.jpg)top left no-repeat;
background-size: 1px 100%;
transition: all 0.3s;
}

.menuSecond-addContents li{
padding-top: 20px;
padding-bottom: 20px;
}
.menuSecond-addContents-right li{
padding-top: 20px;
padding-bottom: 0px;
}
.menuSecond-addContents li.iconSet{
padding-top: 30px;
padding-bottom: 10px;
background: url(../img/cmn-bg-menuSecond-separate.jpg)top left no-repeat;
background-size: 1px 100%;
transition: all 0.3s;
}
.menuSecond li:last-child{
}

.menuSecond li:hover,
.menuThird li:hover{
background-color: #f2f2f2;
}
.menuSecond-addContents li:hover{
background-color: #E5E5E5;
}
.menuSecond-addContents li.iconSet,
.menuSecond li.iconSet,
.menuThird li.iconSet{
text-align: center;
}
.menuSecond-addContents li.iconSet{
width: 100%;
height: 75px;
}
.menuSecond li.iconSet .icon,
.menuThird li.iconSet .icon{
text-align: center;
}
.menuSecond li.iconSet .icon:hover,
.menuThird li.iconSet .icon:hover{
cursor: pointer;
}

li.iconSet img.onImage{
left: 50%;
margin-left: -35px!important;
}
/*
li.iconSet{
box-shadow: 0 0 0 1px blue;
}
li.iconSet .icon{
box-shadow: 0 0 0 1px green;
}
li.iconSet img{
box-shadow: 0 0 0 1px pink;
}
li.iconSet .txt{
box-shadow: 0 0 0 1px yellow;
}
.menuSecond li.iconSet .icon img{

}
li.iconSet a{
z-index: 99999;
}
*/


.menuSecond-addContents li.iconSet .icon img,
.menuSecond li.iconSet .icon img,
.menuThird li.iconSet .icon img{
width: 70px!important;
margin-left: auto;
margin-right: auto;
}
.menuSecond-store li.iconSet .icon img,
.menuSecond-onlineShop li.iconSet .icon img{
width: 140px!important;
}
.menuSecond-addContents li.iconSet .txt,
.menuSecond li.iconSet .txt,
.menuThird li.iconSet .txt{
text-align: center;
font-size:10px;
color: #666;
line-height: 140%;
}
.menuThird li.iconSet .txt{
padding-left: 10px;
padding-right: 10px;
}
.menuSecond-addContents li.iconSet a,
.menuSecond li.iconSet a,
.menuThird li.iconSet a{
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
}

/* メガメニュー　products　特集 */
.menuSecond-addContents{

}
.menuSecond-addContents-main {
float: left;
width: 100%;
margin: 0 -12.4% 0 0;
}
.menuSecond-addContents-contents {
margin: 0 12.4% 0 0;
}

.menuSecond-addContents-right {
float: right;
width: 12.4%;
margin-bottom: 0!important;
padding-bottom:0!important;
}
.menuSecond-addContents-right .iconSet .icon{
text-align: center;
}
.menuSecond-addContents-right .iconSet{
height: 133px!important;
margin-bottom: 0!important;
padding-bottom:0!important;
}


.menuSecond-addContentsList{
line-height: 0;
position: relative;
margin-left: 30px;
}
.menuSecond-addContentsList li{
width: 415px;
float: left;
padding-left: 15px;
}
.menuSecond-addContentsList .photo{
width: 160px;
float: left;
margin: 0!important;
padding: 0 !important;
}
.menuSecond-addContentsList .txt{
width: 240px;
float: left;
}
.menuSecond-addContentsList li .txt p.contents-title,
.menuSecond-addContentsList li .txt p.description,
.menuSecond-addContentsList li .txt p.title{
margin-left: 20px;
line-height: 150%;
}
.menuSecond-addContentsList li .txt p.contents-title{
font-size: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.menuSecond-addContentsList li .txt p.description{
font-size: 10px;
margin-bottom: 5px;
}
.menuSecond-addContentsList li .txt p.title{
font-size: 12px;
margin-bottom: 0!important;
}

.menuSecond-addContentsListImage{
width: 100%;
margin: 0!important;
padding: 0 !important;
}
.menuSecond-addContentsList li a{
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
}

.menuThirdItem{
display: none;
}


/* footer */


footer .pagetop{
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
footer .pagetop{
display: none;
height: 50px;
background: #f5f5f5;
width: 100%;
position: relative;
text-align: center;
overflow: hidden;
}
footer .pagetop:hover{
opacity: 0.5;
}
footer .pagetop:hover{
cursor: pointer;
}

footer .pagetop img.svg-btn-pagetop{
width: 15px;
height: 15px;
position: absolute;
left: 50%;
margin-top: 18px;
margin-left: -7px;
}

.pc footer .pagetop{
display: none;
}
.sp-tb footer .pagetop{
display: block;
}




footer{
/*
margin-top: 50px;
*/
border-top: 1px solid #eeeeee;
}
.footerLogo{
margin-top: 40px;
margin-bottom: 30px;
margin-left: 30px;
}

.sp .footerLogo{
margin-top: 40px;
margin-bottom: 30px;
margin-left: 0px;
text-align: center;
}

.sp-tb .footerContentsListContainer{
display: none;
}

.footerContentsListContainer{
margin-top: 30px;
margin-left: 30px;
margin-right: 30px;
padding-bottom: 60px;

}
.footerContentsListContainer ul.footerContentsList li{
float: left;
}
.footerContentsListContainer ul.footerContentsList li a{
font-size: 13px;
font-weight: bold;
}
.footerContentsListContainer ul.footerContentsList li ul{
margin-top: 10px;
}
.footerContentsListContainer ul.footerContentsList li ul li{
float: none;
}
.footerContentsListContainer ul.footerContentsList li ul li.empty{
height: 15px;
}
.footerContentsListContainer ul.footerContentsList li ul li a{
font-size: 11px;
font-weight: normal;
}
ul.footerContentsList li.news          {width: 13%;}
ul.footerContentsList li.products      {width: 20%;}
ul.footerContentsList li.compatibility {width: 13%;}
ul.footerContentsList li.support       {width: 17%;}
ul.footerContentsList li.environmtent  {width: 19%;}
ul.footerContentsList li.corporate     {width: 17%;}


.footerContentsListContainer ul.footerContentsList li ul li a,
ul.footerFooterList li a{
color: #777;
}


ul.footerFooterList{
width: 80%;
float: left;
margin-left: 40px;
}
ul.footerFooterList li{
float: left;
margin-right: 40px;
}
ul.footerFooterList li a{
font-size: 11px;
}

.sp ul.footerFooterList{
width: 100%;
float: left;
margin-left:0px;
}
.sp ul.footerFooterList li{
float: left;
width: 50%;
margin-right: 0px;
padding-left: 30px;
}
.sp ul.footerFooterList li a{
font-size: 11px;
}



ul.footerSNSList{
width: 10%;
float: right;
display: none;
}
ul.footerSNSList li{
float: left;
margin-right: 30px;
}
ul.footerSNSList li a{
}


.footerCopyright{
font-size: 10px;
color: #3FAE2A;
margin: 20px auto 20px 40px;
}

.sp .footerCopyright{
font-size: 10px;
color: #3FAE2A;
text-align: center;
margin: 20px auto 20px auto;
}



/* globalTopNav */

.sp .globalTopNav,
.sp .globalTopCategoryNav{
display: none;
}
.top.sp .globalTopNav{
display: block;
}
.top.sp .globalTopCategoryNav{
display: none;
}
.top.sp .pdtContentsTitle{
margin-top: -80px!important;
}

.globalTopNav{
background: #F2F2F2;
}
.globalTopNav-main,
.globalTopNav-content,
.globalTopNav-content-left,
.globalTopNav-content-right,
.globalTopNav-left,
.globalTopNav-right{
height: 120px;
}
.globalTopNav-main{
width: 100%;
float: left;
}
.globalTopNav-content{
margin-right: 140px;
margin-left: 150px;
}
.globalTopNav-content-left{
float: left;
width: 40%;
}
.globalTopNav-content-right{
float: left;
width: 58%;
border-left:2px solid #fff;
}
.globalTopNav-left{
float: left!important;
margin-left: -100%;
width: 150px;
}
.globalTopNav-right{
float: left;
margin-left: -140px;
width: 138px;
border-left: 2px solid #fff;
}
.globalTopNavHotContainer .title-en{
margin-top: 27px;
}
.globalTopNavHotContainer .title-en,
.globalTopNavHotContainer .date,
.globalTopNavHotContainer .title-jp{
margin-left: 30px;
}
.globalTopNavHotContainer .font{
letter-spacing: 0.05em;
color: #3FAE2A;
line-height: 140%;
font-size: 13px;
font-weight: 700;
}

.globalTopNavHotContainer .title-en,
.globalTopNavHotContainer .date{
margin-bottom: 0;
}
.globalTopNavHotContainer .title-jp{
color: #3FAE2A;
line-height: 140%;
font-size: 10px;
margin-bottom: 0;
font-weight: bold;
margin-bottom: 13px;
}

.sp .globalTopNav{
background: #F2F2F2;
}
.sp .globalTopNav-main,
.sp .globalTopNav-content,
.sp .globalTopNav-content-left,
.sp .globalTopNav-content-right,
.sp .globalTopNav-left,
.sp .globalTopNav-right{
height: auto;
}
.sp .globalTopNav-main{
width: 100%;
float: left;
}
.sp .globalTopNav-content{
margin-right: 0px;
margin-left: 0px;
}
.sp .globalTopNav-content-left{
float: none;
width: 100%;
display: block;
display: none;
}
.sp .globalTopNav-content-right{
float: none;
width: 100%;
border-left:none;
display: block;
z-index: 9999;
height: 120px;
}
.sp .globalTopNav-left{
float: none!important;
margin-left: 0%;
width: 100%;
display: none;
}
.sp .globalTopNav-right{
display: none;
}
.sp .globalTopNavHotContainer .title-en{
margin-top: 27px;
}
.sp .globalTopNavHotContainer .title-en,
.sp .globalTopNavHotContainer .date,
.sp .globalTopNavHotContainer .title-jp{
margin-left: 30px;
}
.sp .globalTopNavHotContainer .font{
letter-spacing: 0.05em;
color: #3FAE2A;
line-height: 140%;
font-size: 13px;
font-weight: 700;
}

.sp .globalTopNavHotContainer .title-en,
.sp .globalTopNavHotContainer .date{
margin-bottom: 0;
}
.sp .globalTopNavHotContainer .title-jp{
color: #3FAE2A;
line-height: 140%;
font-size: 10px;
margin-bottom: 0;
font-weight: bold;
margin-bottom: 13px;
}




.globalTopNavSearchContainer{
text-align: center;
}
.globalTopNavSearchContainer input.globalTopNavSearch-input{
width: 90%;
margin: 30px auto 0 auto;
padding: 18px 20px 18px 30px;
margin-left: 10px;
font-size: 14px;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-js-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.globalTopNavSearchContainer input.globalTopNavSearch-input:placeholder-shown,
.globalTopNavSearchContainer input.globalTopNavSearch-input::-webkit-input-placeholder,
.globalTopNavSearchContainer input.globalTopNavSearch-input:-ms-input-placeholder {
color: #ccc;
}
.globalTopNavSearchContainer input.globalTopNavSearch-input:-moz-placeholder,
.globalTopNavSearchContainer input.globalTopNavSearch-input::-moz-placeholder {
color: #ccc;
opacity: 1;
}
.globalTopNavSearchContainer button.globalTopNavSearch-button{
position: absolute;
top:27px;
margin-left: -50px;
padding: 0;
border: none;
background: transparent;
}
.globalTopNavSearchContainer button.globalTopNavSearch-button img.svg-btn-search{
width: 54px;
}
.globalTopNavSearchContainer button:hover{
cursor: pointer;
}

/* search result */
.searchResult.globalTopNavSearchContainer form {
	width: 60%;
	margin: 0 auto;
	padding-bottom: 30px;
}

.searchResultpage p a {
	color: #3FAE2A;
}
.tb .searchResult.globalTopNavSearchContainer form {
	width: 70%;
}
.sp .searchResult.globalTopNavSearchContainer form {
	width: 98%;
}


.cmnModelNumberSearchContainer{
height: 110px;
}
.sp .cmnModelNumberSearchContainer .cmnSearchContainer{
height: auto;
}
.sp .cmnModelNumberSearchContainer.alphabetical{
height: auto;
}
/*
.sp .cmnModelNumberSearchContainerBottom{
display: none;
}
.sp .cmnModelNumberSearchContainer.alphabetical + .cmnModelNumberSearchContainerBottom{
display: block;
}
*/

.cmnModelNumberSearchContainer .leftFixedColumn {
float: left;
background: #EFEFEF;
}
.cmnModelNumberSearchContainer .rightLiquidColumn {
}
.cmnModelNumberSearchContainer .leftFixedColumn .title{
font-size: 17px;
font-weight: 700;
line-height: 140%;
padding-left: 40px;
}
.cmnModelNumberSearchContainer .rightLiquidColumn {
float: right;
width: 100%;
}
.cmnModelNumberSearchContainer .rightContents {
background: #EFEFEF;
padding-right: 30px;
}
.cmnModelNumberSearchContainer .leftFixedColumn,
.cmnModelNumberSearchContainer .rightContents {
padding-top: 30px;
padding-bottom: 10px;
}
.cmnModelNumberSearchContainerBottom{
background: #E7E7E7;
padding-left: 40px;
padding-top: 15px;
font-size: 12px;
color: #666;
line-height: 120%;
}

.sp .cmnModelNumberSearchContainerBottom{
padding-left: 20px;
padding-right: 10px;
}



.cmnModelNumberSearchContainer .leftFixedColumn {
width: 40px;
}
.cmnModelNumberSearchContainer .rightLiquidColumn {
margin: 0 0 0 -40px;
}
.cmnModelNumberSearchContainer .rightContents {
margin: 0 0 0 40px;
}

.cmnModelNumberSearchContainer.alphabetical .leftFixedColumn {
width: 100px;
}
.cmnModelNumberSearchContainer.alphabetical .rightLiquidColumn {

margin: 0 0 0 -100px;
}
.cmnModelNumberSearchContainer.alphabetical .rightContents {
margin: 0 0 0 100px;
}

.sp .cmnModelNumberSearchContainer.alphabetical .leftFixedColumn {
width: 80px;
}
.sp .cmnModelNumberSearchContainer.alphabetical .rightLiquidColumn {
margin: 0 0 0 -80px;
}
.sp .cmnModelNumberSearchContainer.alphabetical .rightContents {
margin: 0 0 0 80px;
}
.sp .cmnModelNumberSearchContainer.alphabetical .leftFixedColumn p.title{
padding-left: 20px;
}

/*
.sp .cmnModelNumberSearchContainer.alphabetical .leftFixedColumn {
width: 100%;
}
.sp .cmnModelNumberSearchContainer.alphabetical .rightLiquidColumn {
margin: 0 0 0 0px;
}
.sp .cmnModelNumberSearchContainer.alphabetical .rightContents {
margin: 0 0 0 0px;
}
*/


.cmnSearchContainer{
position: relative;
text-align: center;
}
.cmnSearchContainer input.cmnSearch-input{
width: 100%;
padding: 14px 16px 14px 24px;
font-size: 16px;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-js-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
left: 0;
height: 48px;
}
.cmnSearchContainer button.cmnSearch-button{
position: absolute;
right: -3px;
margin: 0;
padding: 0;
border: none;
background: transparent;
background: #3FAE2A;
}
.cmnSearchContainer button.cmnSearch-button img.svg-btn-search{
width: 46px;
}
.cmnSearchContainer button:hover{
cursor: pointer;
}

.cmnSearchContainer input.cmnSearch-input:placeholder-shown,
.cmnSearchContainer input.cmnSearch-input::-webkit-input-placeholder,
.cmnSearchContainer input.cmnSearch-input:-ms-input-placeholder {
color: #999;
}
.cmnSearchContainer input.cmnSearch-input:-moz-placeholder,
.cmnSearchContainer input.cmnSearch-input::-moz-placeholder {
color: #999;
opacity: 1;
}

.cmnSearchAlphabeticalContainer ul.cmnSearchAlphabeticalList{
margin-top: -10px;
}
.cmnSearchAlphabeticalContainer ul.cmnSearchAlphabeticalList li{
float: left;
display: block;
width: 7.69%;
text-align: center;
padding: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-js-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.sp .cmnSearchAlphabeticalContainer ul.cmnSearchAlphabeticalList li{
/*
width: 7.69%;
*/
width:16%;
}


.cmnSearchAlphabeticalContainer .cmnSearchAlphabeticalList li a{
display: block!important;
}
.cmnSearchAlphabeticalContainer .cmnSearchAlphabeticalList li{
opacity: 0.3;
}
.cmnSearchAlphabeticalContainer ul.cmnSearchAlphabeticalList li.active{
opacity: 1;
}
.cmnSearchAlphabeticalContainer ul.cmnSearchAlphabeticalList li.active a{
box-shadow: 0 0 0 1px #ccc;
cursor: pointer;
background: #fff;
}
.cmnSearchAlphabeticalContainer ul.cmnSearchAlphabeticalList li.active a:hover{
background: #eee;
text-decoration: none;
}






.faqTopSearchContainer{
text-align: center;
}
.faqTopSearchContainer input.faqTopSearch-input{
width: 90%;
margin: 30px auto 30px auto;
padding: 15px 20px 21px 30px;
margin-left: 10px;
font-size: 14px;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-js-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.sp-tb .faqTopSearchContainer input.faqTopSearch-input{
margin: 20px auto 20px auto;
}
.faqTopSearchContainer input.faqTopSearch-input:placeholder-shown,
.faqTopSearchContainer input.faqTopSearch-input::-webkit-input-placeholder,
.faqTopSearchContainer input.faqTopSearch-input:-ms-input-placeholder {
color: #999;
}
.faqTopSearchContainer input.faqTopSearch-input:-moz-placeholder,
.faqTopSearchContainer input.faqTopSearch-input::-moz-placeholder {
color: #999;
opacity: 1;
}
.faqTopSearchContainer button.faqTopSearch-button{
position: absolute;
top:27px;
margin-left: -50px;
padding: 0;
border: none;
background: transparent;
background: #3FAE2A;
}
.sp-tb .faqTopSearchContainer button.faqTopSearch-button{
/*
position: absolute;
top:27px;
*/
top:18px;
margin-left: -50px;
padding: 0;
border: none;
background: transparent;
background: #3FAE2A;
}
.faqTopSearchContainer button.faqTopSearch-button img.svg-btn-search{
width: 54px;
}
.sp-tb .faqTopSearchContainer button.faqTopSearch-button img.svg-btn-search{
width: 52px;
}
.faqTopSearchContainer button:hover{
cursor: pointer;
}


.faqSearchContainer{
text-align: center;
}
.faqSearchContainer input.faqSearch-input{
width: 85%;
margin: 30px auto 30px 0px;
padding: 18px 20px 18px 20px;
font-size: 14px;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-js-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.faqSearchContainer input.faqSearch-input:placeholder-shown,
.faqSearchContainer input.faqSearch-input::-webkit-input-placeholder,
.faqSearchContainer input.faqSearch-input:-ms-input-placeholder {
color: #999;
}
.faqSearchContainer input.faqSearch-input:-moz-placeholder,
.faqSearchContainer input.faqSearch-input::-moz-placeholder {
color: #999;
opacity: 1;
}
.faqSearchContainer button.faqSearch-button{
position: absolute;
top:27px;
margin-left: -50px;
padding: 0;
border: none;
background: transparent;
background: #3FAE2A;
}
.faqSearchContainer button.faqSearch-button img.svg-btn-search{
width: 54px;
}
.faqSearchContainer button:hover{
cursor: pointer;
}










.globalTopNavNewsContainer{
position: relative;
text-align: center;
height: 100%;
transition: all 0.3s;
}
.globalTopNavNewsContainer:hover{
background: #E6E6E6;
transition: all 0.3s;
}
.globalTopNavNewsContainer .title{
letter-spacing: 0.05em;
color: #3FAE2A;
line-height: 140%;
padding-top: 40px;
font-size: 13px;
font-weight: 700!important;
margin-bottom: 0;
}
.globalTopNavNewsContainer .badge{
border-radius: 8px;
height: 16px;
width: 16px;
background: #3FAE2A;
color: #fff!important;
position: absolute;
top: 35px;
right: 5px;
}
.globalTopNavNewsContainer .badge .num{
padding-top: 8px;
font-size: 8px;
font-weight: 700;
text-align: center;
line-height: 0;
width: 100%;
letter-spacing: 0;
color: #fff!important;
}
.globalTopNavNewsContainer .title-jp{
margin: 0;
padding: 0;
color: #3FAE2A;
font-size: 10px;
margin-top: 0!important
}


.globalTopNavNewsContainer a.globalTopNavNewsLink{
width: 100%;
height: 100%;
position: absolute;
display: block;
top:0;
left: 0;
}
.globalTopNavIconListSlide li{
height: 85px;
}
.globalTopNavIconListSlide{
}
/* slide 右側矢印エリア*/
.globalTopNavIconListSlide{padding-left: 0px;padding-right: 30px;}
.globalTopNavIconListSlide .slick-prev{left: 5px;display: none!important;}
.globalTopNavIconListSlide .slick-prev:before{content: url(../svg/svg-btn-slide-prev-s.svg);}
.globalTopNavIconListSlide .slick-next{right: 10px;}
.globalTopNavIconListSlide .slick-next:before{content: url(../svg/svg-btn-slide-next-s.svg);}


.globalTopNavIconListSlide .iconSet{
text-align: center;
font-size: 10px;
line-height: 120%;
padding-top: 15px;
padding-bottom: 18px;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
height: 120px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-js-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.globalTopNavIconListSlide .iconSet a{
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
}
.globalTopNavIconListSlide .iconSet .txt{
padding: 0 10px;
color: #333;
font-size: 10px;
color: #9BCF2A;
font-weight: bold;
}
.globalTopNavIconListSlide ul li.iconSet .txt{
padding: 0 15px;
color: #666!important;
}
.globalTopNavIconListSlide .iconSet .icon img,
.globalTopNavIconListSlide .iconSet .icon svg{
margin:10px auto 5px auto;
width: 60px;
}
.globalTopNavIconListSlide .iconSet .icon svg path{
fill: #9BCF2A;
}
.globalTopNavIconListSlide .iconSet:hover{
background: #E6E6E6;
transition: all 0.3s;
}
.globalTopNav .iconSet svg path {
transition: 0.2s;
}

/**/


.globalTopCategoryNav{
margin: -3px 0 0 0;
padding: 0;
background: linear-gradient(top, #fff 97%, #E9E9E9 100%);
background: -webkit-linear-gradient(top, #fff 97%, #E9E9E9 100%);
background: -moz-linear-gradient(top, #fff 97%, #E9E9E9 100%);
background: -o-linear-gradient(top, #fff 97%, #E9E9E9 100%);
background: -ms-linear-gradient(top, #fff 97%, #E9E9E9 100%);
}
.globalTopCategoryNav-main{
width: 100%;
float: left;

margin: 0!important;
padding: 0!important;
}
.globalTopCategoryNav{
margin-top: :-10px!important;
padding-top: -10px!important;
margin: 0!important;
padding: 0!important;

}

.globalTopCategoryNav-content{
margin-right: 100px;
margin-left: 150px;
}
.globalTopCategoryNav-left{
float: left;
margin-left: -100%;
width: 150px;
display: block;
}
.globalTopCategoryNav-right{
float: left;
margin-left: -100px;
width: 100px;
}

.sp .globalTopCategoryNav-content{
margin-right: 100px;
margin-left: 100px;
}
.sp .globalTopCategoryNav-left{
float: left;
margin-left: -100%;
width: 100px;
display: block;
}
.sp .globalTopCategoryNav-right{
float: left;
margin-left: -100px;
width: 100px;
}



.globalTopCategoryNavTitle{
font-size: 14px;
color: #666;
margin: 50px 0 0 30px;
width: 150px;
display: block;
}

.sp .globalTopCategoryNavTitle{
font-size: 12px;
color: #666;
margin: 35px 0 0 30px;
width: 150px;
line-height: 140%;
display: block;
}

.globalTopCategoryNavIconListSlide{
}

.globalTopCategoryNav .iconSet{
text-align: center;
font-size: 10px;
height: 115px;
line-height: 120%;
padding-top: 12px;
padding-bottom: 18px;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.globalTopCategoryNav .iconSet.current{
border-bottom: 2px solid #3FAE2A;
}

.globalTopCategoryNav .iconSet a{
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
}
.globalTopCategoryNav .iconSet .txt{
padding: 0 10px;
color: #333;
}
.globalTopCategoryNav ul li.iconSet .txt{
padding: 0 15px;
color: #666!important;
}
.globalTopCategoryNav .iconSet .icon img,
.globalTopCategoryNav .iconSet .icon svg{
margin:10px auto 5px auto;
width: 70px;
}
.globalTopCategoryNav .iconSet:hover{
background: #f2f2f2;
transition: all 0.3s;
}
.globalTopCategoryNav .iconSet:hover svg path {
fill: #9BCF2A;
}
.globalTopCategoryNav .iconSet svg path {
transition: 0.2s;
}



.globalTopCategoryNavIconListSlide{padding-left: 0px;padding-right: 30px;}
.globalTopCategoryNavIconListSlide .slick-prev{left: 5px;display: none!important;}
.globalTopCategoryNavIconListSlide .slick-prev:before{content: url(../svg/svg-btn-slide-prev-s.svg);}
.globalTopCategoryNavIconListSlide .slick-next{right: 25px;}
.globalTopCategoryNavIconListSlide .slick-next:before{content: url(../svg/svg-btn-slide-next-s.svg);}

.globalTopRecommendContainer{
margin: 0;
padding: 0;
}

.globalTopRecommendContainer .left{
width: 63%;
float: left;
}
.globalTopRecommendContainer .right{
width: 35%;
float: right;
}

.sp .globalTopRecommendContainer .left{
width: 100%;
float: none;   
}
.sp .globalTopRecommendContainer .right{
width: 100%;
float: none;
margin-top: 40px;
margin-bottom: 40px!important;
padding-bottom: 40px!important;
}



ul.globalTopRecommendKeyVisualProductList li{
list-style: none;
margin: 0;
padding: 0 10px 0 10px;
position: relative;
transition: all 0.3s;
}
.sp ul.globalTopRecommendKeyVisualProductList li{
padding: 0 0px 0 0px;
}
ul.globalTopRecommendKeyVisualProductList li:hover{
opacity: 0.7;
}
ul.globalTopRecommendKeyVisualProductList li a{
top: 0;
left: 0;
width: 100%;
height:100%;
position: absolute;
}
ul.globalTopRecommendKeyVisualProductList li .keyvisual{
background-size: cover;
background-position: center center;
position: relative;
}
.globalTopRecommendContainer .left ul.globalTopRecommendKeyVisualProductList li .keyvisual{
height: 360px;
}
.sp .globalTopRecommendContainer .left ul.globalTopRecommendKeyVisualProductList li .keyvisual{
height: 180px;
}

.globalTopRecommendContainer .right ul.globalTopRecommendKeyVisualProductList li .keyvisual{
height: 180px;
}

ul.globalTopRecommendKeyVisualProductList li .productPhoto{
position: absolute;
bottom: -50px;
right: 0!important;
text-align: right;
}
.right ul.globalTopRecommendKeyVisualProductList li .productPhoto{
bottom: -40px;
}
ul.globalTopRecommendKeyVisualProductList li .productPhoto img{
width: 70%;
z-index: 9;
}

ul.globalTopRecommendKeyVisualProductList li .product-name{
margin-top: 30px;
margin-bottom: 0px;
text-align: left;
z-index: 100;
}

ul.globalTopRecommendKeyVisualProductList li .product-series{
margin-top: 0px;
margin-bottom: 50px;
text-align: left;
z-index: 100;
}

.globalTopRecommendRectangleListContainer .cmnRectangleList li{
width: 50%;
float: left;
margin: 0!important;
padding: 0!important;
}

.sp .globalTopRecommendRectangleListContainer{
}
.sp .globalTopRecommendRectangleListContainer .cmnRectangleList li{
width: 50%;
float: left;
margin: 0!important;
padding: 0!important;
}
.sp .globalTopRecommendRectangleListContainer .cmnRectangleList li p{
margin: 0!important;
padding: 10px 15px 5px 15px!important;
}
.sp .globalTopRecommendRectangleListContainer .cmnRectangleList li img{

margin-top: 10px;
width: 100%!important;
}



/* グローバルトップ デジタルカタログ */

.globalTopCatalogList li{
text-align: center;
float: left;
width: 33.3%;
position: relative;
background: #f2f2f2;
box-shadow: 0 0 0 10px #fff;
transition: all 0.3s;
}
.sp .globalTopCatalogList li{
width: 50%;
margin-bottom: 10px;
padding-right: 10px;
padding-right: 10px;
}

.globalTopCatalogList li h3{
font-size: 14px;
}
.globalTopCatalogList li p{
font-size: 12px;
}
.globalTopCatalogList li a:link{
text-decoration: underline;
}


img.globalTopCatalogListImage{
width: 130px;
margin: 30px auto 10px auto;
transition: all 0.4s;
}
img.globalTopCatalogListImage:hover{
opacity: 0.7;
transition: all 0.4s;
}


/* 製品一覧ページ */
.pdtCategoryListLinkIconContainer{
margin-top: 30px;
}
.sp .pdtCategoryListLinkIconContainer{
overflow-x: scroll;
overflow-y: hidden;
height: 70px;
-webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}


.pdtCategoryListLinkIcon{
width: 1050px;
margin: 0 auto;
}
.pdtCategoryListLinkIcon li{
float: left;
width: 150px;
text-align: center;
position: relative;
}
.pdtCategoryListLinkIcon li a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;

}
.pdtCategoryListLinkIcon li .txt{
font-size: 10px;
color: #777;
line-height: 140%;
text-align: center;
}
.pdtCategoryListLinkIcon li img{
width: 70px;
}


.pdtCategoryListContainer:first-child{
margin-top: 50px;
}
.pdtCategoryListContainer{
margin-top: 80px;
}


.pdtCategoryListContainer .svg-cat{
width: 60px;
vertical-align:middle;
}

ul.pdtCategoryList-1st,
ul.pdtCategoryList-2nd,
ul.pdtCategoryList-3rd{
position: relative;
}

ul.pdtCategoryList-1st{

}
ul.pdtCategoryList-1st > li{
}

ul.pdtCategoryList-1st > li > div{
background: #eee;
width: 100%;
position: relative;
font-size: 15px;
font-weight: bold;
padding: 17px 0px 15px 0px;
transition: all 0.3s;
vertical-align: middle;
text-align: center;
}
ul.pdtCategoryList-1st > li > div > img{
margin-right: 15px;
}
ul.pdtCategoryList-1st > li > div:after,
ul.pdtCategoryList-2nd > li > div:after{
content:" ";
display:inline-block;
width:20px;
height:20px;
background:url(../svg/svg-btn-slide-next-s.svg);    
background-size:contain;
position: absolute;
top: 50%;
right: 12px;
}
.sp ul.pdtCategoryList-1st > li > div:after,
.sp ul.pdtCategoryList-2nd > li > div:after{
right: 4px!important;
}


ul.pdtCategoryList-1st > li > div:after{
margin-top: -10px;
}
ul.pdtCategoryList-2nd > li > div:after{
margin-top: -10px;
}

ul.pdtCategoryList-1st > li > div > .svg-cat{
margin-left: 10px;
}
.sp ul.pdtCategoryList-1st > li > div > .svg-cat{
margin-left: 0px!important;
}
.sp ul.pdtCategoryList-2nd > li > div > .svg-cat{
width: 45px!important;
vertical-align:middle;
margin-top: 7px;
}


ul.pdtCategoryList-1st > li > div:hover,
ul.pdtCategoryList-2nd > li > div:hover{
background: #e3e3e3;
}
ul.pdtCategoryList-1st  > li > div > a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
line-height: 140%;
}
ul.pdtCategoryList-2nd{
}
ul.pdtCategoryList-2nd > li{
width: 25%;
float: left;
}
.tb ul.pdtCategoryList-2nd > li{
width: 33.3%;
float: left;
}
.sp ul.pdtCategoryList-2nd > li{
width: 50%;
float: left;
}
ul.pdtCategoryList-2nd > li > div{
border-bottom:1px solid #f9f9f9;
background: #eee;
position: relative;
padding: 5px 30px 5px 10px;
font-size: 12px;
font-weight: bold;
margin: 5px 5px 0px 0px;
transition: all 0.3s;
line-height: 120%;
}
.sp ul.pdtCategoryList-2nd > li > div{
padding: 5px 10px 5px 0px!important;
}
ul.pdtCategoryList-2nd > li > div > .svg-cat{
vertical-align: middle;
float: left;
}



ul.pdtCategoryList-2nd > li > div > span{
margin-left: 65px;
height: 46px;
display: table-cell;
vertical-align: middle;
}

.pc ul.pdtCategoryList-2nd li:nth-child(4n) > div{
margin: 5px 0px 0px 0px;
}
.tb ul.pdtCategoryList-2nd li:nth-child(3n) > div{
margin: 5px 0px 0px 0px;
}
.sp ul.pdtCategoryList-2nd li:nth-child(2n) > div{
margin: 5px 0px 0px 0px;
}
ul.pdtCategoryList-2nd > li > div > a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
ul.pdtCategoryList-3rd{
margin-right: 5px;
height: 100%;
background: #f5f5f5;
/*
background: #eee;
*/

padding: 15px 0 15px 0;
}
.pc ul.pdtCategoryList-2nd li:nth-child(4n) ul.pdtCategoryList-3rd{
margin-right: 0px!important;
}
.tb ul.pdtCategoryList-2nd li:nth-child(3n) ul.pdtCategoryList-3rd{
margin-right: 0px!important;
}
.sp ul.pdtCategoryList-2nd li:nth-child(2n) ul.pdtCategoryList-3rd{
margin-right: 0px!important;
}
ul.pdtCategoryList-3rd > li{
line-height: 120%;
margin-bottom: 10px;
padding-left: 67px;
padding-right: 20px;
}
.sp ul.pdtCategoryList-3rd > li{
padding-left: 20px!important;
padding-right: 10px!important;
}
ul.pdtCategoryList-3rd > li > a{
font-size: 12px;
color: #666;
}



/* 製品カテゴリ 絞り込み検索 */
.pdtProductRefineSearch{
background: #f2f2f2;
box-shadow: 0 0 0 10px #fff inset;
margin-top: 0px;
font-size: 12px;
}
.sp-tb .pdtProductRefineSearchContainer{
display: none;
margin-left: 20px;
margin-right: 20px;
}

.sp-tb .pdtProductRefineSearch{
box-shadow: none!important;
}
.sp-tb .pdtProductRefineSearchBtn-sp{
padding: 10px 20px!important;
margin: 20px 20px 0px 20px!important;
background: #f2f2f2;
}
.sp-tb .pdtProductRefineSearchBtn-title{
font-weight: bold;
}

.pdtProductRefineSearch:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.pdtProductRefineSearch-title,
.pdtProductRefineSearch-all,
.pdtProductRefineSearch-input{
float: left;
}
.pdtProductRefineSearch-title{
padding: 30px 0px 30px 60px ;
width: 120px;
font-weight: bold;
}
.sp-tb .pdtProductRefineSearch-title{
padding: 30px 0px 0px 30px!important;
width: 100%;
font-weight: bold;
font-size: 14px;
}

.pdtProductRefineSearch-all{
padding: 30px 0px 0px 0px ;
width: 60px;
}
.sp-tb .pdtProductRefineSearch-all{
padding: 10px 0px 0px 30px!important;
width: 100%;
}
.pdtProductRefineSearch-input{
padding: 30px 60px 30px 30px ;
max-width: 800px;
}
.pdtProductRefineSearch-input ul li{
float: left;
width: 200px;
}
.sp-tb .pdtProductRefineSearch-input ul li{
float: left;
width: 50%!important;
padding-bottom: 10px;
}


.pdtProductRefineSearch-input label{
padding-left: 5px;
padding-right: 20px;
}
.sp-tb .pdtProductRefineSearch-input label{
padding-left: 0px!important;
padding-right: 0px!important;
}



/* 製品カテゴリトップアイコンナビ */

.sp .pdtCategoryTopNav{
display: none!important;
}

.pdtCategoryTopNav{
margin: -3px 0 0 0;
padding: 0;
background: linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -webkit-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -moz-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -o-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -ms-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
}

/* 3カラムのフロート */
.pdtCategoryTopNav-main{
width: 100%;
float: left!important;
}
.pdtCategoryTopNav-left{
float: left!important;
margin-left: -100%;
width: 150px;
}

.pdtCategoryTopNav-content{
margin-right: 200px;
margin-left: 150px;
}
.pdtCategoryTopNav-right{
float: left;
margin-left: -200px;
width: 200px;
}

.pdtCategoryTopNav-content.hasNotSpecCompare{
margin-right: 100px;
}
.pdtCategoryTopNav-right.hasNotSpecCompare{
margin-left: -100px;
width: 100px;
}


.pdtCategoryTopNav-nocompare .pdtCategoryTopNav-content{
margin-right: 100px!important;
}
.pdtCategoryTopNav-nocompare .pdtCategoryTopNav-right{
float: left;
margin-left: -100px!important;
width: 100px!important;
}

.pdtCategoryTopNavCurrentCategory,
.pdtCategoryTopNavIconListSlide li,
.pdtCategoryTopNavBtnSpecCompare,
.pdtCategoryTopNavBtnAllCategory{
height: 115px
}


.pdtCategoryTopNavIconListSlide{
}
.pdtCategoryTopNavCurrentCategory{
width: 150px;
background: #fff;
}
.pdtCategoryTopNavBtnSpecCompare{
width: 100px;
float: left;
}
.pdtCategoryTopNavBtnAllCategory{
width: 100px;
height: 115px!important;
float: left;
}

.pdtCategoryTopNavBtnSpecCompare a{
height: 115px;
}
.ie .pdtCategoryTopNavBtnSpecCompare img.onImage,
.ie .pdtCategoryTopNavBtnAllCategory img.onImage{
margin-left: 15px!important;
}



.pdtCategoryTopNav .iconSet{
text-align: center;
font-size: 10px;
line-height: 120%;
padding-top: 12px;
padding-bottom: 18px!important;
height: 115px;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.pdtCategoryTopNav .iconSet a{
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
}
.pdtCategoryTopNav .iconSet .txt{
padding: 0 10px;
color: #333;
}
.pdtCategoryTopNav ul li.iconSet .txt{
padding: 0 15px;
color: #666!important;
}
.pdtCategoryTopNav .iconSet .icon img,
.pdtCategoryTopNav .iconSet .icon svg{
margin:10px auto 5px auto;
width: 70px;
}
.pdtCategoryTopNav .iconSet:not(.pdtCategoryTopNavCurrentCategory):hover{
background: #E6E6E6;
transition: all 0.3s;
}
.pdtCategoryTopNav .iconSet:not(.pdtCategoryTopNavCurrentCategory):hover svg path {
fill: #9BCF2A;
}
.pdtCategoryTopNav .iconSet svg path {
transition: 0.2s;
}
.pdtCategoryTopNavCurrentCategory svg path {
fill: #9BCF2A;
}

/* Parent Category */
.pdtCategoryTopNavParentCategrory{
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
.pdtCategoryTopNavParentCategrory .icon{
width: 45px;
}
.pdtCategoryTopNavParentCategrory .iconsvg path {
transition: 0.2s;
}
.pdtCategoryTopNavParentCategrory .icon:hover svg path {
fill: #9BCF2A;
}


/* slide 右側矢印エリア*/
.pdtCategoryTopNavIconListSlide{padding-left: 0px;padding-right: 30px;}
.pdtCategoryTopNavIconListSlide .slick-prev{left: 5px;display: none!important;}
.pdtCategoryTopNavIconListSlide .slick-prev:before{content: url(../svg/svg-btn-slide-prev-s.svg);}
.pdtCategoryTopNavIconListSlide .slick-next{right: 25px;}
.pdtCategoryTopNavIconListSlide .slick-next:before{content: url(../svg/svg-btn-slide-next-s.svg);}

/* 汎用 パンくずナビ */



.cmnBreadCrumbs li a,
.cmnBreadCrumbs li a{
background: transparent;
}
.cmnBreadCrumbs {
}
.cmnBreadCrumbs ul {
list-style: none;
display: inline-table;
}
.cmnBreadCrumbs li {
display: inline;
line-height: 16px;
}
.sp .cmnBreadCrumbsContainer{
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
height: 30px;
}
.sp .cmnBreadCrumbs ul {
list-style: none;
display: table;
}
.sp .cmnBreadCrumbs li {
display: table-cell;
white-space: nowrap;
line-height: 16px;
}


.cmnBreadCrumbs li a {
display: block;
float: left;
height: 30px;
text-align: center;
padding: 8px 11px 0 30px;
position: relative;
font-size: 11px;
text-decoration: none;
color: #666;
margin: 0 4px 0 0; 
}
.cmnBreadCrumbs li a:after {
content: "";  
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 16px solid #eee;
position: absolute; right: -16px; top: -1px;
z-index: 1;
}
.cmnBreadCrumbs li a:before {
content: ""; 
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 16px solid #fff;
position: absolute; left: -1px; top: -1px;
}
.cmnBreadCrumbs li:first-child a {
}
.cmnBreadCrumbs li:first-child a:before {
display: none; 
}
.cmnBreadCrumbs li:last-child a {
padding-right: 20px;
}
.cmnBreadCrumbs li:last-child a:after {
display: none; 
}
.cmnBreadCrumbs li a:hover {
background: #dedede;
-webkit-transition: all 0.3s;
-o-transition:  all 0.3s;
transition: all 0.3s;
}
.cmnBreadCrumbs li a:hover:after {
border-left-color: #dedede;
-webkit-transition: all 0.3s;
-o-transition:  all 0.3s;
transition: all 0.3s;
}


.cmn3ColumnContainer{
padding: 0 5px 0 5px;
}
.cmn3ColumnContainer .column{
width: 33.3%;
float: left;
}
.sp .cmn3ColumnContainer .column{
width: 100%;
float: none;
}


ul.taiouPDFList .svg-icon-btnDownload-pdf,
ul.taiouPDFList .svg-icon-btnDownload-html{
width: 17px;
height: 17px;
margin-right: 10px;
float: left;
margin-top: 3px;
}
ul.taiouPDFList {
font-size: 12px;
}
ul.taiouPDFList p{
overflow: auto;
}
.cmn3ColumnContainer.taiouInfoContainer .column{
padding: 5px;
}
.cmn3ColumnContainer.taiouInfoContainer .columnInner{
background: #f5f5f5;
padding: 25px;
}
.sp .cmn3ColumnContainer.taiouInfoContainer .column{
padding: 0px!important;
}
.sp .cmn3ColumnContainer.taiouInfoContainer .columnInner{
padding: 25px 20px ;
}
.cmn3ColumnContainer.taiouInfoContainer .column h3{
text-align: center;
font-size: 16px;
margin-bottom: 15px;
}
.cmn3ColumnContainer.taiouInfoContainer .column ul.taiouPDFList li{
background: #fff;
padding: 15px 10px 15px 15px;
margin-bottom: 10px;
}
.cmn3ColumnContainer.taiouInfoContainer .column ul.taiouPDFList li p{
line-height: 160%!important;
margin-bottom: 0;
}

.sp .fixedInnerParagraph {
padding-left: 20px;
padding-right: 20px;
}



.cmn2ColumnContainer{
padding: 0 5px 0 5px;
}
.cmn2ColumnContainer .column{
width: 50%;
float: left;
}

.cmn2ColumnContainer .left{
width: 48%;
float: left;
}
.cmn2ColumnContainer .right{
width: 48%;
float: right;
text-align: left!important;
}

.sp .cmn2ColumnContainer .column{
width: 100%;
float: none;
}
.sp .cmn2ColumnContainer .column{
padding: 0!important;
}


.sp .cmn2ColumnContainer .left{
width: 100%;
float: none;
}
.sp .cmn2ColumnContainer .right{
width: 100%;
float: none;
text-align: left!important;
}


.supportInfoContainer{

}

.supportInfoContainer li{
list-style: none;
margin-left: 0;
}

.cmn2ColumnContainer.supportInfoContainer .column{

}
.cmn2ColumnContainer.supportInfoContainer .column .date{
font-size: 12px;
margin-bottom: 0px;
}
.cmn2ColumnContainer.supportInfoContainer .column .link a{
color: #59B200;
}



.cmn3ColumnContainer.taiouInfoContainer .column ul.taiouPDFList li{
background: #fff;
padding: 15px 10px 15px 15px;
margin-bottom: 10px;
}
.cmn3ColumnContainer.taiouInfoContainer .column ul.taiouPDFList li p{
line-height: 160%!important;
margin-bottom: 0;
}

.taiouNewsContainer{
margin-top: 30px;
}

.taiouNewsContainer ul li{
width: 47%;
float: left;
display: block;
}
.sp .taiouNewsContainer ul li{
width: 100%;
width: auto;
float: none;
display: block;
padding-right: 30px;
margin: 0 0 0 10px!important;
}

.taiouNewsContainer ul li p{
line-height: 160%!important;
}

.taiouNewsContainer ul li p.date{
font-size: 12px;
margin-bottom: 5px;
}
.taiouNewsContainer ul li p.link a{
color: #59B200;
}

.supportContactFAQContainer{

}
.supportContactFAQContainer .floatleft{
width: 40%;
float: left;
}
.supportContactFAQContainer .floatright{
width: 50%;
float: right;
}
.sp .supportContactFAQContainer .floatleft{
width: 100%;
float: none;
}
.sp .supportContactFAQContainer .floatright{
width: 100%;
float: none;
}
.sp .supportContactFAQContainer .cmnContentsTitle.left{
text-align: center!important;

}



.supportContactRectangleList,
.supportTopRectangleList{
margin-top: 30px;
margin-bottom: 50px;
}

.supportContactRectangleList h3,
.supportTopRectangleList h3{
font-weight: bold;
font-size:16px!important;
}
.supportContactRectangleList p,
.supportTopRectangleList p{
color: #666;
}


.supportContactRectangleList li,
.supportTopRectangleList li{
float: left;
}
.supportTopRectangleList li.column1{
width: 100%;
margin-left: auto!important;
margin-right: auto!important;
}
.supportTopRectangleList li.column2{
width: 50%!important;
}
.supportTopRectangleList li.column3{
width: 33.3%!important;
}
.supportTopRectangleList li.column4{
width: 25%!important;
}
.supportTopRectangleList li.column4 h3{
margin-bottom: 30px;
}

.sp .supportTopRectangleList li.column3{
width: 50%!important;
}
.sp .supportTopRectangleList li.column4{
width: 50%!important;
}


.supportTopRectangleList li*:before,
.supportTopRectangleList li*:after {box-sizing: inherit;}

.supportTopRectangleList.datarecovery li p{
max-width: 340px;
margin: 20px auto 20px auto;
}
.supportTopRectangleList.contactOthers li h3{
margin: 0px auto 30px auto;
}

.sp .supportTopRectangleList.datarecovery li{
width: 100%;
}
.sp .supportTopRectangleList.datarecovery li p{
max-width: 100%;
}


.supportTopRectangleList .svg-l{
margin-top: 35px;
margin-bottom: 25px;
width: 140px;
height: auto;
}
.supportTopRectangleList img.svg-s{
width: 90px!important;
height: auto;
margin-top: 50px;
margin-bottom: 20px;
}
.sp .supportTopRectangleList img.svg-s{
margin-top: 30px;
}
.cmnSolidBtnContainer,
.supportContactWarrantyContainer{
text-align: center;
margin-top: 30px;
margin-bottom: 100px;
}

.cmnSolidBtn,
.supportContactWarrantyBtn{
position: relative;
width: 200px;
border:1px solid #ccc;
margin: 0 auto;
}
.cmnSolidBtn a,
.supportContactWarrantyBtn a{
padding: 12px;
display: block;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cmnSolidBtn a:hover,
.supportContactWarrantyBtn a:hover{
text-decoration: none;
background: #ccc;
color: #fff;
}


.cmnSolidBtn-corporateOutline{
margin-top: 20px;
margin-bottom: 15px;
position: relative;
width: 200px;
border:1px solid #ccc;
}
.cmnSolidBtn-corporateOutline a{
display: block;
padding: 4px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
font-size: 12px;
}
.cmnSolidBtn-corporateOutline a:hover{
text-decoration: none;
background: #ccc;
color: #fff;
}
.corporateOutlineList .address{
margin-top: 20px;
margin-bottom: 15px;
}

.corporateOutlineList .googleMap{
}

.googleMapContainer {
width: 100%;
height: 300px;
}

.contentsInner.corporateTop{
padding-top: 30px;
}

.corporateTop3ColumnContainer .cmnContentsTitle{
margin-top: 0;
margin-bottom: 30px;
}
.corporateTop3ColumnContainer .column{
padding: 10px 10px;
}
ul.corporateTopContentsList{
}
ul.corporateTopContentsList li{
position: relative;
list-style: none;
width: 100%;
background: #f2f2f2;
padding: 10px 10px 0 30px;
clear: both;
height: 100px;
margin: 0 0 15px 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sp ul.corporateTopContentsList li{
height: 60px;
}
ul.corporateTopContentsList li:hover{
background: #ddd;
}
ul.corporateTopContentsList li h3{
height: 80px;
margin: -4px 0 0 0;
padding: 0;
float: left;
font-weight: normal;
font-size: 14px;
height: 100%;
width: 65%;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;
-webkit-align-items:center;
-ms-align-items: center;
align-items: center!important;
vertical-align: middle;
}
.ie10 ul.corporateTopContentsList li h3{
display:-ms-flexbox;
-ms-flex-align: center;
}


ul.corporateTopContentsList li .photo{
float: right;
width: 35%;
}



            

/*=============================================
- for keyvisual
=============================================*/


/*YouTube*/
#keyvisualYouTubeContainer {
height: 640px;
background: #000;
width: 100%;
overflow: hidden;

-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center!important;
-webkit-align-items:center;
-ms-align-items: center;
align-items: center!important;

}

.sp #keyvisualYouTubeContainer {
height:360px;
}

#keyvisualYouTube-player {
position: relative;
z-index: 0;
}

.ie10 #keyvisualYouTubeContainer {
display:-ms-flexbox;
-ms-flex-align: center;
-ms-justify-content: center!important;
}


#keyvisualYouTube-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: url(../img/cmn-bg-youtube-dot.png) 0 0 repeat;
}
.sp-tb #keyvisualYouTube-cover {
display: none;
}
#keyvisualYouTube-loader {
background:#000 url('../img/cmn-loader.gif') no-repeat center center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}


.cmnKeyVisualSlideContainer .fixedInner{
}
.cmnKeyVisualSlideContainer .fixedInner.centerMiddle{
text-align: center;
}
.cmnKeyVisualSlideContainer .fixedInner{
height: 100%;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;
/*縦方向中央*/
-webkit-align-items:center;
-ms-align-items: center;
align-items: center;
vertical-align: middle;
text-align: center;
}

.cmnKeyVisualSlideContainer .contents{
width: 100%;
}
.cmnKeyVisualSlideContainer img.top-key-svg{
width: 100%!important;
height: auto;
}



.cmnKeyVisualSlideContainer .fullWidthOuter{
height: 100%;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;
}

.ie10 .cmnKeyVisualSlideContainer .fixedInner{
/*縦方向中央*/
display:-ms-flexbox;
-ms-flex-align: center;
}
.cmnKeyVisualSlideContainer .fixedInner.centerMiddle{
/*横方向中央*/
justify-content: center;
-webkit-justify-content:center;
flex-pack:center;
-ms-flex-pack:center;
-webkit-box-pack:center;
box-pack:center;
}

.cmnKeyVisualSlideContainer .fullWidthOuter.centerBottom{

/*縦方向下*/
-webkit-align-items:flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
vertical-align: flex-end;
text-align: center;
}
.ie10 .cmnKeyVisualSlideContainer .fullWidthOuter.centerBottom{
/*縦方向下*/
display:-ms-flexbox;
-ms-align-self:flex-end;
}




.cmnKeyVisualSlideContainer .fixedInner.leftMiddle{
justify-content: flex-start;
-webkit-justify-content:flex-start;
flex-pack:start;
-ms-flex-pack:start;
-webkit-box-pack:start;
box-pack:start;
padding-left: 30px;
text-align: left;
}
.cmnKeyVisualSlideContainer .fixedInner.rightMiddle{
justify-content: flex-end;
-webkit-justify-content:flex-end;
flex-pack:end;
-ms-flex-pack:end;
-webkit-box-pack:end;
box-pack:end;
padding-right: 30px;
text-align: right;
}

.cmnKeyVisualSlideContainer .cmnKeyVisualBG-l{
width: 100%;
height:640px;
background-repeat:no-repeat;
background-position: center center;
background-size: cover;
/*
background-attachment: fixed;
background-size: auto 640px;
*/
}
.sp .cmnKeyVisualSlideContainer .cmnKeyVisualBG-l{
height:360px;
background-size: auto 360px ;
}


.cmnKeyVisualSlideContainer .cmnKeyVisualBG-m{
width: 100%;
height:460px;
background-repeat:no-repeat;
background-position: center center;
background-size: cover;
}
.sp .cmnKeyVisualSlideContainer .cmnKeyVisualBG-m{
height:300px;
background-size: auto 360px ;
}

/* 元height:300px; */
.cmnKeyVisualSlideContainer .cmnKeyVisualBG-s{
width: 100%;
height:400px;
background-repeat:no-repeat;
background-position: center center;
background-size: cover;
}
.sp .cmnKeyVisualSlideContainer .cmnKeyVisualBG-s{
height:200px;
background-size: auto 360px ;
}



.cmnKeyVisualSlideContainer .fixedInner .contents  .title-en.notBlend,
.cmnKeyVisualSlideContainer .fixedInner .contents  .title-jp.notBlend{
mix-blend-mode: normal;
}
.cmnKeyVisualSlideContainer .fixedInner .contents.blend{
mix-blend-mode: multiply;
}

.cmnKeyVisualSlideContainer .fixedInner .contents  .title-en{
font-size: 32px;
color: #99CB24;
line-height: 150%;
margin-bottom: 5px!important;
}

.cmnKeyVisualSlideContainer .fixedInner .contents  .title-en.white{
color: #ffffff;
mix-blend-mode: normal;
}

.sp .cmnKeyVisualSlideContainer .fixedInner .contents  .title-en{
font-size: 24px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
line-height: 120%;
}
.cmnKeyVisualSlideContainer .fixedInner .contents  .title-jp{
font-size: 16px;
color: #99CB24;

}
.cmnKeyVisualSlideContainer .fixedInner .contents  .title-jp.white{
color: #ffffff;
mix-blend-mode: normal;
}

.chrome .cmnKeyVisualSlideContainer .fixedInner .contents  .title-en,
.chrome .cmnKeyVisualSlideContainer .fixedInner .contents  .title-en{
mix-blend-mode: none;
}
.cmnKeyVisualSlideContainer .fixedInner .contents a.fullScreenLink{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100;
}


.cmnKeyVisualSlideContainer ul.slick-dots{
position: absolute!important;
z-index: 1000;
bottom: 0px;
}
.cmnKeyVisualSlideContainer ul.slick-dots li{
margin: 10px;
}
.cmnKeyVisualSlideContainer ul.slick-dots li button{
width: 40px;
height: 20px;
line-height: 0;
color: #fff;
border: 0!important;
font-size: 0px!important;
list-style: none;
background: url(../img/cmn-btn-keyvisualSlide.png) 0px 8px no-repeat;
opacity: 0.6;
}
.cmnKeyVisualSlideContainer ul.slick-dots li button:hover{
opacity: 1;
}
.cmnKeyVisualSlideContainer ul.slick-dots li.slick-active button{
opacity: 0.3;
}
.cmnKeyVisualSlideContainer .slick-dotted{
margin-bottom: 0!important;
height: 10px;
}
.cmnKeyVisualSlideContainer .slick-dots{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.cmnKeyVisualSlideContainer .slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.cmnKeyVisualSlideContainer .slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.cmnKeyVisualSlideContainer .slick-dots li button:hover,
.cmnKeyVisualSlideContainer .slick-dots li button:focus{
    outline: none;
}
.cmnKeyVisualSlideContainer .slick-dots li button:hover:before,
.cmnKeyVisualSlideContainer .slick-dots li button:focus:before{
    opacity: 1;
}


/* 汎用 コンテンツキービジュアル */
.cmnKeyVisualContainer .cmnFixedShortItem{
width: 100%;
height:300px;
}
.cmnFixedShortBGContainer{
position: relative;
height:300px;
background-repeat:repeat-x;
background-position: top center;
background-attachment: fixed!important;
background-size: auto 300px ;
/*background-size:size:contain;*/
}

.cmnKeyVisualContainer{

}



/*=============================================
- for keyvisual
=============================================*/

/* グローバルトップ 製品カテゴリトップ キービジュアル */



.pdtKeyVisualBGContainer .contentsInner,
.pdtKeyVisualAmodeContainer .contentsInner{
text-align: left;
height: 100%;
vertical-align: middle;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;
-webkit-align-items:center;
-ms-align-items: center;
align-items: center;
}
.pdtKeyVisualAmodeContainer .contentsInner .pdtKeyVisualNameContainer{
margin-left: 0px;
}
.pdtKeyVisualNameContainer {
	width: 100%;
}
.pc .pdtKeyVisualNameContainer {
/*
padding-top: 400px;
*/
}

.ie10 .pdtKeyVisualBGContainer .contentsInner,
.ie10 .pdtKeyVisualAmodeContainer .contentsInner{
display:-ms-flexbox;
-ms-flex-align: center;
}



/* pdtKeyVisualAmodeContainer */

.pdtKeyVisualContainerBottomInner{
max-width: 1200px;
margin: 0 auto;
height: 100px;
position: relative;
}


/* debug */

.keyVisualBGContainer,
.pdtKeyVisualBGContainer,
.pdtKeyVisualAmodeContainer{
position: relative;
height:640px;
background-repeat:no-repeat;
background-position: top center;
/*background-attachment: fixed!important;*/
background-size: auto 640px ;
/*background-size:size:contain;*/
}
.sp .keyVisualBGContainer,
.sp .pdtKeyVisualBGContainer,
.sp .pdtKeyVisualAmodeContainer{
height:360px;
background-size: auto 360px ;
}
/*
.tb .keyVisualBGContainer,
.tb .pdtKeyVisualBGContainer{
height:460px;
background-size: auto 460px ;
}
*/
.pc-over .keyVisualBGContainer,
.pc-over .pdtKeyVisualBGContainer,
.pc-over .pdtKeyVisualAmodeContainer{
position: relative;
height:640px;
background-repeat:no-repeat;
background-position: top center;
background-size: cover;
}

@media screen and (min-width: 2000px){
 .pc-over .keyVisualBGContainer,
 .pc-over .pdtKeyVisualBGContainer,
 .pc-over .pdtKeyVisualAmodeContainer{
 background-size: contain;
 }
}

.keyVisualSlide .js-slideItem,
.pdtCategoryTopKeyVisualSlide .js-slideItem{
width: 100%;
height:640px;
}




/* 背景キービジュアルがある場合 Aモード */


.pdtKeyVisualContainerBottom{
height: 100px;

border-top: 1px solid #fff;
background: linear-gradient(top, #F0F0F0 0%, #fff 100%);
background: -webkit-linear-gradient(top, #F0F0F0 0%, #fff 100%);
background: -moz-linear-gradient(top, #F0F0F0 0%, #fff 100%);
background: -o-linear-gradient(top, #F0F0F0 0%, #fff 100%);
background: -ms-linear-gradient(top, #F0F0F0 0%, #fff 100%);
}

.pdtKeyVisualProductContainer{
max-width: 1200px;
position: relative;
margin: 0 auto;
}
.pdtKeyVisualProductContainer .photo{
position: absolute;
bottom: -80px;
right: 40px;
max-width: 840px;
}

.pdtKeyVisualProductContainer .photo img.pdtKeyProducts{
width: 100%;
margin-right: 0;
}

.sp-tb .pdtKeyVisualContainerBottom,
.sp-tb .pdtKeyVisualContainerBottomInner,
.sp-tb .pdtKeyVisualProductContainer{
width: 100%!important;
}
.sp-tb .pdtKeyVisualProductContainer{
width: 100%!important;
margin: 0!important;
padding: 0!important;
}

.sp-tb .pdtKeyVisualProductContainer .photo{
margin: 0 auto!important;
padding: 0!important;
width: 100%!important;
right: 0;
}
.sp-tb .pdtKeyVisualProductContainer .photo img.pdtKeyProducts{
width: 100%;
margin: 0 auto;
margin: 0!important;
}

.pdtTitleCategory{
margin-bottom: 0!important;
	font-size: 26px;
	font-weight: bold;		
}
.tb .pdtTitleCategory {
	font-size: 26px;
}
.sp .pdtTitleCategory {
	font-size: 20px;
}
.pdtTitleSeries{
	font-size: 20px;
margin-bottom: 25px!important;
font-weight: normal!important;
}
.sp .pdtTitleCategory{
}
.sp .pdtTitleSeries{
font-size: 20px;
}
.pdtTitleSeries-close{
margin-top: -20px!important;
padding: 3px;
text-align: center;
width: 200px;
font-size: 12px;
font-weight: bold;
background: #999;
color: #fff
}
.pdtTitleLogo{
	width: 320px;
	max-width: 320px;
}

.pdtTitleLogo img{
width: 100%;
}



/* フリーレイアウト Bモード */
.pdtKeyVisualBmodeContainer{
height: auto;
}
.tb .pdtKeyVisualBmodeContainer{
height: auto;
}
.pdtKeyVisualBmodeContainer .contentsInner {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.sp-tb h1.pdtTitleSeries{
}




/* 背景キービジュアルがない場合 Cモード */
.pdtKeyVisualCmodeContainer,
.pdtKeyVisualCmodeContainer .contentsInner .left,
.pdtKeyVisualCmodeContainer .contentsInner .right{
height: 560px;
}
.sp .pdtKeyVisualCmodeContainer{
padding-top: 40px;
}


.tb .pdtKeyVisualCmodeContainer,
.tb .pdtKeyVisualCmodeContainer .contentsInner .left,
.tb .pdtKeyVisualCmodeContainer .contentsInner .right{
height: 460px;
}
.pdtKeyVisualCmodeContainer .contentsInner {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}

.pdtKeyVisualCmodeContainer .contentsInner .left{
width: 35%;
float: left;
position: relative;
vertical-align: middle;
-moz-display: flex!important;
-ms-display: flex!important;
-o-display: flex!important;
display: flex!important;
display: -webkit-flex!important;
-webkit-align-items:center!important;
-ms-align-items: center!important;
align-items: center!important;
}

.pdtKeyVisualCmodeContainer .contentsInner .right{
width: 65%;
float: right;
overflow: hidden;
}
.pdtKeyVisualCmodeContainer .contentsInner .right img{
max-width: 100%;
}
.pdtKeyVisualCmodeContainer + .pdtKeyVisualContainerBottom{
}

.sp .pdtKeyVisualCmodeContainer,
.sp .pdtKeyVisualCmodeContainer .contentsInner .left,
.sp .pdtKeyVisualCmodeContainer .contentsInner .right{
height: auto;
}
.sp .pdtKeyVisualCmodeContainer .contentsInner .right{
text-align: center;
}
.sp .pdtKeyVisualCmodeContainer .contentsInner .right img{
width: 80%;
margin: 0 auto;
}
.sp .pdtKeyVisualCmodeContainer .contentsInner .left,
.sp .pdtKeyVisualCmodeContainer .contentsInner .right{
width: 100%;
float: none;
}


.sp .pdtKeyVisualContainerBottom.cmode,
.sp .pdtKeyVisualContainerBottom.bmode{
height: 40px;
}
.tb .pdtKeyVisualContainerBottom.cmode,
.tb .pdtKeyVisualContainerBottom.bmode{
height: 40px;
}




.keyVisualSlide ul.slick-dots,
.pdtCategoryTopKeyVisualSlide ul.slick-dots{
position: absolute!important;
z-index: 1000;
bottom: 0px;
}
.keyVisualSlide ul.slick-dots li,
.pdtCategoryTopKeyVisualSlide ul.slick-dots li{
margin: 10px;
}
.keyVisualSlide ul.slick-dots li button,
.pdtCategoryTopKeyVisualSlide ul.slick-dots li button{
width: 40px;
height: 20px;
line-height: 0;
color: #fff;
border: 0!important;
font-size: 0px!important;
list-style: none;
background: url(../img/cmn-btn-keyvisualSlide.png) 0px 8px no-repeat;
opacity: 0.6;
}
.keyVisualSlide ul.slick-dots li button:hover,
.pdtCategoryTopKeyVisualSlide ul.slick-dots li button:hover{
opacity: 1;
}
.keyVisualSlide ul.slick-dots li.slick-active button,
.pdtCategoryTopKeyVisualSlide ul.slick-dots li.slick-active button{
opacity: 0.3;
}
.keyVisualSlide .slick-dotted,
.pdtCategoryTopKeyVisualSlide .slick-dotted{
margin-bottom: 0!important;
height: 10px;
}
.keyVisualSlide .slick-dots,
.pdtCategoryTopKeyVisualSlide .slick-dots{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.keyVisualSlide .slick-dots li,
.pdtCategoryTopKeyVisualSlide .slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.keyVisualSlide .slick-dots li button,
.pdtCategoryTopKeyVisualSlide .slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.keyVisualSlide .slick-dots li button:hover,
.keyVisualSlide .slick-dots li button:focus,
.pdtCategoryTopKeyVisualSlide .slick-dots li button:hover,
.pdtCategoryTopKeyVisualSlide .slick-dots li button:focus{
    outline: none;
}
.keyVisualSlide .slick-dots li button:hover:before,
.keyVisualSlide .slick-dots li button:focus:before,
.pdtCategoryTopKeyVisualSlide .slick-dots li button:hover:before,
.pdtCategoryTopKeyVisualSlide .slick-dots li button:focus:before{
    opacity: 1;
}





.pdtCategoryTopTitleContainer{
position: absolute;
z-index: 100;
text-align: center;
mix-blend-mode: multiply; /* 乗算 */
}
.pdtCategoryTopTitle-en{
font-size: 32px;
color: #99CB24;
line-height: 150%;
margin-bottom: 5px!important;
}
.pdtCategoryTopTitle-jp{
font-size: 16px;
color: #99CB24;
}
.blend-multiply{
-webkit-mix-blend-mode: multiply; /* 乗算 */
mix-blend-mode: multiply;
}
/*Chromeのみ、slick slideでfadeが効かなくなる */
.chrome .keyVisualSlide .blend-multiply{
mix-blend-mode: normal!important;
}
/* レイアウトテンプレート */
.vertical-middle .container{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
}

.pdtKeyVisualDesign{
position: relative;
height: 100%;
}
.pdtKeyVisualDesign .title-en{
font-size: 32px;
color: #99CB24;
line-height: 150%;
margin-bottom: 5px!important;
mix-blend-mode: multiply; /* 乗算 */
}
.pdtKeyVisualDesign .title-jp{
font-size: 16px;
color: #99CB24;
mix-blend-mode: multiply; /* 乗算 */
}
.pdtKeyVisualDesign a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100;
}

.cmnFixedShortKeyVisualDesign{
position: relative;
height: 100%;
}
.cmnFixedShortKeyVisualDesign .title-en{
font-size: 24px;
color: #99CB24;
line-height: 150%;
margin-bottom: 5px!important;
mix-blend-mode: multiply; /* 乗算 */
}
.cmnFixedShortKeyVisualDesign .title-jp{
font-size: 16px;
color: #99CB24;
mix-blend-mode: multiply; /* 乗算 */
}
.cmnFixedShortKeyVisualDesign a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100;
}


/*  フリー入力用テンプレート */


.users{
}


/* 製品大カテゴリトップ カテゴリリスト pdtCategoryTopCategoryList */
/* 背景指定 */
.pdtCategoryTopCategoryList{
margin-top: 60px;

}
.bg-grad-beige{
background: url(../../shared/pdt-category-bg/pdt-category-bg-grad-beige.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
}
.bg-grad-greengray{
background: url(../../shared/pdt-category-bg/pdt-category-bg-grad-greengray.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
}
.bg-black{
background: #000;
}
.bg-black .pdtCategoryItemInnerText{
color: #fff;
}

.pdtCategoryItem{
position: relative;
line-height: 0;
}
.pdtCategoryItem a{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.pdtCategoryItemInnerPhoto img{
margin: 0;
padding: 0;
}
.pdtCategoryItemInnerText{
color: #111;
}
/*flex100 fixedInner*/
.pdtCategoryItem.flex100 .pdtCategoryItemInner{
max-width: 1200px;
margin: 0 auto;
position: relative;
line-height: 0;
}
.pdtCategoryItem.flex100 .pdtCategoryItemInner:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.pdtCategoryTopCategoryList .flex100:nth-child(odd) .pdtCategoryItemInnerText,
.pdtCategoryTopCategoryList .flex100:nth-child(odd) .pdtCategoryItemInnerPhoto{
float: right;
}
.pdtCategoryTopCategoryList .flex100:nth-child(even) .pdtCategoryItemInnerText,
.pdtCategoryTopCategoryList .flex100:nth-child(even) .pdtCategoryItemInnerPhoto{
float: left;
}
.pdtCategoryTopCategoryList .flex100 .pdtCategoryItemInnerText{
width: 30%;
}
.pdtCategoryTopCategoryList .flex100 .pdtCategoryItemInnerPhoto{
width: 60%;
}

.sp .pdtCategoryTopCategoryList .flex100 .pdtCategoryItemInnerText{
width: 100%;
}
.sp .pdtCategoryTopCategoryList .flex100 .pdtCategoryItemInnerPhoto{
width: 100%;
}


.pdtCategoryItem.flex100 .pdtCategoryItemInnerText{
padding-left: 60px;
padding-right: 60px;
}
.pdtCategoryItem.flex100 p.font{
margin-top: 120px;
}
.pdtCategoryItem.flex100 h2{
font-size: 16px;
}
.pdtCategoryItem.flex100 p.font{
font-size: 24px;
line-height: 140%;
margin-bottom: 5px;
}
.pdtCategoryTopCategoryList-second:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.pdtCategoryItem.flex50{
width: 50%;
float: left;
}

.pdtCategoryItem.bg-black .pdtCategoryItemInnerText p{
color: #fff!important;
}

.pdtCategoryItem.bg-black:hover .pdtCategoryItemInnerText p.font,
.pdtCategoryItem.bg-black:hover .pdtCategoryItemInnerText{
color: #000!important;
}


/*flex50 2Column*/
.pdtCategoryItem.flex50 .pdtCategoryItemInner{
position: relative;
line-height: 0;
}

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

.pdtCategoryItem.flex50 .pdtCategoryItemInnerText{
float: left;
width: 35%;
}
.pdtCategoryItem.flex50 .pdtCategoryItemInnerPhoto{
float: left;
width: 55%;
}


.pdtCategoryItem.flex50 .pdtCategoryItemInnerPhoto img{
margin: 60px auto;
}

.pdtCategoryItem.flex50 p.font{
margin-top: 100px;
}
.pdtCategoryItem.flex50 .pdtCategoryItemInnerText{
padding-left: 60px;
padding-right: 0px;
}

/*flex33 3Column*/
.pdtCategoryItem.flex33 .pdtCategoryItemInner{
position: relative;
line-height: 0;
}
.pdtCategoryItem.flex33 .pdtCategoryItemInner:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.pdtCategoryItem.flex33{
text-align: center;
position: relative;
float: left;
width: 33.33%;
}



.pdtCategoryItem.flex33 .pdtCategoryItemInner{
}

.pdtCategoryItem.flex33 .pdtCategoryItemInnerPhoto{
width: 100%!important;
}
.pdtCategoryItem.flex33 .pdtCategoryItemMore{
margin: 30px auto 60px auto;
}
.pdtCategoryItem.flex33 .pdtCategoryItemInnerPhoto img{
width: 75%;
margin: 0 auto;
}
.pdtCategoryItem.flex33 p.font{
/*margin-top: -30px;
*/
}
.pdtCategoryItem.flex33 img{
margin: 0!important;
}
.pdtCategoryItem.flex33 .pdtCategoryItemInnerText{
}
.pdtCategoryItem.flex50 h2,
.pdtCategoryItem.flex33 h2{
font-size: 14px;
}
.pdtCategoryItem.flex50 p.font,
.pdtCategoryItem.flex33 p.font{
font-size: 22px;
line-height: 140%;
margin-bottom: 5px;
}


.sp .pdtCategoryItem.flex100 .pdtCategoryItemInnerPhoto{
text-align: center;
}
.sp .pdtCategoryItem.flex100 .pdtCategoryItemInnerPhoto img{
width: 80%;
}
.sp .pdtCategoryItem.flex50 .pdtCategoryItemInnerPhoto img{
margin: 60px auto;
}
.sp .pdtCategoryItem.flex50 .pdtCategoryItemInnerPhoto img,
.sp .pdtCategoryItem.flex33 .pdtCategoryItemInnerPhoto img{
margin: 0px auto;
width: 70%;
}



.sp .pdtCategoryItem.flex100 .pdtCategoryItemInnerText,
.sp .pdtCategoryItem.flex50 .pdtCategoryItemInnerText,
.sp .pdtCategoryItem.flex33 .pdtCategoryItemInnerText,
.sp .pdtCategoryItem.flex100 .pdtCategoryItemInnerText h2,
.sp .pdtCategoryItem.flex50 .pdtCategoryItemInnerText h2,
.sp .pdtCategoryItem.flex33 .pdtCategoryItemInnerText h2,
.sp .pdtCategoryItem.flex100 .pdtCategoryItemInnerText p,
.sp .pdtCategoryItem.flex50 .pdtCategoryItemInnerText p,
.sp .pdtCategoryItem.flex33 .pdtCategoryItemInnerText p{
margin: 0!important;
padding: 0!important;
float: none;
width: 100%;
}

.sp .pdtCategoryItem .pdtCategoryItemInnerText p.font{
color: #000;
}

.sp .pdtCategoryItem.flex50{
width: 50%;
float: left;
}
.sp .pdtCategoryItem.flex50 .pdtCategoryItemInnerPhoto{
float: none;
width: 100%;
text-align: center;
}
.sp .pdtCategoryItem.flex33{
float: left;
width: 50%;
}
.sp .pdtCategoryItem.flex50,
.sp .pdtCategoryItem.flex33{
border-bottom: 1px solid #fff;
}
.sp .pdtCategoryItem.flex100 .pdtCategoryItemInnerText h2,
.sp .pdtCategoryItem.flex50 .pdtCategoryItemInnerText h2,
.sp .pdtCategoryItem.flex33 .pdtCategoryItemInnerText h2{
margin-bottom: 30px!important;
font-size: 12px;
}


.sp .pdtCategoryItem.flex100 p.font,
.sp .pdtCategoryItem.flex50 p.font,
.sp .pdtCategoryItem.flex33 p.font{
font-size: 13px;
line-height: 140%;
margin-bottom: 5px;
margin-top: 30px;
text-align: center;
}
.sp .pdtCategoryItem.flex50 .pdtCategoryItemInnerPhoto img{
margin-top: 20px;
}

.sp .pdtCategoryItem.flex100 h2,
.sp .pdtCategoryItem.flex50 h2,
.sp .pdtCategoryItem.flex33 h2{
text-align: center;
padding-left: 0px!important;
margin-left: 0px!important;

}

.sp .pdtCategoryItem .pdtCategoryItemMore{
display: none;
}








/* 製品カテゴリ rectangle list */

.rectangleList-iotWireless li,
.rectangleList-digitalSignageTop li{
float: left;
}
.rectangleList-iotWireless li,
.rectangleList-digitalSignageTop li{
width: 25%;
}


.sp .rectangleList-iotWireless li,
.sp .rectangleList-digitalSignageTop li{
float: left;
}
.sp .rectangleList-iotWireless li,
.sp .rectangleList-digitalSignageTop li{
width: 50%;
}


/*
.rectangleList-digitalSignageTop li:nth-child(1),
.rectangleList-digitalSignageTop li:nth-child(2),
.rectangleList-digitalSignageTop li:nth-child(3),
.rectangleList-digitalSignageTop li:nth-child(4){
float: left;
width: 25%;
}
.rectangleList-digitalSignageTop li:nth-child(5),
.rectangleList-digitalSignageTop li:nth-child(6),
.rectangleList-digitalSignageTop li:nth-child(7),
.rectangleList-digitalSignageTop li:nth-child(8),
.rectangleList-digitalSignageTop li:nth-child(9){
float: left;
width: 25%;
}
*/

.rectangleList-iotWireless li img,
.rectangleList-digitalSignageTop li img{
max-width: 70%;
margin-top: 20px;
}
.rectangleList-iotWireless li h3,
.rectangleList-digitalSignageTop li h3{
font-size: 14px;
margin-bottom: 20px;
}

.cmnRectangleList,
.pdtProductRectangleList{
text-align: center;
padding: 0 5px;
}
.cmnRectangleList li{
list-style: none;
}
.cmnRectangleList:after,
.pdtProductRectangleList:after{
  content: ""; 
  display: block; 
  clear: both;
}
.cmnRectangleList-column2,
.pdtProductRectangleList-column2{
}
.cmnRectangleList-column2 li,
.pdtProductRectangleList-column2 li{
float: left;
width: 50%;
}
.cmnRectangleList-column3,
.pdtProductRectangleList-column3{
}
.cmnRectangleList-column3 li,
.pdtProductRectangleList-column3 li{
float: left;
width: 33.3%;
}
.sp .cmnRectangleList-column3 li,
.sp .pdtProductRectangleList-column3 li{
float: left;
width: 50%;
}

.sp .newsContents-mainColumn-contents-newProductsPDF .pdtProductRectangleList-column3{

margin-left: -30px;
margin-right: -30px;

}

.cmnRectangleList-autoColumn li,
.pdtProductRectangleList-autoColumn li{
float: left;
}
.taiouRectangleList img{
width: 460px!important;
}
.sp .taiouRectangleList img{
width: 80%!important;
}

.svg-new{
width:40px!important;
position: absolute;
top: 15px;
left: 20px;
}

.svg-icon-pdtList-new,
.svg-icon-pdtList-discon,
.svg-icon-pdtList-naire{
width:40px!important;
position: absolute;
top: 15px;
left: 20px;
}
.sp .svg-icon-pdtList-new,
.sp .svg-icon-pdtList-discon,
.sp .svg-icon-pdtList-naire{
width:36px!important;
top: 15px;
left: 20px;
}


.js-slideItem {
position: relative;
}
.js-slideItem .svg-icon-pdtList-new,
.js-slideItem .svg-icon-pdtList-naire{
width:50px!important;
position: absolute;
top: 15px;
left: 20px;
}
.sp .js-slideItem .svg-icon-pdtList-new,
.sp .js-slideItem .svg-icon-pdtList-naire{
width:35px!important;
position: absolute;
top: 15px;
left: 20px;
}

.pdtListRelated .svg-icon-pdtList-new,
.pdtListRelated .svg-icon-pdtList-naire{
width:30px!important;
position: absolute;
top: 7px;
left: 7px;
}


.cmnRectangleList .flex100,
.pdtProductRectangleList .flex100{
width: 100%;
}
.cmnRectangleList .flex50,
.pdtProductRectangleList .flex50{
width: 50%;
}
.cmnRectangleList .flex33,
.pdtProductRectangleList .flex33{
width: 33.333333%;
}
.cmnRectangleList .flex25,
.pdtProductRectangleList .flex25{
width: 25%;
}
.cmnRectangleList li,
.cmnRectangleList div,
.pdtProductRectangleList li,
.pdtProductRectangleList div{
background: #f2f2f2;
text-align: center;
padding-bottom: 10px;
box-shadow: 0 0 0 5px #fff inset;
position: relative;
transition: 0.3s;
}

/* recommend slider */

.cmnRectangleList-slide .slider div,
.pdtProductRectangleList-slide .slider div{
position: relative;
}
.cmnRectangleList-slide .slider,
.pdtProductRectangleList-slide .slider{
text-align: center;
width: 100%;
}
.cmnRectangleList-slide .slider img,
.pdtProductRectangleList-slide .slider img{
width: 100%;
}
.cmnRectangleList-slide .slick-slide ,
.pdtProductRectangleList-slide .slick-slide {
margin: 30px 5px;
margin-top: 0!important;
padding: 0px 20px 30px 20px!important;
background: #f2f2f2;
text-align: center;
box-shadow: 0 0 0 5px #fff inset;
transition: 0.3s;
}

.sp .cmnRectangleList-slide .slick-slide ,
.sp .pdtProductRectangleList-slide .slick-slide {
padding: 20px 20px 30px 20px!important;
margin: 30px 0px;
}

.sp .cmnRectangleList-slide .slick-slide h4,
.sp .pdtProductRectangleList-slide .slick-slide h4,
.sp .cmnRectangleList-slide .slick-slide p,
.sp .pdtProductRectangleList-slide .slick-slide p{
padding-left: 0;
padding-right: 0;
}




.cmnRectangleList-slide .slick-slide:hover ,
.pdtProductRectangleList-slide .slick-slide:hover {
box-shadow: 0 0 0 10px #fff inset;
background: #fff;
}
.cmnRectangleList-slide .slick-slide img ,
.pdtProductRectangleList-slide .slick-slide img {
width: 100%;
}
.cmnRectangleList-slide .slick-prev:before,
.cmnRectangleList-slide .slick-next:before,
.pdtProductRectangleList-slide .slick-prev:before,
.pdtProductRectangleList-slide .slick-next:before {
}


.cmnRectangleList-slide .slick-slide h4,
.pdtProductRectangleList-slide .slick-slide h4{
margin-top: -5px;
}
.cmnRectangleList-slide .slick-slide p,
.pdtProductRectangleList-slide .slick-slide p{
margin-bottom: -5px;
}
.cmnRectangleList-slide .slick-slide img:not(.svg),
.pdtProductRectangleList-slide .slick-slide img:not(.svg){
width: 280px;
/*width: 340px!important;*/
margin-top:-5px!important;
margin-left: auto;
margin-right: auto;
margin-bottom: 0!important;
}
.cmnRectangleList-slide .slick-slide:hover,
.pdtProductRectangleList-slide .slick-slide:hover{
box-shadow: 0 0 0 10px #fff inset;
background: #E4E4E4!important;
}





.cmnRectangleList li img,
.pdtProductRectangleList li img{
transition: 0.3s;
}
.cmnRectangleList h3,
.cmnRectangleList-slide h4,
.pdtProductRectangleList h3,
.pdtProductRectangleList-slide h4{
font-size: 16px;
line-height: 140%;
margin-top: -10px;
margin-bottom: 7px;
padding-left: 30px;
padding-right: 30px;
}
.sp .cmnRectangleList h3,
.sp .cmnRectangleList-slide h4,
.sp .pdtProductRectangleList h3,
.sp .pdtProductRectangleList-slide h4{
font-size: 14px;
}

.cmnRectangleList p,
.cmnRectangleList-slide p,
.pdtProductRectangleList p,
.pdtProductRectangleList-slide p{
font-size: 12px;
line-height: 160%;
padding-left: 30px;
padding-right: 30px;
}
.cmnRectangleList-slide a,
.pdtProductRectangleList-slide a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}



/*通常表示*/
.cmnRectangleList img,
.pdtProductRectangleList img{
width: 280px;
}
.cmnRectangleList.cmnRectangleList-column3 img:not(.svg),
.pdtProductRectangleList.pdtProductRectangleList-column3 img:not(.svg){
width: 200px;
margin-top: 10px;
}
.cmnRectangleList .flex25 img:not(.svg),
.pdtProductRectangleList .flex25 img:not(.svg){
width: 220px!important;
}
/*少し大きく表示*/
/*
.pdtProductRectangleList-middleSize img{
width: 340px;
}
*/
.cmnRectangleList li a,
.cmnRectangleList div a,
.pdtProductRectangleList li a,
.pdtProductRectangleList div a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 0 0 0px #fff inset;
}
.cmnRectangleList li:hover,
.pdtProductRectangleList li:hover {
box-shadow: 0 0 0 10px #fff inset;
background: #E4E4E4;
}
.cmnRectangleList-slide .slick-slide img,
.pdtListRelated .slick-slide img,
.cmnRectangleList li img,
.pdtProductRectangleList-slide .slick-slide img,
.pdtListRelated .slick-slide img,
.pdtProductRectangleList li img{
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition:       -moz-transform 0.2s ease-out;
-ms-transition:         -ms-transform 0.2s ease-out;
-o-transition:           -o-transform 0.2s ease-out;
transition:                 transform 0.2s ease-out;
}
.cmnRectangleList-slide .slick-slide:hover img,
.pdtListRelated .slick-slide:hover img,
.cmnRectangleList li:hover img,
.pdtProductRectangleList-slide .slick-slide:hover img,
.pdtListRelated .slick-slide:hover img,
.pdtProductRectangleList li:hover img{
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition:       -moz-transform 0.3s ease-out;
-ms-transition:         -ms-transform 0.3s ease-out;
-o-transition:           -o-transform 0.3s ease-out;
transition:                 transform 0.3s ease-out;
-webkit-transform: scale(1.05);
-moz-transform:    scale(1.05);
-ms-transform:     scale(1.05);
-o-transform:      scale(1.05);
transform:         scale(1.05);
}


/* 仕様比較 */
.pdtProductRectangleList.specCompareList{
}
.pdtProductRectangleList.specCompareList li:hover{
cursor: pointer;
}
.pdtProductRectangleList.specCompareList li a{
display: none;
}
.pdtProductRectangleList.specCompareList li:hover {
box-shadow: 0 0 0 5px #fff inset,0 0 0 7px #3FAE2A inset;
background: #fff!important;
transition: 0s;
}
.pdtProductRectangleList.specCompareList li.specCompareItem-selected{
box-shadow: 0 0 0 5px #fff inset,0 0 0 7px #3FAE2A inset;
background: #fff;
}

.pdtProductRectangleList.specCompareList li img{
-webkit-transition: none!important;
-moz-transition:    none!important;
-ms-transition:     none!important;
-o-transition:      none!important;
transition:         none!important;
}
.pdtProductRectangleList.specCompareList li:hover img{
-webkit-transition: none!important;
-moz-transition:    none!important;
-ms-transition:     none!important;
-o-transition:      none!important;
transition:         none!important;
-webkit-transform: none!important;
-moz-transform:    none!important;
-ms-transform:     none!important;
-o-transform:      none!important;
transform:         none!important;
}
.js-specCompare-current {
height: 115px!important;
}
.js-specCompare-current a{
border-bottom:2px solid #3FAE2A;
-webkit-transition: all 0.2s;
-o-transition:  all 0.2s;
transition:  all 0.2s;
}

.pdtProductRectangleList li .specCompareItemIcon{
display: none;
}
.pdtProductRectangleList.specCompareList li .specCompareItemIcon{
display: block;
width: 20px;
height: 20px;
position: absolute;
padding: 0 !important;
right: 16px;
top: 16px;
box-shadow: none;
}
.pdtProductRectangleList.specCompareList li .specCompareItemIcon{
background: url(../img/cmn-icon-compare-check.png)0 0 no-repeat;
background-size: 20px;
}
.pdtProductRectangleList.specCompareList li.specCompareItem-selected .specCompareItemIcon{
background: url(../img/cmn-icon-compare-checked.png)0 0 no-repeat;
background-size: 20px;
}
.js-section-notCompare{
display: block;
}
.js-section-forCompare{
display: none;
}
.js-section-forCompareResult{
display: none;
}
.specCompare-hide{
display: none;
}
.specCompare-show{
display: block;
}


.pdtPackageContainer{
margin-top:10px;
margin-bottom: 0px; 
}
.pdtPackageContainer img.pdtPackage{
max-width: 100%;
}

.pdtISOContainer{
margin-top: 0px!important;
padding: 25px 50px 20px 0px;
width: 340px;
text-align: center;
}
.pdtISOContainer img.svg-logo-ISO{
width: 320px;
margin: 0 auto!important;
}
.pdtISOContainer p{
text-align: left;
margin-bottom: 0;
line-height: 160%;
font-size: 10px;
color: #999;
margin: 10px 0px 0px 10px;
}

.sp .pdtISOContainer{
margin-top: 40px!important;
padding: 20px;
width: 100%;
text-align: center;
}
.sp .pdtISOContainer img.svg-logo-ISO{
width: 100%;
margin: 0 auto!important;
}
.sp .pdtISOContainer p{
text-align: left;
margin-bottom: 0;
line-height: 160%;
font-size: 10px;
color: #999;
margin: 10px 0px 0px 10px;
}

.pdtReviewRate{
color: #99CB24;
font-weight: bold;
}
.pdtReviewRate a{
color: #99CB24;
text-decoration: underline;
}
.pdtReviewRateNum{
letter-spacing: 0;
}

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

.pdtIconListContainer,
.pdtIconListSVG{
width: 96%;
margin: 0 auto;
text-align: center;
}
.pdtIconListContainer img,
.pdtIconListSVG img{
width: 90%;
margin: 0 auto;
}
.sp .pdtIconListContainer,
.sp .pdtIconListSVG{
width: 90%;
margin-left: auto;
margin-right: auto;
}


.pdtIconList li{
float: left;
width: 20%;
list-style: none;
margin: 0;
}
.pdtIconList li img{
width: 100%;
}

.pdtDetailOpenPrice{
width: 100%;
text-align: right;
margin-top: 0px;
}
.pdtDetailOpenPrice span{
font-weight: bold;
font-size: 10px;
color: #fff;
background: #999;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 3px 7px;
}


.pdtDetailBannerNaire{
background: url(../img/cmn-pdt-naire-only-bg.jpg)0 0 repeat-y;
text-align: center;
}
.pdtDetailBannerNaire img.cmn-pdt-naire-only{
max-width: 330px;
}

.pdtDetailBannerClose{
font-weight: bold;
font-size: 16px;
text-align: center;
padding: 20px;
color: #fff;
margin-top: 30px;
margin-bottom: 30px;
position: relative;
background: #999;
}


.cmnBuyGradationSolid,
.btnMemorySearch,
.btnContactPage,
.btnBuyOnline{
position: relative;
background: linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -webkit-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -moz-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -o-linear-gradient(top, #BADB1D %, #97CA24 100%);
background: -ms-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
-webkit-transition:background 1s,color 1s;
transition:background 1s,color 1s;
}

.cmnBuyGradationSolid:hover,
.btnMemorySearch:hover,
.btnContactPage:hover,
.btnBuyOnline:hover {
position: relative;
background: linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
background: -webkit-linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
background: -moz-linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
background: -o-linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
background: -ms-linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
-webkit-transition:background 1s,color 1s;
transition:background 1s,color 1s;
}
.cmnBuyGradationSolid a:hover ,
.btnMemorySearch a:hover,
.btnContactPage a:hover,
.btnBuyOnline a:hover {
text-decoration: none;
}

.cmnBuyGradationSolid a,
.btnMemorySearch a,
.btnContactPage a,
.btnBuyOnline a{
position: relative;
font-size: 16px;
line-height: 380%;
text-align: center;
display: block;
color: #fff;
font-weight: bold;
text-shadow: 1px 1px 1px #97CA24;
}

.btnMemorySearch a img.svg-icon-memorySearch,
.btnBuyOnline a img.svg-icon-BuyOnline{
width: 38px;
vertical-align: middle;
margin-left: 10px;
}
.btnBuyOnlineBaloonContainer{

display: none;

margin-top: -265px;
position: absolute;
padding-bottom: 30px;
width: 100%;
}

.btnBuyOnlineBaloon{
position: relative;
	width: 100%;
	border: 5px solid #ececec;
  box-sizing:border-box;

	background: #fff;
  transition: .3s;
}

.btnBuyOnlineBaloon:before{
	content: "";
	border: 12px solid transparent;
	border-top: 12px solid #fff;
	position: absolute;
	right: 48%;
	bottom: -18px;
z-index: 100;
}
.btnBuyOnlineBaloon:after{
	content: "";
	border: 12px solid transparent;
	border-top: 12px solid #ececec;
	position: absolute;
	right: 48%;
	bottom: -24px;
}

.btnBuyOnlineBaloon-item{
width: 50%;
float: left;
}
.btnBuyOnlineBaloon-item img{
margin-top: 12px;
margin-bottom: 5px;
}
.btnBuyOnlineBaloon-item img:hover{
opacity: 0.6;
}
.btnBuyOnlineBaloon-item img.btnBuyOnlineBaloonBanner{
width: 75%;
}


.specCompareBtnContainer{
position: relative;
text-align: center;
}
.specCompareBtnContainer h3{
margin-bottom: 10px;
}

/* スクロール表示固定ボタン */
.specCompareBtnContainer-scroll{
position: fixed;
top: 52px;
left: 0;
widows: 100%;
background: rgba(255,255,255,0.9);
z-index: 100;
display: none;
}
.specCompareBtnContainer-scroll h3{
float: left;
width: 150px;
margin: 25px 0 0 0;
padding: 0;
line-height: 1;
}
.specCompareBtnContainer-scroll p{
float: left;
width: 300px;
display: none;
}
.specCompareBtnContainer-scroll .btnSpecCompare{
float: right;
margin: 15px 30px 15px 0;
}
.btnSpecCompare{
position: relative;
vertical-align:middle;
width: 180px;
text-align: center;
}
.btnSpecCompare{
margin: 0 auto;
position: relative;
border-radius: 4px;
color: #fff;
-webkit-transition: none;
box-shadow: 0 3px 0 #82AE1E;
/*text-shadow: 0 1px 1px rgba(0, 0, 0, .3);*/
padding: 12px 40px;
font-weight: bold;
font-size: 12px;
background: linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -webkit-linear-gradient(top, #BADB1D 0, #97CA24 100%);
background: -moz-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -o-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -ms-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
transition: background 1s;
}
.btnSpecCompare:hover {
opacity: 0.8;
background-color: #31c8aa;
box-shadow: 0 3px 0 #82AE1E;
text-decoration: none;
cursor: pointer;
}
.btnSpecCompare:active {
top: 3px;
box-shadow: none;
}

.btnSpecComparePrint{
width: 160px;
padding: 12px 20px 10px 20px;
margin: 0 auto;
position: relative;
border-radius: 4px;
color: #fff;
-webkit-transition: none;
box-shadow: 0 3px 0 #82AE1E;
font-weight: bold;
font-size: 12px;
background: linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -webkit-linear-gradient(top, #BADB1D 0, #97CA24 100%);
background: -moz-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -o-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -ms-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
transition: background 1s;
}
.sp .btnSpecComparePrint{
width: 240px;
text-align: center;
}
.btnSpecComparePrint:hover {
opacity: 0.8;
background-color: #31c8aa;
box-shadow: 0 3px 0 #82AE1E;
text-decoration: none;
cursor: pointer;
}
.btnSpecComparePrint:active {
top: 3px;
box-shadow: none;
}
.btnSpecComparePrint .svg-icon-btnPrint{
width: 20px;
margin-left: 7px;
vertical-align: middle;
}
.btnSpecComparePrint a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





.btnSpecViewDetail{
position: relative;
vertical-align:middle;
width: 140px;
text-align: center;
margin: 0 auto 0px auto;
position: relative;
border-radius: 4px;
color: #fff;
-webkit-transition: none;
box-shadow: 0 3px 0 #82AE1E;
padding: 8px 16px;
font-weight: bold;
font-size: 12px;
background: linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -webkit-linear-gradient(top, #BADB1D 0, #97CA24 100%);
background: -moz-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -o-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -ms-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
transition: background 1s;
}
.sp .btnSpecViewDetail{
width: 140px;
}
.btnSpecViewDetail a{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.btnSpecViewDetail:hover {
opacity: 0.8;
background-color: #31c8aa;
box-shadow: 0 3px 0 #82AE1E;
text-decoration: none;
cursor: pointer;
}
.btnSpecViewDetail:active {
top: 3px;
box-shadow: none;
}



/* 仕様比較テーブル */

.specCompareResultContainer{
overflow-y: scroll;
}
table.specCompareResultTable{
margin-bottom: 20px;
}
table.specCompareResultTable h2 ,
table.specCompareResultTable h4 {
font-size: 12px;
}

table.specCompareResultTable h2 a,
table.specCompareResultTable h4 a{
color: #3FAE2A;
}
table.specCompareResultTable h2 a:hover,
table.specCompareResultTable h4 a:hover{
color: #3FAE2A;
}
table.specCompareResultTable img{
max-width: 200px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
table.specCompareResultTable img:hover{
opacity: 0.7;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
table.specCompareResultTable tr:nth-child(even){
background: #eee;
}
table.specCompareResultTable th p{
font-size: 12px;
}
table.specCompareResultTable th{
min-width: 100px;
}
table.specCompareResultTable td .btnClose{
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
background: url(../img/cmn-icon-compare-close.png)0 0 no-repeat;
background-size: 24px 24px;
}
table.specCompareResultTable td .btnClose:hover{
cursor: pointer;
background: url(../img/cmn-icon-compare-close-over.png)0 0 no-repeat;
background-size: 24px 24px;
}
table.specCompareResultTable td{
min-width: 160px;
}
table.specCompareResultTable th,
table.specCompareResultTable td{
font-size: 12px;
line-height: 140%;
padding: 15px 25px;
position: relative;
}
table.specCompareResultTable tr td{
border-right: 1px solid #ccc;
}
table.specCompareResultTable tr th{
border-right: 1px solid #ccc!important;
}
table.specCompareResultTable tr:first-child td{
border-top: 1px solid #ccc;
text-align: center;
}
table.specCompareResultTable tr:last-child td{
border-bottom: 1px solid #ccc;
}
.specCompareResult-header{
}
.specCompareResult-header .btnSpecComparePrintContainer{
float: right;
width: 460px;
margin-bottom: 30px;
vertical-align: middle;
}
.sp .specCompareResult-header .btnSpecComparePrintContainer{
float: none;
width: 100%;
margin-bottom: 30px;
vertical-align: inherit;
}
.specCompareResult-header .txtCompareOthers{
float: left;
width: 150px;
}
.specCompareResult-header .txtCompareOthers a{
display: block;
margin-top: 16px;
color: #999;
}
.specCompareResult-header .txtCompareOthers-pdtDetailPage{
float: left;
width: 300px;
margin-top: 16px;
color: #999;
}
.sp .specCompareResult-header .txtCompareOthers-pdtDetailPage{
float: none;
width: 100%;
margin-top: 16px;
color: #999;
}
.specCompareResult-header .btnSpecComparePrintContainer .btnReloadContainer{
float: left;
width: 200px;
position: relative;
vertical-align: middle;
text-align: right;
line-height: 180%;
margin-top: 8px;
color: #999;
}
.sp .specCompareResult-header .btnSpecComparePrintContainer .btnReloadContainer{
margin-top: 20px;
margin-bottom: 20px;
float: none;
display: block;
text-align: left;
margin-right: 0px;
}
.specCompareResult-header .btnSpecComparePrintContainer .btnSpecComparePrint{
float: right;
}
.sp .specCompareResult-header .btnSpecComparePrintContainer .btnSpecComparePrint{
float: none;
}
.specCompareResult-header .btnReload{
float: right;
margin-left: 10px;
width: 24px;
height: 24px;
background: url(../img/cmn-icon-compare-reload.png)0 0 no-repeat;
background-size: 24px 24px;
}
.specCompareResult-header .btnSpecComparePrintContainer .btnReloadContainer:hover{
cursor: pointer;
}

.specCompareResult-header .btnSpecComparePrintContainer .btnReloadContainer:hover .btnReload{
cursor: pointer;
background: url(../img/cmn-icon-compare-reload-over.png)0 0 no-repeat;
background-size: 24px 24px;
}

.specCompareResultPrintPage{
width: 640px;
margin: 0 auto;
}
.specCompareResultPrintPage-header{
margin: 20px 0;
}
.specCompareResultPrintPage-header p.logo img{
width: 200px;
}
.specCompareResultPrintPage-header h1{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.specCompareResultPrintPage-header p.txt{
font-size: 14px;
line-height: 160%;
width: 400px;
float: left;
}
.specCompareResultPrintPage-header .btnSpecComparePrint{
width: 120px;
text-align: center;
float: right;
padding: 10px 20px 8px 20px;
}
.specCompareResultPrintPage-header .btnSpecComparePrint.printPage{
width: 120px;
text-align: center;
float: right;
padding: 10px 20px 8px 20px;
}




table.specCompareResultTable-print{
margin-bottom: 60px;
width: 640px!important;
page-break-after: always; 
}
table.specCompareResultTable-print h2{
font-size: 12px;
}

table.specCompareResultTable-print h2{
color: #3FAE2A;
}
table.specCompareResultTable-print h2 a:hover{
color: #3FAE2A;
}
table.specCompareResultTable-print img{
max-width: 150px;
}
table.specCompareResultTable-print tr:nth-child(even){
background: #eee;
}
table.specCompareResultTable-print th p{
font-size: 12px;
}
table.specCompareResultTable-print th{
width: 80px!important;
}
table.specCompareResultTable-print td{
width: 160px;
}
table.specCompareResultTable-print th,
table.specCompareResultTable-print td{
font-size: 12px;
line-height: 140%;
padding: 15px 10px;
position: relative;
}
table.specCompareResultTable-print tr th{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
table.specCompareResultTable-print tr:first-child th{
border-top: 1px solid #ccc;
}
table.specCompareResultTable-print tr:last-child th{
border-bottom: 1px solid #ccc;
}
table.specCompareResultTable-print tr td{
border-right: 1px solid #ccc;
}
table.specCompareResultTable-print tr:first-child td{
border-top: 1px solid #ccc;
text-align: center;
}
table.specCompareResultTable-print tr:last-child td{
border-bottom: 1px solid #ccc;
}

.specCompareResultContainer p.footerCopyright{
margin-left: 0!important;
padding-left: 0!important;
font-size: 12px;
}




.btnDownload{
position: relative;
vertical-align:middle;
}

.btnDownload a {
position: relative;
border-radius: 4px;
color: #fff;
-webkit-transition: none;
box-shadow: 0 3px 0 #82AE1E;
/*text-shadow: 0 1px 1px rgba(0, 0, 0, .3);*/
padding: 8px 40px;
font-weight: bold;
font-size: 12px;
background: linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -webkit-linear-gradient(top, #BADB1D 0, #97CA24 100%);
background: -moz-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -o-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -ms-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
transition: background 1s;
}
.btnDownload a:hover {
opacity: 0.8;
text-decoration: none;

}
.btnDownload a:active {

}

.btnDownload .svg-icon-btnDownload-pdf,
.btnNewsPDFDownload .svg-icon-btnDownload-pdf{
width: 14px;
margin-left: 7px;
vertical-align: middle;
}
.btnDownload .svg-icon-btnDownload-driver{
width: 16px;
margin-left: 7px;
vertical-align: middle;
}
.btnNewsPDFDownload{
position: relative;
background: rgba(0,0,0,0.08);
height: 60px;
padding: 0px 4px 0px 20px;
line-height: 60px;
-webkit-transition: all 0.3s;
-o-transition:  all 0.3s;
transition:  all 0.3s;
margin-bottom: 30px;
margin-top: 55px;
}
.btnNewsPDFDownload:hover{
background: rgba(0,0,0,0.15);
}
.btnNewsPDFDownload img{
margin-right:10px;
}
.btnNewsPDFDownload a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.pdtSNSListContainer:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.pdtSNSList ul{
width: 100%;
margin: 0;
padding: 0;
}
.pdtSNSList li{
margin: 0;
padding: 0;
list-style: none;
float: left;
margin-right: 10px;
}



.sp .pdtTab-bottom{
display: none;
}


.pdtTab li{
background: linear-gradient(top, #f2f2f2 92%, #e9e9e9 100%);
background: -webkit-linear-gradient(top, #f2f2f2 92%, #e9e9e9 100%);
background: -moz-linear-gradient(top, #f2f2f2 92%, #e9e9e9 100%);
background: -o-linear-gradient(top, #f2f2f2 92%, #e9e9e9 100%);
background: -ms-linear-gradient(top, #f2f2f2 92%, #e9e9e9 100%);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;
}
.pdtTab li:hover{
background: linear-gradient(top, #e9e9e9 92%, #d9d9d9 100%);
background: -webkit-linear-gradient(top, #e9e9e9 92%, #d9d9d9 100%);
background: -moz-linear-gradient(top, #e9e9e9 92%, #d9d9d9 100%);
background: -o-linear-gradient(top, #e9e9e9 92%, #d9d9d9 100%);
background: -ms-linear-gradient(top, #e9e9e9 92%, #d9d9d9 100%);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;
}
.pdtTab-bottom li{
background: linear-gradient(bottom, #f2f2f2 92%, #e9e9e9 100%);
background: -webkit-linear-gradient(bottom, #f2f2f2 92%, #e9e9e9 100%);
background: -moz-linear-gradient(bottom, #f2f2f2 92%, #e9e9e9 100%);
background: -o-linear-gradient(bottom, #f2f2f2 92%, #e9e9e9 100%);
background: -ms-linear-gradient(bottom, #f2f2f2 92%, #e9e9e9 100%);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;
}
.pdtTab-bottom li:hover{
background: linear-gradient(bottom, #e9e9e9 92%, #d9d9d9 100%);
background: -webkit-linear-gradient(bottom, #e9e9e9 92%, #d9d9d9 100%);
background: -moz-linear-gradient(bottom, #e9e9e9 92%, #d9d9d9 100%);
background: -o-linear-gradient(bottom, #e9e9e9 92%, #d9d9d9 100%);
background: -ms-linear-gradient(bottom, #e9e9e9 92%, #d9d9d9 100%);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;
}


.pdtTab li,
.pdtTab-bottom li{
position: relative;
float: left;
text-align: center;
border-top: #f2f2f2 1px solid;
border-left: #fff 2px solid;
border-right: #f2f2f2 2px solid;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box!important;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
.firefox .pdtTab li,
.firefox .pdtTab-bottom li{
border-left: none;
border-right: none;
}

.pdtTab li:first-child,
.pdtTab-bottom li:first-child{
border-left: none;
}
.pdtTab li:last-child,
.pdtTab-bottom li:last-child{
border-right: none;
width: auto;
}
/*
.pdtTab li:last-child,
.pdtTab-bottom li:last-child{
border-right: #fff 2px solid;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
*/
.pdtTab li.selected{
background: #fff;
border-top: 1px solid #E9E9E9;
border-left: 1px solid #E9E9E9;
border-right: 1px solid #E9E9E9;
box-sizing:border-box;
}
.pdtTab-bottom li.selected{
background: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #E9E9E9;
border-left: 1px solid #E9E9E9;
border-right: 1px solid #E9E9E9;
box-sizing:border-box;
}
.pdtTab li a,
.pdtTab-bottom li a{
display: block;
width: 100%;
height: 100%;
line-height: 400%;
}
.pdtTab li a:hover,
.pdtTab-bottom li a:hover{
text-decoration: none;
}
.pdtTab li.link a:before ,
.pdtTab-bottom li.link a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	background: #666;
}
.pdtTab li.link a:after ,
.pdtTab-bottom li.link a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 14px;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	background: #f2f2f2;
}
.pdtTab li.link a:hover:after ,
.pdtTab-bottom li.link a:hover:after {
	background: #e9e9e9;
}
.pdtTab li.naire,
.pdtTab-bottom li.naire {
position: relative;
text-align: left;
}
.pdtTab li.naire a,
.pdtTab-bottom li.naire a{
text-indent: 2.5em;
}
.pdtTab li.naire img.cmn-nav-naire,
.pdtTab-bottom li.naire img.cmn-nav-naire{
width: 80px;
position: absolute;
bottom: 0;
right: 0;
}


.pdtTabMain{
font-weight: bold;
color: #222;
}
.pdtTabSupport{
font-size: 12px;
color: #222;
}
.tabContents {
display: none;
}
.sp-tb .pdtTab-mobile{
font-weight: bold;
font-size: 12px;
color: #222;
}


.sp-tb .pdtTab-bottom{
display: none;
}
.sp-tb .tabContainer {
background: #f5f5f5;
}

.sp-tb .pdtTab-mobile li{
background: #f5f5f5;
position: relative;
float: left;
width: 25%;
height: 50px;
text-align: center;
position: relative;
border-right: 1px solid #ccc;
}
.sp-tb .pdtTab-mobile li:nth-child(1),
.sp-tb .pdtTab-mobile li:nth-child(2),
.sp-tb .pdtTab-mobile li:nth-child(3),
.sp-tb .pdtTab-mobile li:nth-child(4){
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.sp-tb .pdtTab-mobile li.selected,
.sp-tb .pdtTab-mobile li.selected a{
background: #888;
color: #fff;
}


.sp-tb .pdtTab-mobile li a{
position: absolute;
display: table-cell;
vertical-align: middle!important;
line-height: 120%;
width: 100%;
height: 50px;
padding-left: 10px;
padding-right: 10px;
top:0;
left:0;

-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center!important;
-webkit-align-items:center;
-ms-align-items: center;
align-items: center!important;

}
.sp-tb .pdtTab-mobile li a:hover{
text-decoration: none;
}

/* pdtTab */

.tabContentsNaireHeader{
}

.tabContentsNaireHeader .tabContentsNaireHeader-outer{
background: #F4E7BA;
}
.tabContentsNaireHeader .tabContentsNaireHeader-inner{
background: url(../img/cmn-pdt-naire-tab-visual.jpg)center center no-repeat;
background-size: 1200px 150px;
height: 150px;
}

.tabContentsNaireHeader .tabContentsNaireNav-outer{
background: url(../img/cmn-pdt-naire-nav-bg.jpg)0 0;
background-size: 100% 100%;
border-bottom:3px solid #000;
}
.tabContentsNaireHeader .tabContentsNaireNav-inner ul.tabContentsNaireNav-list{

}
.tabContentsNaireHeader .tabContentsNaireNav-inner ul.tabContentsNaireNav-list li{
position: relative;
float: left;
width: 16.666%;
height: 54px;
background: url(../img/cmn-pdt-naire-nav-bg.jpg)0 0;
}
.sp .tabContentsNaireHeader .tabContentsNaireNav-inner ul.tabContentsNaireNav-list li{
width: 33.3%;
font-size: 12px;
}



.tabContentsNaireHeader .tabContentsNaireNav-inner ul.tabContentsNaireNav-list li a{
width: 100%;
height: 100%;
line-height: 54px;
position: absolute;
top:0;
left: 0;
text-align: center;
-webkit-transition: all .3s ease;
transition: all .3s ease;
font-weight: bold;
}
.tabContentsNaireHeader .tabContentsNaireNav-inner ul.tabContentsNaireNav-list li a:hover{
text-decoration: none;
background: rgba(255,255,255,0.3);
}



.tabContentsNaireHeader .tabContentsNaireNav-inner ul.tabContentsNaireNav-list li  img.tabContentsNaireNav-icon{
position: absolute;
bottom:0px;
width: 120px;
margin-left: 30px;
}

.tabContentsNaire-imageContainer{
text-align: center;
}
.tabContentsNaire-imageContainer .cap{
}
.tabContentsNaire-imageContainer img{
max-width: 100%;
}

.tabContentsNaire-aboutProduct{
margin-top: 30px;
}
.tabContentsNaire-aboutProduct .left{
width: 50%;
float: left;
text-align: left;
}
.tabContentsNaire-aboutProduct .left img{
max-width: 100%;
}
.tabContentsNaire-aboutProduct .right{
float: right;
width: 45%;
text-align: left!important;
}

.tabContentsNaire-aboutProduct .series-name{
margin-top: 30px;
font-size: 20px;
}
.tabContentsNaire-aboutProduct .series-copy{
font-size: 20px;
}
.tabContentsNaire-aboutProduct .series-function{
}
.sp .tabContentsNaire-aboutProduct .left{
width: 100%;
float: none;
text-align: left;
}
.sp .tabContentsNaire-aboutProduct .left .imgContainer{
width: 70%;
margin: 0 auto!important;
text-align: center;
}
.sp .tabContentsNaire-aboutProduct .left .imgContainer img{
max-width: 100%;
}
.sp .tabContentsNaire-aboutProduct .right{
float: none;
width: 100%;
text-align: left;
}

.tabContentsNaire-hr{
margin-top: 60px;
margin-bottom: 30px;
}

.tabContentsNaire-inner{
}
.tabContentsNaire-inner h3,
.tabContentsNaire-inner h4,
.tabContentsNaire-inner h5{
font-size: 16px;
margin-top: 30px;
margin-bottom: 15px;
}
.tabContentsNaire-inner ul{
margin-bottom: 30px;
}
.tabContentsNaire-inner ul li{
list-style-type: none;
margin-left: 0!important;
}



/*
cmn-pdt-naire-nav-bg.jpg
*/



.pdtBuyOnlineOuter{
margin-top: 50px;
}
.pdtBuyOnlineInner{
max-width: 860px;
margin: 0 auto;
}

.pdtBuyOnlineInner .pdtBuyOnlineInnerPhoto{
text-align: right;
padding-top: 20px;
padding-right: 50px;
padding-bottom: 20px;
float: left;
width: 60%;
}
.pdtBuyOnlineInner .pdtBuyOnlineInnerPhoto img{
width: 70%;
}

.pdtBuyOnlineInner .pdtBuyOnlineInnerTxt{
float: left;
width: 40%;
margin-top: 60px;
padding-left: 40px;
}
.pdtBuyOnlineInner .pdtBuyOnlineInnerTxt p{
font-size: 20px;
}
.sp .pdtBuyOnlineInner{
margin: 0 40px;
}
.sp .pdtBuyOnlineInner .pdtBuyOnlineInnerPhoto{
float: none;
width: 100%;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
text-align: center;
}
.sp .pdtBuyOnlineInner .pdtBuyOnlineInnerPhoto img{
width: 80%;
margin: 0 auto;
}
.sp .pdtBuyOnlineInner .pdtBuyOnlineInnerTxt{
float: none;
width: 100%;
margin-top: 0px;
padding-left: 0px;
}
.sp .pdtBuyOnlineInner .pdtBuyOnlineInnerTxt p{
font-size: 14px!important;
}


/* slider */




/* related slider */

.pdtListRelated .slider div{
position: relative;
}
.pdtListRelated .pdtListBtnPrev,
.pdtListRelated .pdtListBtnNext{
width: 40px;
}
.pdtListRelated .slider{
text-align: center;
width: 100%;
}
.pdtListRelated .slider img{
width: 100%;
}
.pdtListRelated .slick-slide {
margin: 30px 5px;
box-shadow: 0 0 0 1px #fff inset;
padding: 10px 20px 30px 20px ;
transition: 0.3s;
}
.pdtListRelated .slick-slide:hover {
box-shadow: 0 0 0 10px #fff inset;
background: #fff;
}
.pdtListRelated .slick-slide img {
width: 100%;
}
.pdtListRelated .slick-prev:before,
.pdtListRelated .slick-next:before {
/*color: black;*/
}
.pdtListRelated .slider h4{
font-size: 14px;
margin-bottom: 10px;
}
.pdtListRelated .slider p{
font-size: 12px;
line-height: 160%;
margin-bottom: 0;
}
.pdtListRelated .slider a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}



/* border line effect */
.borderLine::after,
.borderLine::before,
.borderLineInner::after,
.borderLineInner::before {
/*background-color: #999;*/
content: '';
display: block;
position: absolute;
z-index: 10;
transition: all .3s ease;
-webkit-transition: all .3s ease;
}
.borderLine::after {height: 1px;left: -1px;top: -1px;width: 0px;}
.borderLine::before {bottom: -1px;height: 1px;right: -1px;width: 0px;}
.borderLineInner::after {bottom: -1px;height: 0px;left: -1px;width: 1px;}
.borderLineInner::before {height: 0px;right: -1px;top: -1px;width: 1px;}
.borderLineContainer div{
position: relative;
}
.borderLineContainer{
}

/* カテゴリトップ MORE */
.pdtCategoryItemMore .borderLine::after,
.pdtCategoryItemMore .borderLine::before,
.pdtCategoryItemMore .borderLineInner::after,
.pdtCategoryItemMore .borderLineInner::before {
background-color: #000;
}
/* horizontalのみ */
.pdtCategoryItem:hover .borderLine::after,
.pdtCategoryItem:hover .borderLine::before {width: 100%;width: calc(100% + 1px);}
/*.pdtCategoryItemMore .borderLineOuter:hover .borderLineInner::after,
.pdtCategoryItemMore .borderLineOuter:hover .borderLineInner::before {height: 100%;height: calc(100% + 1px);}*/
.pdtCategoryItemMore .borderLineOuter{
transition: 0.4s;
}/*
.pdtCategoryItemMore .borderLineOuter:hover{
opacity: 0.6;
}
*/
.pdtCategoryItemMore{
margin-top: 40px;
text-align: center;
width: 200px;
line-height: 280%;
transition: 0.4s;
}
.pdtCategoryItemMore .borderLineOuter{
border-top: 1px solid #BDBDBD;
border-bottom: 1px solid #BDBDBD;
}
.pdtCategoryItemMore .font{
font-size: 12px;
color: #BDBDBD;
}
.pdtCategoryItem:hover .font{
color: #000;
}
.pdtCategoryItem {
overflow: hidden;
}
.pdtCategoryItem img{
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition:       -moz-transform 0.2s ease-out;
-ms-transition:         -ms-transform 0.2s ease-out;
-o-transition:           -o-transform 0.2s ease-out;
transition:                 transform 0.2s ease-out;
}
.pdtCategoryItem:hover img{
-webkit-transition: -webkit-transform 2.5s ease-out;
-moz-transition:       -moz-transform 2.5s ease-out;
-ms-transition:         -ms-transform 2.5s ease-out;
-o-transition:           -o-transform 2.5s ease-out;
transition:                 transform 2.5s ease-out;
-webkit-transform: scale(1.03);
-moz-transform:    scale(1.03);
-ms-transform:     scale(1.03);
-o-transform:      scale(1.03);
transform:         scale(1.03);
}
.pdtCategoryItem{
/*
-webkit-transition: -webkit-transform 1.2s ease-out;
-moz-transition:       -moz-transform 1.2s ease-out;
-ms-transition:         -ms-transform 1.2s ease-out;
-o-transition:           -o-transform 1.2s ease-out;
transition:                 transform 1.2s ease-out;
*/
transition:background 0.6s,color 0.6s;
}
.pdtCategoryItem:hover{
background-blend-mode: screen ;
background-color: #fff ;
}

.showSliderButton{
padding-left: 40px;
padding-right: 40px;
}
.sp .showSliderButton{
padding-left: 20px;
padding-right: 20px;
}


/* 特集 */
.pdtListSpecial .slider .borderLine::after,
.pdtListSpecial .slider .borderLine::before,
.pdtListSpecial .slider .borderLineInner::after,
.pdtListSpecial .slider .borderLineInner::before {
background-color: #999;
}
.pdtListSpecial .slider .borderLineOuter:hover .borderLine::after,
.pdtListSpecial .slider .borderLineOuter:hover .borderLine::before {width: 100%;width: calc(100% + 1px);}
.pdtListSpecial .slider .borderLineOuter:hover .borderLineInner::after,
.pdtListSpecial .slider .borderLineOuter:hover .borderLineInner::before {height: 100%;height: calc(100% + 1px);}
.pdtListSpecial .slider .borderLineOuter{
transition: 0.4s;
}
.pdtListSpecial .slider .borderLineOuter:hover{
opacity: 0.6;
}
/* border line effect */


/* special slider */
.pdtListSpecial .slider div{
position: relative;
}
.pdtListSpecial .pdtListBtnBack,
.pdtListSpecial .pdtListBtnNext{
width: 40px;
}

.pdtListSpecial .slider img{
width: 100%;
}
.pdtListSpecial .slick-slide{
margin: 30px 5px;
padding: 15px ;
}

.pdtListSpecial .slick-slide img {
width: 100%;
}
.pdtListSpecial .slick-prev:before,
.pdtListSpecial .slick-next:before {
}
.pdtListSpecial .slick-next{
margin-top: -35px;
}
.pdtListSpecial .slick-prev{
margin-top: -35px;
}

.pdtListSpecial .slider p{
font-size: 12px;
line-height: 140%;
margin-bottom: 0;
margin-top: 25px;
text-align: left;
}
.pdtListSpecial .slider h4{
font-size: 16px;
text-align: left;
margin-top: 0px;
}
.pdtListSpecial .slider a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.sp .pdtListSpecial .slider p{
font-size: 12px;
line-height: 160%;
margin-bottom: 0;
margin-top: 10px;
text-align: left;
}
.sp .pdtListSpecial .slider h4{
font-size:  14px;
font-weight: bold;
text-align: left;
margin-top: 0px;
margin-top: 10px;
}


.sp .pdtListSpecial .slick-slide{
margin: 30px 0px;
padding: 5px ;
}
.sp .pdtListSpecial .slick-next{
margin-top: -35px;
}
.sp .pdtListSpecial .slick-prev{
margin-top: -35px;
}





/* 特集 */
.cmn2ColumnBannerList{
}
.cmn2ColumnBannerList li{
width: 50%;
float: left;
list-style: none;
margin: 0 ;
padding: 0 15px 30px 15px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.sp .cmn2ColumnBannerList {
margin-top: 30px;
}

.sp .cmn2ColumnBannerList li{
width: 100%;
float: none;
list-style: none;
margin: 0 ;
padding: 0 0px 30px 0px;
}


.cmn2ColumnBannerList li*:before,
.cmn2ColumnBannerList li:after {box-sizing: inherit;}

.cmn2ColumnBannerList li .lead{
margin-top: 15px;
margin-bottom: 0px;
font-size: 13px;
}
.cmn2ColumnBannerList li .title{
margin-top: 5px;
font-size: 16px;
}
.cmn2ColumnBannerList li a{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.cmn2ColumnBannerList li:hover{
opacity: 0.6;
cursor: pointer;
}




.cmnListSpecial2Column .borderLine::after,
.cmnListSpecial2Column .borderLine::before,
.cmnListSpecial2Column .borderLineInner::after,
.cmnListSpecial2Column .borderLineInner::before {
background-color: #999;
}
.cmnListSpecial2Column .borderLineOuter:hover .borderLine::after,
.cmnListSpecial2Column .borderLineOuter:hover .borderLine::before {width: 100%;width: calc(100% + 1px);}
.cmnListSpecial2Column .borderLineOuter:hover .borderLineInner::after,
.cmnListSpecial2Column .borderLineOuter:hover .borderLineInner::before {height: 100%;height: calc(100% + 1px);}
.cmnListSpecial2Column .borderLineOuter{
transition: 0.4s;
}
.cmnListSpecial2Column .borderLineOuter:hover{
opacity: 0.6;
}
/* border line effect */


/* special slider */
.cmnListSpecial2Column .slider div{
position: relative;
}
.cmnListSpecial2Column .pdtListBtnBack,
.cmnListSpecial2Column .pdtListBtnNext{
width: 40px;
}

.cmnListSpecial2Column .slider img{
width: 100%;
}
.cmnListSpecial2Column .slick-slide{
margin: 0px 5px;
padding: 15px ;
}
.cmnListSpecial2Column .slick-slide img {
width: 100%;
}
.cmnListSpecial2Column .slick-prev:before,
.cmnListSpecial2Column .slick-next:before {
}
.cmnListSpecial2Column .slick-next{
margin-top: -35px;
}
.cmnListSpecial2Column .slick-prev{
margin-top: -35px;
}
.cmnListSpecial2Column-caseStudy .slider .title{
font-size: 16px;
text-align: left;
margin-top: 20px;
margin-bottom: 0px;
}
.cmnListSpecial2Column-caseStudy .slider .lead{
font-size: 13px;
line-height: 180%;
margin-bottom: 0;
margin-top: 10px;
text-align: left;
}

.cmnListSpecial2Column-caseStudy .slider a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}



/* 特集 */
.cmnListSpecial3Column .slider .borderLine::after,
.cmnListSpecial3Column .slider .borderLine::before,
.cmnListSpecial3Column .slider .borderLineInner::after,
.cmnListSpecial3Column .slider .borderLineInner::before {
background-color: #999;
}
.cmnListSpecial3Column .slider .borderLineOuter:hover .borderLine::after,
.cmnListSpecial3Column .slider .borderLineOuter:hover .borderLine::before {width: 100%;width: calc(100% + 1px);}
.cmnListSpecial3Column .slider .borderLineOuter:hover .borderLineInner::after,
.cmnListSpecial3Column .slider .borderLineOuter:hover .borderLineInner::before {height: 100%;height: calc(100% + 1px);}
.cmnListSpecial3Column .slider .borderLineOuter{
transition: 0.4s;
}
.cmnListSpecial3Column .slider .borderLineOuter:hover{
opacity: 0.6;
}
/* border line effect */


/* special slider */
.cmnListSpecial3Column .slider div{
position: relative;
}
.cmnListSpecial3Column .pdtListBtnBack,
.cmnListSpecial3Column .pdtListBtnNext{
width: 40px;
}

.cmnListSpecial3Column .slider img{
width: 100%;
}
.cmnListSpecial3Column .slick-slide{
margin: 0px 5px;
padding: 15px ;
}
.cmnListSpecial3Column .slick-slide img {
width: 100%;
}
.cmnListSpecial3Column .slick-prev:before,
.cmnListSpecial3Column .slick-next:before {
}
.cmnListSpecial3Column .slick-next{
margin-top: -35px;
}
.cmnListSpecial3Column .slick-prev{
margin-top: -35px;
}
.cmnListSpecial3Column-caseStudy .slider .title{
font-size: 16px;
text-align: left;
margin-top: 20px;
margin-bottom: 0px;
}
.cmnListSpecial3Column-caseStudy .slider .lead{
font-size: 13px;
line-height: 180%;
margin-bottom: 0;
margin-top: 10px;
text-align: left;
}

.cmnListSpecial3Column-caseStudy .slider a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}





/* special slider */

.cmnContentsTitle,
.pdtContentsTitle,
.naireContentsTitle{
text-align: center;
font-size: 18px;
font-weight: bold;
margin: 30px 0 30px 0;
}
.pdtContentsTitleSerchResult .font.number{
margin-left: 5px;
margin-right: 5px;
letter-spacing: 0.1em;
font-size: 20px;
color: #3FAE2A;
}

.cmnContentsTitle-withLead{
text-align: center;
font-size: 18px;
font-weight: bold;
margin: 30px 0 10px 0;
}
.sp .cmnContentsTitle,
.sp .pdtContentsTitle,
.sp .naireContentsTitle,
.sp .cmnContentsTitle-withLead{
padding-left: 30px;
padding-right: 30px;
}


.cmnContentsTitle.topRecommendContentsTitle{
margin: 0px 0 40px 0;
padding: 0;
}
.sp .cmnContentsTitle.topRecommendContentsTitle{
margin: 40px 0 40px 0;
padding: 0;
}
.cmnContentsTitleLeft{
text-align: left;
font-size: 18px;
font-weight: bold;
margin: 30px 0 30px 0!important;
}



.pdtReleaseList li{
list-style: none;
margin: 10px auto;
padding: 12px 30px;
}
.pdtReleaseList li span.date{
margin-right: 20px;
}
.pdtReleaseList li:nth-child(odd){
background: #F2F2F2;
}

.sp .pdtReleaseList li{
list-style: none;
margin: 10px auto;
padding: 12px 20px;
}
.sp .pdtReleaseList li span.date{
display: block;
margin-right: 0px;
font-size: 12px;
}



.pdtReleaseList  a{
color: #6FA700;
text-decoration: none;
}
.pdtReleaseList  a:hover{
color: #6FA700;
text-decoration: underline;
}
.pdtReleaseList  a:visited{
color: #6FA700;
text-decoration: underline;
}



/* Users */
.pdtSpecList{
}
.pdtSpecList h3{
font-size: 20px;
font-weight: normal;
margin-bottom: 20px;
}
.pdtSpecList li{
padding-top:0px;
margin-bottom: 40px;
padding-bottom: 20px;
background: url(../img/cmn-bg-grad-pdtList.jpg);
background-position: left bottom;
background-repeat: no-repeat;
background-repeat-x: none;
background-repeat-y: none;
background-size:100% 1px;
}

.pdtSpecList p{
line-height: 180%;
}
.pdtSpecList p.caption{
margin-bottom: 5px;
color: #777;
line-height: 160%;
font-size: 12px;
margin-left: 1em;
text-indent: -0.6em;
}

table.pdtNaireSpecTable,
table.pdtNaireFormTable	{
width: 100%;
background: #fff;
font-size: 12px;
margin-left: 0!important;
}
.sp table.pdtNaireSpecTable,
.sp table.pdtNaireFormTable	{
width: 100%!important;
margin: 0!important;
padding: 0!important;
}

table.pdtNaireSpecTable th,
table.pdtNaireSpecTable td,
table.pdtNaireFormTable th,
table.pdtNaireFormTable td{
padding: 10px 20px;
border: 1px solid #ddd;
vertical-align: top;
}
table.pdtNaireSpecTable th,
table.pdtNaireFormTable th{
background: #f4f4f4;
width: 160px;
text-align: left;
}
table.pdtNaireFormTable th.th-textarea{
vertical-align: top;
}

.sp table.pdtNaireSpecTable	{
overflow: scroll;
}
.sp table.pdtNaireSpecTable th{
width: 160px;
display: table-cell;
}
.sp table.pdtNaireSpecTable td{
width: 280px;
display: table-cell;
}


.pdtTabNaireFormContainer .required,
table.pdtNaireFormTable th span.required{
font-size: 12px;
color: #ff0066;
margin-left: 6px;
}

.input-required{
background: #FFC9CE;
}

table.pdtNaireFormTable td .required{
margin-left: 0px;

}

table.pdtNaireFormTable input[type=checkbox],
table.pdtNaireFormTable input[type=radio]{
width: 20px;
}

table.pdtNaireFormTable input[type=text],
table.pdtNaireFormTable input[type=email]{
padding: 7px 15px;
}
table.pdtNaireFormTable input[type=text],
table.pdtNaireFormTable input[type=email],
table.pdtNaireFormTable textarea{
width: 520px;
}
.sp table.pdtNaireFormTable input[type=text],
.sp table.pdtNaireFormTable input[type=email],
.sp table.pdtNaireFormTable textarea{
width: 100%;
}
table.pdtNaireFormTable textarea{
height: 130px;
padding: 10px;
font-size: 12px;
border:1px solid #ccc;
}
table.pdtNaireFormTable span.note{
display: block;
font-size: 10px;
color: #999;
padding-top: 3px;
padding-left: 10px;
}
table.pdtNaireFormTable select{
}


@media only screen and (max-width:780px){
    table.pdtNaireFormTable	{ margin: 0 -10px; }
    table.pdtNaireFormTable th,
    table.pdtNaireFormTable td{
		width: 100%;
		display: block;
		border-top: none;
    }
	table.pdtNaireFormTable tr:first-child th	{ border-top: 1px solid #ddd; }
}


.pdtTabNaireFormContainer h4,
.pdtTabNaireFormContainer h5{
padding-top: 0;
}
.pdtTabNaireFormContainer h4.title-option{
padding-top: 20px!important;
font-weight: normal;
font-size: 14px;
font-weight: bold;
}
.pdtTabNaireFormContainer h4.title-questionnaire{
padding-top: 20px;
}
.pdtTabNaireForm-productContainer,
.pdtTabNaireForm-customerContainer{
background: #eee;
margin-top: 30px;
padding: 30px 30px 30px 30px;
}
.sp .pdtTabNaireForm-productContainer,
.sp .pdtTabNaireForm-customerContainer{
padding: 15px;
}
.pdtTabNaireForm-customerContainer-titleContainer .title{
float: left;
}
.pdtTabNaireForm-customerContainer-titleContainer .cookieNotice{
float: left;
font-size: 12px;
padding-left: 30px;
}
.pdtTabNaireForm-customerContainer-titleContainer .btn{
float: right;
}
.pdtTabNaireForm-customerContainer-titleContainer .btn{
float: right;
font-size: 12px;
padding: 12px 15px;
border: 1px solid #ccc;
margin-top: -12px;
background: #fff;
position: relative;
}
.pdtTabNaireForm-customerContainer-titleContainer .btn:hover{
background: #ccc;
}
.pdtTabNaireForm-customerContainer-titleContainer .btn a{
width: 100%;
height: 100%;
top:0;
left: 0;
position: absolute;
}
.sp .pdtTabNaireForm-customerContainer-titleContainer .title{
float: none;
}
.sp .pdtTabNaireForm-customerContainer-titleContainer .cookieNotice{
float: none;
padding-left: 0px;
}
.sp .pdtTabNaireForm-customerContainer-titleContainer .btn{
float: none;
text-align: center;
padding: 12px 15px;
max-width: 50%;
margin: 0 auto 30px auto;
}


/*
.btnAddProductsContainer{
margin-top: 20px;
}
*/
.pdtTabNaireFormContainer button.btnAddProducts{
background: #eee;
border: 1px solid #ccc;
padding: 10px 30px;
}
.pdtTabNaireFormContainer button.btnAddProducts:hover{
cursor: pointer;
background: #d6d6d6;
}
.pdtTabNaireFormContainer .cookieNoticeContainer{
text-align: center;
margin-top: 15px;
padding: 15px 15px 0px 15px !important;
}
.pdtTabNaireFormContainer .cookieNoticeContainer p{
text-align: center;
width: 70%;
display: block;
margin: 0 auto;
}
.pdtTabNaireFormContainer .cookieNoticeContainer p.cap{
font-size: 12px;
margin-bottom: 0;
}

.pdtTabNaireFormContainer .btnConfirmContainer{
background: #eee;
text-align: center;
margin-top: 30px;
padding: 15px !important;
}
.pdtTabNaireFormContainer .btnConfirm{
border: none;
padding: 10px 30px;
font-size: 12px;
color: #fff;
background: linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -webkit-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -moz-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -o-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -ms-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
-webkit-transition:background 1s,color 1s;
transition:background 1s,color 1s;
}
.pdtTabNaireFormContainer .btnConfirm:hover{
cursor: pointer;
background: linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
background: -webkit-linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
background: -moz-linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
background: -o-linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
background: -ms-linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
-webkit-transition:background 1s,color 1s;
transition:background 1s,color 1s;
}



.cmnFormContainer{
background: #eee;
margin-top: 30px;
padding: 20px 30px 30px 30px;
}
.cmnFormContainer .title{
margin-bottom: 15px;
}
.cmnFormContainer .title-mid{
margin-top: 15px;
margin-bottom: 15px;
}

.cmnFormContainer p.notice{
font-size: 12px;
margin-bottom: 10px;
}
.cmnFormContainer .required{
color: red;
}

.sp .cmnFormContainer{
padding: 15px;
}

.cmnFormContainer .btnConfirmContainer{
background: #eee;
text-align: center;
margin-top: 10px;
padding: 15px 15px 0px 15px !important;
}
.cmnFormContainer .btnConfirm{
border: none;
padding: 10px 30px;
font-size: 12px;
color: #fff;
background: linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -webkit-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -moz-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -o-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
background: -ms-linear-gradient(top, #BADB1D 0%, #97CA24 100%);
-webkit-transition:background 1s,color 1s;
transition:background 1s,color 1s;
}
.cmnFormContainer .btnConfirm:hover{
cursor: pointer;
background: linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
background: -webkit-linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
background: -moz-linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
background: -o-linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
background: -ms-linear-gradient(bottom, #BADB1D 0%, #97CA24 100%);
-webkit-transition:background 1s,color 1s;
transition:background 1s,color 1s;
}




table.cmnFormTable	{
width: 100%;
background: #fff;
font-size: 12px;
margin-left: 0!important;
}

.sp table.cmnFormTable	{
width: 100%!important;
margin: 0!important;
padding: 0!important;
}


table.cmnFormTable th,
table.cmnFormTable td{
padding: 10px 20px;
border: 1px solid #ddd;
vertical-align: top;

}

table.cmnFormTable th{
background: #f4f4f4;
width: 160px;
text-align: left;
}
table.cmnFormTable th.th-textarea{
vertical-align: top;
}


table.cmnFormTable th span.required{
font-size: 12px;
color: #ff0066;
margin-left: 6px;
}

.input-required{
background: #FFC9CE;
}

table.cmnFormTable td .required{
margin-left: 0px;

}

table.cmnFormTable input[type=checkbox],
table.cmnFormTable input[type=radio]{
width: 20px;
}

table.cmnFormTable input[type=text],
table.cmnFormTable input[type=email]{
padding: 7px 15px;
}
table.cmnFormTable input[type=text],
table.cmnFormTable input[type=email],
table.cmnFormTable textarea{
width: 520px;
}
.sp table.cmnFormTable input[type=text],
.sp table.cmnFormTable input[type=email],
.sp table.cmnFormTable textarea{
width: 100%;
}
table.cmnFormTable textarea{
height: 130px;
padding: 10px;
font-size: 12px;
border:1px solid #ccc;
}
table.cmnFormTable span.note{
display: block;
font-size: 10px;
color: #999;
padding-top: 3px;
padding-left: 10px;
}
table.cmnFormTable select{
}


@media only screen and (max-width:780px){
    table.cmnFormTable	{ margin: 0 -10px; }
    table.cmnFormTable th,
    table.cmnFormTable td{
		width: 100%;
		display: block;
		border-top: none;
    }
	table.cmnFormTable tr:first-child th	{ border-top: 1px solid #ddd; }
}


.wpcf7-validation-errors{
text-align: center;
padding: 20px;
color: red;
font-size: 14px;
border: none!important;
}
.wpcf7-mail-sent-ok{
text-align: center;
padding: 20px;
color: #9cb23;
font-weight: bold;
font-size: 14px;
border: none!important;
}





.pdtCodeTableContainer .sale{
font-size: 12px;
margin: 20px 0 0 25px;
}

table.pdtCodeTable{
width: 100%;
border-top: 1px solid #CBCBCB;
border-bottom: 1px solid #CBCBCB;
text-align: left;
font-size: 12px;
border-collapse: separate;
border-spacing: 3px;
}

table.pdtCodeTable td,
table.pdtCodeTable th{
padding: 0px 0px 0px 20px ;
}
table.pdtCodeTable th{
color: #777;
padding-top: 12px;
}
table.pdtCodeTable tr:last-child td{
padding-bottom: 12px;
}
table.pdtSpecTable{
text-align: left;
font-size: 12px;margin-bottom: 40px;
width: 100%;
}
table.pdtSpecTable th{
font-weight: bold;
}
table.pdtSpecTable th,
table.pdtSpecTable td{
padding-top: 5px;
padding-bottom: 5px;
}
table.pdtSpecTable th{
padding-left: 30px;
}
table.pdtSpecTable td{
padding-left: 10px;
}
table.pdtSpecTable tr:nth-child(odd) {
background-color: #f3f3f3;
}


.sp table.pdtSpecTable th,
.sp table.pdtSpecTable td{
display: block;
padding: 7px 10px 7px 20px ;
margin: 0;
padding-left: 20px;
}
.sp table.pdtSpecTable tr:nth-child(odd) {
background-color: #fff!important;
}
.sp table.pdtSpecTable th {
background-color: #f3f3f3;
}

.sp #searchResult .contentsInner{

padding-left: 0!important;
padding-right: 0!important;
}

table.cmnSupportTable,
table.pdtSupportTable{
width: 100%;
border-collapse: collapse;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
position: relative;
}

.sp table.cmnSupportTable,
.sp table.pdtSupportTable{
width: 100%;

}

table.cmnSupportTable th a,
table.pdtSupportTable th a,
table.cmnSupportTable th a:hover,
table.pdtSupportTable th a:hover,
table.cmnSupportTable th a:visited,
table.pdtSupportTable th a:visited{
color: #6FA700;
text-decoration: none;
}


table.cmnSupportTable .caption,
table.pdtSupportTable .caption{
font-size: 10px;
margin-left: 30px;
color: #777;
}
.sp table.cmnSupportTable .caption{
display: block;
margin-left: 0px;
}
table.cmnSupportTable ul.model-number  li,
table.pdtSupportTable ul.model-number  li{
font-size: 10px;
color: #666;
line-height: 180%!important;
display: block;
padding-left: 0!important;
margin-left: 0!important;
}
.sp table.cmnSupportTable ul.model-number,
.sp table.pdtSupportTable ul.model-number{
margin-top: 10px;

}
.sp table.cmnSupportTable ul.model-number li,
.sp table.pdtSupportTable ul.model-number li{
font-size: 10px;
color: #666;
line-height: 180%!important;
padding-left: 0!important;
margin-left: 0!important;
float: left;
}
.sp table.cmnSupportTable ul.model-number li:after,
.sp table.pdtSupportTable ul.model-number li:after{
content: '　/　';
}
.sp table.cmnSupportTable ul.model-number li:last-child:after,
.sp table.pdtSupportTable ul.model-number li:last-child:after{
content: '';
}

table.cmnSupportTable td.td-btn,
table.pdtSupportTable td.td-btn{
vertical-align: middle;
min-width: 220px;
}



table.cmnSupportTable thead th,
table.pdtSupportTable thead th{
color: #666;
font-size: 12px;
font-weight: bold;
}
table.cmnSupportTable thead th,
table.pdtSupportTable thead th{
padding: 6px 5px 6px 20px ;
}
table.cmnSupportTable th,
table.cmnSupportTable td,
table.pdtSupportTable th,
table.pdtSupportTable td{
padding: 15px 5px 15px 20px ;
position: relative;
}
table.cmnSupportTable thead tr,
table.pdtSupportTable thead tr{
background: #fff!important;
}
table.cmnSupportTable tr:nth-child(odd),
table.pdtSupportTable tr:nth-child(odd){
background: #F2F2F2;
}
table.cmnSupportTable th:nth-child(even),
table.pdtSupportTable th:nth-child(even){
}
table.cmnSupportTable th,
table.pdtSupportTable th{
}

.sp table.cmnSupportTable,
.sp table.pdtSupportTable{
display: block;
}
.sp table.cmnSupportTable thead,
.sp table.pdtSupportTable thead{
display: none;
}
.sp table.cmnSupportTable tbody,
.sp table.pdtSupportTable tbody{
display: block;
}
.sp table.cmnSupportTable tbody tr,
.sp table.pdtSupportTable tbody tr{
display: block;
margin-bottom: 1.5em;
}
.sp table.cmnSupportTable tbody th,
.sp table.cmnSupportTable tbody td,
.sp table.pdtSupportTable tbody th,
.sp table.pdtSupportTable tbody td{
display: block;
border: none;
}
.sp table.cmnSupportTable tbody th,
.sp table.pdtSupportTable tbody th{
margin-bottom: 5px;
list-style-type: none;
color: #333;
}
.sp table.cmnSupportTable tbody td,
.sp table.pdtSupportTable tbody td{
margin-left: 20px;
padding: 0;
}

.tb table.cmnSupportTable tbody td.td-btn,
.tb table.pdtSupportTable tbody td.td-btn{
min-width: 220px;
padding-top: 20px;
height: 70px;
}


.sp table.cmnSupportTable tbody td.td-btn,
.sp table.pdtSupportTable tbody td.td-btn{
min-width: 200px;
padding-top: 20px;
height: 70px;
}

.cmnSupportTable .version,
.pdtSupportTable .version{
font-size: 12px;
margin-left: 10px;

}

/* FAQ NEWS tab */



.globalTopNewsContainer,
.faqContainer{
margin-top: 50px;
overflow: hidden;
margin-bottom: 50px;
}
.globalTopNewsContainer{
margin-top: 70px;
}

.globalTopNewsContainer-infomationColumn{
  float: left;
  width: 33.3%;
}
.globalTopNewsContainer-mainColumn{
float: right;
width: 100%;
margin: 0 0 0 -33.3%;
}
.globalTopNewsTabContents-newsRelease,
.globalTopNewsTabContents-backNumber{
border-left:1px solid #dddddd;
}
.globalTopNewsContainer-mainColumnInner{
margin: 0 0 0 33.3%;
}


.sp .globalTopNewsContainer-infomationColumn{
  float: none;
  width: 100%;
  border-top:1px solid #dddddd;
  margin-top: 40px;
}
.sp .globalTopNewsContainer-mainColumn{
float: none;
width: 100%;
margin: 0 0 0 0%;
}
.sp .globalTopNewsTabContents-newsRelease,
.sp .globalTopNewsTabContents-backNumber{
border-left:none;
}
.sp .globalTopNewsContainer-mainColumnInner{
margin: 0 0 0 0%;
}



/* お知らせ */
dl.globalTopNewsList-information{
margin: 40px 40px 0 40px ;
line-height: 150%!important;
}
.sp dl.globalTopNewsList-information{
margin: 20px 20px 0 20px ;
line-height: 150%!important;
}
dl.globalTopNewsList-information dt{
font-size: 12px;
margin-bottom: 8px;
}
dl.globalTopNewsList-information dd{
font-size: 14px;
margin-bottom: 25px;
line-height: 150%!important;
}
/* ニュースリリース */
dl.globalTopNewsList-newsRelease{
margin: 0px 40px 0 70px ;
padding-top: 10px;
}
dl.newsList-newsRelease{
margin: 0px 40px 0 30px ;
padding-top: 10px;
}
.sp-tb .globalTopNewsList-newsRelease{
margin: 0px 0px 0 20px ;
padding-top: 10px;
}
.sp-tb dl.newsList-newsRelease{
margin: 0px 0px 0 0px ;
padding-top: 10px;
}

dl.newsList-newsRelease dt,
dl.globalTopNewsList-newsRelease dt{
float: left;
clear : both;
min-width: 120px;
}

dl.newsList-newsRelease dt img,
dl.globalTopNewsList-newsRelease dt img{
max-width: 120px;
margin-top: 20px;
}
dl.globalTopNewsList-newsRelease dd{
float: left;
max-width: 500px;
}



dl.newsList-newsRelease dd{
float: left;
max-width: 80%;
}
dl.newsList-newsRelease dd p,
dl.globalTopNewsList-newsRelease dd p{
margin-top: 20px;
margin-left: 30px;
line-height: 150%!important;
}
dl.newsList-newsRelease dd p.date,
dl.globalTopNewsList-newsRelease dd p.date{
font-size: 12px;
margin-top: 25px;
margin-bottom: 10px;
}
dl.newsList-newsRelease dd p.news,
dl.globalTopNewsList-newsRelease dd p.news{
font-size: 14px;
margin-top: 0px;
margin-bottom: 0px;
}
dl.newsList-newsRelease dt img{
}
dl.newsList-newsRelease dt .no-image,
dl.globalTopNewsList-newsRelease dt .no-image{
height: 120px;
vertical-align: middle;
display: table-cell;
}


.sp dl.newsList-newsRelease dt img,
.sp dl.globalTopNewsList-newsRelease dt img{
margin-left: 20px!important;
max-width: 80px!important;
margin-top: 30px!important;
}
.sp dl.newsList-newsRelease,
.sp dl.globalTopNewsList-newsRelease{
padding: 0!important;
margin: 0!important;
}

.sp dl.newsList-newsRelease dt,
.sp dl.globalTopNewsList-newsRelease dt{
float: left;
width: 30%!important;
max-width: 30%!important;
padding: 0!important;
margin: 0!important;
}

.sp dl.newsList-newsRelease dd,
.sp dl.globalTopNewsList-newsRelease dd{
float: left;
width: 67%!important;
max-width: 67%!important;
padding: 0!important;
margin: 0!important;
}

.sp dl.newsList-newsRelease dd p,
.sp dl.globalTopNewsList-newsRelease dd p{
margin-top: 20px;
margin-left: 0px;
line-height: 150%!important;
padding-right: 10px;
}
.sp dl.newsList-newsRelease dd p.date,
.sp dl.globalTopNewsList-newsRelease dd p.date{
font-size: 12px;
margin-top: 25px;
margin-bottom: 10px;
}
.sp dl.newsList-newsRelease dd p.news,
.sp dl.globalTopNewsList-newsRelease dd p.news{
font-size: 14px;
margin-top: 0px;
margin-bottom: 0px;
}
.sp dl.newsList-newsRelease dt .no-image,
.sp dl.globalTopNewsList-newsRelease dt .no-image{
height: 120px;
vertical-align: middle;
display: table-cell;
}





dl.newsList-newsRelease dd .icon-newProduct,
dl.globalTopNewsList-newsRelease dd .icon-newProduct,
dl.newsList-newsRelease dd .icon-newProductInformation,
dl.globalTopNewsList-newsRelease dd .icon-newProductInformation{
background: #3FAE2A;
font-size: 10px;
padding: 2px 8px;
margin-top: -3px;
color: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
margin-left: 20px;
}
dl.newsList-newsRelease dd .icon-newProductInformation,
dl.globalTopNewsList-newsRelease dd .icon-newProductInformation{
background: #99CCFF;
}

dl.newsList-newsRelease dd .icon-news,
dl.globalTopNewsList-newsRelease dd .icon-news{
background: #34CE97;
font-size: 10px;
padding: 2px 8px;
margin-top: -3px;
color: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
margin-left: 20px;
}


.globalTopNewsTitle-information{
position: relative;
}
.globalTopNewsTitle-newsRelease {
position: relative;
}
.globalTopNewsTitle-newsRelease span.btn,
.globalTopNewsTitle-information span.btn{
position: absolute;
display: block;
top: 20px;
font-weight: normal;
font-size: 12px;
}
.sp .globalTopNewsTitle-newsRelease span.btn{
display: none;
}

.globalTopNewsTitle-information span.btn{
right: 40px;
}
.globalTopNewsTitle-newsRelease span.btn{
right: 30px;
}


.faqSearchContainer-left {
  float: left;
  width: 180px;
  background: #EFEFEF;
}
 .faqSearchContainer-right {
  float: right;
  width: 100%;
  margin: 0 0 0 -180px;
}
 .faqSearchContainer-main {
  margin: 0 0 0 200px;
  background: #EFEFEF;
}


.sp-tb .faqSearchContainer-left {
  float: none;
  width: 100%;
  background: #EFEFEF;
  text-align: center;
  padding-top: 10px;
  margin-top: 0;
}
.sp-tb .faqSearchContainer-left h2{
margin-bottom: 0;
padding: 0;
}
.sp-tb .faqSearchContainer-right {
  float: none;
  width: 100%;
  margin: 0 0 0 0px;
}
.sp-tb  .faqSearchContainer-main {
  margin: 0 0 0 0px;
  background: #EFEFEF;
  position: relative;
}



.faqElement-keyword .faqSearchContainer-left {
  float: left;
  width: 180px;
  background: none;
}
.faqElement-keyword .faqSearchContainer-right {
  float: right;
  width: 100%;
  margin: 0 0 0 -180px;
}
.faqElement-keyword .faqSearchContainer-main {
  margin: 0 0 0 200px;
  background: none;
}

.sp-tb .faqElement-keyword .faqSearchContainer-left {
  float: none;
  width: 100%;
  background: none;
}
.sp-tb .faqElement-keyword .faqSearchContainer-right {
  float: none;
  width: 100%;
  margin: 0 0 0 0px;
}
.sp-tb .faqElement-keyword .faqSearchContainer-main {
  margin: 0 0 0 0px;
  background: none;
}



.faqContainer-mainColumn{
  float: left;
  width: 100%;
  margin: 0 -30% 0 0;
}
.faqContainer-mainColumnInner{
  margin: 0 30% 0 0;
}
.faqContainer-sideColumn{
  float: right;
  width: 30%;
}

.sp-tb .faqContainer-mainColumn{
  float: none;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0;
}
.sp-tb .faqContainer-mainColumnInner{
  margin: 0 0 0 0;
}
.sp-tb .faqContainer-sideColumn{
  float: none;
  width: 100%;
}



.faqTitle-keyword,
.faqTitle-category{
font-size: 16px;
font-weight: bold;
line-height: 200%;
margin-left: 60px;
}
.faqTitle-keyword{
margin-top: 41px;
}
.faqTitle-category{
margin-top: 30px;
margin-bottom: 20px;
}

.faqElement-keyword .faqTitle-keyword{
font-size: 16px;
margin-left: 60px;
}

.sp-tb .faqTitle-keyword,
.sp-tb .faqTitle-category{
line-height: 100%;
margin-left: 0px;
margin-top: 10px!important;
padding: 0!important;
text-align: center;
}
.sp-tb .faqTitle-category{
margin-top: 30px!important;
}

.globalTopNewsTitle-information,
.globalTopNewsTitle-newsRelease,
.globalTopNewsTitle-backNumber,
.faqTitle-sortBydate,
.faqTitle-sortByNotice,
.faqTitle-frequently,
.faqTitle-products{
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 140%;
padding-top: 18px;
padding-bottom: 18px;
}
.faqTitle-sideColumn{
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 140%;
padding-top: 18px;
padding-bottom: 18px;
}
.faqTitle-sideColumn.left{
text-align: left;
}

.faqTab{
overflow:hidden;
}
.newsTab li,
.faqTab li{
float:left;;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
background: linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -webkit-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -moz-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -o-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -ms-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
position: relative;
}
nav.faqTab{
padding-left: 20px;
}
.sp nav.newsTab,
.sp nav.faqTab{
padding-left: 0px;
}

.newsTab li,
.faqTab li{
width: 49.5%;
}
.sp .newsTab li,
.sp .faqTab li{
width: 50%;
}
.newsTab li.selected,
.faqTab li.selected{
border-top:1px solid #dddddd;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
background: #fff;
}
.newsTab li:not(.selected):hover{
background: #ECECEC;
}
.faqTab li:not(.selected):hover{
background: #ECECEC;
}
.faqTab li{
overflow: hidden;
position: relative;
}

.newsTab li:not(.selected) a,
.faqTab li:not(.selected) a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




ul.faqList{
padding: 0!important;
margin: 0!important;
}

ul.faqList li:nth-child(even){
background: #F6F6F6;
}
ul.faqList li p{
margin: 0;
}
ul.faqList li a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
ul.faqList li{
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
list-style-type: none!important;
}
ul.faqList li:hover {
background: #eee!important;
}

ul.faqList .faqList-question{
padding-top: 12px;
padding-left: 45px;
font-size: 14px;
color: #91BB1C;
font-weight: bold;
background: url(../svg/svg-icon-faqQuestion.svg) 15px 14px no-repeat;
background-size: 22px 24px;
}
ul.faqList .faqList-number,
ul.faqList .faqList-date{
color: #666;
font-size: 12px;
padding-top: 0px;
padding-bottom: 12px;
}
ul.faqList .faqList-number{
float: left;
width: 60%;
padding-left: 45px;
}
ul.faqList .faqList-date{
float: right;
text-align: right;
width: 25%;
padding-right: 25px;
}

.sp ul.faqList .faqList-number{
float: none;
width: 100%;
margin:10px 0 0 0!important;
padding-left: 45px;
line-height: 160%;
}
.sp ul.faqList .faqList-date{
float: none;
text-align: left;
width: 100%;
margin: 0!important;
padding-top: 0!important;
padding-left: 50px;
}



ul.faqList.faqList-pdtDetailPage{
}
ul.faqList.faqList-pdtDetailPage li{
margin-left: 0!important;
width: 50%;
float: left;
display: block;
}
.sp ul.faqList.faqList-pdtDetailPage li{
margin-left: 0!important;
width: 100%;
float: none;
display: block;
}
ul.faqList.faqList-pdtDetailPage li:nth-child(even){
background: none;
}
ul.faqList.faqList-pdtDetailPage  li:nth-child(1),
ul.faqList.faqList-pdtDetailPage  li:nth-child(2),
ul.faqList.faqList-pdtDetailPage  li:nth-child(5),
ul.faqList.faqList-pdtDetailPage  li:nth-child(6),
ul.faqList.faqList-pdtDetailPage  li:nth-child(9),
ul.faqList.faqList-pdtDetailPage  li:nth-child(10),
ul.faqList.faqList-pdtDetailPage  li:nth-child(13),
ul.faqList.faqList-pdtDetailPage  li:nth-child(14){
background: #F6F6F6;
}
.sp ul.faqList.faqList-pdtDetailPage  li:nth-child(1),
.sp ul.faqList.faqList-pdtDetailPage  li:nth-child(2),
.sp ul.faqList.faqList-pdtDetailPage  li:nth-child(5),
.sp ul.faqList.faqList-pdtDetailPage  li:nth-child(6),
.sp ul.faqList.faqList-pdtDetailPage  li:nth-child(9),
.sp ul.faqList.faqList-pdtDetailPage  li:nth-child(10),
.sp ul.faqList.faqList-pdtDetailPage  li:nth-child(13),
.sp ul.faqList.faqList-pdtDetailPage  li:nth-child(14){
background: none;
}
.sp ul.faqList.faqList-pdtDetailPage  li:nth-child(2n+1){
background: #F6F6F6;
}


ul.faqList.faqList-pdtDetailPage .faqList-number{
font-size: 12px;
}

.pdtDetailPage-tabContents-faqTitleContainer .title{
float: left;
}
.pdtDetailPage-tabContents-faqTitleContainer .name-siries{
float: left;
padding-left: 40px;
}
.pdtDetailPage-tabContents-faqTitleContainer .number{
float: left;
display: block;
padding-left: 30px;
margin-top: -3px;
}
.pdtDetailPage-tabContents-faqTitleContainer .number .font{
font-size: 20px;
padding-left: 10px;
padding-right: 3px;
color : #3FAE2A;
letter-spacing: 0.1em;
}
.sp .pdtDetailPage-tabContents-faqTitleContainer .title{
float: none;
}
.sp .pdtDetailPage-tabContents-faqTitleContainer .name-siries{
float: none;
padding-left: 0px;
}
.sp .pdtDetailPage-tabContents-faqTitleContainer .number{
float: none;
display: block;
padding-left: 0px;
margin-top: -3px;
}

.faqElement-tofaq-pdtDetailPage{
background: #f5f5f5;
margin: 30px 0 0 0 !important;
padding:0!important;
}
.faqElement-tofaq-pdtDetailPage .btn{
background: #3FAE2A!important;
border: none!important;
color: #fff!important;
}
.faqElement-tofaq-pdtDetailPage .btn:hover{
opacity: 0.7;
}




ul.faqListFrequently{
margin-top: 10px;
margin-bottom: 30px;
}
ul.faqListFrequently li{
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

ul.faqListFrequently li a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

ul.faqListFrequently li:hover {
background: #eee!important;
}


ul.faqListFrequently li:nth-child(even){
background: #f6f6f6;
}
.faqListFrequently-number{
float: left;
text-align: center;
color: #999;
font-size: 14px;
width: 40px;
padding-top: 5px;
}
.faqListFrequently-main{
  float: right;
  width: 100%; 
  margin: 0 0 0 -40px;
}
.faqListFrequently-contents {
  margin: 0 0 0 40px;
}

.faqListFrequently-question{
font-size: 12px;
font-weight: bold;
line-height: 160%;
margin-top: 10px;
margin-bottom: 4px;
padding-right: 20px;
}
.faqListFrequently-series{
font-size: 10px;
margin-bottom: 10px;
padding-right: 20px;
}


ul.faqListDecending{
margin-top: 10px;
margin-bottom: 30px;
}
ul.faqListDecending li:nth-child(odd){
background: #f6f6f6;
}
ul.faqListDecending li{
position: relative;
padding: 7px 10px 7px 30px;
font-size: 12px;
font-weight: bold;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
ul.faqListDecending li a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
ul.faqListDecending li:hover {
background: #eee!important;
}


ul.faqList{
/*
padding: 30px 20px 30px 60px;
*/
}

.faqElement{
position: relative;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 30px;
margin-right: 10px;
}

.sp .faqElement{
position: relative;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
}


.faqElement-faqList{
}
.faqElement-searchByCategory,
.faqElement-contact,
.faqElement-feedback,
.faqElement-keyword{
/*background: #f6f6f6;*/
background: #efefef;
}

.faqContainer-sideColumn > h2,
.faqContainer-sideColumn > h3,
.faqContainer-sideColumn > h4,
.faqContainer-sideColumn > h5,
.faqContainer-sideColumn > ul,
.faqContainer-sideColumn > p,
.faqContainer-sideColumn > nav,
.faqContainer-sideColumn > div{
margin-left: 30px;
margin-right: 30px;
}


.sp .faqContainer-sideColumn > h2,
.sp .faqContainer-sideColumn > h3,
.sp .faqContainer-sideColumn > h4,
.sp .faqContainer-sideColumn > h5,
.sp .faqContainer-sideColumn > ul,
.sp .faqContainer-sideColumn > p,
.sp .faqContainer-sideColumn > nav,
.sp .faqContainer-sideColumn > div{
margin-left: 20px;
margin-right: 20px;
}



.faqElement-feedback{

}
.faqElement-feedback h2,
.faqElement-feedback button{
display: inline-block;
}

.faqElement-feedback h2{
font-weight: bold;
font-size: 14px;
margin: 20px 40px 20px 90px;
}
.faqElement-feedback button{
border:1px solid #ccc;
background: #fff;
height: 40px;
padding: 20px auto 18px auto!important;
text-align: center;
width: 150px;
font-size: 12px;
font-weight: bold;
margin: 20px 20px 20px 20px;
}
.faqElement-feedback button:hover{
background: #eee;
cursor: pointer
}

.faqElement-contact{
}

.faqElement-contact .icon{
float: left;
width: 120px;
height: 120px;
background: url(../../shared/contents-category-svg/svg-cat-support-contact-g.svg) 0px 0px no-repeat;
background-size: 120px 120px;
margin-left: 30px;
}
.faqElement-tofaq .icon{
float: left;
width: 120px;
height: 120px;
background: url(../../shared/contents-category-svg/svg-cat-support-faq-g.svg) 0px 0px no-repeat;
background-size: 120px 120px;
margin-left: 30px;
}

.sp-tb .faqElement-contact .icon,
.sp-tb .faqElement-tofaq .icon{
margin-left: 0px!important;
width: 100px;
height: 100px;
background-size: 100px 100px;
}

.faqElement-contact .txt,
.faqElement-tofaq .txt{
margin-top: 36px;
float: left;
}
.sp-tb .faqElement-contact .txt,
.sp-tb .faqElement-tofaq .txt{
padding-top: 36px!important;
float: none;
}

.faqElement-contact h2,
.faqElement-tofaq h2{
font-size: 16px;
margin-bottom: 0;
font-weight: bold;
}
.faqElement-contact p.cap,
.faqElement-tofaq p.cap{
font-size: 12px;
}
.faqElement-contact .btn,
.faqElement-tofaq .btn{
font-size: 12px;
border:1px solid #ccc;
background: #fff;
height: 50px;
line-height: 50px;
text-align: center;
width: 200px;
font-size: 14px;
font-weight: bold;
position: relative;
display: inline-block;
float: left;
margin-top: 35px;
margin-left: 30px;
}
.sp-tb .faqElement-contact .btn,
.sp-tb .faqElement-tofaq .btn{
font-size: 12px;
border:1px solid #ccc;
background: #fff;
height: 40px;
line-height: 40px;
text-align: center;
width: 200px;
font-size: 14px;
font-weight: bold;
position: relative;
display: inline-block;
float: none;
margin-top: 0px;
margin-left: 100px;
margin-bottom: 30px;
}
.faqElement-contact .btn:hover,
.faqElement-tofaq .btn:hover{
background: #eee;
cursor: pointer
}
.faqElement-contact .btn a,
.faqElement-tofaq .btn a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.faqTitle-related,
.faqTitle-categoryName{
font-size:16px;
font-weight: bold;
margin-bottom: 30px;
}

.faqElement-searchByCategory .faqTitle-categoryName{
margin: 0px 20px 20px 30px;
padding-top: 20px !important;
}
ul.faqCategoryList{
margin-left: 30px;
margin-right: 30px;
margin-bottom: 30px;
}

ul.faqCategoryList li{
float: left;
width: 40%;
font-size: 13px;
background: url(../svg/svg-btn-slide-next-g.svg) 0px 7px no-repeat;
background-size: 10px 10px;
}
.sp ul.faqCategoryList li{
float: none;
width: 100%;
}
ul.faqCategoryList li a{
padding-left: 16px;
color: #91BB1C;
font-weight: bold;
}

.faqTitle-answer{
font-size:18px;
font-weight: bold;
margin-bottom: 30px;
margin-left: 30px;
}
.faqTitle-categoryTitle{
font-size:18px;
font-weight: bold;
margin-bottom: 30px;
margin-left: 30px;

}
.faqTitle-searchResult{
font-size:16px;
font-weight: bold;
margin-bottom: 30px;
margin-left: 30px;
}
.sp .faqTitle-searchResult{
font-size:12px;
font-weight: bold;
margin-bottom: 30px;
margin-left: 20px;
padding-right: 20px;
}

.faqTitle-searchResult span.number{
color: #3FAE2A;
font-size: 24px;
margin-left: 5px;
margin-right: 5px;
letter-spacing: 0;
}
.faqTxt-searchResult{
margin-top: -20px;
margin-bottom: 30px;
margin-left: 30px;
}




.faqElement-faqAnswer .faqAnswer-head,
.faqElement-faqAnswer .faqAnswer-question,
.faqElement-faqAnswer .faqAnswer-answer,
.faqElement-faqAnswer .faqAnswer-date{
margin: 0!important;
}
.faqElement-faqAnswer .faqAnswer-head{
background: #E7E7E7;
}
.faqElement-faqAnswer .faqAnswer-head .series{
float: left;
width: 60%;
margin: 15px 20px 15px 30px ;
}
.faqElement-faqAnswer .faqAnswer-head .num{
float: right;
width: 30%;
margin: 15px 20px 15px 0px ;
font-size: 12px;
text-align: right;
}

.sp .faqElement-faqAnswer .faqAnswer-head .series{
float: none;
width: 100%;
margin: 0;
padding: 15px 20px 0px 30px!important;
line-height: 140%;
}
.sp .faqElement-faqAnswer .faqAnswer-head .num{
float: none;
width: 100%;
margin: 0;
padding: 5px 20px 15px 30px!important;
font-size: 12px;
text-align: left;
}



.faqElement-faqAnswer .faqAnswer-question{
background: #F6f6f6;
position: relative;
}


.faqElement-faqAnswer .faqAnswer-question .icon-q{
width: 50px;
height: 50px;
background: url(../svg/svg-icon-faqQuestion.svg) 0px 0px no-repeat;
background-size: 44px 48px;
position: absolute;
top: 20px;
left: 30px;
}
.faqElement-faqAnswer .faqAnswer-questionInner{
padding-top: 30px;
padding-bottom: 10px;
margin:0px 40px 0px 90px;
}
.faqElement-faqAnswer .faqAnswer-question h2{
font-weight: bold;
font-size: 20px;
line-height: 140%;
margin-bottom: 20px;
}
.faqElement-faqAnswer .faqAnswer-question p,
.faqElement-faqAnswer .faqAnswer-answer p{
line-height: 150%;
}


.faqElement-faqAnswer .faqAnswer-answer{
position: relative;
}
.faqElement-faqAnswer .faqAnswer-answer .icon-a{
width: 50px;
height: 60px;
background: url(../svg/svg-icon-faqAnswer.svg) 0px 8px no-repeat;
background-size: 44px 48px;
position: absolute;
top: 20px;
left: 30px;
}
.faqElement-faqAnswer .faqAnswer-answerInner{
padding-top: 30px;
padding-bottom: 50px;
margin:0px 30px 0px 90px;
line-height: 160%;
}
.faqElement-faqAnswer .faqAnswer-answerInner h2,
.faqElement-faqAnswer .faqAnswer-answerInner h3,
.faqElement-faqAnswer .faqAnswer-answerInner h4,
.faqElement-faqAnswer .faqAnswer-answerInner h5,
.faqElement-faqAnswer .faqAnswer-answerInner p{
line-height: 160%;
}
.faqElement-faqAnswer .faqAnswer-answerInner p img{
vertical-align: middle;
}
.faqElement-faqAnswer .faqAnswer-answerInner img{
max-width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}

.faqElement-faqAnswer .faqAnswer-answer{
}
.faqElement-faqAnswer .faqAnswer-date{
font-size: 12px;
text-align: right;
padding-top: 30px;
}

.faqElement-faqAnswer .faqAnswer-related{
margin-top: 40px;
}
.faqElement-faqAnswer .faqAnswer-related a{
color: #3FAE2A;
}





/* 汎用タブ*/

.cmnTab li{
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 140%;
padding-top: 18px;
padding-bottom: 18px;
}
.cmnTab li{
float:left;;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
background: linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -webkit-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -moz-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -o-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -ms-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
}
.cmnTab li {
position: relative;
}
.cmnTab li a{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.cmnTab li.selected{
border-top:1px solid #dddddd;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
background: #fff;
}
.cmnTab li:not(.selected):hover{
background: #ECECEC;
cursor: pointer;
}

/* 新着トップ */
nav.cmnTab-newsTop{
padding-left: 20px;
padding-right: 20px;
}
.cmnTab-newsTop{
margin-top: 30px;
margin-bottom: 30px;
}
.cmnTab-newsTop li{
width: 49.5%;
}


.sp nav.cmnTab-newsTop{
padding-left: 0px;
padding-right: 0px;
}
.sp .cmnTab-newsTop{
margin-top: 30px;
margin-bottom: 30px;
}
.sp .cmnTab-newsTop li{
width: 50%;
}





/* 製品一覧 */
nav.cmnTab-productsList{
padding-left: 20px;
}
.cmnTab-productsList{
margin-top: 30px;
margin-bottom: 30px;
}

.sp nav.cmnTab-productsList{
padding-left: 0px!important;
}
.sp .cmnTab-productsList{
margin-top: 30px;
margin-bottom: 0px!important;
}


.cmnTab-productsList li.cmnTab-productsList-on{
width: 65%;
}
.cmnTab-productsList li.cmnTab-productsList-off{
width: 33%;
}
.sp .cmnTab-productsList li.cmnTab-productsList-on{
width: 60%!important;
}
.sp .cmnTab-productsList li.cmnTab-productsList-off{
width: 40%!important;
}

/* 記事のナビゲーション */
.cmnContentsNextPrevContainer{
width: 100%;
margin-top: 50px;
font-size: 12px;
position: relative;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}
.sp-tb .cmnContentsNextPrevContainer{

padding: 0 10px;

}
.cmnContentsNextPrevContainer a{
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cmnContentsNextPrevContainer a:hover{
text-decoration: none;
background-color: rgba(0,0,0,0.1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cmnContentsNextPrev-left{
border-right: 1px solid #e4e4e4;
}
.cmnContentsNextPrev-center{
border-right: 1px solid #e4e4e4;
}

.cmnContentsNextPrev-left{
background-image: url("../svg/svg-btn-slide-prev-s.svg");
background-repeat: no-repeat;
-ms-background-position-x: left;
background-position-x: left;
-ms-background-position-y: 11px!important;
background-position-y: 11px!important;
background-size: 20px!important;
}
.cmnContentsNextPrev-right{
background-image: url("../svg/svg-btn-slide-next-s.svg");
background-repeat: no-repeat;
-ms-background-position-x: right;
background-position-x: right;
-ms-background-position-y: 11px!important;
background-position-y: 11px!important;
background-size: 20px!important;
}

.cmnContentsNextPrev-left,
.cmnContentsNextPrev-center,
.cmnContentsNextPrev-right{
float: left;
position: relative;
text-align: center;
}
.cmnContentsNextPrev-left,
.cmnContentsNextPrev-right{
width: 25%;
}
.cmnContentsNextPrev-center{
width: 49%;
}

.sp .cmnContentsNextPrev-left,
.sp .cmnContentsNextPrev-right{
width: 50%!important;
}
.sp .cmnContentsNextPrev-center{
display: none!important;
}


.cmnContentsNextPrev-left a,
.cmnContentsNextPrev-center a,
.cmnContentsNextPrev-right a{
padding: 15px 15px 15px 15px;
display: block;
/*
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: red;
*/
}


/* ニュース */

.cmnSideColumnInner{
padding-right: 30px;
padding-top: 30px;
}
.cmnSideColumnInner h2,
.cmnSideColumnInner h3{
font-size: 14px;
font-weight: bold;
margin-bottom: 15px;
}
.newsContents-fullWidth{
width: 100%;
}
.newsContents-fullWidth-newsRelease {
padding: 20px 60px 30px 60px;
}
.sp .newsContents-fullWidth-newsRelease {
padding: 20px 20px 30px 20px!important;
}

.newsContents-mainColumn {
  float: left;
  width: 100%;
  margin: 0 -300px 0 0;
}
 
.newsContents-navColumn {
  float: right;
  width: 280px;
}
.newsContents-navColumn .cmnNavAccordion-newsContainer{
}
.newsContents-mainColumn-contents {
  margin: 0 300px 0 0;
  padding: 20px 0 30px 30px;
}
.newsContents-mainColumn-contents-newsRelease {
  margin: 0 300px 0 0;
  padding: 20px 30px 30px 30px;
}
.newsContents-mainColumn-contents-newProductsPDF {
  margin: 0 300px 0 0;
  padding: 20px 30px 30px 30px;
}

.tb .newsContents-mainColumn {
  float: none;
  width: 100%;
  margin: 0 0px 0 0;
}
 
.tb .newsContents-navColumn {
  float: none;
  width: 100%;
  padding: 0 0px 0 30px;
}
.tb .newsContents-mainColumn-contents {
  margin: 0 0px 0 0;
  padding: 20px 30px 30px 30px;
}
.tb .newsContents-mainColumn-contents-newsRelease {
  margin: 0 0px 0 0;
  padding: 20px 30px 30px 30px;
}
.tb .newsContents-mainColumn-contents-newProductsPDF {
  margin: 0 0px 0 0;
  padding: 20px 30px 30px 30px;
}

.sp .newsContents-mainColumn {
  float: none;
  width: 100%;
  margin: 0 0px 0 0;
}

.sp .newsContents-navColumn {
  float: none;
  width: 100%;
  margin: 0!important;
  padding: 0 0px 0 20px !important;
}
.sp .newsContents-mainColumn-contents {
  margin: 0 0px 0 0;
  padding: 20px 0px 30px 0px;
}
.sp .newsContents-mainColumn-contents-newsRelease {
margin: 0 0px 0 0;
  padding: 20px 20px 30px 20px;
}
.sp .newsContents-mainColumn-contents-newProductsPDF {
margin: 0 0px 0 0;
  padding: 20px 20px 30px 20px;
}




.newsContentsTitle-newProduct,
.newsContentsTitle-archive{
font-size: 16px;
font-weight: bold;
margin-bottom: 30px;
margin-left: 10px;
}
.sp-tb .newsContentsTitle-newProduct,
.sp-tb .newsContentsTitle-archive{
margin-left: 0px;
}


.newsContentsTitle-newProduct span.month,
.newsContentsTitle-archive span.month{
font-size: 14px;
font-weight: bold;
margin-left: 20px;
}


/* news PDF版ダウンロード */

ul.newProductsPDFDownloadContainer{
margin-top: 35px;
margin-right: 30px;
width: 100%;
}
ul.newProductsPDFDownloadContainer li{
display: block;
background: #eee;
margin-bottom: 6px;
padding: 20px 20px 20px 30px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition:  all 0.3s;
transition:  all 0.3s;
}
ul.newProductsPDFDownloadContainer li:hover{
background: rgba(0,0,0,0.15);
-webkit-transition: all 0.3s;
-o-transition:  all 0.3s;
transition:  all 0.3s;
}
ul.newProductsPDFDownloadContainer li a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
ul.newProductsPDFDownloadContainer li.pages-all{
}
ul.newProductsPDFDownloadContainer li.pages-page{
}
ul.newProductsPDFDownloadContainer div.pagenation{
float: left;
width: 100px;
}
ul.newProductsPDFDownloadContainer li .svg-icon-btnDownload-pdf{
width: 20px;
margin-right: 17px;
vertical-align: middle;
}
ul.newProductsPDFDownloadContainer div.details{
float: right;
width: 100%;
margin: 0 0 0 -100px;
}
ul.newProductsPDFDownloadContainer div.details-contents{
margin: 0 0 0 120px;
font-size: 12px;
}
ul.newProductsPDFDownloadContainer div.details-contents table th,
ul.newProductsPDFDownloadContainer div.details-contents table td{
padding: 3px 10px;
}
.newProductsAdobeReaderLink{
margin-top: 35px;
width: 100%;
background: rgba(0,0,0,0.05);
font-size: 12px;
}
.newProductsAdobeReaderLink p{
padding: 15px 20px 15px 30px;
}





.globalTopNewsContainer .hide,
.faqContainer .hide {
display:none;
}

.globalTopNewsContainer .tabItemsContainer,
.faqContainer .tabItemsContainer{
position: relative;
height: auto;
}


.faqTabContents-sortBydate,
.faqTabContents-sortByNotice{
}


.pagenationContainer{
text-align: center;
position: relative;
}
.searchResultPaginationContainer{
text-align: center;
}


div.pagination{
font-size: 12px;
display: inline-block;
padding: 0;
margin: 30px 0 0 0 ;
}
div.pagination .pages{
display: none;
}
div.pagination span{
display: block;
}
.sp div.pagination span{
display: none;
}
.sp div.pagination span.current,
.sp div.pagination span.previouspostslink,
.sp div.pagination span.nextpostslink{
display: inline-block;
}
/*
.sp div.pagination span.current + span{
display: inline-block;
}
*/

div.pagination span.previouspostslink{
position: absolute;
left: 0;
}
div.pagination span.nextpostslink{
position: absolute;
right: 0;
background: none!important;
}


div.pagination span {
display: inline;
}
div.pagination span a{
color: black;
float: left;
padding: 12px 12px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
margin: 0 4px;
}
div.pagination span a.previouspostslink,
div.pagination span a.nextpostslink{
padding: 12px 20px!important;
}
div.pagination span.current a {
background-color: #3FAE2A!important;
color: white;
border: 1px solid #3FAE2A;
}
div.pagination span a:hover:not(.current) {
background-color: #ddd;
}

/**/

ul.pagination {
font-size: 12px;
display: inline-block;
padding: 0;
margin: 30px 0 0 0 ;
}
ul.pagination li:first-child {
position: absolute;
left: 0;
}

ul.pagination li:last-child {
position: absolute;
right: 0;
}
ul.pagination li:last-child{
background: none!important;
}
ul.pagination li:last-child a{
margin: 0 0px;
}
ul.pagination li a:last-child:hover{
background-color: #ddd;
}

ul.pagination li {
display: inline;
}

ul.pagination li a {
color: black;
float: left;
padding: 6px 12px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
margin: 0 4px;
}
ul.pagination li:first-child a,
ul.pagination li:last-child a{
padding: 6px 20px!important;
}
ul.pagination li a.active {
background-color: #3FAE2A;
color: white;
border: 1px solid #3FAE2A;
}
ul.pagination li a:hover:not(.active) {
background-color: #ddd;
}

.pagenationContainer{
text-align: center;
position: relative;
}
.searchResultPaginationContainer{
margin-bottom: 60px;
}

div.pagination{
font-size: 12px;
display: inline-block;
padding: 0;
margin: 30px 0 0 0 ;
}
div.pagination .pages{
display: none;
}
div.pagination span{
display: block;
}
.sp div.pagination span{
display: none;
}
.sp div.pagination span.current,
.sp div.pagination span.previouspostslink,
.sp div.pagination span.nextpostslink{
display: inline-block;
}
/*
.sp div.pagination span.current + span{
display: inline-block;
}
*/

div.pagination span.previouspostslink{
position: absolute;
left: 0;
}
div.pagination span.nextpostslink{
position: absolute;
right: 0;
background: none!important;
}


div.pagination span {
display: inline;
}
div.pagination span a{
color: black;
float: left;
padding: 12px 12px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
margin: 0 4px;
}
div.pagination span a.previouspostslink,
div.pagination span a.nextpostslink{
padding: 12px 20px!important;
}
div.pagination span.current a {
background-color: #3FAE2A!important;
color: white;
border: 1px solid #3FAE2A;
}
div.pagination span a:hover:not(.current) {
background-color: #ddd;
}

/**/

ul.pagination {
font-size: 12px;
display: inline-block;
padding: 0;
margin: 30px 0 0 0 ;
}
ul.pagination li:first-child {
position: absolute;
left: 0;
}

ul.pagination li:last-child {
position: absolute;
right: 0;
}
ul.pagination li:last-child{
background: none!important;
}
ul.pagination li:last-child a{
margin: 0 0px;
}
ul.pagination li a:last-child:hover{
background-color: #ddd;
}

ul.pagination li {
display: inline;
}

ul.pagination li a {
color: black;
float: left;
padding: 6px 12px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
margin: 0 4px;
}
ul.pagination li:first-child a,
ul.pagination li:last-child a{
padding: 6px 20px!important;
}
ul.pagination li a.active {
background-color: #3FAE2A;
color: white;
border: 1px solid #3FAE2A;
}
ul.pagination li a:hover:not(.active) {
background-color: #ddd;
}
/* ニュースリリース */

.newsRelease-oldFormat{
margin: 0!important;
padding: 0!important;
}







/* 汎用アコーディオンナビ */

.cmnNavAccordion{
margin:0 0 20px 0;
/*
-webkit-font-smoothing: subpixel-antialiased;
*/
}
.cmnNavAccordion ul li,
.cmnNavAccordion ul li a,
.cmnNavAccordion ul li a:link,
.cmnNavAccordion ul li a:visited,
.cmnNavAccordion ul li a:active,
.cmnNavAccordion ul li a:hover{
}
.cmnNavAccordion > ul{
display:block;
padding:0;
text-align: left;
line-height: 140%!important;
}
.cmnNavAccordion > ul > li,
.cmnNavAccordion > ul > li > ul > li{
font-size: 12px!important;
display:block;
position: relative;
background: rgba(0,0,0,0.06);
}
.cmnNavAccordion > ul > li > a{
padding-top: 12px!important;
padding-bottom: 12px!important;
}
.cmnNavAccordion > ul > li > ul > li > a{
padding-top: 8px!important;
padding-bottom: 8px!important;
border-bottom: 1px solid #fff;
}
.cmnNavAccordion > ul > li > a{
background:none!important;
padding-left: 30px!important;
margin-right: 55px!important;
/*
border-bottom:1px solid #fff!important;
*/
}
.cmnNavAccordion > ul li ul li ul li a{
background:none!important;
padding-left: 50px!important;
margin-right: 55px!important;
padding-top: 6px!important;
padding-bottom: 6px!important;
line-height: 140%!important;
/*
border-bottom:1px solid #fff!important;
*/
}


.cmnNavAccordion > ul > li > div.open-btn,
.cmnNavAccordion > ul > li > ul > li > div.open-btn{
width: 48px;
height: 42px;
background: rgba(0,0,0,0.05);
position: absolute;
top: 0;
right: 0;
cursor:pointer;
}
.cmnNavAccordion > ul > li > div.open-btn:hover{
background: rgba(0,0,0,0.1);
}
.cmnNavAccordion > ul > li > ul > li{
border-top:1px solid rgba(255,255,255,0.3)!important;
border-bottom:none!important;
background: #F7F7F7;
}
.cmnNavAccordion > ul > li > ul > li > a{
padding: 0 20px 0 40px;
}
.cmnNavAccordion > ul > li > ul > li > a:hover{
background: rgba(0,0,0,0.05);
}.cmnNavAccordion > ul > li > ul > li.current > a{
background: rgba(0,0,0,0.05);
}
.cmnNavAccordion > ul > li.close,
.cmnNavAccordion > ul > li > ul > li.close{
background-color: rgba(255,255,255,0.3)!important;
margin: 0!important;
text-align: right;
border-bottom: none!important;
background-image: url("../img/cmn-menu-icon-close.png")!important;
background-repeat: no-repeat;
-ms-background-position-x: right;
background-position-x: right;
-ms-background-position-y: 11px!important;
background-position-y: 11px!important;
background-size: 20px!important;
}
.cmnNavAccordion > ul > li.close a,
.cmnNavAccordion > ul > li > ul > li.close a{
padding-right: 30px;
}
.cmnNavAccordion > ul > li > a{
background-image: url("../img/cmn-menu-icon-arrow.png")!important;
background-repeat: no-repeat!important;
-ms-background-position-x: 12px !important;
background-position-x: 12px !important;
-ms-background-position-y: 6px !important;
background-position-y: 6px !important;
background-size: 30px!important;
}
.cmnNavAccordion > ul > li > a:hover{
background-image: url("../img/cmn-menu-icon-arrow.png")!important;
background-repeat: no-repeat!important;
-ms-background-position-x: 12px !important;
background-position-x: 12px !important;
-ms-background-position-y: 6px !important;
background-position-y: 6px !important;
background-size: 30px!important;
background: rgba(0,0,0,0.07);
}
.ie10 .cmnNavAccordion > ul > li > a:hover{
-ms-background-position-y: 6px !important;
}


.cmnNavAccordion > ul > li.link{
background: rgba(0,0,0,0.05);
}
.cmnNavAccordion > ul > li.link:hover{
background: rgba(0,0,0,0.07);
}
.cmnNavAccordion > ul > li.current,
.cmnNavAccordion > ul > li > ul > li.current{
background-color: rgba(0,0,0,0.1);
background-image: url("../img/cmn-menu-icon-plus.png");
background-repeat: no-repeat;
-ms-background-position-x: right;
background-position-x: right;
-ms-background-position-y: 8px;
background-position-y: 8px;
background-size: 30px;
border-bottom:1px solid #fff;
}
.cmnNavAccordion > ul > li,
.cmnNavAccordion > ul > li > ul > li,
.cmnNavAccordion > ul > li > ul > li > ul > li{
background-image: url("../img/cmn-menu-icon-plus.png");
background-repeat: no-repeat;
-ms-background-position-x: right;
background-position-x: right;
-ms-background-position-y: 8px;
background-position-y: 8px;
background-size: 30px;
border-bottom:1px solid #fff;
}

.cmnNavAccordion > ul > li.open,
.cmnNavAccordion > ul > li > ul > li.open,
.cmnNavAccordion > ul > li > ul > li > ul > li.open{
background-image: url("../img/cmn-menu-icon-minus.png");
background-repeat: no-repeat;
-ms-background-position-x: right;
background-position-x: right;
-ms-background-position-y: 8px;
background-position-y: 8px;
background-size: 30px;
}
.cmnNavAccordion > ul > li > ul > li,
.cmnNavAccordion > ul > li > ul > li > ul > li{
background-image: url("../img/cmn-menu-icon-arrow.png");
background-repeat: no-repeat;
-ms-background-position-x: 20px;
background-position-x: 20px;
-ms-background-position-y: 4px;
background-position-y: 4px;
background-size: 30px;
}
.cmnNavAccordion ul li a,
.cmnNavAccordion ul li span{
padding:0;
display:block;
text-decoration:none;
color:rgba(0,0,0,0.8);
}
.cmnNavAccordion ul li:hover>a,
.cmnNavAccordion ul li:hover>span{
color: rgba(0,0,0,0.5);
}
.cmnNavAccordion ul li ul{
border-bottom:none;
margin:0
}
.cmnNavAccordion ul li ul li:last-child{
border-bottom:none
}
.cmnNavAccordion ul li ul li:hover{
color:rgba(0,0,0,0.8)!important;
}
.cmnNavAccordion ul li ul li:hover>a,
.cmnNavAccordion ul li ul li:hover>span{
color: rgba(0,0,0,0.7);
}
.cmnNavAccordion ul li ul li a,
.cmnNavAccordion ul li ul li span{
color:rgba(0,0,0,0.7);
}


.cmnSideColumn h2{
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
}







/* Slick Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;

}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;

}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img{
}
.slick-slide img.onImage{
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./lib/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev {
  transition: margin-left 0.25s ease-out;
}
.slick-prev:not(:hover) {
  margin-left: 0;
}
.slick-prev:hover {
  margin-left: -5px;
  opacity: 0.5;
}
.slick-next {
  transition: margin-right 0.25s ease-out;
}
.slick-next:not(:hover) {
  margin-right: 0;
}
.slick-next:hover {
  margin-right: -5px;
  opacity: 0.5;
}


.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:hover,
.slick-next.slick-disabled:hover{
cursor: default;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .1;
	
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
	content: url(../svg/svg-btn-slide-prev.svg);
}
[dir='rtl'] .slick-prev:before
{
	content: url(../svg/svg-btn-slide-prev.svg);
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: url(../svg/svg-btn-slide-next.svg);
}
[dir='rtl'] .slick-next:before
{
    content: url(../svg/svg-btn-slide-next.svg);
}


.sp .slick-prev,
.sp .slick-next
{
    top: 50%;
    width: 15px;
    height: 15px;
}
.sp .slick-prev
{
    left: -15px;
}
.sp .slick-next
{
    right: -15px;
}




/* Dots */
/*
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}
*/




/*=============================================
- for products slider
=============================================*/

.pdtDetailsPhotoSlideContainer .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.pdtDetailsPhotoSlideContainer .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.pdtDetailsPhotoSlideContainer .slick-list:focus{outline: none;}
.pdtDetailsPhotoSlideContainer .slick-list.dragging{cursor: pointer;cursor: hand;}
.pdtDetailsPhotoSlideContainer .slick-slider .slick-track,
.pdtDetailsPhotoSlideContainer .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.pdtDetailsPhotoSlideContainer .slick-track{position: relative;top: 0;left: 0;display: block;}
.pdtDetailsPhotoSlideContainer .slick-track:before,
.pdtDetailsPhotoSlideContainer .slick-track:after{display: table;content: '';}
.pdtDetailsPhotoSlideContainer .slick-track:after{clear: both;}
.pdtDetailsPhotoSlideContainer .slick-loading .slick-track{visibility: hidden;}
.pdtDetailsPhotoSlideContainer .slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
.pdtDetailsPhotoSlideContainer .slick-slide img{display: block;}
.pdtDetailsPhotoSlideContainer .slick-slide.slick-loading img{display: none;}
.pdtDetailsPhotoSlideContainer .slick-slide.dragging img{pointer-events: none;}
.pdtDetailsPhotoSlideContainer .slick-initialized .slick-slide{display: block;}
.pdtDetailsPhotoSlideContainer .slick-loading .slick-slide{visibility: hidden;}
.pdtDetailsPhotoSlideContainer .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.pdtDetailsPhotoSlideContainer .slick-arrow.slick-hidden {display: none;}
.pdtDetailsPhotoSlideContainer .slick-loading .slick-list{background: #fff url('../img/loader.gif') center center no-repeat;}
.pdtDetailsPhotoSlideContainer .slick-prev:hover,
.pdtDetailsPhotoSlideContainer .slick-prev:focus,
.pdtDetailsPhotoSlideContainer .slick-next:hover,
.pdtDetailsPhotoSlideContainer .slick-next:focus{color: transparent;outline: none;background: transparent;}
.pdtDetailsPhotoSlideContainer .slick-prev:hover:before,
.pdtDetailsPhotoSlideContainer .slick-prev:focus:before,
.pdtDetailsPhotoSlideContainer .slick-next:hover:before,
.pdtDetailsPhotoSlideContainer .slick-next:focus:before{opacity: 1;}
.pdtDetailsPhotoSlideContainer .slick-prev.slick-disabled:before,
.pdtDetailsPhotoSlideContainer .slick-next.slick-disabled:before{opacity: .25;}
.pdtDetailsPhotoSlideContainer .slick-prev:before,
.pdtDetailsPhotoSlideContainer .slick-next:before{opacity: .75;}

/* スライドコンテナ */
.pdtDetailsPhotoSlideContainer{
width: 100%;
margin: 0 auto;
}
/* スライドメイン表示 */
.pdtDetailsPhotoSlideContainer{
padding-top: 25px;
}
.sp .pdtDetailsPhotoSlideContainer{
padding-top: 0px;
}
.pdtDetailsPhotoSlideContainer .slider-for{
margin-bottom: 15px;
background: #fff;
}
.pdtDetailsPhotoSlideContainer .slider-for .slick-slide{
width: 100%;
height: 460px;
background: #fff;

-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center!important;
-webkit-align-items:center;
-ms-align-items: center;
align-items: center!important;


}


/*

.keyVisualLayoutContainer.layout-centerTop{
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-webkit-align-items:flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.top .keyVisualLayoutContainer.layout-centerMiddle{
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-webkit-align-items:center;
-ms-align-items: center;
align-items: center;

text-align: center;
vertical-align: middle;
}



*/



.pdtDetailsPhotoSlideContainer .slider-for .slick-slide img{
max-height: 460px;
margin: auto 0;
}

/* スライドサムネイル表示 */
.pdtDetailsPhotoSlideContainer .slider-nav{
padding-bottom: 15px;
height: 100%;
position: relative;
padding-left: 50px;
padding-right: 50px;
}
.pdtDetailsPhotoSlideContainer .slider-nav .slick-slide{
height: 80px;
background: #fff;
padding: 0;
margin: 0 5px;
line-height: 0;
cursor: pointer;
border:1px solid #fff;

-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;

align-items: center;
text-align: center;
vertical-align: middle;
}

.android .pdtDetailsPhotoSlideContainer .slider-nav .slick-slide{
display:-webkit-box;/*Android*/
}
.ie10 .pdtDetailsPhotoSlideContainer .slider-nav .slick-slide{
display:-ms-flexbox;
-ms-flex-align: center;
}



.pdtDetailsPhotoSlideContainer .slider-nav .slick-track{
margin: auto;
}

.pdtDetailsPhotoSlideContainer .slider-nav .slick-slide{
margin-top: 2px!important;
margin-bottom: 2px!important;
box-shadow: 0 0 0 1px #fff;
}
.pdtDetailsPhotoSlideContainer .slider-nav .slick-slide img{
width: 80px;
margin:2px auto!important;
}
.pdtDetailsPhotoSlideContainer .slider-nav .slick-slide:hover{
opacity: 0.8;
box-shadow: 0 0 0 1px #fff;
}
.pdtDetailsPhotoSlideContainer .slider-nav .slick-slide.slick-current{
box-shadow: 0 0 0 1px #ccc;
}
.pdtDetailsPhotoSlideContainer .slider-nav .slick-slide.slick-current img{
}
/* Arrows */
.pdtDetailsPhotoSlideContainer .slider-nav .slick-prev,
.pdtDetailsPhotoSlideContainer .slider-nav .slick-next{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
margin-top: -8px;
display: block;
width: 16px;
height: 16px;
padding: 0;
}
.pdtDetailsPhotoSlideContainer .slider-nav .slick-prev{
left: 20px!important;
}
.pdtDetailsPhotoSlideContainer .slider-nav .slick-next{
right: 20px!important;
}
.pdtDetailsPhotoSlideContainer .slick-dots{
display: none!important;
}
.pdtPhotoSlideDownload{
position: absolute;
right: 25px;
bottom: 15px;
background: rgba(255,255,255,1);
transition: 0.4s;
}
.pdtPhotoSlideDownload{
}
.pdtPhotoSlideDownload a{
padding: 3px 30px;
font-size: 10px;
border:1px solid #989898;
display: block;
transition: 0.4s;
}
.pdtPhotoSlideDownload a,
.pdtPhotoSlideDownload a:link,
.pdtPhotoSlideDownload a:visited{
color: #666;
text-decoration: none;
}
.pdtPhotoSlideDownload a:hover{
border:1px solid #000000;
color: #000;
text-decoration: none;
}
.pdtPhotoSlideDownload a span:after{
content: url(../svg/svg-icon-btnDownload.png);
vertical-align: middle;
padding-left: 7px;
}




/*=============================================
- for IoT
=============================================*/

img.svg-logo-LoRaAlliance{
width: 270px;
height: auto;
margin-top: 20px;
}
.sp img.svg-logo-LoRaAlliance{
width: 200px;
height: auto;
margin-top: 20px;
}

.cmnContentsFixedWidth{
max-width: 980px;
margin-left: auto;
margin-right: auto;
}

.cmnContentsWidth{
padding-left: 20px;
padding-right: 20px;
}





/*=============================================
- for naire
=============================================*/

img.svg-naire-logo-l{
width: 220px;
height: auto;
}
img.svg-naire-logo-2{
width: 140px;
height: auto;
}
.sp img.svg-naire-logo-l{
width: 160px;
height: auto;
}
.sp img.svg-naire-logo-2{
width: 90px;
height: auto;
margin-top: 30px;
}

img.svg-naire-title{
width: 500px;
height: auto;
}

.sp img.svg-naire-title{
width: 100%;
max-width: 400px;
height: auto;
}


img.svg-naire-title-half{
width: 360px;
height: auto;
}
.nairePdtListContainer{
background: #fff;
}


.nairePdtListTitle{
border-top: 3px solid #F0E0C1;
background: #fff;
/*
color: #F0E0C1!important;
*/

text-align: center;
margin-top: 20px!important;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-weight: normal!important;
font-size: 16px;
color: #000;
padding-top: 35px;
padding-bottom: 25px;
}

.sp .nairePdtListTitle{
padding-left: 20px;
padding-right: 20px;
}

ul.nairePdtList{
margin-top: -10px!important;
padding-top: 0!important;
}


.nairePdtListShadow{
/*
height: 18px;
background: linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,0));
background: -webkit-linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,0));
background: -moz-linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,0));
background: -ms-linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,0));
background: -o-linear-gradient(top,rgba(0,0,0,0.05),rgba(0,0,0,0));
*/
}

ul.nairePdtList{
margin-bottom: 20px;
}
ul.nairePdtList li a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

ul.nairePdtList li{
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
ul.nairePdtList li:hover{
background: #f5f5f5;
}

ul.nairePdtList li:hover img{
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition:       -moz-transform 0.3s ease-out;
-ms-transition:         -ms-transform 0.3s ease-out;
-o-transition:           -o-transform 0.3s ease-out;
transition:                 transform 0.3s ease-out;
-webkit-transform: scale(1.05);
-moz-transform:    scale(1.05);
-ms-transform:     scale(1.05);
-o-transform:      scale(1.05);
transform:         scale(1.05);
}


ul.nairePdtList li{
width: 22%;
float: left;
position: relative;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;
margin-bottom: 10px;
}
.tb ul.nairePdtList li{
width: 30%;
}
.sp ul.nairePdtList{
margin: 0!important;
padding: 0!important;
}
.sp .nairePdtList,
.sp .nairePdtListContainer,
.sp .nairePatternBG .contentsInner{
padding: 0!important;
padding: 0!important;
margin: 0!important;
}
.sp ul.nairePdtList li{
width: 50%;
margin: 0  0 10px 0!important;
padding: 0!important;
}
.sp ul.nairePdtList li .photo{
width: 40%;
float: left;
}
.sp ul.nairePdtList li .txt{
width: 60%;
float: left;
}

ul.nairePdtList li .photo img.flex100{
width: 100%;
}
ul.nairePdtList li .photo img.flex50{
width: 60%;
margin: 0 auto;
}

.sp ul.nairePdtList li .photo img.flex100{
width: 100%;
}
.sp ul.nairePdtList li .photo img.flex50{
width: 80%;
margin: 0 auto;
}

ul.nairePdtList li .photo,
ul.nairePdtList li .txt{
width: 50%;
float: left;
}
ul.nairePdtList li .photo{
text-align: center;
}
ul.nairePdtList li .txt{
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
}
ul.nairePdtList li .txt,
ul.nairePdtList li .txt:before,
ul.nairePdtList li .txt:after {box-sizing: inherit;}

ul.nairePdtList li .txt{
line-height: 140%;

-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;
/*縦方向中央*/
-webkit-align-items:center;
-ms-align-items: center;
align-items: center;
vertical-align: middle;
text-align: left;
}
.ie10 ul.nairePdtList li .txt{
/*縦方向中央*/
display:-ms-flexbox;
-ms-flex-align: center;
}


section.nairePatternBG{
background: url(../../shared/naire-img/naire-bn-bg-pattern.gif) 0 0 repeat;
}
.nairePatternBGBar{
height: 3px;
background: #F0E0C1;
}
.naireContentsTitle-keyword{
text-align: center;
}

.sp section.nairePatternBG .contentsInner{
padding-left: 0!important;
padding-right: 0!important;
}



.naireKeywordContainer{
}

ul.naireKeywordList li{
float: left;
width: 33.3%;
background: url(../../shared/naire-img/naire-bn-bg.jpg) 0 0 no-repeat;
/*
background-size: cover;
*/
background-size: 100% 100%;
position: relative;
list-style: none;
padding: 0;
margin: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

ul.naireKeywordList li a{
position: absolute;
top: 0;
left:0;
width: 100%;
height: 100%;
}

ul.naireKeywordList li img.naire-bn-keyword-illust{
width: 160px;
height: auto;
bottom: 0;
position: absolute;
margin-left: 10px;
}




ul.naireKeywordList li img.svg-naire-keyword{
width: 130px;
height: auto;
float: right;
margin: 25px 20px 20px 0;
}

ul.naireKeywordList li:hover{
opacity: 0.7;
}

.tb ul.naireKeywordList li{
float: left;
width: 50%;
position: relative;
height: 180px;
}

.sp ul.naireKeywordList li{
float: none;
width: 100%;
position: relative;
height: 180px;
}
.sp ul.naireKeywordList li img.naire-bn-keyword-illust{
width: 140px;
height: auto;
bottom: 0;
position: absolute;
bottom:0;
margin-left: 10px;
}
.sp ul.naireKeywordList li img.svg-naire-keyword{
width: 130px;
height: auto;
float: none;
position: absolute;
right: 0;
margin: 25px 20px 20px 0;
}



.naireBanner-l,
.naireBanner-r{
height: 220px;
position: relative;
}
.naireBanner-r{
}
.naireBanner-r:hover{
opacity: 0.9:

}


.naireBanner-l{
background: url(../../shared/naire-img/naire-bn-bg-l.jpg) right 0 no-repeat;
background-size: 100% 100%;
}
.naireBanner-r{
background: url(../../shared/naire-img/naire-bn-bg-r.jpg) left 0 no-repeat;
background-size: 100% 100%;
}


img.naire-title-lineup-merchant-l,
img.naire-title-lineup-merchant-r{
width: 120px;
}
img.naire-title-lineup-merchant-l{
margin-right: -120px;
}
img.naire-title-lineup-merchant-r{
margin-left: -110px;
}

.sp img.naire-title-lineup-merchant-l,
.sp img.naire-title-lineup-merchant-r{
display: none;
}



img.svg-naire-bn-copy-price,
img.svg-naire-bn-copy-original,
img.svg-naire-bn-copy-search,
img.svg-naire-bn-copy-contact{
float: right;
margin-top: 15px;
margin-right: 15px;
}
.sp img.svg-naire-bn-copy-original{
margin-right: 0px;
position: absolute;
right: 10px;
width: 140px;
}

.sp img.svg-naire-bn-copy-search{
margin-right: 0px;
}
.sp img.svg-naire-bn-copy-contact{
margin-right: 0px;
width: 100px;
}


img.svg-naire-bn-copy-price,
img.svg-naire-bn-copy-search{
margin-right: 30px;
}

img.svg-naire-bn-copy-price{
width:80px;
height:auto;
}
img.naire-bn-price-illust{
width: 160px;
height: auto;
margin-left: 20px;
float: left;
margin-top: 50px;
}
img.svg-naire-bn-price{
width: 40px;
height:auto;
}
ul.naireBannerPriceList{
margin-top: 20px;
margin-left: 20px;
float: left;
}
ul.naireBannerPriceList li{
float: left;
list-style: none;
display: inline;
margin: 0!important;
padding: 0!important;
}
ul.naireBannerPriceList li img{
margin: 0!important;
padding: 0!important;
}
ul.naireBannerPriceList li img:hover{
opacity: 0.7;
}
ul.naireBannerPriceList li a{
margin: 0;
padding: 0;
}
img.svg-naire-bn-copy-original{
width:160px;
height:auto;
}
img.naire-bn-original-illust{
width: 320px;
height: auto;
margin-left: 10px;
margin-top: 30px;
}


.sp img.naire-bn-original-illust{
max-width: 220px;
height: auto;
margin-left: 20px;
margin-top: 50px;
}
img.svg-naire-bn-copy-search{
width:80px;
height:auto;
}
img.svg-naire-bn-copy-contact{
width:120px;
height:auto;
}


.naireBanner-l,
.naireBanner-r{
position: relative;
}
.naireBannerSearch-l,
.naireBannerContact-l{
width: 90%;
float: left;
text-align: center;
margin: 0 auto;
position: absolute;
}

.naireBannerSearchContainer{
width: 70%;
margin-top: 80px;
margin-left: 40px;
}
.naireBannerSearchContainer .cmnSearch-button{
background: #D6B450!important;
}

.naire-bn-hour{
margin-bottom: 10px!important;
}


.naire-bn-contact{
width: 260px;
margin: 0 auto;
position: relative;
}
.naire-bn-contact a{
display: block;
line-height: 320%;
height: 38px!important;
width: 100%;
height: 100%;
left: 0;
top:0;
/*
background: url(../../shared/naire-img/naire-nav-bg.jpg);
*/
background: #D6B450;
}



.naire-bn-contact a:hover{
text-decoration: none;
background: #E2C170;
}


img.svg-naire-title-gh{
width: 40px;
height: auto;
margin-left: 10px;
margin-top: 20px;
margin-bottom: 0;
}
p.naire-title-gh{
margin-bottom: 0;
}

img.naire-bn-tel-illust{
width: 53px;
margin-right: 20px;
vertical-align:middle;
margin-top: -10px!important;
}

.naire-bn-tel{
position: relative;
vertical-align:middle;
font-size: 24px!important;
font-style: normal!important;
letter-spacing: 0.1em;
margin: 0!important;
padding: 0!important;
}



.naireNavContainer{
background: url(../../shared/naire-img/naire-nav-bg.jpg);
}
.naireNavContainer ul.naireNav{
}
.naireNavContainer ul.naireNav li{
float: left;
position: relative;
height: 66px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.naireNavContainer ul.naireNav li.nav-lineup{
width: 24%;
}
.naireNavContainer ul.naireNav li.nav-keyword{
width: 23%;
}
.naireNavContainer ul.naireNav li.nav-about{
width: 22%;
}
.naireNavContainer ul.naireNav li.nav-datacopy{
width: 30%;
}



.naireNavContainer ul.naireNav li img.naire-nav-merchant{
width: 80px;
position: absolute;
bottom: 0;
float: left;
}

.naireNavContainer ul.naireNav li span.txt{
float: right;
width: 75%;
text-align: center;
height: 66px;
color: #000;
padding-top: 22px;
letter-spacing: -0.05em;
}
.naireNavContainer ul.naireNav li:hover{
opacity: 0.7;
}

.naireNavBar{
height: 3px!important;
background: #000;
}
.nairePdtContents .naireNavBar{
height: 6px!important;
background: #000;
}


.sp .naireNavContainer{
background: url(../../shared/naire-img/naire-nav-bg-sp.jpg);

}

.sp .naireNavContainer ul.naireNav li.nav-lineup,
.sp .naireNavContainer ul.naireNav li.nav-keyword,
.sp .naireNavContainer ul.naireNav li.nav-about,
.sp .naireNavContainer ul.naireNav li.nav-datacopy{
width: 50%;
}
.sp .naireNavContainer ul.naireNav li img.naire-nav-merchant{
width: 50px;
position: absolute!important;
bottom: 0;
float: left;
}
.sp .naireNavContainer ul.naireNav li span.txt{
float: right;
width: 75%;
text-align: center;
height: 66px;
color: #000;
padding-top: 3px;
letter-spacing: -0.05em;
line-height: 160%;
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
 
}
.sp .naireNavContainer ul.naireNav li img.naire-nav-merchant{
width: 80px;
position: absolute;
bottom: 0;
float: left;
}



.naireAboutContainer{
}
.sp .naireAboutContainer h2,
.sp .naireAboutContainer p{
padding-left: 20px!important;
padding-right: 20px!important;

}

.naireAboutContainer .naireAbout01Container{
text-align: center;
}
.naireAboutContainer img.naireAbout01{
width: 500px;
margin: 30px auto 60px auto ;
}
.sp .naireAboutContainer img.naireAbout01{
width: 70%;
max-width: 360px;
margin: 30px auto 60px auto ;
}

.naireAboutContainer .naireAbout02Container{
text-align: center;
}
.naireAboutContainer img.naireAbout02{
width: 740px;
margin: 30px auto 60px auto ;
}
.sp .naireAboutContainer img.naireAbout02{
width: 100%;
margin: 30px auto 60px auto ;
}
.naireAboutContainer img.naireAbout03{
margin-top: 20px;
margin-bottom: 40px;
}
.naireAboutContainer img.naireAbout04{
margin-top: 0px;
margin-bottom: 0px;
}
.naireAboutHeading{
font-size: 22px;
margin-top: 30px;
margin-bottom: 20px!important;
}

.naireAboutTextContainer{
margin-bottom: 50px;
}
.naireAboutTextContainer .leftColumn{
float: left;
}
.naireAboutTextContainer .rightColumn{
float: right;
}
.naireAboutTextContainer .marchant img.naireAboutMarchant{
width: 80%;
}
.naireAboutTextContainer .leftColumn.marchant{
width: 25%;
}
.naireAboutTextContainer .rightColumn.text{
width: 75%;
}

.naireAboutTextContainer .rightColumn.marchant{
width: 25%;
text-align: right;
}
.naireAboutTextContainer .leftColumn.text{
width: 75%;
}


.sp .naireAboutTextContainer .leftColumn{
float: none;
}
.sp .naireAboutTextContainer .rightColumn{
float: none;
}
.sp .naireAboutTextContainer .marchant img.naireAboutMarchant{
width: 100%;
display: none;
}
.sp .naireAboutTextContainer .leftColumn.marchant{
width: 100%;
display: none;
}
.sp .naireAboutTextContainer .rightColumn.text{
width: 100%;
}

.sp .naireAboutTextContainer .rightColumn.marchant{
width: 100%;
display: none;
}
.sp .naireAboutTextContainer .leftColumn.text{
width: 100%;
}



/* ---　floatクリア　--- */

.sp .dataCopyContainer img{
max-width: 100%!important;
}

.dataCopyContainer .clearboth {
	height: 1px;
	margin: 0;
	padding: 0;
	clear: both;
}
/* ---　メイン　--- */
.dataCopyContainer .stage_main {
	width: 960px;
	height: auto;
	margin: 20px auto 0 auto;
	display: block;
}

.sp .dataCopyContainer .stage_main {
	width: 100%;
	height: auto;
	margin: 20px auto 0 auto;
	display: block;
}
/* ------------------------------
 コンテンツエリア
------------------------------ */
.dataCopyContainer .stage_cont{
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.sp .dataCopyContainer .stage_cont{
	width: 100%;
}
/* --- ヘッダーエリア ---- */
.dataCopyContainer .h1_header{
	width:900px;
	height:80px;
	display:block;
	background:url(../../shared/contents/naire/data-copy/h1.gif) no-repeat;*/
	margin:0px 0px 10px 0px;
	color:#FFFFFF;
	font-size:180%;
	line-height:280%;
	text-align:center;
	}
.sp .dataCopyContainer .h1_header{
	width:100%;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
}
.dataCopyContainer .header_txt{
	width:60%;
	margin:0 auto;
	height:auto;
	line-height:150%;
	font-size:120%;
	}
.sp .dataCopyContainer .header_txt{
	width:100%;
	padding-left: 20px;
	padding-right: 20px;
}
/* ---　説明　--- */
.dataCopyContainer .h2_service{
	width:900px;
	height:40px;
	background:url(../../shared/contents/naire/data-copy/h2_service.gif) no-repeat;
	color:#7CBF20;
	font-size:140%;
	text-indent:65px;
	margin:30px 0px 0px 0px;
	padding:24px 0px 0px 0px;
	}
.sp .dataCopyContainer .h2_service{
	width:100%;
	background:none;
	text-indent:0px;
	padding-left: 20px;
	padding-right: 20px;
}
.dataCopyContainer .h2_naire{
	width:900px;
	height:40px;
	background:url(shared/contents/naire/data-copy/h2_naire.gif) no-repeat;
	color:#7CBF20;../../
	font-size:140%;
	text-indent:65px;
	margin:30px 0px 0px 0px;
	padding:24px 0px 0px 0px;
	}
.sp .dataCopyContainer .h2_naire{
	width:100%;
	text-indent:0px;
	padding-left: 20px;
	font-size: 20px;
	margin-bottom: -20px;
}

.dataCopyContainer .h2_protect{
	width:900px;
	height:40px;
	background:url(../../shared/contents/naire/data-copy/h2_protect.gif) no-repeat;
	color:#7CBF20;
	font-size:140%;
	text-indent:65px;
	margin:30px 0px 0px 0px;
	padding:24px 0px 0px 0px;
	}
.sp .dataCopyContainer .h2_protect{
	width:100%;
	background:none;
	text-indent:0px;
	padding-left: 20px;
	padding-right: 20px;
}
.dataCopyContainer .h2_security{
	width:900px;
	height:40px;
	background:url(../../shared/contents/naire/data-copy/h2_security.gif) no-repeat;
	color:#7CBF20;
	font-size:140%;
	text-indent:65px;
	margin:30px 0px 0px 0px;
	padding:24px 0px 0px 0px;
	}
.sp .dataCopyContainer .h2_security{
	width:100%;
	background:none;
	text-indent:0px;
	padding-left: 20px;
}
.dataCopyContainer .h2_mobile{
	width:900px;
	height:40px;
	background:url(../../shared/contents/naire/data-copy/h2_mobile.gif) no-repeat;
	color:#7CBF20;
	font-size:140%;
	text-indent:65px;
	margin:30px 0px 0px 0px;
	padding:24px 0px 0px 0px;
	}
.sp .dataCopyContainer .h2_mobile{
	width:100%;
}
.dataCopyContainer .h2_dvd_cd{
	width:900px;
	height:40px;
	background:url(../../shared/contents/naire/data-copy/h2_dvd_cd.gif) no-repeat;
	color:#7CBF20;
	font-size:140%;
	text-indent:65px;
	margin:30px 0px 0px 0px;
	padding:24px 0px 0px 0px;
	}
.sp .dataCopyContainer .h2_dvd_cd{
	width:100%;
	background:none;
	text-indent:0px;
	padding-left: 20px;
	padding-right: 20px;
}
.dataCopyContainer .a_block{
	width:835px;
	height:auto;
	margin:0px 0px 0px 65px;
	}
.sp .dataCopyContainer .a_block{
	width:100%;
	margin:0px 0px 0px 0px;
	padding: 0 20px;
}
.dataCopyContainer .cont_txt{
	margin:10px 0px;
	}
.dataCopyContainer .naire_block{
	width:820px;
	height:365px;
	background:url(../../shared/contents/naire/data-copy/data_copy_naire.gif) no-repeat;
	margin:20px 0px 0px 0px;
	padding:65px 0px 0px 0px;
	}
.sp .dataCopyContainer .naire_block{
padding-top: 200px;
	width:100%!important;
	background:url(../../shared/contents/naire/data-copy/data_copy_naire.gif) no-repeat;
	background-size:contain; 
}


.dataCopyContainer .naire_block_txt{
	background:#E9EEF5;
	width:200px;
	height:auto;
	color:#58597A;
	padding:15px;
	}
/* ---　コンタクトバナー　--- */
.dataCopyContainer .bn_contact{
	width:900px;
	height:auto;
	text-align:center;
	margin:40px 0px 80px;
	}
.sp .dataCopyContainer .bn_contact{
	width:100%;
}

/* ---　価格について　--- */
.dataCopyContainer .h3_g{
	width:186px;
	height:30px;
	background:#999999;
	color:#FFFFFF;
	text-align:center;
	font-size:120%;
	margin:0px;
	padding:10px 0px 0px 0px;
}
.dataCopyContainer .h4_bk{
	margin:30px 0px 0px 40px;
	padding:0px;
	color:#333333;
	}
.dataCopyContainer .price_txt{
	margin:10px 0px 0px 40px;
	}
.dataCopyContainer .price_table{
	border:#999999 1px solid;
	border-collapse:collapse;
	margin:10px 0px;
	text-align:center;
}
.dataCopyContainer .price_table th{
	border:#999999 1px solid;
	background:#EEEEEE;
	width:130px;
}
.dataCopyContainer .price_table td{
	border:#999999 1px solid;
	border-collapse:collapse;
}
.dataCopyContainer .page_top{
	color:#7CBF20;
	text-align:right;
	font-size:10px;
	}
.dataCopyContainer .page_top a{
	color:#666666;
	}
.dataCopyContainer .page_top a:hover{
	text-decoration:underline;
	}
.dataCopyContainer .clearline {
	height: 15px;
	margin: 15px 0 0 0;
	padding: 0;
	border-top: dashed 1px #555;
	clear: both;
}
.dataCopyContainer h1{
line-height: 260%!important;
}
.dataCopyContainer h2{
line-height: 160%!important;
height: 80px!important;
}
.dataCopyContainer .h3_g{
height: 45px;
}



/*=============================================
- for footer contents
=============================================*/

.footerContentsInner{
padding: 80px 60px 60px 60px ;
max-width: 920px;
margin: 0 auto;
}
.sp .footerContentsInner{
padding: 80px 20px 60px 20px!important;
max-width: 100%;
margin: 0 auto;
}


.footerContentsInner a{
color: #91BB1C;
}
.footerContentsInner hr{
margin-top: 70px;
height: 0;
border: 0;
border-top: 1px solid #bbb;
}

.footerContentsInner{
line-height: 180%;
}

.footerContentsInner ul li,
.footerContentsInner ol li{
list-style-type: none;
}

ul.cmnlistNumber li,
ol.cmnlistNumber li,
ul.cmnListNumber li,
ol.cmnListNumber li{
list-style-type: decimal;
margin-left: 2em;
margin-bottom: 20px;
}
ul.cmnlistNumber li .cmnlistNumber,
ol.cmnlistNumber li .cmnlistNumber,
ul.cmnListNumber li .cmnlistNumber,
ol.cmnListNumber li .cmnlistNumber{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 4em;
}



ul.cmnlistNumber1line li,
ol.cmnlistNumber1line li,
ul.cmnListNumber1line li,
ol.cmnListNumber1line li{
list-style-type: decimal;
margin-left: 2em;
margin-bottom: 0px;
}



ul.cmnlistNumber li li,
ol.cmnlistNumber li li,
ul.cmnListNumber li li,
ol.cmnListNumber li li{
margin-left: 0em;
}
ul.cmnlistNumber li h3,
ol.cmnlistNumber li h3,
ul.cmnlistNumber li h4,
ol.cmnlistNumber li h4,
ul.cmnlistNumber li h5,
ol.cmnlistNumber li h5,
ul.cmnlistNumber li p,
ol.cmnlistNumber li p{
padding-left: 0!important;
}


ul.cmnlistDisc li,
ol.cmnlistDisc li,
ul.cmnListDisc li,
ol.cmnListDisc li{
list-style-type: none;
margin-bottom: 10px;
text-indent: -1em;
margin-left: 1em;
}
ul.cmnlistDisc li:before,
ol.cmnlistDisc li:before,
ul.cmnListDisc li:before,
ol.cmnListDisc li:before{
content: '・';
}

ul li ul,
ul li ol,
ol li ul,
ol li ol{
margin-left: 0;
padding-left: 0;
}


ul.cmnlistAsteriskIndent li,
ol.cmnlistAsteriskIndent li,
p.cmnlistAsteriskIndent,
ul.cmnListAsteriskIndent li,
ol.cmnListAsteriskIndent li,
p.cmnListAsteriskIndent{
list-style-type: none;
text-indent: -0.7em;
margin-left: 1em;
margin-bottom: 10px;
font-size: 12px;
color: #666;
}

.cmnlistNumber,
.cmnlistDisc,
.cmnlistAsteriskIndent,
.cmnListNumber,
.cmnListDisc,
.cmnListAsteriskIndent{
margin-bottom: 20px;
}
ul.cmnlistAsteriskIndent li,
ol.cmnlistAsteriskIndent li,
ul.cmnListAsteriskIndent li,
ol.cmnListAsteriskIndent li{
margin-bottom: 0px!important;
}


.cmnAddRectangleBorder{
padding: 30px;
border: 1px solid #ccc;
margin: 30px 0 30px 0;
}
.sp .cmnAddRectangleBorder.cmnlistNumber{
padding-left: 1em!important;
}

.footerContentsInner h2{
font-size: 18px;
text-align: left;
margin-top: 60px;
margin-bottom: 30px;
font-weight: bold;
/*
margin-left: -1em;
*/
}
.footerContentsInner h3{
font-weight: bold;
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
}
.footerContentsInner h4{
font-weight: bold;
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
}
.footerContentsInner ol,
.footerContentsInner ul{
list-style-type: disc;
}


.footerContentsInner h3,
.footerContentsInner h4,
.footerContentsInner h5,
.footerContentsInner p,
.footerContentsInner ol,
.footerContentsInner ul{
padding-left: 1em;
}

.sp .footerContentsInner h3,
.sp .footerContentsInner h4,
.sp .footerContentsInner h5,
.sp .footerContentsInner p,
.sp .footerContentsInner ol,
.sp .footerContentsInner ul{
padding-left: 0!important;
}


.footerContentsInner img{
margin-top: 0px;
margin-bottom: 10px;
}


.serverMaintenanceContainer{
height: 100%;
background: url(../../shared/keyvisual/key-cat125-audio-player.jpg)no-repeat;
background-repeat:no-repeat;
background-position: center center;
background-size: cover;
}

.serverMaintenanceContainer .fixedInner{
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
display: -webkit-flex;
/*縦方向中央*/
-webkit-align-items:center;
-ms-align-items: center;
align-items: center;
vertical-align: middle;
text-align: center;
}
.ie10 .serverMaintenanceContainer .fixedInner{
/*縦方向中央*/
display:-ms-flexbox;
-ms-flex-align: center;
}
.serverMaintenanceContainer .fixedInner.centerMiddle{
/*横方向中央*/
justify-content: center;
-webkit-justify-content:center;
flex-pack:center;
-ms-flex-pack:center;
-webkit-box-pack:center;
box-pack:center;
}

body.serverMaintenance{
height: 100%;
}
.serverMaintenanceContainer .svg-logo-GreenHouse{
width: 300px;
height: auto;
}
.sp .serverMaintenanceContainer .svg-logo-GreenHouse{
width: 200px;
height: auto;
}

.serverMaintenanceContainer .centerMiddle{
width: 100%;
height:100%;

}
.sp .serverMaintenanceContainer .centerMiddle{
}

.serverMaintenanceContainer .fixedInner .contents  .title-jp{
font-size: 16px;
color: #99CB24;
mix-blend-mode: multiply;
}

.serverMaintenance{
height: 100%;
}

.notFoundBG-l{
background: url(../../shared/keyvisual/key-cat125-audio-player.jpg)no-repeat;
}

/*=============================================
- for corporate
=============================================*/


.corporateOutlineNavContainer{
margin-top: 40px;
}

ul.corporateOutlineNavList{
text-align: center;
}
ul.corporateOutlineNavList li {
  display: inline-block;
  padding: 0 10px;
}


.corporateOutlinePhotoContainer{
font-size: 13px;
margin-bottom: 30px;
}
.corporateOutlinePhotoContainer .left{
float: left;
width: 40%;
padding-top: 50px;
border-top: 1px dotted #ccc;
}
.corporateOutlinePhotoContainer .right{
float: right;
width: 52%;
}

.sp .corporateOutlinePhotoContainer .left{
float: none;
width: 100%;
padding-top: 20px;
border-top: none;
}
.sp .corporateOutlinePhotoContainer .right{
float: none;
width: 100%;
}



.eco2ColumnContainer a{
text-decoration: underline;

}

.eco2ColumnContainer,
.corporateOutline2ColumnContainer{
font-size: 13px;
}
.eco2ColumnContainer .left,
.corporateOutline2ColumnContainer .left{
float: left;
width: 23%;
}

.eco2ColumnContainer .right,
.corporateOutline2ColumnContainer .right{
float: right;
width: 75%;
}

.sp .eco2ColumnContainer .left,
.sp .corporateOutline2ColumnContainer .left{
float: none;
width: 100%;
}

.sp .eco2ColumnContainer .right,
.sp .corporateOutline2ColumnContainer .right{
float: none;
width: 100%;
padding-left: 0px;
padding-right: 0px;
}

.sp .ecoList-title{
text-align: center;
font-size: 16px;
}


.eco2columnRightParagraph,
.corporateOutline2columnRightParagraph{
padding-top: 20px;
border-top: 1px dotted #ccc;
}

.sp .corporateOutline2columnRightParagraph{
border-top: none;
}

.ecoListContainer,
.corporateOutlineListContainer{
line-height: 200%;
margin-bottom: 60px;
}

.corporateOutlineListContainer .corporatePhilosophy{
text-align: center;
margin: 60px auto;
font-weight: normal;
font-size: 18px;
}

.corporateOutlineListContainer .corporateLogoContainer{
text-align: center;
}
.corporateOutlineListContainer .corporateLogoContainer .svg{
width: 60%;
height: auto;
margin: 60px auto;
}



.corporateOutlineList-title{
padding-top: 20px;
border-top: 1px dotted #ccc;
font-size: 14px;
}

.sp .corporateOutline2ColumnContainer .corporateOutlineList-title{
text-align: center;
padding-top: 20px;
border-top: 1px dotted #ccc;
font-size: 16px;
}


.corporateOutlineList-title.noBorder{
border-top: none;
}

dl.ecoList,
dl.corporateOutlineList{
width: 100%;
}
dl.ecoList dt,
dl.corporateOutlineList dt{
display: block;
width: 27%;
clear: left;
float: left;
padding: 20px 0;
border-top: 1px dotted #ccc;
}
dl.ecoList dd,
dl.corporateOutlineList dd{
display: block;
width: 70%;
float: left;
margin-left: 3%;
padding: 20px 0;
border-top: 1px dotted #ccc;
}


.sp dl.ecoList dt{
display: block;
width: 37%;
}
.sp dl.ecoList dd{
width: 60%;
}




.sp dl.corporateOutlineList.businessField dt{
width: 47%;
}
.sp dl.corporateOutlineList.businessField dd{
width: 50%;
}

.sp dl.corporateOutlineList.isoList > dt{
width: 100%;
padding: 30px 0 0 0;
margin: 0!important;
text-align: center;
font-size: 16px;
}
.sp dl.corporateOutlineList.isoList > dd{
width: 100%;
margin-left: 0%;
border-top: none;
}

.sp dl.corporateOutlineList.missionList > dt{
width: 100%;
padding: 30px 0 0 0;
margin: 0!important;
text-align: center;
font-size: 16px;
}
.sp dl.corporateOutlineList.missionList > dd{
width: 100%;
margin-left: 0%;
border-top: none;
}


.sp dl.corporateOutlineList.mapList > dt{
width: 100%;
padding: 30px 0 0 0;
margin: 0!important;
text-align: center;
font-size: 16px;
}
.sp dl.corporateOutlineList.mapList > dd{
width: 100%;
margin-left: 0%;
border-top: none;
}



dl.corporateOutlineList dt.noBorder,
dl.corporateOutlineList dd.noBorder{
border-top: none;
}

dl.corporateOutlineList dd.parent{
padding: 0 0 20px 0;
}

.noBorder{
border-top: none;
}
.corporateOutlineISOLogoContainer{
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
}
.corporateOutlineISOLogoContainer img.iso-svg{
width: 50%;
}

.corporateOutlineCategoryLogoContainer{
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
.ecoCategoryLogoContainer{
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
}
.corporateOutlineCategoryLogoContainer img.category-svg{
width: 80px;
}

dl.corporateOutlineList dd dl.corporateOutlineList-iso dt,
dl.corporateOutlineList dd dl.corporateOutlineList-officer dt{
display: block;
width: 20%;
clear: left;
float: left;
padding: 20px 0;
border-top: 1px dashed #eee;
}
dl.corporateOutlineList dd dl.corporateOutlineList-iso dd,
dl.corporateOutlineList dd dl.corporateOutlineList-officer dd{
display: block;
width: 77%;
float: left;
padding: 20px 0;
border-top: 1px dashed #eee;
}


.sp dl.corporateOutlineList dd dl.corporateOutlineList-officer dt{
width: 40%;
}
.sp dl.corporateOutlineList dd dl.corporateOutlineList-officer dd{
width: 57%;
}




dl.corporateOutlineList dd dl.corporateOutlineList-iso dt.noBorder,
dl.corporateOutlineList dd dl.corporateOutlineList-iso dd.noBorder,
dl.corporateOutlineList dd dl.corporateOutlineList-officer dt.noBorder,
dl.corporateOutlineList dd dl.corporateOutlineList-officer dd.noBorder{
border-top: none!important;
}

dl.corporateOutlineList dd dl.corporateOutlineList-iso dt.first,
dl.corporateOutlineList dd dl.corporateOutlineList-iso dd.first,
dl.corporateOutlineList dd dl.corporateOutlineList-officer dt.first,
dl.corporateOutlineList dd dl.corporateOutlineList-officer dd.first{
border-top: none;
}
dl.corporateOutlineList dd dl.corporateOutlineList-iso dt.last,
dl.corporateOutlineList dd dl.corporateOutlineList-iso dd.last,
dl.corporateOutlineList dd dl.corporateOutlineList-officer dt.last,
dl.corporateOutlineList dd dl.corporateOutlineList-officer dd.last{
padding: 20px 0 0px 0;
}
dl.corporateOutlineList dd dl.corporateOutlineList-customer{
}

dl.corporateOutlineList dd dl.corporateOutlineList-customer dt{
display: block;
width: 100%;
clear: left;
float: none;
}
dl.corporateOutlineList dd dl.corporateOutlineList-customer dd{
display: block;
width: 100%;
float: none;
padding: 0;
margin: 0;
}
dl.corporateOutlineList dd dl.corporateOutlineList-customer dt.first,
dl.corporateOutlineList dd dl.corporateOutlineList-customer dd.first{
border-top: none;
}

.corporateOutlineList-reseller{
border-top: none!important;
padding-top: 0!important;
}
.corporateOutlineList-reseller.indent{
text-indent: 0em;
}


.corporateHistoryTabList li{
width: 33.3%;
text-align: center;
position: relative;
list-style: none;
float:left;;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
background: linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -webkit-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -moz-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -o-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
background: -ms-linear-gradient(top, #F2F2F2 97%, #E9E9E9 100%);
position: relative;
margin: 0;
padding: 20px auto;
padding-top: 15px!important;
padding-bottom: 15px!important;
}
.corporateHistoryTabList li:hover{
cursor: pointer;
}
.corporateHistoryTabList li.selected{
border-top:1px solid #dddddd;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
background: #fff;
}
.corporateHistoryTabList li:not(.selected):hover{
background: #ECECEC;
}
.corporateHistoryTabListItems{
padding-top: 40px;
}
.corporateHistoryTabListItems.hide{
display: none;
}

dl.corporateOutlineHistoryList{
border-top:none!important;
line-height: 200%;
}


dl.corporateOutlineHistoryList dt{
width: 20%;
margin-right: 3%;
font-weight: bold;
clear: left;
float: left;
border-top: 1px dotted #ccc;
}
dl.corporateOutlineHistoryList dd{
width: 77%;
float: left;
}
dl.corporateOutlineHistoryList dd .greenhouse{
width: 48.5%;
margin-right: 3%;
float: left;
padding: 20px 0;
border-top: 1px dotted #ccc;
}
dl.corporateOutlineHistoryList dd .world,
dl.corporateOutlineHistoryList dd .worldList{
width: 48.5%;
float: left;
padding: 20px 0;
border-top: 1px dotted #ccc;
}
dl.corporateOutlineHistoryList dd .worldList{
position: relative;
}

.noBorder{
border-top: none!important;
}


dl.corporateOutlineHistoryListMonth{
float: none!important;
position: relative!important;
display: block;
}
dl.corporateOutlineHistoryListMonth dt{
clear: left;
float: left;
font-weight: normal;
width: 10%;
margin: 0;
}
dl.corporateOutlineHistoryListMonth dd{
float: left;
width: auto;
width: 90%;
margin: 0;
}

dl.corporateOutlineHistoryListMonth,
dl.corporateOutlineHistoryListMonth dt,
dl.corporateOutlineHistoryListMonth dd{
border-top: none!important;
line-height: 200%;
}


.sp dl.corporateOutlineHistoryList{
padding-left: 10px;
padding-right: 10px;

}

.sp dl.corporateOutlineHistoryList dt{
width: 100%;
margin-right: 0%;
font-weight: bold;
clear: left;
float: left;
border-top: 1px dotted #ccc;
}
.sp dl.corporateOutlineHistoryList dd{
width: 100%;
float: none;
}
.sp dl.corporateOutlineHistoryList dd .greenhouse{
width: 100%;
margin-right: 0%;
float: left;
padding: 10px 0;
border-top: none;
}
.sp dl.corporateOutlineHistoryList dd .world,
.sp dl.corporateOutlineHistoryList dd .worldList{
width: 100%;
float: none;
padding: 20px 0;
border-top: none;
}
.sp dl.corporateOutlineHistoryList dd .worldList{
position: relative;
}

.sp dl.corporateOutlineHistoryListMonth{
float: none!important;
position: relative!important;
display: block;
}
.sp dl.corporateOutlineHistoryListMonth dt{
clear: left;
float: left;
font-weight: normal;
width: 3em;
margin: 0;
}
.sp dl.corporateOutlineHistoryListMonth dd{
float: left;
width: auto;
width: 85%;
margin: 0;
}
.sp dl.corporateOutlineHistoryListMonth dt:last-child,
.sp dl.corporateOutlineHistoryListMonth dd:last-child{
margin-bottom: 15px;
}


.sp dl.corporateOutlineHistoryListMonth,
.sp dl.corporateOutlineHistoryListMonth dt,
.sp dl.corporateOutlineHistoryListMonth dd{
border-top: none!important;
line-height: 200%;
}








/*=============================================
- for eco
=============================================*/

.ecoContainer .column p{
padding: 0 40px;
margin: 0 auto;
}
.sp .ecoContainer .column p{
padding: 0 0px;
margin: 0 auto;
}
.sp .ecoContainer{
margin-top: 40px;
}


.ecoLogoContainer{
height: 130px;
text-align: center;
}
.ecoLogoContainer img.svg-logo-greenhouse{
margin-top: 30px;
width: 200px;
height: auto;
}

.ecoLogoContainer img.svg-logo-program{
margin-top: 0px;
width: 320px;
height: auto;
}
.ecoLogoContainer img.svg-eco-RoHS,
.ecoLogoContainer img.svg-eco-j-moss,
.ecoLogoContainer img.svg-eco-ISO14001,
.ecoLogoContainer img.svg-eco-funtoshare{
margin-top: 0px;
width: 320px;
}

.ecoContainer .btnMoreContainer{
position: relative;
text-align: center;
width: 280px;
margin: 60px auto;
}
.sp .ecoContainer .btnMoreContainer{
width: 220px;
margin: 60px auto;
}

.ecoContainer .btnMoreContainer a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
padding-top: 17px!important;
}
.ecoContainer .btnMoreContainer .btnMore{
height: 46px;
}
.ecoContainer .btnMoreContainer .btnMore a{
-webkit-transition: all 0.3s;
transition: all 0.3s;
}


.ecoContainer .btnMoreContainer .btnMore a:hover{
text-decoration: none;
}

.ecoContainer .btnMoreContainer .btnMore.gray a{
color:  #ccc;
}
.ecoContainer .btnMoreContainer .btnMore.gray:hover a{
color: #999;
}
.ecoContainer .btnMoreContainer .btnMore.gray{
color: #ccc;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.ecoContainer .btnMoreContainer .btnMore.gray:hover{
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}
.ecoContainer .btnMoreContainer .btnMore.white{
color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ecoContainer .btnMoreContainer .btnMore.white a{
color: #fff;
}
.ecoContainer .btnMoreContainer .btnMore.white:hover{
opacity: 0.6;
}

.ecoContainer .cmnContentsTitle{
margin-bottom: 40px;
}
.ecoContainerBG{
text-align: center;

}

.ecoContainerBG .title-en {
font-size: 28px;
margin-top: 80px;
margin-bottom: 0px;
color: #fff;
}
.sp .ecoContainerBG .title-en {
font-size: 24px;
line-height: 120%;
margin-bottom: 15px;
}
.sp .ecoContainerBG .contentsInner{
}
.sp .ecoContainer.ecoContainerBG{
margin:0!important;
}

.ecoContainerBG .cmnContentsTitle {
margin-top: 0px;
color: #fff;
margin-bottom: 60px;
}
.ecoContainerBG .txt {
font-size: 16px;
color: #fff;
}


.ecoContainerBG03{
background: url(../../shared/contents/eco/key-eco003.jpg)no-repeat;
background-size: cover;
background-position: center center;
}

.ecoContainerBG02{
background: url(../../shared/contents/eco/key-eco002.jpg)no-repeat;
background-size: cover;
background-position: center center;
}

.ecoSubTitle{
text-align:center;
margin-top: 40px;
padding-bottom: 0px;
}

p.paragraph-logo{
margin-top: -20px!important;
}

.ecoProductsImgcontainer{
text-align: center;
}
.sp .ecoProductsImgcontainer{
padding-left: 30px;
padding-right: 30px;
}
img.eco-img-ddr2800,
img.eco-img-memorypac,
img.eco-img-eco_pac{
margin: 0 auto;
}

img.eco-img-ddr2800{
margin-top: 20px;
margin-bottom: 20px;
}
img.eco-img-memorypac{
margin-top: 20px;
margin-bottom: 40px;
}
img.eco-img-eco_pac{
margin-top: 20px;
margin-bottom: 20px;
}

.ecoProductsIconListContainer{
margin-top: 10px;
}

ul.ecoProductsIconList li{
list-style: none;
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
ul.ecoProductsIconList li .photo{
width: 30%;
float: left;
padding-left: 40px;
margin-bottom: 0px;
}
ul.ecoProductsIconList li p{
width: 70%;
float: left;
padding-top:20px!important;
}

ul.ecoList,
ul.ecoGuidelinesList{
margin: 30px 0 30px 40px!important;
list-style-type: decimal
}

.sp ul.ecoList,
.sp ul.ecoGuidelinesList{
margin: 30px 20px 30px 10px!important;
list-style-type: decimal
}

table.ecoPCRecycleTable,
table.ecoTVRecycleTable{
margin: 30px auto 60px auto;
width: 90%;
text-align: center;
}
table.ecoPCRecycleTable th,
table.ecoTVRecycleTable th{
background: #f5f5f5;
}

table.ecoPCRecycleTable th,
table.ecoPCRecycleTable td,
table.ecoTVRecycleTable th,
table.ecoTVRecycleTable td{
padding: 7px;
border: 1px solid #ddd;
}


.sp .scrollTable{
overflow: auto;
white-space: nowrap;
}
.sp .scrollTable::-webkit-scrollbar{
height: 5px;
}
.sp .scrollTable::-webkit-scrollbar-track{
background: #F1F1F1;
}
.sp .scrollTable::-webkit-scrollbar-thumb {
background: #BCBCBC;
}

.column.ecoRecycle .cmnContentsTitle {
text-align: left;
margin-bottom: 10px;
margin-left: 40px;
}

.sp .column.ecoRecycle .cmnContentsTitle {
text-align: center;
margin-left: 0px;
}

.column.ecoRecycle h3{
margin-top: 30px;
margin-left: 40px;
}

.column.ecoRecycle ul.cmnlistNumber.ecoList li{
margin-bottom: 5px;

}

hr.eco-hr{
height: 1px;
background-color: #ddd;
color: #ddd;
border: none;
ma
}

/*=============================================
- for warranty
=============================================*/


.warrantyListNumber li{
list-style-type: decimal;
margin-left: 2em;
margin-bottom: 10px;
line-height: 160%;
color: #333;
}
.warrantyListNumber li .warrantyListNumber{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 2em;
}

.column-warranty{
max-width: 720px;
margin: 0 auto;
}


.naireBannerPriceList{
display: none;
}





/*=============================================
- for IoT Wireless
=============================================*/


.iotReasonContainerOuter .btnMoreContainer{
position: relative;
text-align: center;
width: 280px;
margin: 30px auto 20px auto;
}
.iotReasonContainerOuter .btnMoreContainer a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
padding-top: 17px!important;
}
.iotReasonContainerOuter .btnMoreContainer .btnMore{
height: 46px;
}
.iotReasonContainerOuter .btnMoreContainer .btnMore a{
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.iotReasonContainerOuter .btnMoreContainer .btnMore a:hover{
text-decoration: none;
}
.iotReasonContainerOuter .btnMoreContainer .btnMore.white{
color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.iotReasonContainerOuter .btnMoreContainer .btnMore.white a{
color: #fff;
}
.iotReasonContainerOuter .btnMoreContainer .btnMore.white:hover{
opacity: 0.6;
}


.iotReasonContainerOuter{
background: #2693FF;
margin-top: 80px;
padding-bottom: 40px;
margin-bottom: 60px;
}



.iotReasonContainerOuter .iotReasonTitle{
text-align: center;
font-size: 20px;
font-weight: bold;
color: #fff;
padding-top: 60px!important;
padding-bottom: 60px!important;
}

.iotReasonList li h3{
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
}
.iotReasonList li p{
padding: 0 30px 0px 30px;
color: #fff;
}
.sp .iotReasonList li:nth-child(odd) p{
padding: 0 10px 0px 20px!important;
color: #fff;
}
.sp .iotReasonList li:nth-child(even) p{
padding: 0 20px 0px 10px!important;
color: #fff;
}

.iotReasonList li{
width: 25%;
list-style: none;
float: left;
border-left:1px solid #fff;
}

.sp .iotReasonList li{
width: 50%;
list-style: none;
float: left;
border-left:none;
}
.sp .iotReasonList {
height: auto;
}


.iotReasonList li:last-child{
border-right:1px solid #fff;
}

.iotReasonList li .icon{
text-align: center;
}
.iotReasonList li .icon img.svg-iot-reason{
width: 140px;
height: auto;
margin: 10px auto;
}

.iotReasonContainerOuter{
background: url(../../shared/contents/iot-wireless/reason/key-iot-reason-4column-blue.jpg)no-repeat;
background-position: cover;
}

.sp .iotReasonContainerOuter{
background: url(../../shared/contents/iot-wireless/reason/key-iot-reason-4column-blue.jpg);
background-size: : 100% 100%!important;
background-position: cover!important;
}


.iotRoLaContainerOuter .btnMoreContainer{
position: relative;
text-align: center;
width: 280px;
margin: 30px auto 20px auto;
}
.iotRoLaContainerOuter .btnMoreContainer a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
padding-top: 17px!important;
}
.iotRoLaContainerOuter .btnMoreContainer .btnMore{
height: 46px;
}
.iotRoLaContainerOuter .btnMoreContainer .btnMore a{
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.iotRoLaContainerOuter .btnMoreContainer .btnMore a:hover{
text-decoration: none;
}
.iotRoLaContainerOuter .btnMoreContainer .btnMore{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.iotRoLaContainerOuter .btnMoreContainer .btnMore a{
color: #999;
}
.iotRoLaContainerOuter .btnMoreContainer .btnMore:hover a{
color: #333;
}
.iotRoLaContainerOuter .btnMoreContainer .btnMore:hover{
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}



.iotRoLaContainerOuter{
margin-top: 80px;
padding-bottom: 40px;
margin-bottom: 60px;
}

.iotRoLaContainerOuter .iotRoLaTitle{
text-align: center;
font-size: 20px;
font-weight: bold;
padding-top: 60px!important;
padding-bottom: 60px!important;
}


.iotCaseStudyInner{
width: 80%;
margin: 0 auto;
}

.iotMeritContainer{
width: 80%;
margin: 0 auto;
}
.sp .iotMeritContainer{
width: 100%;
padding: 0 20px;
}

.iotMeritContainer .iotMeritList {
margin-top: 60px;
}
.iotMeritContainer .iotMeritList li{

}
.iotMeritContainer .iotMeritList li .iotMeritListContents h2{
font-size: 24px;
color: #2693FF;
line-height:160%;
margin-top: 30px;
margin-bottom: 20px;
/*font-weight: bold;*/
}
.iotMeritContainer .iotMeritList li .iotMeritListContents img{
max-width: 100%;
}
.iotMeritContainer .iotMeritList li .iotMeritListContents p{

}
.iotMeritContainer .iotMeritList li .iotMeritListContents .left{
width: 57%;
float: left;
}
.iotMeritContainer .iotMeritList li .iotMeritListContents .right{
width: 38%;
float: right;
text-align: center!important;
margin-bottom: 50px;
}

.sp .iotMeritContainer .iotMeritList li .iotMeritListContents .left{
width: 100%;
float: none;
}
.sp .iotMeritContainer .iotMeritList li .iotMeritListContents .right{
width: 100%;
float: none;
text-align: center!important;
margin-bottom: 50px;
}



.iotReasonHeaderContainer{
width: 860px;
margin: 60px auto 0 auto;
}
.iotReasonHeaderContainer .text{
text-align: left;
float: left;
width: 560px;
}
.iotReasonHeaderContainer .photo{
float: right;
width: 240px;
}
.iotReasonHeaderContainer .photo img{
width: 100%;

}
.iotReasonHeaderContainer .text .iotReasonHeader-text1{
margin-top: 80px;
font-size: 14px;
margin-bottom: 0;
}
.iotReasonHeaderContainer .text .iotReasonHeader-text2{
font-size: 24px;
color: #2693FF;
}

.sp .iotReasonHeaderContainer{
width: 100%;
margin: 60px auto 0 auto;
}
.sp .iotReasonHeaderContainer .text{
text-align: left;
float: none;
width: 100%;
}
.sp .iotReasonHeaderContainer .photo{
float: none;
width: 100%;
}
.sp .iotReasonHeaderContainer .text p{
padding-left: 20px;
padding-right: 20px;
}

.sp .iotReasonHeaderContainer .text .iotReasonHeader-text1{
margin-top: 40px;
font-size: 14px;
margin-bottom: 0;
}
.sp .iotReasonHeaderContainer .text .iotReasonHeader-text2{
font-size: 24px;
color: #2693FF;
}
.sp .iotReasonHeaderContainer .photo img{
width: 50%;
}




/*=============================================
- for iot
=============================================*/


img.svg-experiment1-title{
width: 540px;
height: auto;
margin-left: 30px;
margin-right: 30px;
}
.sp img.svg-experiment1-title{
width: 85%;
height: auto;
margin-left: auto;
margin-right: auto;
}

.iotCaseStudyContainer{
}
.iotCaseStudyContainer h2{
font-size: 16px;
}
.iotCaseStudyContainer .title-en{
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 36px;
color: #999;
margin-bottom: 0;
padding-bottom: 0;
line-height: 120%;
margin-top: 60px;
}
.iotCaseStudyContainer .title-en.first{
margin-top: 20px;
}
.iotCaseStudyContainer .title-heading{
margin-top: 0;
font-size: 16px;
padding-top: 0;
color: #333;
margin-bottom: 40px;
}
.iotCaseStudyContainer .title-heading-exp{
margin-top: 0;
font-size: 20px;
color: #999;
padding-top: 0;
color: #333;
margin-bottom: 40px;
}
.iotCaseStudyContainer .title-heading-keyword-main{
margin-top: 60px;
}
.iotCaseStudyContainer .title-heading-keyword{
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 20px;
color: #999;
margin-bottom: 0;
padding-bottom: 0;
line-height: 120%;
margin-bottom: 10px;
}
.iotCaseStudyContainer .paragraph-keyword{
font-size: 12px;
}


.iotCaseStudyContainer p{
font-size: 14px;
color: #333;
}
.iotCaseStudyContainer .title-exp{
font-size: 24px;
color: #4DA6FF;
line-height: 140%!important;
font-weight: normal;
}

.sp .iotCaseStudyContainer .title-exp{
margin-top: 30px;
padding-top: 30px;
font-size: 22px;
border-top:1px solid #4DA6FF;
color: #4DA6FF;
line-height: 140%!important;
font-weight: normal;
margin-bottom: -40px;
}


.iotCaseStudyContainer .matomeList{
font-size: 14px;
color: #4DA6FF;
font-weight: bold;
}

.iotCaseStudyContainer h2{
margin-top: 20px;
margin-bottom: 20px;
}

.iotCaseStudyContainer p{
margin-bottom: 40px;
}

.iotCaseStudyIntroContainer .iotCaseStudy-mainColumn{
width: 75%;
float: right;
border-left: 1px solid #ccc;
padding-left: 50px;
}
.iotCaseStudyIntroContainer .iotCaseStudy-subColumn{
width: 25%;
float: left;
padding-right: 50px;
}



.sp .iotCaseStudyIntroContainer .iotCaseStudy-mainColumn{
width: 100%;
float: none;
border-left: none;
padding-left: 0px;
}
.sp .iotCaseStudyIntroContainer .iotCaseStudy-subColumn{
width: 100%;
float: none;
padding-right: 0px;
}




.iotCaseStudyExpContainer .iotCaseStudy-mainColumn,
.iotCaseStudyExpContainer .iotCaseStudy-subColumn{
padding-top: 60px;
}

.sp .iotCaseStudy-subColumn{
padding-top: 0px;
/*
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
*/
}

.iotCaseStudyExpContainer .iotCaseStudy-mainColumn{
width: 75%;
float: right;
border-left: 1px solid #ccc;
padding-left: 50px;
}
.iotCaseStudyExpContainer .iotCaseStudy-subColumn{
width: 25%;
float: left;
padding-right: 50px;
}

.sp .iotCaseStudyExpContainer .iotCaseStudy-mainColumn{
width: 100%;
float: none;
border-left: none;
padding-left: 0px;
}
.sp .iotCaseStudyExpContainer .iotCaseStudy-subColumn{
width: 100%;
float: none;
padding-right: 0px;
}

.iot-cmn-imgContainer,
.iot-casestudy1-imgContainer{
width: 100%;
text-align: center!important;
}
.iot-cmn-imgContainer img,
.iotCaseStudyContainer img.iot-casestudy1{
margin: 0 auto 20px auto!important;
max-width: 100%;
}


.iot-lora-heading,
.iot-casestudy-heading{
text-align: center;
margin-top: 80px!important;
margin-bottom: 50px!important;
font-size: 20px!important;
color: #0051A1;
}
.iot-lora-heading-list{
margin-top: 40px;
font-size: 20px!important;
color: #0051A1;
}

.iotCorporateContainer{
margin-top: -20px;
margin-bottom: -50px;
}
ul.iot-casestudy2-qwc-list{
margin-bottom: 60px;
}
ul.iot-casestudy2-qwc-list li{
list-style: none;
font-size: 18px;
font-weight: normal;
clear: both;
}
ul.iot-casestudy2-qwc-list li p{
line-height: 140%!important;
}
ul.iot-casestudy2-qwc-list li p.line2{
padding-top: 30px;
}
ul.iot-casestudy2-qwc-list li p.line3{
padding-top: 20px;
}
ul.iot-casestudy2-qwc-list li img{
vertical-align: middle;
margin-right: 20px;
margin-bottom: 20px;
}
ul.iot-casestudy2-qwc-list .qwc-icon{
width: 140px;
float: left;
}

.sp ul.iot-casestudy2-qwc-list li{
list-style: none;
font-size: 14px;
font-weight: normal;
clear: both;
margin: 0!important;
padding: 0!important;
margin-bottom: 40px;
}

.sp ul.iot-casestudy2-qwc-list .qwc-icon{
width: 100%;
float: none;
text-align: center!important;
}
.sp ul.iot-casestudy2-qwc-list li img{
vertical-align: none;
margin-right: auto!important;
margin-bottom: auto!important;

}
.sp ul.iot-casestudy2-qwc-list li p{
line-height: 200%!important;
}


.iotCorporateContainer{
}
.iotCorporateContainer .left{
float: left;
width: 270px;
}
.iotCorporateContainer .right{
float: left;
width: 520px;
}

.sp .iotCorporateContainer .left{
float: none;
width: 100%;
margin-top: 20px;
}
.sp .iotCorporateContainer .left img{
max-width: 160px;
}

.sp .iotCorporateContainer .right{
float: none;
width: 100%;
margin-bottom: 60px;
padding-bottom: 0;
}



.iotCasestudyInnerTitleOuter{
background: rgba(255,255,255,0.8);
width: 100%!important;
}

.sp-tb .iotCasestudyInnerTitleInner{
margin-left: 20px;
margin-right: 20px;
}

.iotCasestudyInnerTitleInner{
max-width: 860px;
text-align: left;
margin: 0 auto;
}


.iotCasestudyInnerTitleInner{
}

.title-campanyname,
.title-main,
.title-lead{
color: #0051A1;
margin: 0;
}


.title-casestudy{
margin: 0;
margin-top: 20px;
margin-bottom: 10px;
color: #000;
font-weight: 900;
font-size: 12px;
}
.title-campanyname{
font-weight: bold;
font-size: 14px;
margin-bottom: 10px;
}
.title-main{
font-weight: bold;
font-size: 24px;
margin-bottom: 0px;
}
.title-lead{
font-size: 14px;
margin-bottom: 30px;
}

.sp .title-casestudy{
margin: 0;
margin-top: 10px;
margin-bottom: 0px;
color: #000;
font-weight: 900;
font-size: 10px;
}
.sp .title-campanyname{
font-weight: bold;
font-size: 12px;
margin-bottom: 0px;
}
.sp .title-main{
font-weight: bold;
font-size: 16px;
margin-bottom: 5px;
}
.sp .title-lead{
font-size: 12px;
margin-bottom: 10px;
line-height: 150%;
}


/* harada added 20170427 環境基準を満たした製品をラインナップ */
.eco-standard .left h2.ecoList-title {
	padding-left: 50px;
}
.sp .eco-standard .left h2.ecoList-title {
	padding-left: 0;	
}

/* harada added 20170427 環境にやさしいメモリーモジュール */
.memory-module .eco2ColumnContainer .right {
	width: 65%;
}
.memory-module .eco2ColumnContainer .left {
	width: 30%;
}
.sp .memory-module .eco2ColumnContainer .left h2 {
	text-align: left;
}
.sp .memory-module .eco2ColumnContainer .right, .sp .memory-module .eco2ColumnContainer .left {
    float: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.memory-module .ecoListContainer ul li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 10px;
}

/* harada added 20170427 ISO基本方針 */
.footerContentsInner.iso_policy h2,.footerContentsInner.iso_policy h3 {
	text-align: center;
	padding: 0;
}
.footerContentsInner.iso_policy ol.cmnlistNumber li {
	margin-bottom: 0;
}
.footerContentsInner.iso_policy ul.iso_logo li {
	display: inline-block;
	margin-right: 15px;
}
/* -------------------------------- */


.iotCasestudyInnerTitleInner{
}

.title-campanyname,
.title-main,
.title-lead{
color: #0051A1;
margin: 0;
}


.title-casestudy{
margin: 0;
margin-top: 20px;
margin-bottom: 10px;
color: #000;
font-weight: 900;
font-size: 12px;
}
.title-campanyname{
font-weight: bold;
font-size: 14px;
margin-bottom: 10px;
}
.title-main{
font-weight: bold;
font-size: 24px;
margin-bottom: 0px;
}
.title-lead{
font-size: 14px;
margin-bottom: 30px;
}

img.iot-lora-alliance-logo{
width: 80%;
max-width:440px;
}

img.iot-lora-alliance-logo-top{
margin-top: -30px;
width:320px;
}

.sp img.iot-lora-alliance-logo-top{
margin-top: -30px;
width: 80%;
max-width:280px;
}


/*=============================================
- for browsers
=============================================*/


/* browsers */
.ie img { -ms-interpolation-mode: bicubic!important; }




/* =Print Style
-------------------------------------------------------------- */

@media print { body { background: none !important; }
#wrapper { clear: both !important; display: block !important; float: none !important; position: relative !important; }
#headerTop,
#header,
#panList,
#gMenu,
#pagetop,
#sideTower,
#footMenu,
#footer,
#siteBottom	{ display:none !important; }

#pageTitBnr,
.content table th	{ box-shadow:none !important; }

.pdtDetailsPhotoSlideContainer .slider-nav { display: none !important; }
.pdtDetailsPhotoSlideContainer .slider-for { display: none !important; }

#access,
#branding img,
#respond,
.comment-edit-link,
.edit-link,
.navigation,
.page-link,
.widget-area { display: none !important; }
#container { margin: 0; width: 100%; }
}