.category-list {
	margin: 0 0 1rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.category-list li {
	margin: 0 1rem .5rem 0;
	list-style: none !important;
}
.category-list li a {
	margin: 0 0 .5rem;
	padding: .5rem;
	line-height: 1.3;
	font-size: .95rem;
	color: #FFF !important;
	background-color: #99b393;
}
.category-list li a:hover {
	background-color: #6f9b65 !important;
}
@media (min-width: 769px) 
	ul.unstyled {
		margin-left: -4%;
		margin-right: -4%;
	}
	.productlist-unit {
		padding-right: 4% !important;
		padding-left: 4% !important;
	}
}
/* ▼ SP 商品一覧の余白をタイトにする ▼ */
@media (max-width: 768px) {

  /* 商品一覧の行そのものの左右マージンを少しだけに */
  .item-group.row.unstyled {
    margin-left: -2%;
    margin-right: -2%;
  }

  /* 各商品ブロックの左右パディング＆下余白を詰める */
  .item-group .productlist-unit {
    padding-left: 2% !important;   /* ← 2〜3% くらいでお好み調整 */
    padding-right: 2% !important;
    margin-bottom: 18px;           /* 下の余白も少しだけに（元は 30px 相当） */
  }

  /* 画像下の余白も少しだけ詰める（不要なら削除OK） */
  .productlist-unit img.mar_b_10 {
    margin-bottom: 6px !important;
  }
}