.grid-item {
	background-color: #f5f5f5;
	width: 32.7%;
	height: 111px;
	border-radius:6px;
	border:#cccccc solid 1px; 
	margin: 0 5px 6px 0;
}
.grid-item a {
  width: 100%;
  height: 100%;
}

.grid-item img {
	display:block;
	max-width: 100px;
	max-height: 100px;
	padding: 0px;
	margin: 0px;
}

.item_name { /*大分類項目名*/
	position: absolute;/*絶対配置*/
	font-size: 13pt;
	font-weight: bold;
	line-height: 1.2;
	top: 16px;
	left: 97px;
}
.grid-item_text { /*中分類項目名*/
	position: absolute;/*絶対配置*/
	font-size: 8pt;
	line-height: 16px;
	padding: 8px 7px 20px 0;
	top: 33px;
	left: 97px;
}
span.ks {
	display: inline-block;
}

.sp, .tb { display: inline !important; 
}
@media screen and (max-width: 1197px) {
.grid-item {
	width: 48.3%;
	margin: 0 10px 10px 0px;
}
.grid-item img {
	display:block;
	max-width: 94px;
	max-height: 94px;
	padding: 0px 0px 0px 0px;
	margin: 0 0 10px 0;
}
.item_name { /*大分類項目名*/
	position: absolute;/*絶対配置*/
	font-size: 14pt;
	font-weight: bold;
	line-height: 1.2;
	top: 14px;
	left: 93px;
}
.grid-item_text { /*中分類項目名*/
	position: absolute;/*絶対配置*/
	font-size: 9pt;
	line-height: 20px;
	padding: 8px 7px 20px 0;
	top: 33px;
	left: 93px;
}
.ndc_box30 {
	margin: 0px;
    background: #f1f1f1;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.tb { display: none !important; 
}
}
@media screen and (max-width: 640px) {
.grid-item {
	width: 99.8%;
}
.item_name { /*大分類項目名*/
	position: absolute;/*絶対配置*/
	font-size: 14pt;
	font-weight: bold;
	line-height: 1.2;
	top: 14px;
	left: 96px;
}
.grid-item_text { /*中分類項目名*/
	position: absolute;/*絶対配置*/
	font-size: 9pt;
	line-height: 20px;
	padding: 8px 7px 20px 0;
	top: 33px;
	left: 96px;
}
.grid-item img {
	display:block;
	max-width: 96px;
	max-height: 96px;
	padding: 0px 2px 0px 0px;
	margin: 0 0 10px 0;
}
.sp, .tb { display: none !important; 
}
}