@charset "utf-8";
/* CSS Document */

/* アスペクト比の設定 */
.image-aspect {
  aspect-ratio: 16 / 4;
}

/* 拡大縮小(contain) 切り抜き(cover) */
.image-fit-type {
  background-size: cover; /*contain or cover*/
  background-position: center;
  background-repeat: no-repeat;
}

/* タイトル位置 */
.title-align {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -4px;
  color: white;
  text-shadow:
    1px 1px 0 #333,
    -1px 1px 0 #333,
    -1px -1px 0 #333,
    1px -1px 0 #333;
}

/* base color */
.base-color {
    background-color: #b71f1f;/*DrowerCardの色*/
}

/* スマホ用 */
@media (max-width: 768px) {
  .title-align {
    margin-top: -8px;
  }
}