@charset "utf-8";
/*
* CSS for Product Index List
*
* @version			0.0.3
* @lastmodified 2021-11-18
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2005, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

/* PRODUCT INDEX ========================================================= */
#productIndexList {
  margin-bottom:25px;
  overflow:hidden;
}
#productIndexList div.inner {
  overflow:hidden;
}
#productIndexList h3 span {
  font-size: 0.9375rem;
}

/* product index list */
#sIndex div.productIndex {
  padding-left: 0 !important;
}
.productIndex {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
	margin: 0 0 15px !important;
	background: none;
}
.productIndex div.cell {
  box-sizing: border-box;
  display: block;
  float: none;
  vertical-align: top;
  margin-right: 0;
  margin-top: 1rem;
  width: auto;
  border: 1px solid #ccc;
	border-top: none;
}
.productIndex div.cell:first-child {
  margin-top: 0;
}
.productIndex div.cell h4 {
	color: #fff;
  font-size: 1rem;
	margin: 0;
  padding: 0.25rem 0.5rem;
	background-color: #4472C4;	
}
.productIndex div.cell div.genre {
	min-height: 70px;
	margin-right: 1px;
}
.productIndex div.cell div img {
	display: inline-block;
	float: right;
}
.productIndex div.cell ul.link {
  box-sizing: border-box;
	overflow: hidden;
	margin: 0 0 0;
  padding: 0.5rem 0.5rem 0 !important;
  border-top: 1px solid #ddd;
}
.productIndex div.cell ul.link li {
	display: inline-block;
	float: left;
  font-size: 1rem;
  text-align: left;
  margin: 0 0 10px;
  width: 50%;
}
.productIndex div.cell div[class$="-opt"] ul.link li ,
.productIndex div.cell div[class^="lnut"] ul.link li ,
.productIndex div.cell div[class^="ppdv"] ul.link li {
	float: none;
	display: block;
	width: auto;
}
.productIndex div.cell ul.link li a {
  display:block;
  background-position:0 0.5em;
}
.productIndex div.cell.last {
	margin:0;
}
.productIndex div.cell span.new {
	margin:0 0 0 8px;
}
.productIndex + p.link {
  text-align: right;
}
.productIndex div.cell span.lnet-d01 {	background:url("../../product/images/index/idx_lnet_d01.jpg") no-repeat 95% 100%;	}
.productIndex div.cell span.lnet-d02 {	background:url("../../product/images/index/idx_lnet_d02.jpg") no-repeat 95% 100%;	}
.productIndex div.cell span.lnet-a01 {	background:url("../../product/images/index/idx_lnet_a01.jpg") no-repeat 95% 100%;	}
.productIndex div.cell span.lnet-a02 {	background:url("../../product/images/index/idx_lnet_a02.jpg") no-repeat 95% 100%;	}
.productIndex div.cell span.lnet-a03 {	background:url("../../product/images/index/idx_lnet_a03.jpg") no-repeat 95% 100%;	}
.productIndex div.cell span.lnet-a04 {	background:url("../../product/images/index/idx_lnet_a04.jpg") no-repeat 95% 100%;	}
.productIndex div.cell span.lnet-opt {	background:url("../../product/images/index/idx_lnet_opt.jpg") no-repeat 95% 100%;	}
.productIndex div.cell span.lnut-s01 {	background:url("../../product/images/index/idx_lnut_s01.jpg") no-repeat 95% 100%;	}
.productIndex div.cell span.lnut-s02 {	background:url("../../product/images/index/idx_lnut_s02.jpg") no-repeat 95% 100%;	}
.productIndex div.cell span.pd-p01   {	background:url("../../product/images/index/idx_pd_p01.jpg") no-repeat 95% 100%;	}
.productIndex div.cell span.pd-p02   {	background:url("../../product/images/index/idx_pd_p02.jpg") no-repeat 95% 100%;	}
.productIndex div.cell span.pd-p03   {	background:url("../../product/images/index/idx_pd_p03.jpg") no-repeat 95% 100%;	}
.productIndex div.cell span.pd-p04   {	background:url("../../product/images/index/idx_pd_p04.jpg") no-repeat 95% 100%;	}

