@tailwind base;
@tailwind components;
@tailwind utilities;

#team-name-result td,
#team-name-result th { /* th タグにもスタイルを適用 */
    @apply border border-gray-300; /* Tailwind CSSを使用してセルにボーダーを適用 */
}

/* カスタムテーブルスタイルの追加 */
#team-name-result {
    @apply w-full border-collapse;
}

#team-name-result th {
    @apply text-center py-2 px-4;
}

#team-name-result td {
    @apply bg-gray-100 text-black text-left py-2 px-4;
}

/* #team-name-result tr:nth-child(even) {
    @apply bg-gray-100 text-black text-left py-2 px-4;
} */

#team-name-result td:hover {
    @apply bg-gray-300;
}

/* 一列目のtdのみテキストをセンタリング */
#team-name-result td:first-child {
    @apply text-center;
}

.bg-team-atokyo {
    @apply bg-atokyo; /* アルバルク東京の色 */
    color: white;
}

.bg-team-utsunomiya {
    @apply bg-utsunomiya; /* 宇都宮ブレックスの色 */
    color: white;
}

.bg-team-chiba {
    @apply bg-chiba; /* 千葉ジェッツの色 */
    color: white;
}

.bg-team-akita {
    @apply bg-akita; /* 秋田ノーザンハピネッツの色 */
    color: white;
}

.bg-team-gunma {
    @apply bg-gunma; /* 群馬クレインサンダーズの色 */
    color: white;
}

.bg-team-sendai {
    @apply bg-sendai; /* 仙台89ERSの色 */
    color: white;
}

.bg-team-hokkaido {
    @apply bg-hokkaido; /* レバンガ北海道の色 */
    color: white;
}

.bg-team-ibaraki {
    @apply bg-ibaraki; /* 茨城ロボッツの色 */
    color: white;
}

.bg-team-sanen {
    @apply bg-sanen; /* 三遠ネオフェニックスの色 */
    color: white;
}

.bg-team-mikawa {
    @apply bg-mikawa; /* シーホース三河の色 */
    color: white;
}

.bg-team-srshibuya {
    @apply bg-srshibuya; /* サンロッカーズ渋谷の色 */
}

.bg-team-kawasaki {
    @apply bg-kawasaki; /* 川崎ブレイブサンダースの色 */
    color: white;
}

.bg-team-fenagoya {
    @apply bg-fenagoya; /* ファイティングイーグルス名古屋の色 */
    color: white;
}

.bg-team-yokohamabc {
    @apply bg-yokohamabc; /* 横浜ビー・コルセアーズの色 */
    color: white;
}

.bg-team-shinsyu {
    @apply bg-shinsyu; /* 信州ブレイブウォリアーズの色 */
}

.bg-team-toyama {
    @apply bg-toyama; /* 富山グラウジーズの色 */
    color: white;
}

.bg-team-ryukyu {
    @apply bg-ryukyu; /* 琉球ゴールデンキングスの色 */
    color: white;
}

.bg-team-nagoyad {
    @apply bg-nagoyad; /* 名古屋ダイヤモンドドルフィンズの色 */
    color: white;
}

.bg-team-shimane {
    @apply bg-shimane; /* 島根スサノオマジックの色 */
    color: white;
}

.bg-team-hiroshima {
    @apply bg-hiroshima; /* 広島ドラゴンフライズの色 */
    color: white;
}

.bg-team-saga {
    @apply bg-saga; /* 佐賀バルーナーズの色 */
    color: white;
}

.bg-team-nagasaki {
    @apply bg-nagasaki; /* 長崎ヴェルカの色 */
    color: white;
}

.bg-team-oosaka {
    @apply bg-oosaka; /* 大阪エヴェッサの色 */
    color: white;
}

.bg-team-kyoto {
    @apply bg-kyoto; /* 京都ハンナリーズの色 */
    color: white;
}

.bg-team-koshigaya {
    @apply bg-koshigaya; /* 越谷アルファーズの色 */
    color: white;
}

#nba-team-name-result td,
#nba-team-name-result th { /* th タグにもスタイルを適用 */
    @apply border border-gray-300; /* Tailwind CSSを使用してセルにボーダーを適用 */
}

