@charset "utf-8";
.s5-heading4{
  margin-bottom:15px;
}


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

.mod-productsMenuProducts {
  clear: both;
 /* margin: 20px 0 40px;*/
  padding: 0 1px
}

.mod-productsMenuProducts ul {
  list-style: none;
  margin: 0 0 50px 0;
  padding: 7px 0;
  border-left:9px solid #f6f6f6;
*zoom:1
}

.mod-productsMenuProducts ul:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-productsMenuProducts li {
  float: left;
  width: 189px;
  height: 69px;
  margin: -7px 0;
  padding: 0;
  border-top: 7px solid #f6f6f6;
  border-bottom: 7px solid #f6f6f6;
  border-right:9px solid #f6f6f6;
}

.mod-productsMenuProducts img {
  display: block;
  position: relative;
}

.mod-productsMenuProducts .mod-productsMenuProducts-text {
  height: 0;
  overflow: hidden
}

/*--枠白------------------*/
.mod-productsMenuProducts.wWrap{

}
.mod-productsMenuProducts.wWrap ul {
  border-left:9px solid #ffffff;
}


.mod-productsMenuProducts.wWrap li {
  border-top: 7px solid #ffffff;
  border-bottom: 7px solid #ffffff;
  border-right:9px solid #ffffff;
}


@media (max-width:640px) {

.mod-productsMenuProducts {
  clear: both;
  padding: 0
}

.mod-productsMenuProducts ul,
.mod-productsMenuProducts.wWrap ul {
  font-size: 1.143em;
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
*zoom:1
}

.mod-productsMenuProducts ul:after,
.mod-productsMenuProducts.wWrap ul:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-productsMenuProducts li,
.mod-productsMenuProducts.wWrap li {
  position: relative;
  float: none;
  width: 100%;
  height: auto;
  margin: -1px 0 0;
  border: 1px solid #ccc;
  overflow: visible;
  background: url(/share2/images/mod-productsMenuProducts/bg_02.png) repeat-x
}

.mod-productsMenuProducts li:hover,
.mod-productsMenuProducts.wWrap li:hover {
  background: url(/share2/images/mod-productsMenuProducts/bg_03.png)
}

.mod-productsMenuProducts li:first-child,
.mod-productsMenuProducts li:first-child a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.mod-productsMenuProducts li:last-child,
.mod-productsMenuProducts li:last-child a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.mod-productsMenuProducts a {
  color: #333333;
  display: table;
  width: 100%;
  vertical-align: middle;
  height: 62px;
  padding: 0
}

.mod-productsMenuProducts a:hover {
  color: #333333;
  text-decoration: none
}

.mod-productsMenuProducts .mod-productsMenuProducts-image {
  display: table-cell;
  width: 80px
}

.mod-productsMenuProducts img {
  position: absolute;
  clip: rect(0, 62px, 62px, 0);
  top: 0;
  left: 10px;
  margin: 0 0 0
}

.mod-productsMenuProducts .mod-productsMenuProducts-text {
  display: table-cell;
  vertical-align: middle
}
}

.mod-productsMenuProductsContainer {
*zoom:1
}

.mod-productsMenuProductsContainer:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item {
  float: left;
 /* width: 190px;*/
  margin-right: 10px
}

@media (max-width:640px) {

.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item {
  float: none;
  width: auto;
  margin: 0
}
}

