@charset "utf-8";

/*////////////////////////////////////////////////////////////////////

  有限会社デジコム

////////////////////////////////////////////////////////////////////*/


/*====================================================================
  製品情報
====================================================================*/

.brandList {
	width: 295px;
	text-align: center;
	padding: 20px;
	margin: 0px 10px 20px 10px;
	float: left;
	background: #fff;
}
	.brandList a {
		display: block;
		padding: 30px 0px;
	}
	.brandList p { text-align: left; }

	.dspList {
		width: 295px;
		text-align: center;
		padding: 20px;
		margin: 0px 10px 20px 10px;
		float: left;
		background: #fff0;
	}
		.dspList a {
			display: block;
			padding: 10px 0px;
		}
		.dspList p { text-align: left; }

		.dspListleft {
			width: 295px;
			text-align: left;
			padding: 20px;
			margin: 0px 10px 20px 10px;
			float: left;
			background: #fff0;
		}
			.dspListleft a {
				display: block;
				padding: 10px 0px;
			}
			.dspListleft p { text-align: left; }


.productList {
	margin-bottom: 50px;
}
.productList: last-child {
	margin-bottom: 0px;
}
	.productList li {
		list-style: none;
		width: 335px;
		float: left;
		margin: 0px 10px 20px 10px;
		background: #fff;
		overflow: hidden;
	}
		.productList li .photo {
			text-align: center;
			padding: 10px 0px;
		}
		.productList li .data {
			padding: 0px 20px 20px 20px;
		}
			.productList li p {
				font-size: 90%;
				line-height: 1.3;
			}
			.productList li h3 {
				font-size: 150%;
				font-weight: bold;
				line-height: 1.3;
				margin-bottom: 10px;
			}
				.productList li h3 img {
					vertical-align: -1px;
				}
			.productList .price {
				margin-bottom: 10px;
			}
			.productList li table.price {
				border-collapse: collapse;
			}
				.productList li table.price th { text-align: left; }
				.productList li table.price td { padding-left: 1em; }





/*====================================================================
  詳細
====================================================================*/

/*--1製品--*/
.productsWrapper {
	margin-bottom: 30px;
}
.productsWrapper:last-child {
	margin-bottom: 0px;
}
	.productsWrapper .productsOutline {
		margin-bottom: 30px;
		overflow: hidden;
	}
	.productsWrapper .productsOutline:last-child {
		margin-bottom: 0px;
	}


