
.spacialCategoryTable {
	line-height: 1.75rem;
	width: 100%;
	margin: 0 0 60px;
}
.spacialCategoryTable .tr{
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 15px;
	width: 100%;
	margin: 0 0 15px;
}
.category-wrap {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 15px;
	width: 100%;
	margin: 30px 0 60px;
}
.spacialCategoryTable .td,
.category-list {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	border: 4px solid #bbb;
	border-radius: 16px;
	width: calc(50% - 5px);
	padding: 0 0 15px;
	overflow: hidden;
	transition: 0.3s;
}
.spacialCategoryTable .td a,
.category-list a{
	color: #666;
	display: block;
	width: 100%;
}
.spacialCategoryTable .td:hover,
.category-list:hover{
	border: 4px solid #f9e89b;
}
.spacialCategoryTable .td p,
.category-list p.sentence{
	font-size: 0.875rem;
	line-height: 1.5;
	padding: 0 15px;
	margin-bottom: 5px;
}
.spacialCategoryTable .td .thumb,
.list_inner .figure{
	overflow: hidden;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	padding: 0;
}
.spacialCategoryTable .td .thumb img,
.list_inner .figure img{
	width: 100%;
	max-width: none;
}
.spacialCategoryTable .td a:hover .thumb img,
.category-list:hover .list_inner .figure img{
	filter: brightness(0.9) sepia(0.5);
}
.spacialCategoryTable .td .title,
#main .spacialCategoryTable .td h4,
#main .category-list h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	font-feature-settings: "palt";
	color: #666;
	text-align: center;
	margin: 15px 10px;
	padding: 0;
}
.spacialCategoryTable .td a:hover .title,
#main .spacialCategoryTable .td a:hover h4,
#main .category-list:hover h4{
	color: #21af68;
}
#main .category-list .list_inner .body{
	padding: 0;
}
.category-list p{
	margin-bottom: 0;
}
.productListArea{
	margin: 60px 0 120px;
	padding: 30px 0 0;
	border-top: 4px dotted #ededed;
}
@media (min-width: 768px) {
	.spacialCategoryTable .tr{
		column-gap: 15px;
		row-gap: 15px;
	}
	.ec-searchnavRole__infos {
		display: flex;
		justify-content: flex-end;
	}
}
@media (min-width: 992px) {
	.category-wrap {
		column-gap: 15px;
	}
	.spacialCategoryTable .td,
	.category-list {
		width: calc(33.33% - 10px);
	}
}
