@charset "utf-8";

body {
  -webkit-text-size-adjust: 100%;
  overflow: hidden;
}

img {
  vertical-align: top;
  display: block;
  max-width: 100%;
  height: auto;
  width: auto;
  zoom: 1;
  transform: scale(1, 1)
}

a:hover img {
  zoom: 1;
  transform: scale(1, 1)
}

.pc {
  display: block
}

.tablet, .sp {
  display: none
}

html {
  color: #000;
  overflow-y: scroll
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, figure {
  margin: 0;
  padding: 0
}

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

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit
}

del, ins {
  text-decoration: none
}

li {
  list-style: none;
  line-height: 1.6;
}

caption, th {
  text-align: left
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal
}

q:before, q:after {
  content: ''
}

abbr, acronym {
  border: 0;
  font-variant: normal
}

sup, sub {
  vertical-align: baseline
}

legend {
  color: #000
}

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit
}

hr {
  box-shadow: 0 1px 0 rgb(255, 255, 255);
}

address {
  font-style: normal
}
button::-moz-focus-inner {
border:0;
padding:0
}/*For Firefox*/

.EL, .ELM {
  margin: 20px 0;
  clear: both
}/*Element Parts Page Margin用*/

body {
  font: 13px/1.231 Helvetica, Arial, 'Hiragino Kaku Gothic ProN', メイリオ, 'ヒラギノ角ゴ ProN W3';
  font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', メイリオ;/*for IE Quirks Mode*/
}

select, input, button, textarea, button {
  font: 99%
}

table {
  font-size: inherit;
  font: 100%
}

pre, code, kbd, samp, tt {
  font-family: monospace;
*font-size:108%;
  line-height: 100%
}

.clear {
  clear: both!important
}

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

.cFix {
  min-height: 1px
}

* html .cFix {
  height: 1px
}

.mb0 {
  margin-bottom: 0!important
}

.mb5 {
  margin-bottom: 5px!important
}

.mb10 {
  margin-bottom: 10px!important
}

.mb15 {
  margin-bottom: 15px!important
}

.mb20 {
  margin-bottom: 20px!important
}

.mb21 {
  margin-bottom: 21px!important
}

.mb25 {
  margin-bottom: 25px!important
}

.mb30 {
  margin-bottom: 30px!important
}

.mb34 {
  margin-bottom: 34px!important
}

.mb35 {
  margin-bottom: 35px!important
}

.mb40 {
  margin-bottom: 40px!important
}

.mb45 {
  margin-bottom: 45px!important
}

.mb50 {
  margin-bottom: 50px!important
}

.mb55 {
  margin-bottom: 55px!important
}

.mb60 {
  margin-bottom: 60px!important
}

.mb65 {
  margin-bottom: 65px!important
}

.mb70 {
  margin-bottom: 70px!important
}

.mb75 {
  margin-bottom: 75px!important
}

.mb80 {
  margin-bottom: 80px!important
}

.mb85 {
  margin-bottom: 85px!important
}

.mb90 {
  margin-bottom: 90px!important
}

.mb95 {
  margin-bottom: 95px!important
}

.mb100 {
  margin-bottom: 100px!important
}

.mr0 {
  margin-right: 0!important
}

.pt0 {
  padding-top: 0!important
}

.pb0 {
  padding-bottom: 0!important
}

.pb11 {
  padding-bottom: 11px!important
}

.pt10 {
  padding-top: 10px!important
}

.pt20 {
  padding-top: 20px!important
}

.lh22 {
  line-height: 22px!important
}

.no_rwd .sp, .no_rwd .tablet {
  display: none
}

img {
  display: block;
  vertical-align: top
}

.img_inline {
  display: inline;
  vertical-align: text-top;
}

.tx10 {
  font-size: 10px!important
}

.tx11 {
  font-size: 11px!important
}

.tx12 {
  font-size: 12px!important
}

.tx14 {
  font-size: 14px!important
}

.tx15 {
  font-size: 15px!important
}

.tx16 {
  font-size: 16px!important
}

.tx17 {
  font-size: 17px!important
}

.tx18 {
  font-size: 18px!important
}

.tx19 {
  font-size: 19px!important
}

.tx20 {
  font-size: 20px!important
}

.tx21 {
  font-size: 21px!important
}

.tx22 {
  font-size: 22px!important
}

.tx23 {
  font-size: 23px!important
}

.tx24 {
  font-size: 24px!important
}

.tx25 {
  font-size: 25px!important
}

.tx26 {
  font-size: 26px!important
}

#Cont .t_center {
  text-align: center!important;
}

#Cont .t_right {
  text-align: right!important;
}

a:link, a:active {
  color: #333;
  text-decoration: none
}

a:hover {
  text-decoration: underline
}

a:visited {
  color: #333;
  text-decoration: none
}

body {
  background: #fff;
  line-height: 1.6;
  word-break: break-word;
  word-wrap : break-word;
  overflow-wrap : break-word;
}

body.page_ex {
  background: #fff
}

.disnon {
  display: none!important
}

.w135 {
  width: 135px!important
}

.w225 {
  width: 225px!important
}

.w546 {
  width: 546px!important
}

.noVisual {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 1px;
  font-size: 1px;
  overflow: hidden
}

strong {
  font-weight: bold;
  color: #f00000
}

.bold {
  font-weight: bold;
}

.blue {
  color: #065dc6!important
}

sup {
  line-height: 1.2;
  vertical-align: top;
}

nav.Gnav ul:after, #Foot ul:after, #dirPath ul:after, header #headR:after, header ul:after, header:after, #Main:after, #Main_inner:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}

nav.Gnav ul, #Foot ul, #dirPath ul, header #headR, header ul, header, #Main, #Main_inner {
  min-height: 1px
}

* html nav.Gnav ul, * html #Foot ul, * html #dirPath ul, * html header #headR, * html header ul, * html header, * html header #Main, * html header #Main_inner {
  height: 1px
}

.prnlogo, .prntObj {
  display: none;
}

h2 {
  margin: 0 0 24px;
  padding: 0 0 15px;
  font-size: 36px;
  /*  line-height: 2;*/
  line-height: 60px;
}

h3 {
  margin: 20px 0 20px 0;
  font-size: 23px;
  line-height: 1.2;
  font-weight: bold;
}

h4 {
  margin: 0 0 20px;
  font-size: 19px;
  line-height: 1.2;
}

h2 span.Roboto {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  display: block;
  line-height: 1.6;
}

.txtRoboto {
  font-family: 'Roboto', sans-serif;
}
/*--News 本文---------------------------------------- */
.entry-content ul li {
  list-style: disc;
  list-style-position: inside;
}

.entry-content ul.pageAnchor li {
  list-style: none;
}

.entry-content strong {
  color: #000;
}

/*--Header---------------------------------------- */

#header {
  position: fixed;
  width: 100%;
  background-color: #212121;
  z-index: 20;
  box-sizing: border-box;
  color: #fff;
}

.zoom #header {
  position: absolute !important;
}

#head_inner {
  max-width: 1220px;
  height: 72px;
  margin: 0 auto;
}

#headLogo {
  float: left;
  margin: 0;
}

#headLogo img {
}

#headUtility {
  float: right;
  margin: 24px 0 0;
}

/*--G Nav--------------------------------*/

#Gnav {
}

#Gnav ul {
  float: left;
  margin: 30px 0 0 4%;
  padding: 0;
}

#Gnav ul.cFix {
  width: 60%;
}

#Gnav ul li {
  display: inline-block;
  margin: 0 5.46% 0 0;
}

#Gnav ul li a {
  position: relative;
  display: block;
  padding: 0;
  text-decoration: none;
}

#Gnav ul li.arrow a:before {
  opacity: 1;
}

#Gnav ul li a span {
  display: block;
  position: relative;
  height: 41px;
  /*padding: 10px 0;*/
  color: #fff;
  font-size: 16px;
  line-height: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#Gnav ul li.gNavList > a span:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: #ffff00;
  background: none\9;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#Gnav ul li.gNavList > a span:hover {
  border-bottom: 5px solid #ffff00 \9;
  height: 36px \9;
}

#Gnav ul.mDColumn li a span {
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  padding-left: 4px;
  height: auto;
  position: relative;
  line-height: 1.2;
  color: #fff;
}

#Gnav ul.mDColumn li a span:hover {
  text-decoration: underline;
}

#Gnav ul.mDColumn li a span:after {
  content: url(/common/img/arrowY.png);
  padding-left: 16px;
  display: inline-block;
  position: static;
  /*left: 0;
  bottom: 0;
  width: 100%;*/
  background: none;/*  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all  0.2s ease;*/
}

#Gnav ul li:hover a span, .company #Gnav .gnav01 a span, .news #Gnav .gnav02 a span, .irinfo #Gnav .gnav03 a span, .ir #Gnav .gnav03 a span, .csv #Gnav .gnav04 a span {
  color: #fff;
}

.touch #Gnav ul li:hover a span {
  color: #fff;
}

.touch #Gnav ul li a.tchHov span {
  color: #fff;
}

#Gnav ul li:hover a span:after, .company #Gnav .gnav01 a span:after, .irinfo #Gnav .gnav03 a span:after, .ir #Gnav .gnav03 a span:after, .csv #Gnav .gnav04 a span:after {
  opacity: 1;
}

#Gnav ul li a.ac span:after {
  opacity: 0 !important;
}

.touch #Gnav ul li:hover a span:after {
  opacity: 1;
}

.touch #Gnav ul li a.tchHov span:after {
  opacity: 1;
}

.Head_menu, .Head_menu li, #headUtility form {
  float: left;
}

.Head_menu {
  padding-top: 3px;
}

.Head_menu li {
  padding: 0 4px;
  font-size: 14px;
  line-height: 18px;
  list-style: none;
}

