/* ベースリセット（簡易） */
* { box-sizing: border-box; margin: 0; padding: 0; }

/* ページ全体の背景とフォント設定 */
body {
  font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  background: #f7f8fb; /* 優しい薄いグレー#f7f8fb */
  color: #1b1b1f;
  line-height: 1.5;
  padding: 24px;
}

/* コンテナ：中央寄せで最大幅を設定 */
.container {
  max-width: 980px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(20,20,30,0.06);
  padding: 28px;
}

/* ヘッダーの見出し */
.page-header h1 {
  font-size: 1.6rem;
  margin-bottom: 6px;
}

/* リード文 */
.lead {
  color: #555;
  font-size: 0.95rem;
  margin-bottom: 18px;
}

/* コントロール（検索ボックス等） */
.controls {
  margin-bottom: 16px;
}
.controls .search {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e0e4ee;
  border-radius: 8px;
  background: #fbfcff;
  color: #222;
}

/* テーブルの基本スタイル */
.release-table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 8px;
}

/* ヘッダー行 */
.release-table thead th {
  text-align: left;
  font-weight: 700;
  font-size: 0.95rem;
  padding: 12px 14px;
  background: linear-gradient(90deg,#f2f6ff,#ffffff);
  border-bottom: 1px solid #dfe0e6;
}

/* ボディ行 */
.release-table tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid #dfe0e6;
  vertical-align: middle;
  font-size: 0.95rem;
}

/* 商品名セルの強調 */
.release-table .product {
  font-weight: 600;
  color: #0b3a66;
}

/* 日付セルの等幅フォント（視認性向上） */
.release-table .date {
  color: #333;
  width: 150px;
}

/* （未使用）改良前：日付セルの等幅フォント（視認性向上） */
.release-table .date2 {
  font-family: "Courier New", monospace;
  color: #333;
  width: 140px;
}

/* プラットフォーム列は小さめに */
.release-table .platform {
  color: #444;
  width: 180px;
}

/* ステータス用の色分け */
.status {
  padding: 6px 10px;
  border-radius: 999px;
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: none;
}

/* ステータス別カラー */
.status.released { background:#e8f6ef; color:#0b7a4a; } /* 発売済/予定 */
.status.pre-order { background:#fff7e6; color:#b86b00; } /* 予約受付中 */
.status.cancelled { background:#ffecec; color:#a10b0b; } /* 中止 */

/* 備考は薄めの色 */
.release-table .note {
  color: #666;
  font-size: 0.9rem;
}

/* フッター */
.page-footer {
  margin-top: 18px;
  color: #888;
  font-size: 0.85rem;
}

/* アクセシビリティ用の非表示テキスト（スクリーンリーダー向け） */
.visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

/* レスポンシブ：狭い画面ではテーブルをカード表示に切替 */
@media (max-width: 720px) {
  .release-table thead { display: none; }
  .release-table, .release-table tbody, .release-table tr, .release-table td { display: block; width: 100%; }
  .release-table tr { margin-bottom: 12px; border-radius: 8px; background: #f0f8fa; padding: 12px; box-shadow: 0 2px 6px rgba(10,20,40,0.03); }
  .release-table td { padding: 6px 0; border-bottom: none; }
  .release-table td::before {
    /* 各セルのラベルを疑似要素で表示（視覚的に列名を示す） */
    content: attr(data-label);
    display: block;
    font-weight: 700;
    color: #333;
    margin-bottom: 6px;
  }
}

/* ----- 通常のリンクに適用されるデザイン --------------------------------------  */

a {
	color : #0000CD;
	text-decoration : none;
}

/* ホバー時のデザイン */
a:hover {
  color: #ff6699;
  text-decoration: underline;
}

/* ----- 特定のリンクだけに適用されるデザイン class="link-000"で指定*/

a.link-000 {
  color: #4571f5;        /* 文字色 */
  text-decoration: none; /* 下線を消す */
  font-weight: bold;     /* 太字 */
}

/* ホバー時のデザイン */
a.link-000:hover {
  color: #ff6699;
  text-decoration: underline;
}

/* ----- 特定の画像サイズ自動調整 class="resize-img"で指定-------------------------------------- */

.resize-img {
  max-width: 100%;
  height: auto;
}

/* ----- ページ移動（前ページ・次ページ） ------------------------------------ */

DIV#page H2

{

    DISPLAY: none

}

DIV#page UL

{

    MARGIN: 0px

}

DIV#page UL LI

{

    DISPLAY: inline;

    FONT-SIZE: 26px;

}

DIV#page UL LI a:link

{

    FONT-SIZE: 26px;

}