@charset "UTF-8";

/* ==========================================================================
   設備案内専用スタイル (njm_facilities.css)
   ========================================================================== */


/* ==========================================
   1. テーブルスクロール・コンテナ
   ========================================== */
/* 横スクロール対応ラッパー */
.table-scroll-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 30px;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}


/* ==========================================
   2. 設備一覧テーブル
   ========================================== */
/* 設備テーブル基本スタイル */
.facility-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
  font-size: 0.95rem;
  text-align: left;
  white-space: nowrap;
}

/* セル共通指定 */
.facility-table th,
.facility-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* ヘッダー行 */
.facility-table thead th {
  background-color: #004d00;
  color: #ffffff;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 1;
}

/* 各カラム幅設定 */
.facility-table .col-num { width: 60px; text-align: center; }
.facility-table .col-name { width: 25%; }
.facility-table .col-maker { width: 25%; }
.facility-table .col-model { width: 35%; }
.facility-table .col-count { width: 80px; text-align: center; }

/* 先頭・末尾列の配置（No・台数） */
.facility-table tbody td:first-child,
.facility-table tbody td:last-child {
  text-align: center;
}

/* ゼブラパターン（偶数行の背景色） */
.facility-table tbody tr:nth-child(even) {
  background-color: #f8fafc;
}

/* 行ホバー指定 */
.facility-table tbody tr:hover {
  background-color: #f0fdf4;
}


/* ==========================================
   3. 汎用・補足情報
   ========================================== */
/* 更新日付表記 */
.as-of-date {
  text-align: right;
  font-size: 0.9rem;
  color: #64748b;
  margin-top: 10px;
}


/* ==========================================
   4. レスポンシブ調整
   ========================================== */
/* タブレット・スマートフォンサイズ（768px以下） */
@media screen and (max-width: 768px) {
  .facility-table th,
  .facility-table td {
    padding: 10px 12px;
    font-size: 0.88rem;
  }
}