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

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

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

/* タイトル位置 */
.title-align {
  display: flex;
  justify-content: flex-start;//左 中 右
  align-items: flex-start;//上 中 下
  margin-top: 0px;//上からの位置
  padding-right: 14px;//右からの位置(右寄せで有効)
  color: white;//フォントカラー
}

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

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