.Head_menu li:after {
  content: '/';
  color: #fff;
  display: inline-block;
  position: relative;
  padding-left: 10px;
}

.Head_menu li.last:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 5px;
  height: 7px;
}

.Head_menu li a {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}

.Head_menu li a.current:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 2px solid #b2b2b2;
}

.Head_menu li a:hover {
  color: #ffff00;
  text-decoration: none;
}

#headUtility form {
  position: relative;
  padding: 0 0 0 11px;
  vertical-align: top;
}

#headUtility form .searchBoxWrapper, #headUtility form button {
  float: left;
}

#headUtility form .searchBoxWrapper {
  float: left;
  display: block;
  opacity: 1;
  width: 0;
  height: 30px;
  margin: -3px 6px 0 4px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#headUtility form .searchBoxWrapper.searchOpen {
  width: 190px;
}

#headUtility form .searchBox {
  display: block;
  width: 100%;
  height: 30px;
  padding: 0 15px;
  border: none;
  border-radius: 0;
  background: #eee;
  box-sizing: border-box;
  outline: none;
}

#headUtility form .searchOpen .searchBox {
/*	width: 180px;*/
}
#headUtility form .searchOpen .searchBox::-ms-clear {
 display: none;
}

#headUtility form button {
  border: none;
  margin: 0;
  padding: 0;
}

#headUtility .searchOpn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

#headUtility form button, #headUtility .searchOpn {
  width: 22px;
  height: 22px;
}

#headUtility form button img, #headUtility .searchOpn img {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#headUtility form button:hover img, #headUtility .searchOpn:hover img {
  opacity: 0;
}

/*--header language--*/
#Gnav ul li.lang {
  margin: 0 1% 0 0;
  float: left;
}

#Gnav ul li.lang span {
  font-size: 14px;
  height: 14px;
}

/*--Gnav  screen adj--1140---------------------------*/
@media screen and (max-width:1140px) {

#headUtility {
  position: absolute;
  top: 40px;
  right: 8px;
  margin: 0;
  z-index: 10;
}

#Gnav ul.cFix {
  margin: 20px 0 0 20px;
  /*width: 75%;
  position: relative;
  top: 20px;
  left: 32px;*/
}
  #Gnav ul li.gNavList {
    height: 24px;
  }
  
#Gnav ul li a span {
 height: 52px;
}

#Gnav ul li {
/*display: inline-block;
  margin: 0 2.5% 0 0;*/
  margin: 0 20px 0 0; 
}
}

/*--Gnav  screen adj--960-------------------------*/
@media screen and (max-width:960px) {

#Gnav ul li {
  margin: 0 9px 0 0;
}
#Gnav ul.cFix {
  width: 69%;
}
/*
#headUtility {
  position: absolute;
  top: 40px;
  right: 8px;
  margin: 0;
}*/
}

/*--Mega Drop--------------------------------- */
.megaDisp {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  color: #fff;
  background: #212121;
  z-index: 10;
  top: 72px;
}

.megaDispInner {
  position: relative;
  display: table;
  width: 100%; /*--from 1125 chg 12/06--*/
  max-width: 1125px; /*--add 1205--*/
  margin: 0 auto;
  padding: 50px 0 30px 0;
}

/*.megaDispInner:before {
	content: '';
	display: block;
	position: absolute;
	top: -7px;
	margin-left: -7px;
	border-bottom: 7px solid #000;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	opacity: 1;
}*/

/*
.gnav01 .megaDispInner:before {left: 30px;}
.gnav02 .megaDispInner:before {left: 160px;}
.gnav03 .megaDispInner:before {left: 322px;}
.gnav04 .megaDispInner:before {left: 475px;}

.en .gnav01 .megaDispInner:before {left: 52px;}
.en .gnav02 .megaDispInner:before {left: 210px;}
.en .gnav03 .megaDispInner:before {left: 365px;}
.en .gnav04 .megaDispInner:before {left: 484px;}
*/


.mdCloseBtnWrap {
  position: absolute;
  top: 41px;
  left: 50%;
  width: 1125px;
  margin: 0px 0 0 -562px;
  padding: 0 !important;
}

.mdCloseBtn {
  display: block;
  position: absolute;
  top: 0;
  right: -32PX;
  width: 30px;
  height: 30px;
  background: url(/common/img/md_closebtn.png) no-repeat;
  text-indent: -999em;
  cursor: pointer;
}

.megaDispInner:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

#Gnav ul li .megaDisp a:before {
  display: none;
}

/*.megaDispInner:before {
	content: '';
	display: block;
	position: absolute;
	top: -7px;
	border-bottom: 7px solid #000;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}

.megaDispInner:before {
	left: 23px;
}*/

.megaDisp a:hover {
  text-decoration: underline !important;
}

.megaDisp .mDCategory, .megaDisp .mDColumnTb, .megaDisp .mDColumn {
  display: block;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  vertical-align: top;
}

.megaDisp .mDCategory {
  width: 212px;
  font-size: 153.9%;
  line-height: 1.5;
  padding-left: 30px; /*--1206 add--*/
}

.mDCategory .productsArrow:after {
  content: url(/common/img/arrowY.png);
  padding-left: 16px;
}

#Gnav .megaDisp .mDColumn {
  padding: 30px; /*--1206 chg from 0 --*/
  margin: 36px 0 0 0;
  width: 100%; /*--1206 add--*/
}

.en .megaDisp .mDColumn {
  padding-right: 30px;
}

/*
.megaDisp .mDColumn01 {
	width: 236px;
}

.megaDisp .mDColumn02 {
	width: 236px;
}

.megaDisp .mDColumn03 {
	width: 236px;
}
*/
#Gnav .megaDisp .mDColumn li {
  margin: 0 27px 36px 0;
  vertical-align: top;
  width: 200px;
}

#Gnav .megaDisp .mDColumn li:nth-child(5n) {
  /*margin: 0;*/
}

.megaDisp .mDColumn li li {
  font-size: 100%;
}

.megaDisp .mDColumn li .filled {
  letter-spacing: -1px;
}

.megaDisp li {
  display: block;
  line-height: 20px;
}

.megaDisp li.mdBan {
  margin: 10px 0 15px !important;
}

.megaDisp .mDCategory a, .megaDisp li a {
  padding: 0 !important;
  color: #fff;
}

.megaDisp li li a {
/*	color: #999;*/
}

.megaDisp li li {
  padding-left: 14px;
}

.megaDisp li a img {
  display: block;
  margin: 0 0 16px 0;
}

/*--span caption notice--*/
#Gnav .megaDisp .mDColumn span.lile2Subttl {
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
}

#Gnav .megaDisp .mDColumn span.lile2Subttl:after {
  content: "";
}

/*--MegaDrop Only blank--*/
#Gnav .megaDisp .mDColumn .blank:after {
  content: url(/common/img/blank.png);
  padding-left: 6px;
  vertical-align: baseline;
  position: absolute;
  right: 6px;
}

/*--Col2--*/
#Gnav ul.cardCol2 {
  width: 100% !important;
  margin: 0 !important;
}

#Gnav ul.cardCol2 li {
  display: inline-block !important;
  margin: 0 !important;
  margin: 0 2% 0 0 !important;
  width: 49% !important;
  box-sizing: border-box !important;
  float: left;
}

#Gnav ul.cardCol2 li:nth-child(2n) {
  margin-right: 0 !important;
}

#Gnav ul.cardCol2 li.last {
  margin-right: 0 !important;
}

#Gnav ul.cardCol2 li img {
  max-width: 100% !important;
}

#Gnav ul.cardCol2 li a span {
  display: inline-block !important;
  position: relative !important;
  font-weight: bold !important;
  font-size: 16px !important;
  padding-left: 4px !important;
  height: auto !important;
  color: #fff !important;
  line-height: 1.2 !important;
}

#Gnav ul.cardCol2 li a span:hover {
  text-decoration: underline;
}

#Gnav ul.cardCol2 li a span.productsArrow:after {
  content: url(/common/img/arrowY.png);
  padding-left: 16px;
  display: inline-block;
  position: static;
  background: none;
}

/*--Main Inner--------------------------*/
#Main_inner {
}

#Cont {
  margin-bottom: 0;
  color: #333;
  background-color: #f1f1f1;
  margin: 48px 0 48px 0;
}

#Cont a {
  color: #333;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  outline: none;
}

#Cont .hover a, #Cont a:hover {
  text-decoration: underline;
}

section {
  padding: 0;
  margin: 48px 0 48px 0;
}

div.sectionWrap {
  position: relative;
  max-width: 1124px;
  margin: 0 auto;
  padding: 0 48px
}

.sectionWrap > .sectionWrap {
  padding: 0;
}

.sectionWrap h2 {
  margin-bottom: 48px;
  padding: 0;
  font-size: 14px;
}

.sectionWrap .linkListArea {
  position: static;
  margin-bottom: 30px;
}

.sectionWrap .linkList li {
  margin: 0;
}
/*--Page --------------------------------- */

#wallpaper h3 {
    padding-bottom: 0px;
    margin: 0 0 10px 0;
}

/*--Footer --------------------------------- */

#footer {
  position: relative;
  background-color: #313131;
  color: #fff !important;
}
#footer ul li {
  list-style: none;
}

#footer a {
  color: #fff !important;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#footer a:hover {
  color: #fff;
  text-decoration: underline;
}

#footer a:link, #footer a:visited {
  color: #fff;
}

/*#footer .pageTop,*/
.footer_menuarea .footer_menuContainer, #footer_copyright {
  max-width: 1125px;
  margin: 0 auto;
  padding: 0 50px;
}

#footer_inner {
  border-top: 1px solid #4f4f4f;
  background: #3B3B3B;
  color: #fff;
}

