@charset "UTF-8";

  /* テーブル全体のデザイン */
  .parking-styled-table {
    width: 100%;
    border-collapse: collapse;
    font-family: "Yu Gothic", "YuGothic", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #444;
    border: 2px solid #a38f6b; /* 画像のような茶金色の枠線 */
    margin-bottom: 20px;
  }

  /* セルの共通設定 */
  .parking-styled-table th,
  .parking-styled-table td {
    border: 1px solid #a38f6b; /* 茶金色の区切り線 */
    padding: 12px 10px;
    vertical-align: middle;
  }

  /* テキストの配置 */
  .text-center { text-align: center; }
  .text-left { text-align: left; }
  .text-bold { font-weight: bold; }
  .text-brown { color: #8c7b50; font-weight: bold; } /* 茶色の文字用 */
  .text-large { font-size: 1.1em; } /* 少し大きく強調 */

  /* 背景色の設定 */
  .bg-red { 
    background-color: #cc0000; /* 濃い赤 */
    color: #fff; /* 白文字 */
    border-color: #cc0000; /* 枠線も赤にして馴染ませる */
  }
  
  /* 点線（破線）のボーダー設定 */
  .border-dashed-bottom {
    border-bottom: 1px dashed #a38f6b;
  }
  .border-no-top {
    border-top: none;
  }

  /* 列の幅調整 */
  .col-label { width: 20%; background-color: #fff; color: #a38f6b; font-weight: bold; } /* 左の見出し列 */
  .col-middle { width: 35%; }
  .col-right { width: 45%; }
  
  /* スマホ対応 */
  .table-scroll-wrapper {
    overflow-x: auto;
  }

@media screen and (min-width: 768px) {
  .access-parking {
    margin-top: 205px;
  }
}