.product-list-men {
	counter-reset: rank;
}
.recommend article::before { /* ラベルと順位のスタイル */
	counter-increment: rank;
	content: " No."counter(rank) ;
	position: absolute;
	width:45px; height:45px; line-height:45px;
	text-align:center;
	border-radius:50%;
	font-size: 90%;
	font-weight: 900;
	color: var(--BROWN01);
	background: #f2ee30; /* 背景色 */
}
@media screen and (min-width: 768px){
	.product-list-men{
		grid-template-columns: repeat(3, 1fr)!important;
}
}
@media screen and (min-width: 901px){
	.product-list{
		grid-template-columns: repeat(4, 1fr);
	}
	.product-list  {
	margin: 0 5% ;
}
}
.eri{
	width: 90%;
	margin: 0 auto;
	display: grid;
	gap: 10px;
	text-align:center;
}
.eri { 
	grid-template-columns: repeat(3, 1fr);
}