#footer_inner a:link, #footer_inner a:visited {
  color: #fff;
}

#footer .pageTop_area {
  position: fixed;
  /*top: -70px;*/
  top: auto;
  bottom: 31px;
  right: 0;
  width: auto;
  z-index: 11;
}

#footer .pageTop {
  padding: 0 30px;
  text-align: right;
}

#footer .pageTop a {
  display: inline-block;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#footer .pageTop a.advent {
  opacity: 1;
}

.footer_menuarea {
  padding: 45px 0 45px;
  color: #fff;
}

.footer_menu {
  float: left;
  width: 20.45%;
  box-sizing: border-box;
  padding-right: 4%;
}

.footer_menu.last {
  padding-right: 0;
}

.footer_catLink {
  display: inline-block;
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.5;
}

.footer_menu li {
  font-size: 14px;
  line-height: 2;
}

#footer_copyright {
  padding: 16px 0;
  box-sizing: border-box;
  height: 70px;
}

#footer_copyright .copy {
  float: right;
  font-size: 15px;
  line-height: 30px;
  padding-top: 6px;
  color: #fff;
}

.footerCatch {
  font-family: 'Roboto', sans-serif;
  font-size: 22px !important;
  font-weight: bold;
  display: inline-block;
  float: left;
  color: #FFF;
}

.footer_menu01 {
  padding-left: 1%;
  width: 23%;
}

.footer_menu02 {
  width: 18%;
}

.footer_menu03 {
  width: 19%;
}

.footer_menu li.footer_menu03_2 {
  margin: 30px 0 20px;
  font-size: 18px;
  line-height: 1.5;
  color: #fff;
}

.footer_menu04 {
  width: 23.20%;
}

.footer_menu li.footer_menu04_2 {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.5;
  color: #fff;
}

.footer_menu05 {
  width: 16%;
}

.footer_menu ul.arrowLink li:before {
  content: url(/common/img/arrow.png);
  padding-right: 6px;
  vertical-align: baseline;
}

.footer_menu ul li.footer_menu03_2:before {
  content: "";
}

#footer .linkB:after {
  content: url(/common/img/arrowL.png);
  padding-left: 14px;
  vertical-align: middle;
}

/*--Breadcrumb----------------------------------- */

#Breadcrumb {
  max-width: 1124px;
  margin: 0 auto;
  padding: 8px;
  box-sizing: border-box;
  height: 56px;
}

#Breadcrumb ul {
  margin: 0 auto;
  padding: 10px 0;
}

#Breadcrumb ul li {
  display: inline;
  float: left;
  font-size: 13px;
  color: #000000;
  padding-right: 22px;
  margin-right: 14px;
}

#Breadcrumb ul li a {
  display: inline-block;
  color: #000000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#Breadcrumb ul li a:hover {
  color: #065dc6;
}

#Breadcrumb ul li {
  position: relative;
}

#Breadcrumb ul li:after {
  content: '＞';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  color: #000000;
}

#Breadcrumb ul li.last:after {
  content: ' ';
}

/*--header images----------------------------------- */
.ttlWrap {
  background-size: cover;
  background-position: 50% 50%;
}

#products .ttlWrap {
  background-image: url(/common/img/h1image_products.png);
}

#info .ttlWrap {
  background-image: url(/common/img/h1image_info.png);
}

#ir .ttlWrap {
  background-image: url(/common/img/h1image_ir.png);
}

#recruit .ttlWrap {
  background-image: url(/common/img/h1image_recruit.png);
}

#playland .ttlWrap {
  background-image: url(/common/img/h1image_playland.png);
}

#news .ttlWrap {
  background-image: url(/common/img/h1image_news.png);
}

#sakai_news .ttlWrap {
  background-image: url(/common/img/h1image_sakai_news.png);
}

#inquiry .ttlWrap {
  background-image: url(/common/img/h1image_inquiry.png);
}

.inquiry .ttlWrap {
  background-image: url(/common/img/h1image_inquiry.png);
}

/*top　onlyなのでclassのみでID指定しない*/ 
.ttlWrap.ginou {
  background-image: url(/common/img/h1image_ginou.png);
}

#technical .ttlWrap {
  background-image: url(/common/img/h1image_technical.png);
}

/*--titleArea--------------------------- */

.titleArea {
  margin: 10px auto;
  max-width: 1124px;
  padding: 0 20px;
  box-sizing: border-box;
}

.titleArea .pageTitle {
  line-height: 1.35;
}

.branch .pageTitle {
  font-size: 261.538462%;
}

.leaf .pageTitle {
  font-size: 261.538462%;
}

.titleArea .caption {
  display: block;
  margin: 0 0 10px;
  /*font-size: 138.5%;*/
  font-size: 52.941176%;
  line-height: 1;/*	font-weight: bold;*/
}

.mainDescription {
  margin-bottom: 43px;
  font-size: 108%;
  line-height: 1.85;
}

/*--SideNavi--------------------------------- */
#sideNav .block {
  display: block;
}

#sideNav {
  background: #fafafa;
}

#sideNav a {
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}

#sideNav a:hover {
  text-decoration: underline;
}

#sideNav dt, #sideNav dd {
  line-height: 1;
}

#sideNav dt {
  font-size: 123.1%;
}

#sideNav dt a {
  padding: 16px;
  color: #fff;
  background-color: #4c4c4c;
  font-size: 19px;
}

#sideNav dt a:hover {
  background-color: #777;
}

#sideNav dd {
  font-size: 14px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ddd;
}

#sideNav dd a {
  position: relative;
  padding: 18px 16px 17px;
  color: #333;
  line-height: 1.4;
  background-color: #fff;
}

#sideNav dd ul li a {
  background-color: transparent;
}

#sideNav dd > a:hover {
  background-color: #e0e0e0;
}

#sideNav dd a.blank {
  display: block;
}

#sideNav dd a.blank:after {
  margin-top: -1px;
}

#sideNav dd a.ac.blank:after {
  margin-top: -1px;
  background-position: 0 100%;
}

#sideNav dd a.hasTree {
  padding: 18px 34px 17px 16px;/*  border-bottom: 1px solid #ddd;
*/
}

#sideNav dd.open a.hasTree:after {
  background-position: 0 100%;
}

#sideNav dd.open a.sn01, #sideNav dd a:hover {
}

#sideNav dd ul {
  /* margin-left: 15px; */
  margin-bottom: -1px;
  padding: 0 0 0 0;
  background-color: #f9f9f9;
}

#sideNav dd.open ul {
  display: block;
}

#sideNav dd ul li {
  border-bottom: 1px solid #ddd;
  padding-left: 20px;
}

#sideNav dd ul li:hover {
  background-color: #e0e0e0;
}

#sideNav a {
  padding: 13px 0 12px;
  line-height: 1.66;
  background-color: #f9f9f9;
}

#sideNav a.ac {
  font-weight: bold;
}

#sideNav a.ac:before {
  content: '';
  display: inline-block;
  position: relative;
  top: 0;
  left: -6px;
  width: 0;
  height: 22px;
  border-left: 4px solid #d8d900;
  vertical-align: middle;
}

#sideNav dd.has_ac ul {
  display: block;
  opacity: 1;
  animation-duration: 1.5s;
  animation-name: fade-in;
  -moz-animation-duration: 1.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-name: fade-in;
}

#sideNav dd a {
  display: block;
}

#sideNav dd:hover {
  position: relative;
}

#sideNav dd:hover > ul {
  display: block;
  opacity: 1;
  animation-duration: 1.5s;
  animation-name: fade-in;
  -moz-animation-duration: 1.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-name: fade-in;
}

#sideNav dd a.ac+ul {
  display: block;
  opacity: 1;
  animation-duration: 1.5s;
  animation-name: fade-in;
  -moz-animation-duration: 1.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-name: fade-in;
}

#sideNav dd ul {
  display: none;
}
 @keyframes fade-in {
0% {
 display: none;
 opacity: 0;
}
 1% {
 display: block;
 opacity: 0;
}
 100% {
 display: block;
 opacity: 1;
}
}
 @-moz-keyframes fade-in {
0% {
 display: none;
 opacity: 0;
}
 1% {
 display: block;
 opacity: 0;
}
 100% {
 display: block;
 opacity: 1;
}
}
 @-webkit-keyframes fade-in {
0% {
 display: none;
 opacity: 0;
}
 1% {
 display: block;
 opacity: 0;
}
 100% {
 display: block;
 opacity: 1;
}
}

/*--common Parts------------------------------------------------*/

/*--Gnav active link--*/
.ac span {
  color: #ffff00 !important;
}

/*--Col2 Products List---*/

ul.col2PList {
  display: block;
}

ul.col2PList li {
  position: relative;
  display: inline-block;
  float: left;
  box-sizing: border-box;
  width: 49%;
  margin: 0 2% 25px 0;
  margin: 0 1% 25px 0\9; /*--IE9--*/
  padding: 0;
}

ul.col2PList li img {
  max-width: 100%;
}

ul.col2PList li:nth-child(2n) {
  margin: 0 0 25px 0;
}

ul.col2PList li span.Index2 {
  position: absolute;
  bottom: 0;
  color: #fff;
  width: 100%;
  height: 22%;
}

ul.col2PList li span.Index2.line2 {
  height: 27%;
}

ul.col2PList li span.Index2.line2 .lile2Subttl {
  font-weight: normal;
  font-size: 14px;
}

ul.col2PList li span.Index2 h3 {
  font-size: 19px;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 34%;
  left: 20px;
  border-bottom: none;
  margin: 0;
  padding: 0;
}

ul.col2PList li span.Index2.line2 h3 {
  font-size: 19px;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 30%;
  left: 20px;
  border-bottom: none;
  margin: 0;
}

ul.col2PList li span.Index2 h3:hover {
  text-decoration: underline;
}