.mod-productsMenuProductsMiscFull,
.mod-productsMenuProductsMisc3col {
  padding: 7px 0;
  margin: -20px 0 0;
  background: #F6F6F6
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-header,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-header {
  font-size: 1.077em;
  padding: 20px 10px 3px;
  margin: -7px 0 7px;
  background: #fff
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content {
  padding: 0;
  border: 1px solid #E3E3E3;
  margin: 0 0;
  background: white url(/share2/images/mod-productsMenuProductsMisc/bg_01.png) repeat-x 0 100%;
*zoom:1
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content:after,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content ul {
  margin: 0;
  padding: 15px 15px 10px;
  list-style: none
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content li,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content li {
  margin: 0 0 .5em;
  padding: 0 0 0 10px;
*zoom:1
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content span.mod-productsMenuProductsMisc-content-sub,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content span.mod-productsMenuProductsMisc-content-sub {
  color: #999;
  font-size: 0.769em;
  display: block
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content a,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content a {
  display: block;
  padding: 0 0 0 10px;
  margin: 0 0 0 -10px;
  background: url(/share2/images/mod-productsMenuProductsMisc/ico_01.png) no-repeat 0 0.4em;
*zoom:1
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul {
  margin: 0 0 0 10px;
  width: 280px;
  float: left;
*display:inline
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul:first-child {
  margin-left: -3px
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul.ex-productsMenuProductsMisc-first-child {
  margin-left: -3px
}

.mod-productsMenuProductsMisc3colContainer {
  margin: 0 0 50px -10px;
*zoom:1;
*zoom:1
}

.mod-productsMenuProductsMisc3colContainer:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-productsMenuProductsMisc3colContainer .mod-productsMenuProductsMisc3col {
  float: left;
*display:inline;
  width: 310px;
  margin: 0 0 0 10px
}

.mod-productsMenuProductsMisc3colContainer .mod-productsMenuProductsMisc3col:first-child + .mod-productsMenuProductsMisc3col + .mod-productsMenuProductsMisc3col + .mod-productsMenuProductsMisc3col {
  clear: both
}

.mod-productsMenuProductsMisc3colContainer .mod-productsMenuProductsMisc-content {
  min-height: 138px;
  _height: 138px
}

@media (max-width:640px) {

.mod-productsMenuProductsMiscFull,
.mod-productsMenuProductsMisc3col {
  padding: 7px 0;
  margin: 20px 0;
  background: #F6F6F6
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-header,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-header {
  font-size: 1.286em;
  padding: 0 10px 3px
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content {
  padding: 15px;
  -pie-background: linear-gradient(#fff 0%, #f5f5f5 100%);
  background-image: url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%23fff%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%23f5f5f5%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);
  background-image: -webkit-gradient(linear,, color-stop(0%, #fff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(#fff 0%, #f5f5f5 100%);
  background-image: -moz-linear-gradient(#fff 0%, #f5f5f5 100%);
  background-image: -ms-linear-gradient(#fff 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(#fff 0%, #f5f5f5 100%);
  background-image: linear-gradient(#fff 0%, #f5f5f5 100%);
*zoom:1
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content:after,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content li,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content li {
  margin: 0 0 .5em;
  padding: 0 0 0 14px
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content span,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content span {
  font-size: 0.857em
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content a,
.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content a {
  font-size: 1.143em;
  display: block;
  padding: .2em 0 .2em 14px;
  margin: 0 0 0 -14px;
  background: url(/share2/images/mod-productsMenuProductsMisc/ico_02.png) no-repeat 0 0.6em
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul {
  margin: 0;
  width: auto;
  float: none
}

.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul:first-child,
.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul.first-child {
  margin-left: 0
}

.mod-productsMenuProductsMisc3colContainer {
  margin: 0 0 60px
}

.mod-productsMenuProductsMisc3colContainer .mod-productsMenuProductsMisc3col {
  float: none;
  width: auto;
  margin: 0 0 20px
}

.mod-productsMenuProductsMisc3colContainer .mod-productsMenuProductsMisc-content {
  min-height: 0;
  _height: auto
}
}


/* ==========================================================================
	mod-productsMenuProductsContainer-item
	========================================================================== */

.mod-productsMenuProductsContainer {
  margin: 0;
  padding: 0;
}

.mod-productsMenuProductsContainer .mod-productsMenuProducts {
  margin: 0;
  padding: 0;
}

.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item,
.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item2,
.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item3{
  float: left;
  margin: 0;
  padding: 0;
  margin-right: 20px;
}

.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item .mod-heading2-long {
  padding: 0px 0px 0px 5px;
}

@media (max-width:640px) {

.mod-productsMenuProductsContainer {
  margin: 30px 0 0 0;
  padding: 0;
}

.mod-productsMenuProductsContainer .mod-productsMenuProducts {
  margin: 20px 0 40px;
  padding: 0;
}

.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item,
.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item2,
.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item3 {
  float: none;
  width: auto;
  margin: 0;
}

}


.s5-anchorLinks__list a::before,
.related .s5-anchorLinks2 .s5-anchorLinks2__list li .s5-anchorLinks2--thumbTxtArea .s5-anchorLinks2--txt::before {
  content: "";
}

.related a[target="_blank"] .s5-anchorLinks2--txt::after {
    content: '';
    width: 11px;
    height: 9px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    margin: -2px 3px 0 0;
    margin-left: 5px;
    background: url(/share5/images/s5-icon/sprite_01.png) no-repeat;
}
.related .s5-anchorLinks2 {
  letter-spacing: 0;
}
.related .s5-anchorLinks2 .s5-anchorLinks2__list li .s5-anchorLinks2--thumbTxtArea .s5-anchorLinks2--txtV2::before {
  background-image: url(/share5/svg/icon/right.svg);
}

.mod-iconNewWin {
    width: 11px;
    height: 9px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    margin: -2px 3px 0 0;
    background: url(/share5/images/s5-icon/sprite_01.png) no-repeat;
}




/*----20230306-----*/
.b2b-home-product-gwrap.c5-b2b-home-product-gwrap{
  background-color: #ffffff;
  padding: 10px 0;
}
.b2b-home-product-gwrap .c5-container_prdmenu{
  padding: 0;
}
.c5-container .b2b-home-product-list>li{
  box-shadow: none;
  box-sizing: border-box;
  border: 1px solid #efefef;
}

.c5-container .c5-anchorLinks__list a::before {
  content: none;
}
.c5-prdmenu_section{
  margin-top: 80px;
}