.orange{border: solid #FF8C00;}

.td-css1 { 
    border: 1px solid #c0c0c0;
} 

/* アルコールチェッカー用 */

.box-alcohol {
  margin         : auto;                 /* 中央寄せ */
  box-sizing     : border-box;           /* 罫線も含む長さ      */
  background     : #fff;                 /* BOXの背景色         */
  border         : 0px solid #fff;       /* 枠線の指定          */
  width          : 100%;                /* BOXの幅             */
  animation: boxAnime 10s linear infinite alternate;

     /* ▼ FlexBoxの定義 */
  display        : flex;                 /* FlexBox定義         */
  justify-content: center;           /* 揃えの定義          */
  flex-wrap      : wrap;                 /* 折り返し定義        */
}

    /* --- 個別のBOXの定義 --------------------------------------- */
.box-alcohol div {
        padding: 0.5em 1em;
    margin: 2em 0;
    color: #1d2b66;
    background: white;
    border-top: solid 5px #1d2b66;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
  box-sizing     : border-box;           /* 罫線も含む長さ      */
  width          : 200px;                 /* BOXの幅     */
  margin         : 6px;                  /* BOXの間     */
  font-size: 16px;
  font-weight:bold;
  text-align: center;
      display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* アルコールチェッカー用ここまで */