@charset "utf-8";
/*
* CSS for top index ProductList
*
* @version			0.0.1
* @lastmodified 2018/11/20
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2018, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

/* PRODUCT LIST ========================================================== */
.section .productList {
	list-style: none;
	padding: 0;
	overflow: hidden;
}
.productList li {
	float: none;
  margin-bottom: 1rem;
  width: 100%;	
}
.productList li:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 480px) {
	.productList li {
    float: left;
		margin-right: 2%;
		width: 49%;	
	}
  .productList li:nth-child(2n) {
    margin-right: 0;
  }
}
@media all and (min-width: 769px) {
  .productList li {
    margin-right: 1.5%;
    width: 32.33%;	
  }
	.productList li:nth-child(2n) {
    margin-right: 1.5%;
	}
	.productList li:nth-child(3n) {
		margin-right: 0;
	}
}
.productList li a ,
.productList li a:visited {
	color: #333;
}
.productList li span {
	display: block;	
}

.productList li span.productImage {
	box-sizing: border-box;
	padding: 10px 0 0 10px;
	height: 100px;
}
.productList li span.productImage {
	background-position: 0 50%;
	background-size: 100% auto;
	background-color: lightsteelblue;
}
.productList li span.productImage span.image {
  width: 25%;
}
.productList li span.productImage span.image img {
	width: 100%;
}
@media all and (min-width: 480px) {
	.productList li span.productImage span.image {
	  width: 33%;
	}
}
.productList li.lnet span.productImage {	background-image: url(../../img/key-lnet.jpg);	}
.productList li.lnut span.productImage {	background-image: url(../../img/key-lnut.jpg);	}
.productList li.ppdv span.productImage {	background-image: url(../../img/key-ppdv.jpg);	}
.productList li.oemp span.productImage {	background-image: url(../../img/key-oemp.jpg);	}
.productList li span.productInfo {
	box-sizing: border-box;
	font-size: 0.8em;
	height: 128px;
	padding: 10px 10px;
	background-color:antiquewhite;
}
.productList li span.productInfo .name {
	font-size: 1.2em;
	margin-bottom: 5px;
}
.productList li.lnet span.productInfo {
	background-color: #B8BFDB;
}
.productList li.lnut span.productInfo {
	background-color: #C4D4C3;
}
.productList li.ppdv span.productInfo {
	background-color: #CAC0B6;
}
.productList li.oemp span.productInfo {
  background-color: #D6E9FD;
}
@media all and (min-width: 769px) {
  .productList li.oemp  {
    padding-left: 8px;
    width: 100%;
    background-color: #D6E9FD;
  }
  .productList li.oemp a {
    background: url('../../img5/link_p.png') no-repeat 0 50%;
  }
  .productList li.oemp span {
    display: inline;
  }
  .productList li.oemp span.productImage {
    display: none;
  }
  .productList li.oemp span.productInfo {
    background-color: transparent;
  }
  .productList li.oemp span.name {
    margin-right: 1em;
  }
}