button {
  /* ブラウザ特有のスタイルを無効に */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

  /* 整える */
  margin: 1em 0; /* 前後の隙間 */
  padding: 0.6em 4em; /* 塗りの余白 */
  font-size: 1.3em; /* フォントサイズ */
  font-weight: bold;
  background-color: #990000; /* 背景色 */
  color: #FFF; /* テキストカラー */
  cursor: pointer; /* カーソルを指マークに */
  border-radius: 3px; /* 角の丸み */
  border: 0; /* 枠線を消す */
  transition: 0.3s; /* ホバーの変化を滑らかに */
}

/* ホバー時（カーソルをのせた時）の見た目 */
button:hover {
  background-color: #FF0000; /* 背景色 */
}

div.sold_out {
  font-weight: bold;
  font-size: 1.3em;
  color: #ffffff;
  background: #CC0033;
}