ul.col2PList li:hover span.Index2 h3 {
  text-decoration: underline;
}

ul.col2PList li span.productsArrow:after {
  content: url(/common/img/arrowY.png);
  margin-left: 16px;
}

/*--Col3 Products List---*/

ul.col3PList {
  display: block;
}

ul.col3PList li {
  position: relative;
  display: inline-block;
  float: left;
  box-sizing: border-box;
  width: 32%;
  margin: 0 2% 20px 0;
  margin: 0 1% 20px 0 \9; /*--IE8--*/
}

ul.col3PList li img {
  max-width: 100%;
}

ul.col3PList li:nth-child(3n) {
  margin: 0 0 20px 0;
}

ul.col3PList li span.Index2 {
  position: absolute;
  bottom: 0;
  color: #fff;
  width: 100%;
  height: 20%;
}

ul.col3PList li span.Index2.line2 {
  height: 27%;
}

ul.col3PList li span.Index2.line2 .lile2Subttl {
  font-weight: normal;
  font-size: 14px;
}

ul.col3PList li span.Index2 h3 {
  font-size: 19px;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 20%;
  left: 20px;
  border-bottom: none;
}

/*ul.col3PList li span.Index2.line2 h3 {
  font-size: 19px;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 20%;
  left: 20px;
  border-bottom: none;
}
*/

ul.col3PList li span.Index2.line2 h3 {
  font-size: 19px;
  font-weight: bold;
  line-height: 1;
  position: relative;
  top: 0;
  left: 0;
  border-bottom: none;
  margin: 0;
  padding: 5%;
}

ul.col3PList li:hover span.Index2 h3 {
  text-decoration: underline;
}

ul.col3PList li span.productsArrow:after {
  content: url(/common/img/arrowY.png);
  position: absolute;
  right: 11px;
}

/*--Col3 Products Cat---*/
ul.col3PCat {
  display: block;
}

ul.col3PCat li {
  position: relative;
  display: inline-block;
  float: left;
  box-sizing: border-box;
  width: 32%;
  margin: 0 2% 20px 0;
  margin: 0 1% 20px 0 \9;
  background-color: #fff;
  padding: 20px;
}

ul.col3PCat li img {
  max-width: 100%;
  width: 100%;
}

ul.col3PCat span.catlink:hover {
  opacity: 0.8;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}

ul.col3PCat li:nth-child(3n) {
  margin: 0 0 20px 0;
}

ul.col3PCat h3 {
  border-bottom: none;
  padding: 10px 4px;
  margin: 0;
  font-size: 19px;
}

ul.col3PCat span.catlink {
  display: block;
  background-color: #2c2c2c;
  color: #fff;
  padding: 6px 6px 6px 12px;
  position: relative;
}

ul.col3PCat span.catlink:after {
  content: url(/common/img/arrowYS.png);
  position: absolute;
  right: 11px;
}

ul.col3PCat span.catdown1 {
  display: block;
  margin-top: 10px;
  padding: 0 0 2px 0;
  font-size: 14px;
}

ul.col3PCat div.catdown2 {
  display: block;
  font-size: 14px;
  word-break: break-all;
}

ul.col3PCat div.catdown2 a {
  background-color: #ededed;
  display: block;
  margin-bottom: 1px;
  padding: 3px 8px;
}

ul.col3PCat div.catdown2 a:hover {
  color: #065DC6 !important;
}

/*--cat color--*/
/*--土工用振動ローラ-*/
ul.col3PCat li.soil_compactor h3 {
  border-top: 6px solid rgba(255,39,39,1);
  border-top: 6px solid #ff2727 \9;
}

/*--舗装用ローラ--*/
ul.col3PCat li.asphalt_roller h3 {
  border-top: 6px solid rgba(0,0,255,1);
  border-top: 6px solid #0000ff \9;
}

/*--道路維持補修機械--*/
ul.col3PCat li.road_maintenance h3 {
  border-top: 6px solid rgba(128,0,26,1);
  border-top: 6px solid #80001a \9;
}

/*--小型締固め機械--*/
ul.col3PCat li.light_equipments h3 {
  border-top: 6px solid rgba(25,62,33,1);
  border-top: 6px solid #193e21 \9;
}

/*--特装自動車--*/
ul.col3PCat li.tokuso h3 {
  border-top: 6px solid rgba(192,155,58,1);
  border-top: 6px solid #c09b3a \9;
}

/*--関連商品--*/
ul.col3PCat li.related h3 {
  border-top: 6px solid rgba(192,155,58,1);
  border-top: 6px solid #c09b3a \9;
}

/*--製品動画-*/
ul.col3PCat li.movie h3 {
  border-top: 6px solid rgba(192,155,58,1);
  border-top: 6px solid #c09b3a \9;
}

/*--新製品情報--*/
ul.col3PCat li.new_products h3 {
  border-top: 6px solid rgb(1, 168, 247);
  border-top: 6px solid #193e21 \9;
}

/*--指定なし--*/
ul.col3PCat li h3 {
  border-top: 6px solid rgb(103, 100, 92);
  border-top: 6px solid #193e21 \9;
}

/*--COL2--*/
ul.col2Group {
  width: 100% !important;
  margin: 0 !important;
}

ul.col2Group li {
  display: inline-block !important;
  margin: 0 2% 2% 0;
  margin: 0 1% 2% 0 \9;
  width: 49% !important;
  box-sizing: border-box !important;
  float: left;
}

ul.col2Group li:nth-child(2n) {
  margin-right: 0 !important;
}

ul.col2Group li.last {
  margin-right: 0 !important;
}

ul.col2Group li img {
  max-width: 100% !important;
  padding-bottom: 10px;
}

#Cont ul.col2Group li a {
}

ul.col2Group li a p {
  font-size: 16px;
  padding: 0 10px 0 10px;
  line-height: 1.2;
  color: #065dc6;
}

ul.col2Group li a span:hover {
  text-decoration: underline;
}

ul.col2Group li a span.productsArrow:after {
  content: url(/common/img/arrowY.png);
  padding-left: 16px;
  display: inline-block;
  position: static;
  background: none;
}

/*--COL3--*/
ul.col3Group {
  width: 100% !important;
  margin: 0 !important;
}

ul.col3Group li {
  display: inline-block !important;
  margin: 0 2% 2% 0;
  margin: 0 1% 2% 0 \9;
  width: 32% !important;
  box-sizing: border-box !important;
  float: left;
}

ul.col3Group li:nth-child(3n) {
  margin-right: 0 !important;
}

ul.col3Group li.last {
  margin-right: 0 !important;
}

ul.col3Group h3 {
  background-color: #fff;
  border: none;
  font-size: 19px;
  padding: 16px;
  margin: 0;
  position: relative;
}

ul.col3Group li img {
  width: 100%;
}

ul.col3Group li a span:hover {
  text-decoration: underline;
}

ul.col3Group li a span.productsArrow:after {
  content: url(/common/img/arrowL.png);
  position: absolute;
  right: 20px;
}

ul.col3Group a h3:hover {
  background-color: #e5e5e5;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: black;
}

/*--COL4--*/
ul.col4Group {
  width: 100% !important;
  margin: 0 !important;
}

ul.col4Group li {
  display: inline-block !important;
  margin: 0 2% 2% 0;
  margin: 0 1% 2% 0 \9;
  width: 23.5% !important;
  box-sizing: border-box !important;
  float: left;
}

ul.col4Group li:nth-child(4n) {
  margin-right: 0 !important;
}

ul.col4Group li.last {
  margin-right: 0 !important;
}

ul.col4Group li img {
  max-width: 100% !important;
  width: 100%;
}

ul.col4Group li a span {
  display: inline-block !important;
  position: relative !important;
  font-weight: normal;
  font-size: 16px !important;
  padding: 8px;
  height: auto;
  color: #065dc6 !important;
  line-height: 1.2 !important;
}

ul.col4Group li a span:hover {
  text-decoration: underline;
}

ul.col4Group li a span.productsArrow:after {
  content: url(/common/img/arrowY.png);
  padding-left: 16px;
  display: inline-block;
  position: static;
  background: none;
}

/*--Link---------------------------------*/

#Cont a.link {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  padding-bottom: 8px;
}

#Cont a.link:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 7px;
  height: 10px;
  background: url(/common/img/arrow.png) no-repeat;
  padding-left: 12px;
}

#Cont .link:before {
  content: url(/common/img/arrow.png);
  padding-right: 6px;
  vertical-align: baseline;
}

#Cont a.link:hover {
/*  color: #b2b300;
*/}

#Cont .linkB:after {
  content: url(/common/img/arrowL.png);
  padding-left: 14px;
  vertical-align: middle;
}

/*--arrow link L--*/
#Cont a.linkL {
  padding-left: 19px;
}

#Cont a.linkL:before {
  top: 6px;
  width: 7px;
  height: 11px;
  background: url(/common/img/arrowL.png) no-repeat;
}

/*--BlanlLink--*/
#Cont a.blank, #Rside a.blank {
  display: inline-block;
  position: relative;
  padding-right: 19px;
}

#Cont a.blank:after, #Rside a.blank:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 11px;
  margin: 4px 0 0 5px;
  background: url(/common/img/blank.png) no-repeat;
}

#Cont a.blank:hover:after, #Cont .hover a.blank:after, #Rside a.blank:hover:after, #Rside .hover a.blank:after {
  background-position: 0 100%;
}


/*--blankLink Black--*/
#Cont a.blankB:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 10px;
  margin: 4px 0 0 8px;
  background: url(/common/img/blankB.png) no-repeat;
}

#Rside a.blankB:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 10px;
  margin: 4px 0 0 8px;
  background: url(/common/img/blankB.png) no-repeat;
}

