@charset "Shift_JIS";


.cont_unit#products_wrap .products ul.output {
	border: 1px solid #d9d9d9;
}

.cont_unit#products_wrap .products ul.output:after {
	content: '';
	clear: both;
	display: block;
}

.cont_unit#products_wrap .products ul.output li {
	width: 25%;
	height: 270px;
	float: left;
	text-align: center;
}

.cont_unit#products_wrap .products ul.output li div.nolink {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	padding: 15px 10px;
	
	color: #333333;
	text-decoration: none;
	font-size: 16px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.cont_unit#products_wrap .products ul.output li a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	padding: 15px 10px;
	
	color: #333333;
	text-decoration: none;
	font-size: 16px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.cont_unit#products_wrap .products ul.output li a:hover {
	background: #fce5e7;
}

.cont_unit#products_wrap .products ul.output li a img {
	max-width: 100%;
	margin-bottom: 8px;
}

.cont_unit#products_wrap .products ul.output li div.nolink img {
	max-width: 100%;
	margin-bottom: 8px;
}

.cont_unit#products_wrap .products ul.output li a p.product_name {
	height: 5em;
	overflow: hidden;
}

.cont_unit#products_wrap .products ul.output li div.nolink p.product_name {
	height: 5em;
	overflow: hidden;
}


.cont_unit#panel_wrap .panels ul.output {
	border: 1px solid #d9d9d9;
}

.cont_unit#panel_wrap .panels ul.output:after {
	content: '';
	clear: both;
	display: block;
}

.cont_unit#panel_wrap .panels ul.output li {
	width: 25%;
	height: 470px;
	float: left;
	text-align: center;
}

.cont_unit#panel_wrap .panels ul.output li a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	padding: 15px 10px;
	
	color: #333333;
	text-decoration: none;
	font-size: 16px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.cont_unit#panel_wrap .panels ul.output li a:hover {
	background: #fce5e7;
}

.cont_unit#panel_wrap .panels ul.output li a img {
	max-width: 100%;
	margin-bottom: 8px;
}

.cont_unit#panel_wrap .panels ul.output li a p.panel_name {
	height: 5em;
	overflow: hidden;
	margin-bottom: 0;
}

.cont_unit#panel_wrap .panels ul.output li a p.capacity {
    color: #c02;
	font-size: 90%;
	background-image: url(/image/common/global/r1/icon/icon_pdf_hd.gif);
	background-size: 16px 16px;
	padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: right center;
    display: inline-block;
}


@media screen and (max-width: 767px) {
	.cont_unit#products_wrap .products {
		width: 92%;
		margin-left: auto;
		margin-right: auto;	
	}
	
	.cont_unit#products_wrap .products ul.output {
		border: 0;	
	}
	
	.cont_unit#products_wrap .products ul.output li {
		width: 100%;
		height: auto;
		float: none;
		margin-bottom: 15px;
	}
	
	.cont_unit#products_wrap .products ul.output li a p.product_name {
		margin-block-end: 0em;
    	margin-block-start: 0em;
	}
	
	
	.cont_unit#panel_wrap .panels {
		width: 92%;
		margin-left: auto;
		margin-right: auto;	
	}
	
	.cont_unit#panel_wrap .panels ul.output {
		border: 0;	
	}
	
	.cont_unit#panel_wrap .panels ul.output li {
		width: 100%;
		height: auto;
		float: left;
		text-align: center;
		margin-bottom: 15px;
	}
	
	.cont_unit#panel_wrap .panels ul.output li a p.product_name {
		margin-block-end: 0em;
    	margin-block-start: 0em;
	}
	
}