/* ........................................
//
// フラッシュメッセージのスタイル
//
// ......................................... */

.alert-info {
  width: 100%;
  text-align: center;;
  margin-bottom: 16px;
}

.alert-base {
  width: 100%;
  margin-bottom: 48px;
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-180);
}

.alert-base.cart {
  font-size: var(--font-size-16);
}

.alert-success {
  color: var(--Main);
}

.alert-error {
  color: var(--Important);
}