@charset "UTF-8";

.realtime_parking div {
  box-sizing: border-box;
}

.pc_appear {
  display: none;
}

.sp_appear {
  display: block;
}

.realtime_parking {
  padding: 2% 2%;
  margin-bottom: 120px;
}

.realtime_parking_method_content {
  flex-wrap: wrap;
  row-gap: 32px;
  column-gap: 25px;
}

.realtime_parking_map {
  flex-wrap: wrap;
  row-gap: 10px;
}

.realtime_parking_map_image {
  width: 100%;
}

.realtime_parking_map_status {
  width: 100%;
}

.realtime_parking_status.bottom .realtime_parking_status_inner{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}

.realtime_parking_status.bottom .realtime_parking_status_inner .realtime_parking_status_title{
  width: 100%;
}

.realtime_parking_status.bottom .realtime_parking_status_inner .realtime_parking_status_item{
  width: 100%;
}