/*--blankLink Black BIG--*/
#Cont a.blankBL:after {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0 0 0 32px;
  background: url(/common/img/blankBL.png) no-repeat;
}

/*--PDFLink--*/
#Cont a.pdf:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(/common/img/icon_pdf.png) no-repeat;
  position: relative;
  left: 5px;
}

/*--DownloadLink--*/
#Cont a.dl:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 16px;
  margin: 4px 0 0 8px;
  background: url(/common/img/icon_dl.png) no-repeat;
}

/*--relatedLinks--*/
ul.relatedLinks {
}

ul.relatedLinks li {
  display: inline-block;
  width: 50%;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
}

ul.relatedLinks li:hover {
  background-color: #e5e5e5;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*--Btn--*/
.backBtn {
  text-align: center
}

ul.backBtn li {
  display: inline-block;
  width: 288px;
  background-color: #fff;
  padding: 10px;
  box-sizing: border-box;
}

ul.backBtn li:after {
  content: url(/common/img/arrow_back.png);
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}

ul.backBtn li:hover {
  background-color: #e5e5e5;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a.linkBtn {
  height: 33px;
  line-height: 33px;
  border: 1px solid #a1a1a1;
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 0 33px 0 10px;
  margin: 10px 0 20px;
}

a.linkBtn:after {
  content: '';
  background: url(/info/img/linkBtn.png) no-repeat;
  width: 7px;
  height: 10px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

a.linkBtn:hover {
  background-color: #d8d8d8;
}

/*--TABLE type01--*/
div.rwd-table table {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #f9f9f9;
  width: 100%;
  min-width: 740px !important;
}

div.rwd-table {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
 div.rwd-table::-webkit-scrollbar {
 height: 5px;
}
 div.rwd-table::-webkit-scrollbar-track {
 border-radius: 5px;
 background: #eee;
}
 div.rwd-table::-webkit-scrollbar-thumb {
 border-radius: 5PX;
 background: #666;
}

div.rwd-table table thead tr th {
  background-color: #d2d2d2;
  text-align: center;
}

div.rwd-table th {
  background-color: #e2e2e2;
  border: 1px solid #bebebe;
  padding: 8px;
  text-align: left;
}

div.rwd-table td {
  border: 1px solid #bebebe;
  padding: 8px;
  text-align: center;
}

div.rwd-table table.t_left td {
  text-align: left;
}

/*--rwd-table type02 not swipe Rows Only--*/
div.rwd-table2 {
  width: 100%;
}

div.rwd-table2 table {
  width: 100%;
  min-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #f9f9f9;
}

div.rwd-table2 table thead tr th {
  background-color: #d2d2d2;
  text-align: center;
}

div.rwd-table2 th {
  background-color: #e2e2e2;
  border: 1px solid #bebebe;
  padding: 8px;
  text-align: left;
}

div.rwd-table2 td {
  border: 1px solid #bebebe;
  padding: 8px;
  text-align: center;
}

div.rwd-table2 table.t_left td {
  text-align: left;
}

/*--rwd-table type03 not swipe 100%--*/
div.rwd-table3 {
  width: 100%;
}

div.rwd-table3 table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #f9f9f9;
}

div.rwd-table3 table thead tr th {
  background-color: #d2d2d2;
  text-align: center;
}

div.rwd-table3 th {
  background-color: #e2e2e2;
  border: 1px solid #bebebe;
  padding: 8px;
  text-align: left;
}

div.rwd-table3 td {
  border: 1px solid #bebebe;
  padding: 8px;
  text-align: center;
}

div.rwd-table3 table.t_left td {
  text-align: left;
}

/*--Event List--*/

dl.eventList {
  width: 100%;
}

dl.eventList dt {
  float: left;
  padding-left: 15px;
}

dl.eventList dd {
  padding: 0 0 15px 180px;
  margin-bottom: 15px;
  border-bottom: solid 1px #bebebe;
}

dl.eventList dd ul {
  padding-bottom: 0;
}

/*--PDF notice--*/
.bnrPDF {
  padding-top: 16px;
}

.bnrPDF hr {
  margin-bottom: 36px;
}

.bnrPDF img {
  display: inline-block;
  vertical-align: baseline;
}

.bnrPDF p {
  display: inline-block;
  padding: 0 0 0 30px !important;
}

#Cont .bnrPDF a {
  color: #065dc6;
}

/*--layout01 , 02 newsList parts slick--*/

.newsListArea {
}

.newsListArea dl {
  display: table!important;
  width: 23%;
  background-color: #fff;
  vertical-align: top;
  margin: 0 10px 0 10px;
  position: relative;
}

.newsListArea dl:hover {
  background-color: #e5e5e5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  outline: none;
}

.newsListArea dl:focus {
  outline: none;
}

.newsListArea dl a {
  display: table-cell;
  vertical-align: top;
}

.newsListArea dt {
  padding: 20px 20px;
}

.newsListArea dt span {
  display: inline-block;
}

.newsListArea dt span.label {
  height: 20px;
  margin: 0 0 20px 0;
  padding: 0 16px;
  color: #fff;
  background: #2c2c2c;
  font-size: 11px;
  text-align: center;
  line-height: 1.9;
}

.newsListArea dt span.date {
  font-size: 15px;
  font-weight: bold;
  display: block;
}

.newsListArea dd {
  width: auto;
  font-size: 15px;
  padding: 0 20px 20px 20px;
}

.newsListArea dd a {
  padding: 0;
  color: #065DC6 !important;
}

.newsListArea dd a:hover {
  text-decoration: underline;
}

.NewsList_slick .newslistBtn {
  width: 110px;
  margin: 0 auto;
  padding: 30px 0 0 0;
}

.NewsList_slick .newslistBtn li {
  width: 110px;
  padding: 10px 28px;
  position: relative;
  font-size: 19px;
  height: auto;
  display: inline-block;
  background-color: #fff;
  box-sizing: border-box;
  margin-right: 6px;
}

.NewsList_slick .newslistBtn li:hover {
  background-color: #e5e5e5;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: black;
}

.NewsList_slick .newslistBtn a:after {
  content: url(/common/img/arrowL.png);
  display: inline-block;
  position: relative;
  top: 1px;
  right: -16px;
}

/*--NewsList_slick Link class-----------*/
#Cont .newsListArea a:after {
  content: none;
}

/*--blankLink Black--*/
.newsListArea a.blankB dd:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 10px;
  margin: 4px 0 0 8px;
  background: url(/common/img/blankB.png) no-repeat;
}

/*--PDFLink--*/
.newsListArea a.pdf dd:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 4px 0 0 8px;
  background: url(/common/img/icon_pdf.png) no-repeat;
}

/*--listBtn------------------------------*/
ul.listBtn {
  text-align: center;
  padding-top: 30px;
}

ul.listBtn li {
  width: 49.4%;
  height: 80px;
  text-align: left;
  padding: 0;
  position: relative;
  font-size: 19px;
  display: inline-block;
  background-color: #fff;
  box-sizing: border-box;
  margin-right: 6px;
  float: left;
}

ul.listBtn li a {
  display: block;
  padding: 25px;
}

ul.listBtn li:hover {
  background-color: #e5e5e5;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

ul.listBtn li:after {
  content: url('/common/img/arrowL.png');
  display: inline-block;
  position: absolute;
  top: 29px;
  right: 19px;
}

ul.listBtn li.last {
  margin-right: 0;
}

/*--listBtn 3Col------------------------------*/
ul.listBtn3 {
  text-align: center;
  padding-top: 30px;
}

ul.listBtn3 li {
  width: 32.5%;
  height: 80px;
  text-align: left;
  padding: 0;
  position: relative;
  font-size: 19px;
  display: inline-block;
  background-color: #fff;
  box-sizing: border-box;
  margin: 0 6px 20px 0;
  margin: 0 6px 20px 0\9;
  float: left;
}

ul.listBtn3 li a {
  display: block;
  padding: 25px;
}

ul.listBtn3 li:hover {
  background-color: #e5e5e5;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

ul.listBtn3 li:after {
  content: url('/common/img/arrowL.png');
  display: inline-block;
  position: absolute;
  top: 29px;
  right: 19px;
}

ul.listBtn3 li.last {
  margin-right: 0;
}

/*--2colTable------------------------------*/
ul.col2Table {
  display: block;
}

ul.col2Table li {
  position: relative;
  display: table-cell;
  box-sizing: border-box;
  width: 50%;
}

/*--2colTable------------------------------*/
ul.colFTable {
  display: table;
  border-collapse: separate;
  border-spacing: 20px 10px;
}

ul.colFTable li {
  position: relative;
  display: table-cell;
  box-sizing: border-box;
}

ul.colFTable li.sp {
  display: none;
}

/*--Pickup----------------------------------*/
#Pickup {
  background-color: #3b3b3b;
  margin: 0;
  padding: 30px 0;
}

#Pickup li {
  font-size: 16px;
  text-align: center;
}

#Pickup ul li a {
  color: #fff;
}

#Pickup a img {
  padding-bottom: 10px;
}

/*--cardCol2_w100  TOP ONLY?--*/
ul.cardCol2_w100 {
  width: 100% !important;
  margin: 30px 0 0 0;
}

ul.cardCol2_w100 li {
  display: inline-block !important;
  margin: 0;
  width: 50%;
  box-sizing: border-box !important;
  float: left;
  position: relative;
}

