/* 不要なナビゲーションボタンを完全に消す */
#vacancy-wrapper .swiper-button-next,
#vacancy-wrapper .swiper-button-prev,
#vacancy-wrapper .slick-next,
#vacancy-wrapper .slick-prev {
    display: none !important;
}

/* ▼ vacancy 全体の親を強制で横幅100%にする */
#kdc-vacancy-wrapper {
    width: 100vw !important;       /* 画面幅ぴったり */
}

/* ▼ 日付ボタン全体の横スクロール領域 */
.kdc-date-buttons {
    display: flex;
    gap: 10px;

    overflow-x: auto; /* 横スクロール */
    white-space: nowrap; /* 折り返さない */

    -webkit-overflow-scrolling: touch; /* スマホで滑らかスクロール */
    padding: 10px 0;

    scrollbar-width: none; /* Firefox */
}

/* ▼ スクロールバーを消す */
.kdc-date-buttons::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

/* ▼ ボタン */
.kdc-date-btn {
    flex: 0 0 auto; /* 幅を自動、縮まない */
    padding: 10px 18px;
    border-radius: 12px;
    border: 1px solid #ccc;
    background: white;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap; /* テキストを折り返さない */
}

/* ▼ アクティブ（日付選択中） */
.kdc-date-btn.active {
    background: #1E6AE1; /* 青 */
    color: white;
    border-color: #1E6AE1;
}

/* ボタンエリア */
.kdc-date-buttons {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 10px 0;
    white-space: nowrap;
}

/* 日付ボタン */
.kdc-date-btn {
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #f8f8f8;
    cursor: pointer;
    font-size: 14px;
}


/* 読み込みエリア */
.kdc-vacancy-content {
    margin-top: 12px;
}

/* テーブルをWordPressに馴染ませる */
.kdc-vacancy-content table {
    width: 100%;
    border-collapse: collapse;
}
.kdc-vacancy-content th,
.kdc-vacancy-content td {
    border: 1px solid #ddd;
    padding: 4px 6px;
    text-align: center;
}
.kdc-vacancy-content th {
    background: #fafafa;
}
.kdc-vacancy-content .empty {
    background: #e7f6ff !important;
    font-weight: bold;
}
.kdc-vacancy-content .filled {
    background: #f0f0f0;
    color: #aaa;
}
.kdc-vacancy-content .lunch {
    background: #eee !important;
}

/* ボタン全体のラッパー */
#vacancy-date-buttons {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px 0;
    -webkit-overflow-scrolling: touch;
}

/* 個別のボタン */
.vacancy-date-btn {
    flex: 0 0 auto;     /* ← 必須！これが切れ防止 */
    padding: 8px 14px;
    border-radius: 8px;
    background: #eee;
    border: 1px solid #ccc;
    font-size: 14px;
    cursor: pointer;
}

.vacancy-date-btn.active {
    background: #1a73e8;
    color: white;
    border-color: #1a73e8;
}

/* 日付ボタン */
.kdc-date-btn {
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #f8f8f8;
    cursor: pointer;
    font-size: 14px;
}

/* 読み込みエリア */
.kdc-vacancy-content {
    margin-top: 12px;
}

/* テーブルをWordPressに馴染ませる */
.kdc-vacancy-content table {
    width: 100%;
    border-collapse: collapse;
}
.kdc-vacancy-content th,
.kdc-vacancy-content td {
    border: 1px solid #ddd;
    padding: 4px 6px;
    text-align: center;
}
.kdc-vacancy-content th {
    background: #fafafa;
}
.kdc-vacancy-content .empty {
    background: #e7f6ff !important;
    font-weight: bold;
}
.kdc-vacancy-content .filled {
    background: #f0f0f0;
    color: #aaa;
}
.kdc-vacancy-content .lunch {
    background: #eee !important;
}

#vacancy-table {
  margin: 20px 0;
}

.vacancy-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

.vacancy-table th,
.vacancy-table td {
  border: 1px solid #ddd;
  padding: 6px 4px;
  text-align: center;
}

.vacancy-table th {
  background: #f8f8f8;
  font-weight: bold;
}

.vacancy-table td.empty {
  background: #e8ffe8; /* 空き → 薄い緑 */
  color: #006600;
  font-weight: 600;
}

.vacancy-table td.filled {
  background: #f2f2f2; /* 予約済み → グレー */
  color: #999;
}

/* スマホ対応 */
@media (max-width: 600px) {
  .vacancy-table th, .vacancy-table td {
    font-size: 12px;
    padding: 4px 2px;
  }
}

/* ボタンエリア */
.kdc-date-buttons {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 8px 0;
    white-space: nowrap;
}

/* 日付ボタン */
.kdc-date-btn {
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #f8f8f8;
    cursor: pointer;
    flex-shrink: 0;
}

/* 読み込み表示 */
.kdc-vacancy-content {
    margin-top: 12px;
}

/* テーブル */
.kdc-vacancy-content table {
    width: 100%;
    border-collapse: collapse;
}

.kdc-vacancy-content th,
.kdc-vacancy-content td {
    border: 1px solid #ddd;
    padding: 4px 6px;
    text-align: center;
}

.kdc-vacancy-content th {
    background: #fafafa;
}

/* 空き / グレーアウト */
.kdc-vacancy-content .empty {
    background: #e7f6ff;
    font-weight: bold;
}

.kdc-vacancy-content .filled {
    background: #f0f0f0;
    color: #999;
}

.kdc-vacancy-content .lunch {
    background: #eee;
    color: #999;
}

.kdc-error {
    color: red;
    padding: 10px 0;
}

.sidebar {
    display: none;
}