.message {
  position: relative;
  padding: 0.5rem 1.25rem;
  margin: 0 5px 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;

  /* デフォルト */
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

/* 非表示 */
.message--hidden {
  display: none;
}

/* 色指定 */
.message--error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.message--success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}