/* 2026-07-03 スライダーから3x3のレイアウト変更 */
.fix-col-layout {
  --col: 2;
  --col-md: 3;
  --gutter: 8px;
  --gutter-md: 16px;
}

.fix-col-layout__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter);
  justify-content: center;
}

.fix-col-layout__row > * {
  flex: 0 0 auto;
  width: calc((100% - (var(--gutter) * (var(--col) - 1))) / var(--col));
  margin: unset;
}

@media screen and (min-width: 768px) {
  .fix-col-layout__row {
    justify-content: flex-start;
  }

  .fix-col-layout__row > * {
    width: calc((100% - (var(--gutter-md) * (var(--col-md) - 1))) / var(--col-md));
  }
}