ul.cardCol2_w100 li:hover {
  cursor: pointer;
  opacity: 0.9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

ul.cardCol2_w100 li img {
  width: 100%;
}

ul.cardCol2_w100 li h2 {
  display: inline-block;
  font-size: 23px;
  font-weight: bold;
  position: absolute;
  top: 43%;
  left: 4%;
  margin: 0;
  padding: 0;
}

ul.cardCol2_w100 li:hover a {
  text-decoration: underline!important;
}

ul.cardCol2_w100 li h2 a:after {
  content: url(/common/img/arrowL.png);
  padding-left: 12px;
}

/*--not #Cont --*/

.blank:after {
  content: url(/common/img/blank.png);
  padding-left: 6px;
  vertical-align: baseline;
}

/*--tab--------------------------------- */

.tabArea, .tabAreaReal {
  margin: 0 0 50px;
  border-bottom: 1px solid #ddd;
}

.tabArea li, .tabAreaReal li {
  float: left;
  height: 53px;
  margin-bottom: -1px;
  font-size: 116%;
  line-height: 1;
}

.tabArea li a, .tabAreaReal li a {
  display: block;
  height: 43px;
  margin-top: 10px;
  margin-right: -1px;
  padding: 13px 30px 0;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background-color: #fafafa;
}

.tabArea li.ac a, .tabArea li a:hover, .tabAreaReal li.ac a, .tabAreaReal li a:hover {
  height: 53px;
  margin-top: 0;
  padding-top: 18px;
  background-color: #fff;
}

.tabArea li.ac a, .tabAreaReal li.ac a {
  color: #f00000 !important;
  border-bottom: 1px solid #fff;
}

.hide {
  display: none;
}

/*--page link--ページ内アンカー---*/

.pageAnchor {
  overflow: hidden;
  padding: 0 0 40px;
}

.pageAnchor ul {
  margin-left: -18px;
}

.pageAnchor li {
  float: left;
  margin: 0 -1px 10px 0;
  padding: 0 17px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  list-style: none;
}

.pageAnchor li.last {
  border-right: 1px solid #ddd;
}

.pageAnchor li a {
  display: inline-block;
  position: relative;
  padding-left: 14px;
}

.pageAnchor li a:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 7px;
  margin-top: -3px;
  background: url(/common/img/icon_anchor.png) no-repeat;
}

/*--page link height set--*/
section[id*="sec"] {
  margin-top: -72px;
  padding-top: 72px;
}

/*--PC SP block none option--*/
.sp {
  display: none;
}

.pc {
  display: block;
}

/*--inq for Products--*/
.inqProducts {
}

.inqProducts div {
  display: block;
  width: 600px;
  background-color: #e5e655;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  box-shadow: 0 4px 0 rgb(182, 183, 0);
  margin: 60px auto;
}

.inqProducts div a {
  padding: 30px 70px;
  display: block;
}


/*--------------------------------------------------*/

@-webkit-keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @-webkit-keyframes fadeRed {
 from {
color: #333;
}
 to {
color: #f00000;
}
}
 @keyframes fadeRed {
 from {
color: #333;
}
 to {
color: #f00000;
}
}

/*---------------------------------------*/


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  common layout01 ONLY
--------------------------------------------------------------------------------------------------*/

.layout01 #Main {
  padding: 72px 0 0 0;
  background-color: #f1f1f1;
  font-size: 16px;
}

.layout01 #Main .ttlWrap {
  background-color: #f9f9f9;
  height: 144px;
}

.layout01 #Main_inner {
/*  max-width: 1220px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 48px;
*/}

/*--Header-- */
.layout01 h1 {
  font-size: 33px;
}

.layout01 h2 {
  font-size: 26px;
  border-left: 4px solid #000;
  margin: 40px 0 40px 0;
  padding: 0 0 0 16px;
  line-height: 60px;
  background-color: #FFF;
}

.layout01 h3 {
  font-size: 21px;
  border-bottom: 1px solid #2c2c2c;
  padding-bottom: 12px;
}

.layout01 h4 {
  font-size: 19px;
  border-left: 3px solid #2c2c2c;
  padding-left: 12px;
  line-height: 1;
}

/*--font--*/
.layout01 p {
  padding: 16px 0;
  font-size: 16px;
}

/*--list--*/
.layout01 ul, .layout02 ol {
  padding-bottom: 20px;
}

.layout01 .ulDY li {
  font-size: 16px;
  line-height: 2.2;
  padding-left: 1em;
  text-indent: -1em;
}

.layout01 .ulDY li:before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #b2b300;
  position: relative;
  left: 0;
  top: -2px;
  margin-right: 9PX;
}

.layout01 .olNum {
  font-size: 16px;
  line-height: 2.2;
}

.layout01 .olNum li {
  list-style: decimal;
  list-style-position: inside;
  padding-left: 1em;
  text-indent: -1em;
}

/*-------------------------------------------------------------------------------------------------
  //common layout01 ONLY
------------------------------------------------------------------------------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------------------------------------------------------------------------------
  common layout02 ONLY
--------------------------------------------------------------------------------------------------*/
.layout02 #Main {
  padding: 72px 0 0 0;
  background-color: #f1f1f1;
  font-size: 16px;
}

.layout02 #Main .ttlWrap {
  background-color: #f9f9f9;
  height: 144px;
}

.layout02 #Main_inner {
  max-width: 1220px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 48px;
}

.layout02 #Cont {
  float: left;
  width: 74.467%;
}

.layout02 #Rside {
  float: right;
  width: 21.175%;
  margin: 48px 0 48px 0;
}

.layout02 #Rside .ac span {
  color: #000!important;
}

.layout02 section {
/*  margin: 0 0 48px 0;
  padding: 0;*/
}

.layout02 #Cont section:first-child h2 {
  margin-top: 0;
}

.layout02 #Cont section#sec01.firstSec {/* /products/asphalt_roller/のようなh2があるページのページ内リンク調整*/
  margin-top: -112px;
  padding-top: 112px;
}

/*--Header-- */
.layout02 h1 {
  font-size: 33px;
}

.layout02 h2 {
  font-size: 26px;
  border-left: 4px solid #000;
  margin: 40px 0 40px 0;
  padding: 0 0 0 16px;
  background-color: #FFF;
}

.layout02 h3 {
  font-size: 21px;
  border-bottom: 1px solid #2c2c2c;
  padding-bottom: 12px;
}

.layout02 h4 {
  font-size: 19px;
  border-left: 4px solid #2c2c2c;
  padding-left: 16px;
  line-height: 1.2;
}

/*--font--*/
.layout02 p {
  padding-bottom: 16px;
  font-size: 16px;
}

/*--list--*/
.layout02 ul, .layout02 ol {
  padding-bottom: 20px;
}

.layout02 .ulDY li {
  font-size: 16px;
  line-height: 1.6;
  padding-left: 1em;
  text-indent: -1em;
  padding-bottom: 8px;
  list-style: none;
}

.layout02 .ulDY li:before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #b2b300;
  position: relative;
  left: 0;
  top: -2px;
  margin-right: 9PX;
}

.layout02 .olNum {
  font-size: 16px;
  line-height: 2.2;
}

.layout02 .olNum li {
  list-style: decimal;
  list-style-position: inside;
  padding-left: 1em;
  text-indent: -1em;
}

/*--list/number within a circle--*/
.olNum02 {
  list-style: none;
  counter-reset: num;
}

.olNum02 > li {
  margin-bottom: 20px;
}

.olNum02 > li:before {
  content: counter(num) " ";
  counter-increment: num;
  display: inline-block;
  width: 22px;
  float: left;
  text-align: center;
  background: url(/common/img/icon_circle.png) no-repeat center center;
}

.olNum02 > li>div {
  display: block;
  padding-left: 28px;
}

/*-------------------------------------------------------------------------------------------------
  //common layout02 ONLY
------------------------------------------------------------------------------------------------------------------------------------------------------*/







/*-------------------------------------------------------------------------------------------------
  sitemap web page
-------------------------------------------------------------------------------------------------*/

#sitemap ul.col4Group li>ul>li {
  width: 100%!important;
}

#sitemap #Cont .sectionWrap h2 {
  padding: 6px 0 7px 16px;
  margin: 24px 0;
}

#sitemap #Cont .sectionWrap h2 span {
  position: relative;
}

#sitemap #Cont .sectionWrap h2 span:after {
  content: url(/common/img/arrowL.png);
  display: inline-block;
  position: static;
  margin: auto 0 0 20px;
}

#sitemap #Cont .sectionWrap h2:hover {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-color: #e0e0e0;
}

#sitemap #Cont a.link:before {
  top: 12px;
}

#sitemap #Cont .sectionWrap>.col4Group>li {
  font-weight: bold;
}

#sitemap #Cont .sectionWrap>.col4Group>li>ul {
  padding-left: 20px;
}

#sitemap #Cont .sectionWrap>.col4Group>li>ul>li {
  font-weight: normal;
}

#sitemap #Cont a.link {
  line-height: 1.2;
  padding: 8px 5px 8px 18px;
}

#sitemap ul.col2Group li {
  margin-bottom: 0;
}

#sitemap ul.col2Group {
  padding-bottom: 10px;
}

/*-------------------------------------------------------------------------------------------------
  technical page
-------------------------------------------------------------------------------------------------*/


#technical h2 span:after {
  content: url(/common/img/arrowL.png);
  display: inline-block;
  position: static;
  margin: auto 0 0 20px;
}





/*--RWD 1225---------------------------------------------------------------------------------------------------*/

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

.catPanel .visual h2 {
  left: 12%;
}
}

/*--//RWD 1225--------------------------------------------------------------------------------------------------*/



/*--RWD 1024---------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 741px) and (max-width: 1024px) {

ul.col2PList li span.Index2 h3 {
  font-size: 16px;
}

ul.col2PList li span.Index2.line2 h3 {
  font-size: 16px;
}

ul.col2PList li span.Index2.line2 .lile2Subttl {
  font-size: 12px;
}

ul.col3PList li span.Index2.line2 h3 {
  font-size: 16px;
}

ul.col3PList li span.Index2.line2 .lile2Subttl {
  font-size: 12px;
}

ul.listBtn3 li {
  font-size: 90%;
}
}

/*--//RWD 10204--------------------------------------------------------------------------------------------------*/