/*--ページ名・カテゴリー名等--*/
.productsHeader {
	border-bottom: 2px solid #000;
	margin-bottom: 30px;
	overflow: hidden;
}
	.productsHeader .category {
		display: inline-block;
		color: #fff;
		line-height: 1.3;
		border-radius: 50px;
		background: #000;
		padding: 5px 20px;
		margin-bottom: 10px;
	}
	.productsHeader .title {
		font-size: 200%;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.faderTitle{
		font-size: 200%;
		font-weight: bold;
		margin-bottom: 5px;
		display: inline;
	}

.
/*--ページ名・カテゴリー名等（スマホ表示版）--*/

/*--
.productsHeader_sp {
	border-bottom: 2px solid #000;
	margin-bottom: 30px;
	overflow: hidden;
}
--*/

	.productsHeader_sp .category {
		display: inline-block;
		color: #fff;
		line-height: 1.3;
		border-radius: 50px;
		background: #000;
		padding: 5px 20px;
		margin-bottom: 10px;
	}
	.productsHeader_sp .title_sp {
		font-size: 300%;
		font-weight: bold;
		margin-bottom: 5px;
		border-bottom: 2px solid #000;
		margin-bottom: 30px;
		overflow: hidden;
	}
	.faderTitle{
		font-size: 200%;
		font-weight: bold;
		margin-bottom: 5px;
		display: inline;
	}


	/*--メニュー--*/
	.productsMenu {
		font-size: 160%;
		font-weight: bold;
		line-height: 1.3;
		position: relative;
	}




/*--ダウンロードファイル一覧--*/
.download {
	background: #f8f8f8;
	padding: 5px 10px;
	margin-top: 15px;
	margin-bottom: 30px;
	overflow: hidden;
}
	.download li {
		list-style-type: none;
		float: left;
		margin: 0px 10px;
		/*--font-size: 20px;--*/

	}
	.download_sp {
		background: #f8f8f8;
		padding: 5px 10px;
		margin-top: 15px;
		margin-bottom: 30px;
		overflow: hidden;
	}
	.download_sp li {
		list-style-type: none;
		float: left;
		margin: 0px 10px;
		font-size: 30px;

	}



/*--写真--*/
.photoList {
	width: 350px;
	float: left;
}
.productsWrapper.sub .photoList {
	width: 250px;
	margin-right: 20px;
}
	.photoList .photoMain {
		text-align: center;
		background: #fff;
		padding: 10px;
		margin-bottom: 10px;
	}
		.photoList .photoMain img {
			max-width: 100%;
		}
	.photoSub {
		overflow: hidden;
	}
		.photoSub li {
			list-style-type: none;
			width: 170px;
			text-align: center;
			float: left;
			margin: 0px 10px 10px 0px;
			padding: 10px 0px;
			overflow: hidden;
			background: #fff;
			line-height: 1.3;
		}
		.photoList .photoSub li:nth-child(2),
		.photoList .photoSub li:nth-child(4),
		.photoList .photoSub li:nth-child(6),
		.photoList .photoSub li:nth-child(8) {
			margin-right: 0px;
		}
			.photoSub li img {
				max-width: 100%;
			}

	.photoSub2 {
		overflow: hidden;
	}
		.photoSub2 li {
			list-style-type: none;
			width: 210px;
			height: 130px;
			text-align: center;
			float: left;
			margin: 0px 10px 10px 0px;
			padding: 10px;
			overflow: hidden;
			background: #fff;
			line-height: 1.3;
		}
		.photoSub2 li:nth-child(3n) {
			margin-right: 0px;
		}
			.photoSub2 li img {
				max-width: 100%;
				max-height: 130px;
			}

			--------------
			.photo_select {
				overflow: hidden;
			}
				.photo_select li {
					list-style-type: none;
					width: 80px;
					text-align: center;
					float: left;
					margin: 0px 10px 10px 0px;
					padding: 0px 0px;
					overflow: hidden;
					background: #fff;
					line-height: 1.3;
				}
				.photoList .photo_select li:nth-child(4),
				.photoList .photo_select li:nth-child(8) {
					margin-right: 0px;
				}
					.photo_select li img {
						max-width: 100%;
					}

			.photo_select2 {
				overflow: hidden;
			}
				.photo_select2 li {
					list-style-type: none;
					width: 210px;
					height: 130px;
					text-align: center;
					float: left;
					margin: 0px 10px 10px 0px;
					padding: 10px;
					overflow: hidden;
					background: #fff;
					line-height: 1.3;
				}
				.photo_select2 li:nth-child(3n) {
					margin-right: 0px;
				}
					.photo_select2 li img {
						max-width: 100%;
						max-height: 130px;
					}
					.eachphoto_select:hover {
						filter: brightness(50%);}


/*--スマホ表示用写真--*/
.photoList_sp {
	width: 900px;

}
.productsWrapper.sub .photoList {
	width: 250px;
	margin-right: 20px;
}
	.photoList_sp .photoMain_sp {
		padding: 0px 30px 0px 30px;
	}
		.photoList_sp .photoMain img {
			max-width: 100%;
		}
	.photoSub_sp {
		overflow: hidden;
		padding: 30px 0px 30px 30px;
		font-size: 24px;
	}
		.photoSub_sp li {
			list-style-type: none;
			width: 124px;
			text-align: center;
			float: left;
			margin: 0px 25px 25px 0px;
			padding: 10px 0px;
			overflow: hidden;
			background: #fff;
			line-height: 1.3;
			display: inline-block;
			/*--list-style-type: none;
			width: 170px;
			text-align: center;
			float: left;
			margin: 0px 10px 10px 0px;
			padding: 10px 0px;
			overflow: hidden;
			background: #fff;
			line-height: 1.3;--*/
		}
		}
		.photoList_sp .photoSub_sp li:nth-child(2) {
			margin-right: 0px;
		}

		.photoList_sp .photoSub_sp li:nth-child(6) {
			margin-right: 0px;
		}

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

	.photoSub2 {
		overflow: hidden;
	}
		.photoSub2 li {
			list-style-type: none;
			width: 210px;
			height: 130px;
			text-align: center;
			float: left;
			margin: 0px 10px 10px 0px;
			padding: 10px;
			overflow: hidden;
			background: #fff;
			line-height: 1.3;
		}
		.photoSub2 li:nth-child(3n) {
			margin-right: 0px;
		}
			.photoSub2 li img {
				max-width: 100%;
				max-height: 130px;
			}

			.photo_sp :hover {
				filter: brightness(50%);
			}


			.photo_select_sp {
				overflow: hidden;
				padding: 30px 0px 30px 30px;
				font-size: 24px;
			}
				.photo_select_sp li {
					list-style-type: none;
					width: 192px;
					text-align: center;
					float: left;
					margin: 0px 10px 10px 0px;
					padding: 0px 0px;
					overflow: hidden;
					background: #fff;
					line-height: 1.3;
					margin: 0px 25px 25px 0px;
					display: inline-block;
				}
				.photoList .photo_select_sp li:nth-child(4) {
					margin-right: 0px;
				}
				.photoList .photo_select_sp li:nth-child(8) {
					margin-right: 0px;
				}
					.photo_select_sp li img {
						max-width: 100%;
					}

			.photo_select2 {
				overflow: hidden;
			}
				.photo_select2 li {
					list-style-type: none;
					width: 210px;
					height: 130px;
					text-align: center;
					float: left;
					margin: 0px 10px 10px 0px;
					padding: 10px;
					overflow: hidden;
					background: #fff;
					line-height: 1.3;
				}
				.photo_select2 li:nth-child(3n) {
					margin-right: 0px;
				}
					.photo_select2 li img {
						max-width: 100%;
						max-height: 130px;
					}
					.eachphoto_select_sp:hover {
						filter: brightness(50%);}