.productIndex div.cell div.lnet-dva .genre {	background:url("../../product/images/index/b_lnet_dva.png") no-repeat 0 50%;	}
.productIndex div.cell div.lnet-dv0 .genre {	background:url("../../product/images/index/b_lnet_dv0.png") no-repeat 0 50%;	}
.productIndex div.cell div.lnet-av0 .genre {	background:url("../../product/images/index/b_lnet_av0.png") no-repeat 0 50%;	}
.productIndex div.cell div.lnet-opt .genre {	background:url("../../product/images/index/b_lnet_opt.png") no-repeat 0 50%;	}
.productIndex div.cell div.lnut-s01 .genre {	background:url("../../product/images/index/b_lnut_s01.png") no-repeat 0 50%;	}
.productIndex div.cell div.lnut-s02 .genre {	background:url("../../product/images/index/b_lnut_s02.png") no-repeat 0 50%;	}
.productIndex div.cell div.ppdv-p00 .genre {	background:url("../../product/images/index/b_ppdv_p00.png") no-repeat 0 50%;	}
.productIndex div.cell div.ppdv-p01 .genre {	background:url("../../product/images/index/b_ppdv_p01.png") no-repeat 0 50%;	}
.productIndex div.cell div.ppdv-p02 .genre {	background:url("../../product/images/index/b_ppdv_p02.png") no-repeat 0 50%;	}
.productIndex div.cell div.ppdv-p03 .genre {	background:url("../../product/images/index/b_ppdv_p03.png") no-repeat 0 50%;	}
.productIndex div.cell div.ppdv-p04 .genre {	background:url("../../product/images/index/b_ppdv_p04.png") no-repeat 0 50%;	}
.productIndex div.cell div.lnet-dva .genre {	background-size: auto 100%;	}

@media all and (min-width: 480px) {
	.productIndex div.cell ul.link li {
  	width: 33%;
	}
}
@media all and (min-width: 640px) {
	.productIndex {
		display: flex;
		flex-flow: row wrap;
		align-items: stretch;
	}
  .productIndex div.cell {
    margin-right: 2%;
    width: 49%;
  }
	.productIndex div.cell:nth-child(2) {
		margin-top: 0;
	}
	.productIndex div.cell:nth-child(2n) {
    margin-right: 0;
	}
}

/* sub-Section -------------------- */
.section + div.subsection {
	margin-top: 50px;
}
.subsection {
  overflow:hidden;
	padding: 10px 0;
	margin-bottom: 10px;
	background-color: #eee;
}
.subsection div.inner {
	padding:  0 10px;
}
.subsection div.box {
  box-sizing: border-box;
  display: block;
  float: none;
  padding: 10px 5px 0;
  margin-bottom: 10px;
  width: 100%;
  background-color: #fff;
}
.subsection div.box:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 640px) {
  div.subsection div.box {
    display: inline-block;
    vertical-align: top;
    width: 49.5%;
    border: 1px solid #ddd;
  }
  div.subsection div.box:first-child {
    float: left;
  }
  div.subsection div.box:last-child {
    float: right;
  }
}
div.subsection ul.linklist {
	margin-bottom: 10px;
}
div.subsection ul.linklist li:last-child {
	border: none;
}
div.subsection ul.linklist li {
	border-top: none;
}

/* 21-06-14 補足 OEM */
dl.iconlinkOem {
	
}
dl.iconlinkOem dt {
}
dl.iconlinkOem dt a {
	display: block;
	text-align: center;
}
dl.iconlinkOem dt a span {
	display: block;
}
dl.iconlinkOem dt span.title {
	margin-top: 0.5rem;
}
dl.iconlinkOem dd {
	margin-top: 0.5rem;
}
@media all and (min-width: 640px) {
	dl.iconlinkOem {
		position: relative;
		padding-left: 170px;
	}
	dl.iconlinkOem dt a {
		display: inline;
		text-align:left;
	}
	dl.iconlinkOem dt a span {
		display: inline;
	}
	dl.iconlinkOem dt a img {
		position: absolute;
		top: 0;
		left: 0;
	}
}