/*--RWD 768---------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

.layout01 #Cont, .layout02 #Cont {
  float: none;
  width: 100%;
  margin: 48px 0 48px 0;
}

.layout01 #Cont, .layout02 #Rside {
  float: none;
  width: 100%;
}
}

/*--//RWD 768---------------------------------------------------------------------------------------------------*/




/*--RWD 740-----------------------------------------------------------------------------------------------------*/

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

.sp {
  display: block
}

.pc, .tablet {
  display: none !important;
}

/*------------------------------------------------------------------------------------
  Head RWD 740
-------------------------------------------------------------------------------------*/
h2 {
  font-size: 15px;
}

/*h2 span {
  font-family: 'Roboto', sans-serif;
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  display: block;
  line-height: 1.5;
}*/

/*------------------------------------------------------------------------------------
  header RWD 740
-------------------------------------------------------------------------------------*/

#header {
  /*height: 51px;
	padding: 15px 10px;*/
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  position: static;
}

#headLogo {
  margin: 0;
}

#headLogo a {
  display: block;
  width: 145px;
  height: 50px;
  background: url(/common/img/logo_sp.png) no-repeat;
  background-size: auto 100%;
  text-indent: -999em;
}

.en #headLogo a {
  width: 217px;
  background: url(/common/img/logo_sp.png) no-repeat;
  background-size: contain;
}

#headLogo a img {
  display: inline;
}

#head_inner {
  height: auto;
}

.menubtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: #212121;
  background-image: url(/common/img/sp_nav_open.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 30px;
  text-indent: -999em;
  border-left: 1px solid #4b4b4b;
}

.menubtn.open {
  background-color: #000;
  background-image: url(/common/img/sp_nav_close.png);
}

/*------------------------------------------------------------------------------------
  Gnav RWD 740
-------------------------------------------------------------------------------------*/


#GnavSp {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  background: #000;
  z-index: 3000;
}

#GnavSp form {
  position: relative;
  height: 40px;
  margin: 20px 10px;
  padding-right: 34px;
  background: #555;
}

#GnavSp form button {
  position: absolute;
  right: 6px;
  top: 50%;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  border: none;
}

#GnavSp .searchBox {
  width: 100%;
  height: 40px;
  padding: 5px 10px;
  box-sizing: border-box;
  background: #555;
  border: none;
}

#GnavSp ul {
  border-top: 1px solid #444444;
}

#GnavSp li {
  border-bottom: 1px solid #444444;
}

#GnavSp li.inquiry, #GnavSp li.english {
  float: left;
  width: 50%;
}

#GnavSp li a {
  display: block;
  position: relative;
  height: 55px;
  padding: 20px 20px;
  box-sizing: border-box;
  color: #fff;
  font-size: 15px;
  line-height: 15px;
}

#GnavSp li a:hover {
  text-decoration: none;
}

#GnavSp li.inquiry a, #GnavSp li.english a {
  text-align: center;
}

#GnavSp li.inquiry a {
  border-right: 1px solid #444;
}

#GnavSp li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 9px;
  height: 15px;
  margin-top: -8px;
  background-size: contain;
}

#GnavSp li.inquiry a:after, #GnavSp li.english a:after {
  display: none;
}

/*--GnavSp lang--*/

#GnavSp .Head_menu {
  padding: 20px;
  float: none;
}

#GnavSp .Head_menu ul.sp {
  border: none;
  width: 80%;
  margin: 0 auto;
}

#GnavSp .Head_menu li {
  display: inline-block;
  border-bottom: none;
}

#GnavSp .Head_menu li a {
  padding: 0;
  height: auto;
  color: #fff;
  display: inline-block;
}

#GnavSp .Head_menu li:after {
  content: '/';
  position: static;
  color: #fff;
  display: inline-block;
  padding-left: 10px;
  border-bottom: none;
}

#GnavSp .Head_menu li.last:after {
  content: "";
}

#GnavSp .Head_menu ul.sp li a.current:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 2px solid #b2b2b2;
  display: block;
  right: 10px;
  top: 50%;
  width: 100%;
  height: auto;
  margin-top: 11px;
}

/*------------------------------------------------------------------------------------
  layout RWD 740
-------------------------------------------------------------------------------------*/

#Main {
}

/*#Breadcrumb {
  display: none;
}*/

/*-----------SPでパンくず出した場合------*/
#Breadcrumb {
  display: block;
  height: auto;
}

#Breadcrumb .cFix {
  padding: 0;
}

/*//-----------SPでパンくず出した場合------*/
  
#Main_inner {
  padding: 0;
}

.titleArea {
  margin: 0 0 25px;
  width: 100%;
  /*height: 120px;*/
  height: auto; /*-----------SPでパンくず出した場合------*/
  padding: 12px;
  overflow: hidden;
}

.titleArea .pageTitle {
  padding: 0;
  font-size: 24px;
}

.layout01 #Cont, .layout02 #Cont {
  margin: 0 0 48px 0;
}

/*--section----------------------------------------*/

section {
  margin: 32px 0 32px 0;
}

div.sectionWrap {
  padding: 0 16px;
}

/*--Rside----------------------------------------*/
#Rside {
  margin: 0 0 25px !important;
  width: 100% !important;
  float: none !important;
}

/* @group SideNavigation --------------------------------- */

#sideNav {
  margin-bottom: 50px;
}

#sideNav dt {
  font-size: 116%;
}

#sideNav dt a {
  padding: 18px 15px 18px;
}

#sideNav dd {
  float: none;
  width: 100%;
  margin-bottom: -1px;
  font-size: 100%;
  background-color: #f9f9f9;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd !important;
}

#sideNav dd.open #sideNav dd a {
  padding: 19px 15px 18px;
}

#sideNav dd a.hasTree {
  padding: 19px 34px 18px 15px;
}

#sideNav dd.odd a {
  border-right: none;
}

#sideNav dd ul {
  float: none !important;
  width: 100%;
  /*padding: 0 0 0 30px;*/
  box-sizing: border-box;
}

#sideNav dd.open ul {
  border-top: 1px solid #ddd;
  border-bottom: none;
}

#sideNav dd ul li {
  float: none;
  width: 100%;
}

#sideNav dd ul li:first-child {
  margin-top: -1px;
}

#sideNav dd ul a {
  padding: 17px 0 16px;
  /*border-top: 1px solid #ddd !important;*/
}

/*------------------------------------------------------------------------------------
  parts RWD 740
-------------------------------------------------------------------------------------*/
div.rwd-table {
  position: relative;
  padding: 32px 0 0 0;
}

.rwd-table-btn {
  position: absolute;
  display: block;
  box-sizing: border-box;
  right: 0;
  top: 0;
  width: 40px;
  height: 45px;
  -webkit-animation: btnScrollAn 1.0s ease-out infinite alternate;
  animation: btnScrollAn 1.0s ease-in-out infinite alternate;
  background-color: rgba(0, 0, 0, 0.6);
}

/*--rwd-table type02 not swipe Rows Only--*/
div.rwd-table2 {
  width: 100%;
}

div.rwd-table2 table {
  width: 100%;
  min-width: 100%;
}

div.rwd-table2 th {
  display: block;
  border-bottom: none;
}

div.rwd-table2 td {
  display: block;
  border-bottom: none;
}

div.rwd-table2 table tr:last-child td {
  border-bottom: 1px solid #bebebe;
}

/*--listBtn--*/
ul.listBtn {
  padding: 0;
}

ul.listBtn li {
  width: 100%;
  float: none;
  margin: 0 0 10px 0;
  height: 60px;
  padding: 0;
}

ul.listBtn li:after {
  content: url(/common/img/arrowL.png);
}

ul.listBtn li a {
  display: block;
  padding: 10px 28px;
}

/*--inqProducts--*/
.inqProducts {
  padding: 0;
}

.inqProducts div {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  margin: 30px 0;
}

.inqProducts div a {
  padding: 20px;
}

/*--col2Group--*/
ul.col2Group li {
  width: 100% !important;
  float: none;
  margin: 0 0 8px 0;
}

ul.col2Group li img {
  margin: 0 auto;
  width: 100%;
  padding-bottom: 4px;
}

/*--Col3 Products Cat---*/
ul.col3PCat li {
  float: none;
  width: 100%;
  margin: 0 0 20px 0;
  margin: 0 0 20px 0 \9;
}

ul.col3PCat li img {
}

/*--col3Group--*/
ul.col3Group li {
  width: 100% !important;
  float: none;
  margin: 0 0 10px 0;
  margin: 0 0 10px 0 \9;
}

ul.col3Group li img {
  margin: 0 auto;
  width: 100%
}

/*--col4Group--*/
ul.col4Group li {
  width: 48% !important;
  float: left;
  margin: 0 2% 2% 0;
  margin: 0 1% 2% 0 \9;
}

ul.col4Group li img {
  margin: 0 auto;
  width: 100%
}

ul.col4Group li:nth-child(2n) {
  margin-right: 0 !important;
}

/*--PDF notice--*/

.bnrPDF p {
  padding: 0 !important;
}

.bnrPDF hr {
  margin-bottom: 10px;
}

/*------------------------------------------------------------------------------------
 h1 image  RWD 740
-------------------------------------------------------------------------------------*/
.layout02 .titleArea {
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
}

/*------------------------------------------------------------------------------------
  
  ****layout01**** Only RWD 740

-------------------------------------------------------------------------------------*/


.layout01 #Main_inner {
  width: 100%;
  padding: 0;
}

.layout01 #Main {
  padding: 0;
}

.layout01 #Main .ttlWrap {
  height: auto;
}

