@charset "utf-8";

.car-container {
  position: relative;
  display: inline-block; /* 必要に応じて複数の画像でレイアウトを整える */
}

.car-image {
  display: block;
  width: 100%; /* 必要に応じて調整 */
  height: auto; /* アスペクト比を維持 */
}

.status-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明の背景 */
  color: #ffffff;
  text-shadow: 
    -1px -1px 4px #ff0000, /* 左上 */
    1px -1px 4px #ff0000,  /* 右上 */
    -1px 1px 4px #ff0000,  /* 左下 */
    1px 1px 4px #ff0000;   /* 右下 */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem; /* フォントサイズを調整 */
  font-weight: bold;
  text-align: center;
  z-index: 1;
  pointer-events: none; /* 背景画像の操作を妨げない */
}

.font_size_5rem {
    font-size: 5rem; /* フォントサイズを調整 */
}

@media screen and (max-width:800px){
    .status-overlay {
        font-size: 1rem; /* フォントサイズを調整 */
    }
}

.figure_img_css {
    float:left;
    width:20%;
    margin-right: 2%;
}

.clear {
    clear:both;
}