/*--製品情報--*/
.productsData {
	width: auto;
	margin-left: 380px;
	position: relative;
}
	.price {
		font-family: sans-serif;
		margin-bottom: 15px;
	}
		.price table th,
		.price table td {
			text-align: left;
		}
		.price table th {
			padding-right: 1em;
		}

/*--製品情報（スマホ表示版）--*/
.productsData_sp {
	width: auto;
	position: relative;
	font-size: 200%;
	padding: 0px 30px 0px 30px;
}
.productsData_sp p {
	font-size: 100%;
}
	.price_sp {
		font-family: sans-serif;
		margin-bottom: 45px;
	}
	.price_sp p {
		line-height: 45px;
	}
		.price table th,
		.price table td {
			text-align: left;
		}
		.price table th {
			padding-right: 1em;
		}




/*--製品名--*/
.productsName {
	font-size: 160%;
	font-weight: bold;
	line-height: 1.3;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
	position: relative;
}
	.productsName .icon {
		position: absolute;
		top: 0px;
		right: 0px;
	}

.
/*--製品名（スマホ表示版）--*/
.productsName_sp {
	font-size: 160%;
	font-weight: bold;
	line-height: 1.3;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
	position: relative;
}
	.productsName_sp .icon {
		position: absolute;
		top: 0px;
		right: 0px;
	}


/*--写真--*/
.imageList {
	overflow: hidden;
}
	.imageList li {
		list-style-type: none;
		width: 210px;
		text-align: center;
		line-height: 1.3;
		float: left;
		margin: 0px 10px 10px 0px;
		padding: 10px;
		overflow: hidden;
		background: #fff;
	}
	.imageList li:nth-of-type(3n) {
		margin-right: 0px;
	}
		.imageList li .photo {
			margin-bottom: 10px;
		}
			.imageList li .photo img {
				max-width: 100%;
			}


/*--写真(全幅)--*/
.imageList2 {
	overflow: hidden;
}
	.imageList2 li {
		list-style-type: none;
		padding: 20px;
		margin-bottom: 10px;
		overflow: hidden;
		background: #fff;
	}
		.imageList2 li img {
			max-width: 100%;
		}
		.imageList2 li .photo {
			text-align: center;
			margin-bottom: 20px;
		}
		.imageList2 li .data {}
		.imageList2 li .title {
			font-size: 130%;
			font-weight: bold;
			line-height: 1.3;
			border-bottom: 1px solid #000;
			padding: 0px 0px 5px 0px;
			margin-bottom: 10px;
		}


