@media screen and (min-width: 768px) {
/* 親要素（ul）の設定 */
.pr-custom-parts-switch {
  display: flex;
  flex-wrap: wrap;         /* 3つを超えたら折り返す */
  justify-content: center; /* 2行目の2つを中央に寄せる（※1） */
  gap: 12px;               /* ボタン同士の縦横の隙間 */
  padding: 0;
  list-style: none;
}

/* 子要素（li）の設定 */
.pr-custom-parts-switch li {
  /* 1行に3つ並べる計算（全体の100%から隙間2つ分を引いて、3で割る） */
  width: 245px;
  box-sizing: border-box;
}

/* ラベル内の調整（お好みで：クリック領域を広げる） */
.pr-custom-parts-switch li label {
  display: block;
  width: 100%;
  cursor: pointer;
}
}