/* /products/用CSS */

/* headerメニュー用 */
/* nav を横幅いっぱい、背景色 #eee に */
#header-menu {
  width: 100%;
  background: #eee;
  margin:
}

/* ul をセンタリングし、項目は横並び（Flex） */
#header-menu ul {
  margin: 15px 0px 10px;
  padding: 10px 16px;
  display: flex;
  justify-content: center; /* 中央揃え */
  gap: 50px;               /* 項目間の余白 */
  flex-wrap: nowrap;       /* 折り返さない。必要なら wrap に変更 */
}

/* li はクラスでスタイル（要求に合わせて li のみクラス指定） */
/* 文字色 #333、リンクのアンダーバーなし */
.sds-item a {
  color: #333;
  text-decoration: none;
}

/* もしホバー時の演出が必要なら（任意） */
.sds-item a:hover {
  opacity: 0.85;
  text-decoration: underline;
}