body{
background-color: #bee0ce;
color: #006a6c;
}

h1{
  font-size:125%;
}

table {
  background-color: #ffffff;
  border-collapse: collapse;
  border: solid 2px #e5a323;/*表全体を線で囲う*/
  width:100%
}

table th {/*table内のthに対して*/
  padding: 0px 5px;/*上下0pxで左右5px*/
  color: cornflowerblue;
  background: #fff5e5;/*背景色*/
}

table td {/*table内のtdに対して*/
  padding: 1px 5px;/*上下1pxで左右5px*/
  color: #202020;
  font-size: 95%;
}

table th, table td {
  border: solid 1px lightsteelblue;/*実線 1px 色*/




/* 500px以下の画面で適用 */
@media only screen and (max-width: 500px) {
  table.mobile-scroll {
    white-space: nowrap; /* 折り返されないように */
    overflow-x: auto; /* 横スクロール */
    -webkit-overflow-scrolling: touch; /* スマホでスムーズにスクロールできるように */
  }
}