ul.clProductListWrap{
	display:flex;
	display: -webkit-flex;
	list-style:none;
	padding-left:0px;
}
ul.clProductListWrap li{
	width:33.3%;
}
.clProductListBlock{
	padding: 10px;
}
.clProductListBlock .clImage{}

.clProductListBlock .clNamewrap{
	display:flex;
	display: -webkit-flex;
	justify-content:space-between;
	padding: 10px;
	background-color: #F0f0f0;
}
.clProductListBlock .clNamewrap h2.clName{
	font-size: 1em;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 0px;
    font-family: 'Noto Sans JP','Helvetica Neue', Helvetica, Arial, sans-serif;
}
.clProductListBlock .clNamewrap .clPrice{}

.clProductListBlock .clLinkWrap{
	display:flex;
	display: -webkit-flex;
	justify-content:center;
	padding: 10px 10px 20px;
	background-color: #F0f0f0;
}
.clProductListBlock .clLinkWrap .clLinkShop{
	width:48%;
	margin-right:4%;
}

.clProductListBlock .clLinkWrap .clLinkShop a,.clProductListBlock .clLinkWrap .clLinkDetail a{
	display: block;
	padding:7px 10px;
	background-color:#333;
	color:#fff !important;
	border:1px solid #333;
	border-radius: 7px;
	text-align: center;
}
.clProductListBlock .clLinkWrap .clLinkShop a:hover,.clProductListBlock .clLinkWrap .clLinkDetail a:hover{
	background-color:#fff;
	color:#333 !important;
}

.clProductListBlock .clLinkWrap .clLinkDetail{
	width:48%;
}

/*
.clProductListBlock .clLinkWrap .clLinkDetail a{
	display: block;
	padding:7px 10px;
	background-color:orange;
	color:#fff !important;
	border:1px solid orange;
	border-radius: 7px;
	text-align: center;
}
.clProductListBlock .clLinkWrap .clLinkDetail a:hover{
	background-color:#fff;
	color:orange !important;
}
*/

@media screen and (max-width: 768px){

	.clProductListBlock .clNamewrap{
		display:block;
	}
}

@media screen and (max-width: 481px){

	ul.clProductListWrap{
		display:block;
	}
	ul.clProductListWrap li{
		width:100%;
	}
	.clProductListBlock .clNamewrap{
		display:flex;
		display: -webkit-flex;
		justify-content:space-between;
	}
}