/*--仕様表--*/
.specTable {
	width: 100%;
	border-collapse: collapse;
}
	.specTable thead th {
		background: #ddd;
		padding: 3px 10px;
		border: 1px solid #aaa;
	}
	.specTable tbody th {
		text-align: left;
		background: #f5f5f5;
		padding: 3px 10px;
		border: 1px solid #aaa;
	}
	.specTable td {
		background: #fff;
		padding: 5px 10px;
		border: 1px solid #aaa;
	}


/*--アサインリスト--*/
.assignTable {
	width: 100%;
	border-collapse: collapse;
}
	.assignTable thead th {
		background: #ddd;
		padding: 3px 10px;
		border: 1px solid #aaa;
	}
	.assignTable tbody th {
		background: #f5f5f5;
		padding: 3px 10px;
		border: 1px solid #aaa;
	}
	.assignTable td {
		text-align: left;
		background: #fff;
		padding: 5px 10px;
		border: 1px solid #aaa;
	}


/*--仕様表（スマホ表示版）--*/
.specTable_sp {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	font-size: 28px;
}
	.specTable_sp thead th {
		background: #ddd;
		padding: 3px 10px;
		border: 1px solid #aaa;
	}
	.specTable_sp tbody th {
		text-align: left;
		background: #f5f5f5;
		padding: 3px 10px;
		border: 1px solid #aaa;
	}
	.specTable_sp td {
		background: #fff;
		padding: 5px 10px;
		border: 1px solid #aaa;
	}



/*--注釈--*/
.helpBox {
	background: #fef3d5;
	padding: 15px;
}

/*----------------------------
  スマホ表示用テキスト
----------------------------*/





.sp_caseList {
	margin-bottom: 30px;
	overflow: hidden;
}
	.sp_caseList .sp_image {
		width: 300px;
		float: left;
	}
	.sp_caseList .sp_text {
		margin-left: 340px;
		position: relative;
	}
		.sp_caseList .sp_title {
			font-size: 150%;
			font-weight: normal;
			padding-bottom: 10px;
			margin-bottom: 15px;
			border-bottom: 1px solid #000;
		}
		.sp_text {
			font-size: 32px;
			font-weight: normal;
			padding-bottom: 10px;
			margin-bottom: 15px;
			border-bottom: 1px solid #000;
		}
		.sp_text450 {
			font-size: 32px;
		}
		.sp_text950 {
			font-size: 32px;
			width: 940px;
			height:280px;
			margin: auto;
		}
		.sp_caseList .sp_text .sp_date {
			position: absolute;
			bottom: 20px;
			left: 0;
		}
		.sp_caseList .sp_text .sp_logo {
			text-align: right;
			padding-top: 20px;
		}



/*----------------------------
  GigaCore用
----------------------------*/

.helpBox #rLinkX,
.helpBox #group,
.helpBox #multiLinkX {
	min-height: 87px;
	padding-left: 100px;
	margin-bottom: 10px;
}
.helpBox #rLinkX { background: url(../../images/content/products/luminex/r_link_image.gif) no-repeat left top; }
.helpBox #group { background: url(../../images/content/products/luminex/group_image.gif) no-repeat left top; }
.helpBox #multiLinkX {
	background: url(../../images/content/products/luminex/multi_link_image.gif) no-repeat left top;
	margin-bottom: 0px;
}
	.helpBox #rLinkX h4,
	.helpBox #group h4,
	.helpBox #multiLinkX h4 {
		clear: both;
		height: 25px;
		color: #000;
		font: bold 140%/1 Meiryo, "メイリオ",Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W6", sans-serif;
		margin-bottom: 5px;
		padding: 10px 0px 0px 45px;
	}
	.helpBox #rLinkX h4 { background: url(../../images/content/products/luminex/r_linkx_on.gif) no-repeat left top; }
	.helpBox #group h4 { background: url(../../images/content/products/luminex/group_on.gif) no-repeat left top; }
	.helpBox #multiLinkX h4 { background: url(../../images/content/products/luminex/multi_linkx_on.gif) no-repeat left top; }


/*====================================================================
	スマホ表示切替
====================================================================*/

/*--パソコンとスマホの切替--*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.sp { display: none; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media screen and (max-width: 990px) {
.pc { display: none; }
.sp { display: inline;}
}



.productsHeader_sp { display: none; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media screen and (max-width: 990px) {
	.productsHeader_sp { display: block;}
	.productsHeader { display: none; }
}