/* カスタムテーブルスタイルの追加 */
#nba-team-name-result {
    @apply w-full border-collapse;
}

#nba-team-name-result th {
    @apply text-center py-2 px-4;
}

#nba-team-name-result td {
    @apply bg-gray-100 text-black text-left py-2 px-4;
}

/* #nba-team-name-result tr:nth-child(even) {
    @apply bg-gray-100 text-black text-left py-2 px-4;
} */

#nba-team-name-result td:hover {
    @apply bg-gray-300;
}

/* 一列目のtdのみテキストをセンタリング */
#nba-team-name-result td:first-child {
    @apply text-center;
}

.bg-team-atl {
    @apply bg-atl; /* アトランタ・ホークスの色 */
    color: white;
}

.bg-team-bos {
    @apply bg-bos; /* ボストン・セルティックスの色 */
    color: white;
}

.bg-team-cle {
    @apply bg-cle; /* クリーブランド・キャバリアーズの色 */
    color: white;
}

.bg-team-nop {
    @apply bg-nop; /* ニューオーリンズ・ペリカンズの色 */
}

.bg-team-chi {
    @apply bg-chi; /* シカゴ・ブルズの色 */
    color: white;
}

.bg-team-dal {
    @apply bg-dal; /* ダラス・マーベリックスの色 */
    color: white;
}

.bg-team-den {
    @apply bg-den; /* デンバー・ナゲッツの色 */

}

.bg-team-gsw {
    @apply bg-gsw; /* ゴールデンステート・ウォリアーズの色 */
    color: white;
}

.bg-team-hou {
    @apply bg-hou; /* ヒューストン・ロケッツの色 */
    color: white;
}

.bg-team-lac {
    @apply bg-lac; /* ロサンゼルス・クリッパーズの色 */
    color: white;
}

.bg-team-lal {
    @apply bg-lal; /* ロサンゼルス・レイカーズの色 */
    color: white;
}

.bg-team-mia {
    @apply bg-mia; /* マイアミ・ヒートの色 */
    color: white;
}

.bg-team-mil {
    @apply bg-mil; /* ミルウォーキー・バックスの色 */
    color: white;
}

.bg-team-min {
    @apply bg-min; /* ミネソタ・ティンバーウルブズの色 */
    color: white;
}

.bg-team-bkn {
    @apply bg-bkn; /* ブルックリン・ネッツの色 */
    color: white;
}

.bg-team-nyk {
    @apply bg-nyk; /* ニューヨーク・ニックスの色 */
    color: white;
}

.bg-team-orl {
    @apply bg-orl; /* オーランド・マジックの色 */
    color: white;
}

.bg-team-ind {
    @apply bg-ind; /* インディアナ・ペイサーズの色 */
    color: white;
}

.bg-team-phi {
    @apply bg-phi; /* フィラデルフィア・76ersの色 */
    color: white;
}

.bg-team-phx {
    @apply bg-phx; /* フェニックス・サンズの色 */
    color: white;
}

.bg-team-por {
    @apply bg-por; /* ポートランド・トレイルブレイザーズの色 */
    color: white;
}

.bg-team-sac {
    @apply bg-sac; /* サクラメント・キングスの色 */
    color: white;
}

.bg-team-sas {
    @apply bg-sas; /* サンアントニオ・スパーズの色 */
    color: white;
}

.bg-team-okc {
    @apply bg-okc; /* オクラホマシティ・サンダーの色 */
    color: white;
}

.bg-team-tor {
    @apply bg-tor; /* トロント・ラプターズの色 */
    color: white;
}

.bg-team-uta {
    @apply bg-uta; /* ユタ・ジャズの色 */
    color: white;
}

.bg-team-mem {
    @apply bg-mem; /* メンフィス・グリズリーズの色 */
    color: white;
}

.bg-team-was {
    @apply bg-was; /* ワシントン・ウィザーズの色 */
    color: white;
}

.bg-team-det {
    @apply bg-det; /* デトロイト・ピストンズの色 */
    color: white;
}

.bg-team-cha {
    @apply bg-cha; /* シャーロット・ホーネッツの色 */
    color: white;
}