.tag-slide{ width:100%; }
.tag-bands{
  display:grid;
}

/* 1段（レーン） */
.band{
  --h: 47px;         /* 行の高さ */
  --gap: 8px;        /* タグ間隔 */
  position:relative;
  height:var(--h);
  overflow-x:auto;   /* ← ユーザーが横スクロール可能 */
  overflow-y:hidden;
  white-space:nowrap;
  -webkit-overflow-scrolling: touch;
}

/* 中身は2周分を横並び */
.track{
  display:flex;
	width: max-content;
  align-items:center;
  white-space:nowrap;
}

/* タグの見た目（タイル） */
.pill{
  display:inline-flex;
	align-items: center;
	gap: 10px;
  height:50px;
  padding:3px 15px;
  color:#462408;
  font-size:24px;
  text-decoration:none;
  white-space:nowrap;
}

/* カラー */
.color-0{ background:#FFA641; }
.color-1{ background:#FEA9C3; }
.color-2{ background:#8FE7CC; }
.color-3{ background:#BA9ED1; }
.color-4{ background:#FFA641; }

/* スクロールバーを隠したい場合（任意） */
.band::-webkit-scrollbar{ height:0; }

@media (max-width:480px){
  .band{ --h:50px; --gap:6px; }
  .pill{ font-size:24px; }
}