@charset "utf-8";
/*
* css for download ctalog mod list
*
* @version			0.0.0
* @lastmodified 2024-11-23
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2005, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* catalogue mod list */
.section ul.mod_list_col2 {
  list-style: none;
  padding-left: 0;
	margin-left: -1rem;
	overflow: hidden;
}
ul.mod_list_col2 li {
  padding: 1rem 1rem 3.25rem;
	margin: 1rem 0 0 1rem;
  position: relative;
  overflow: hidden;
  border: 1px solid #999;
}
ul.mod_list_col2 div.publish {
	float: right;
	font-weight: bold;
	font-size: 0.8125rem;
	padding: 0.125rem 0.5rem 0;
	margin: -0.25rem -0.25rem 0 0;
}
ul.mod_list_col2 div.publish.new {
	color: #dc143c;
	border: 1px solid #dc143c;
}
ul.mod_list_col2 div.publish.update {
	color: #ff8c00;
	border: 1px solid #ff8c00;
}
ul.mod_list_col2 div.publish.new::before {
	content: "NEW";
}
ul.mod_list_col2 div.publish.update::before {
	content: "UPDATE";
}
ul.mod_list_col2 div.linker ,
ul.mod_list_col2 div.visual ,
ul.mod_list_col2 div.detail ,
ul.mod_list_col2 div.btnbox {
	padding-top: 0.75rem;
	border-top: 1px solid #ccc;
}
ul.mod_list_col2 div.title {
	padding: 0 0 0.125rem;
}
ul.mod_list_col2 div.publish.box + div.title{
	margin-top: 1.5rem;
}
ul.mod_list_col2 div.title div.product span {
	display: block;
}
ul.mod_list_col2 div.title div.product span:not(.normal) {
	font-weight: bold;
}
ul.mod_list_col2 div.title div.product span:first-child {
	font-size: 1.125rem;
}
ul.mod_list_col2 div.title div.product span:last-child {
	margin-top: 0.25rem;
}
ul.mod_list_col2 li div.linker ,
ul.mod_list_col2 li div.visual {
  text-align: center;
	margin-top: 0.5rem;
	padding-bottom: 1rem;
}
ul.mod_list_col2 div.linker span ,
ul.mod_list_col2 div.visual span {
	display: block;
}
ul.mod_list_col2 div.linker span:first-child img ,
ul.mod_list_col2 div.visual span:first-child img {
	__height: 160px;
}
ul.mod_list_col2 div.linker .btnbox ,
ul.mod_list_col2 div.visual .btnbox ,
ul.mod_list_col2 div.linker span:last-child ,
ul.mod_list_col2 div.visual span:last-child {
	position: absolute;
	bottom: 1rem;
	margin: 0 auto;
	width: 100%;
	left: 0;
}
ul.mod_list_col2 div.linker img ,
ul.mod_list_col2 div.visual img {
  vertical-align: bottom;
  border: 1px solid #aaa;
}
ul.mod_list_col2 div.detail {
	padding: 0.5rem 0;
}
ul.mod_list_col2 div.detail div span {
	display: inline-block;
}
ul.mod_list_col2 div.detail div .item {
	font-weight: bold;
	margin-right: 1rem;
}

@media all and (min-width :640px) {
	.section ul[class*="mod"] {
		__display: flex;
		__gap: 1rem 1rem;
	}
	.section ul[class*="_col2"] {
	}
	ul.mod_list_col2 li {
		float: left;
		width: calc(50% - 1rem);
		
	}
	ul.mod_list_col2 li.col1 {
		width: calc(100% - 1rem);
		margin-top: 1rem;
	}
}

/* old list */
.section ul.dmod_list_col2 {
  list-style: none;
  padding-left: 0;
	margin-left: -1rem;
	overflow: hidden;
}
ul.dmod_list_col2 li {
  padding: 1rem 1rem 3.25rem;
	margin: 1rem 0 0 1rem;
  position: relative;
  overflow: hidden;
  border: 1px solid #ccc;
}
@media all and (min-width :640px) {
	ul.dmod_list_col2 li {
		float: left;
		width: calc(50% - 1rem);
	}
}
ul.dmod_list_col2 div.linker {
  text-align: center;
	margin: 0;
	padding-bottom: 0.5rem;
  border-bottom: 1px solid #ccc;
}
ul.dmod_list_col2 div.linker span:last-child {
	position: absolute;
	bottom: 1rem;
	margin: 0 auto;
	width: 100%;
	left: 0;
}
ul.dmod_list_col2 div.linker img:hover {
	opacity: 0.75;	
}
ul.dmod_list_col2 div.title {
  font-weight: 700;
	margin: 0;
	padding: 0.5rem 0;
  border-bottom: 1px solid #ccc;
}
ul.dmod_list_col2 div.title span:first-child {
	margin-right: 1rem;
}
ul.dmod_list_col2 div.title span:last-child {
	display: inline-block;
}
ul.dmod_list_col2 div.info {
	margin: 0;
	padding: 0.5rem 0;
  border-bottom: 1px solid #ccc;
}

ul.dmod_list_col2 div.info span {
	display: inline-block;
}
ul.dmod_list_col2 div.info span.item {
	font-weight: bold;
	margin-right: 1rem;
}