/* =========================
   五十音メニュー（最終版）
   ========================= */

/* オレンジ帯（td.kana-menu） */
.kana-menu{
  background: orange;
  padding: 10px;
  text-align: center;
}

/* 中身：横並び＋折り返し */
.kana-menu__inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

/* ボタン */
.kana-menu__inner a{
  display: inline-block;
  padding: 6px 12px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.25);
  border-radius: 6px;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
}

/* hover */
.kana-menu__inner a:hover{
  opacity: .8;
}
/* 追加：テーブルの余白を消してメニューがズレないようにする */
.kana-menu__inner{
  margin: 0;
}

/* 追加：リンクのデフォルト色（紫/青）を完全に無効化 */
.kana-menu__inner a:visited{
  color: #000;
}

/* 追加：クリックした時の枠を自然に（ブラウザで変な枠が出るのを抑える） */
.kana-menu__inner a:focus{
  outline: none;
}

/* 追加：スマホでボタンが小さくなりすぎない＆はみ出し防止 */
.kana-menu__inner a{
  line-height: 1.2;
}

/* 追加：メニューの外側(table/td)が原因の横はみ出し対策 */
table{
  max-width: 100%;
}