/*.layout01 #Cont {
  margin: 0 0 25px;
  font-size: 16px;
  width: 100%;
  float: none;
  padding: 0 16px;
  box-sizing: border-box;
}
*/

/*------------------------------------------------------------------------------------
  
 @end  ****layout01**** Only RWD 740

-------------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------------
  
  ****layout02**** Only RWD 740

-------------------------------------------------------------------------------------*/


.layout02 #Main_inner {
  width: 100%;
  padding: 0;
}

.layout02 #Main {
  padding: 0;
}

.layout02 #Main .ttlWrap {
  height: auto;
}

.layout02 #Cont {
  margin: 0 0 25px;
  font-size: 16px;
  width: 100%;
  float: none;
  padding: 0 16px;
  box-sizing: border-box;
}

.layout02 #Rside {
  margin: 0 0 25px;
}

.layout02 h2 {
  line-height: 1.4; /*背景白高さキープ*/
}

.layout02 #Cont section:first-child {
  margin-top: 32px;
}

.layout02 #Cont section h2:first-child {
  margin-top: 32px;
}

.layout02 #Cont section#sec01.firstSec {
  margin-top: 0;
  padding-top: 0;
}

/*------------------------------------------------------------------------------------
  
 @end  ****layout02**** Only RWD 740

-------------------------------------------------------------------------------------*/



/*--CatPanel-RWD740-------------------------------- */

.catPanel {
  float: none;
  clear: both;
  width: 100%;
  margin: 0;
}

.catPanel:first-child {
  margin: 30px 0 0 0;
}

.catPanel .visualInner, .catPanel .panelText {
  float: none !important;
  width: 100%;
  padding: 0 !important;
}

.catPanel .visual {
  position: relative;
  z-index: 1;
  height: auto;
  margin: 0;
  padding-top: 62.5%;
  background-size: 100% auto;
  background-position: 0 0 !important;
}

.catPanel .visual:before {
  display: none;
}

.catPanel .visualInner {
  height: auto;
}

.catPanel .visual h2 {
  position: static;
  z-index: 10;
  left: 0;
  bottom: 0;
  padding: 15px 0 20px;
  font-size: 18px;
  line-height: 18px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

#Cont .catPanel .visual h2 a {
  color: #666 !important;
  text-shadow: none;
}

.catPanel .visual h2 .enTitle {
  display: block;
  margin: 7px 0 0;
  font-size: 7px;
  line-height: 7px;
  text-shadow: none;
}

.catPanelSet .catPanel .panelText {
  color: #666;
  font-size: 12px;
  line-height: 20px;
}

/*--tab--------------------------------- */

.tabArea {
  margin: 0 0 30px;
  border-bottom: none;
}

.tabArea li {
  float: none;
  display: inline;
  height: auto;
}

.tabArea li a {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: -1px;
  margin-right: -1px;
  padding: 18px 15px 17px;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.tabArea li.ac a, .tabArea li a:hover {
  height: auto;
  margin-top: 0;
  background-color: #fff;
}

.tabArea li.ac a {
  color: #f00000 !important;
  border-bottom: 1px solid #ddd;
}

.tabAreaReal {
  margin: 0 0 25px;
}

/*--page link ページ内アンカー --*/

.pageAnchor {
  padding: 0 0 20px;
}

.pageAnchor ul {
  margin-left: -13px;
}

.pageAnchor li {
  padding: 0 13px;
  font-size: 93%;
}

.pageAnchor li a {
  padding-left: 12px;
}

/*--page link height set--*/
section[id*="sec"] {
  margin-top: 0;
  padding-top: 0;
}

/*---------------*/
.pc {
  display: none;
}

.sp {
  display: block;
}

.anc {
  top: -70px;
}

/*--RWD 740 add------------------------------------------------------------------------------------------------------------*/

/*--common--*/
body {
  font-size: 15px;
}

#NoticeTop {
  padding: 15px 6px 10px 6px
}

.sectionWrap h2 {
  margin-bottom: 24px;
}

/*--col2Table--*/

ul.col2Table {
  display: block;
}

ul.col2Table li {
  padding-bottom: 18px;
  width: 100%;
  display: block;
}

ul.col2Table li:nth-child(2n) {
  padding-bottom: 0;
}

ul.col2Table li img {
  width: 100%;
}

/*--cardCol2_w100--*/
ul.cardCol2_w100 {
  margin: 0;
}

ul.cardCol2_w100 li {
  width: 100%;
}

/*--PC SP block none option--*/
.sp {
  display: block;
}

.pc {
  display: none;
}

/*--products index--*/
ul.col2PList {
  display: block;
  padding: 0;
}

ul.col2PList li {
  display: block;
  width: 100%;
  margin: 0 0 18px 0;
  float: none;
  padding: 0;
}

ul.col2PList li img {
  width: 100%;
}

ul.col2PList li span.Index2 {
  height: 22%;
}

ul.col2PList li span.Index2.line2 {
  height: 29%;
}

ul.col2PList li span.Index2.line2 h3 {
  top: 13%;
  left: 20px;
  font-size: 19px;
}

ul.col2PList li span.Index2.line2 .lile2Subttl {
  font-size: 12px;
}

ul.col2PList li span.Index2.line2.spline1 {
  height: 20%;
}

/*--products Index 3col--*/
ul.col3PList li {
  width: 100%;
  float: none;
  margin: 0 0 20px 0;
}

ul.col3PList li img {
  width: 100%;
}

ul.col3PList li span.productsArrow:after {
  content: url(/common/img/arrowY.png);
  margin-left: 16px;
  position: static;
}

/*--listBtn3--*/
ul.listBtn3 {
  padding: 0;
}

ul.listBtn3 li {
  width: 100%;
  float: none;
  margin: 0 0 10px 0;
  height: 60px;
  padding: 0;
}

ul.listBtn3 li a {
  display: inline-block;
  position: relative;
  top: 30%;
  left: 7%;
  padding: 0;
}

ul.listBtn3 li:after {
  top: 17px;
}

/*--footer pickup--*/
ul.colFTable {
  display: block;
}

ul.colFTable li {
  display: block;
  border: 1px solid #6d6d6d;
  text-align: left !important;
  padding: 6px 6px 6px 10px;
  margin-bottom: 10px;
  font-size: 14px !important;
  position: relative;
}

ul.colFTable li img {
  display: none;
}

ul.colFTable li a {
  display: block;
}

ul.colFTable li a:after {
  content: url(/common/img/arrowWh.png);
  zoom: 50%;
  position: absolute;
  right: 2%;
  top: 30%;
}

ul.colFTable li.sp {
  display: block;
}

/*--Footer --------------------------------- */

#footer {
  overflow-x: hidden;
  overflow: hidden;
}

#footer a:hover {
  text-decoration: none;
}

#footer .pageTop_area {
  top: auto;
  bottom: 31px;
}

/*#footer .pageTop_area.abBottom {
  top: -50px;
  bottom: auto;
}*/

#footer .pageTop {
  height: 40px;
  padding: 0 10px;
}

#footer .pageTop a {
  float: right;
  width: 40px;
  height: 40px;
}

#footer_inner {
  overflow: hidden;
}

.footer_menuarea {
  padding: 8px 4%;
  border: none;
}

.footer_menuarea ul li a {
  padding: 4px 0;
}

.footer_menuarea .footer_menuContainer, #footer_copyright {
  padding: 0;
}

.footer_menu {
  float: left;
  width: 50%;
  padding: 0;
}

.footer_catLink {
  display: block;
  position: relative;
  height: auto;
  margin: 0;
  padding: 6px;
  box-sizing: border-box;
  font-size: 80%;
  line-height: 1.2;
}

.footer_catLink:after {
  content: '' !important;
}

.footer_bottomMenu {
  position: relative;
  left: 50%;
  padding: 20px 0;
}

.footer_bottomMenu .footer_bottomMenuInner {
  float: left;
}

.footer_bottomMenu .footer_bottomMenuInner ul {
  margin-left: -50%;
}

.footer_bottomMenu li {
  float: left;
  font-size: 12px;
  line-height: 20px;
}

.footer_bottomMenu li br {
  display: block;
}

.footer_bottomMenu li:nth-of-type(2), .footer_bottomMenu li:nth-of-type(4) {
  border-right: none;
}

.footer_bottomMenu li:nth-of-type(2) {
  margin-bottom: 10px;
}

.footer_bottomMenu li:nth-of-type(3) {
  clear: left;
}

.footer_bottomMenu li:last-child {
  display: none;
}

#footer_copyright {
  padding: 6px 12px;
  height: auto;
}

#footer_copyright .copy {
  float: none;
  font-size: 11px;
  text-align: left;
  line-height: 1.6;
  padding-top: 0;
  box-sizing: border-box;
}

.footerCatch {
  display: block;
  width: 100%;
  font-size: 18px;
}

/*--Common Class --------------------------------- */
/*------Event List----*/

dl.eventList dt {
  width: 100%;
  float: none;
  margin-bottom: 10px;
}

dl.eventList dd {
  padding-left: 10px!important;
}

/*------------------------------------------------------------------------------------
  sitemp web page RWD 740
-------------------------------------------------------------------------------------*/

#sitemap #Cont ul.col4Group li {
  width: 100%!important;
  float: none;
}

#sitemap #Cont .sectionWrap li:nth-child(2) h2 {
  margin-bottom: 0;
}

#sitemap #Cont .sectionWrap h2 span {
  font-weight: normal;
  font-size: 26px;
  width: 96%;
  display: inline;
}

#sitemap #Cont .sectionWrap ul.col2Group li {
  margin: 0 0 0 0;
}

#sitemap .pc {
  display: none!important;
}
/*--RWD 740-----------------------------------------------------------------------------------------------------*/
}
/*--//RWD 740---------------------------------------------------------------------------------------------------*/