@charset "UTF-8";

.text-red {
  color: #f00;
}
.text-green {
  color: #0a0;
}
.text-orange {
  color: #f60;
}
.text-gray {
  color: #777;
}

.modEntry .mb49 {
  margin-bottom: 49px;
}

/* -------------------------------------------------------------------------- */
/* 駐車場一覧ページ */
/* -------------------------------------------------------------------------- */
/* 満空状況、収容台数、営業時間の行が複数行となったとき、
   行間が広すぎるため20px→10pxへ調整 */
#page_list .modParking__topRow {
  flex-wrap: wrap;
  gap: 10px 20px;
}
/* 収容台数、営業時間を複数行対応化するため */
#page_list .modParking__car {
  max-width: none;
  height: auto;
  padding: 7px 7px 7px 12px;
}
#page_list .modParking__time {
  max-width: none;
  height: auto;
  padding: 7px 7px 7px 12px;
}
@media (max-width: 600px) {
  #page_list .modParking__car {
    padding: 7px;
  }
  #page_list .modParking__car .modParking__carContent {
    margin-top: 5px;
  }
  #page_list .modParking__time {
    padding: 7px;
  }
  #page_list .modParking__time .modParking__timeContent {
    margin-top: 5px;
  }
}
/* 所在地などの箇条書き情報の垂直ラインを揃えるため */
#page_list .modParking__info {
  display: flex;
  flex-wrap: wrap;
}
#page_list .modParking__info .modParking__infoBlock {
  max-width: 45%;
}
@media (max-width: 768px) {
  #page_list .modParking__info {
    display: grid;
    flex-wrap: nowrap;
  }
  #page_list .modParking__info .modParking__infoBlock {
    max-width: none;
  }
}

/* -------------------------------------------------------------------------- */
/* 倉敷美観地区周辺の駐車場ページ */
/* -------------------------------------------------------------------------- */
/* 駐車場名をリンク化するため */
.parkingBikanchiku__item-title a {
  color: var(--baseFontColor);
  text-decoration: none;
}
.parkingBikanchiku__item-title a:hover {
  text-decoration: underline;
}
/* 収容台数、営業時間のラベルが改行されるのを防ぐため */
#page_service .parkingBikanchiku__item-stuff-label {
  min-width: 6.5em;
}
/* 収容台数、営業時間の行間が狭すぎるのを調整するため */
#page_service .parkingBikanchiku__item-stuff-value {
  line-height: 1.2 !important;
}

/* -------------------------------------------------------------------------- */
/* 駐車場詳細ページ */
/* -------------------------------------------------------------------------- */
/* コンテンツ上部に追加情報を表示するため */
.parkingDetailTop {
  margin-top: 18px;
  text-align: center;
}
/* Yahoo!カーナビアプリの利用案内リンクのスタイルを調整するため */
.parkingDetail02__text a {
  color: var(--baseFontColor);
  text-decoration: none;
}
.parkingDetail02__text a:hover {
  opacity: 0.8;
}
/* GoogleマップではなくYahoo!マップを表示するため */
.modMap > div:nth-of-type(2) {
  width: 100% !important;
  border: none !important;
}
@media (max-width: 600px) {
  .modMap > div:nth-of-type(2) {
    height: 100% !important;
    margin-bottom: 7px;
  }
}
/* "その他"の項目毎にスペースを空けるため */
#page_parking-detail .my_label {
  margin-top: 1rem;
  font-weight: bold;
}
#page_parking-detail .my_label:first-child {
  margin-top: 0;
}
/* コンテンツ下部の追加情報のpに下部マージンを追加するため */
#page_parking-detail .parkingDetail03__wrap03 p {
  margin-bottom: 1rem;
}
#page_parking-detail .parkingDetail03__wrap03 p:last-child {
  margin-bottom: 0;
}

/* -------------------------------------------------------------------------- */
/* 駐車場管理規定 */
/* -------------------------------------------------------------------------- */
#page_parking-rule-detail .table-responsive {
  margin-bottom: 30px;
}