.jsTabGroup {font-family: "Noto Sans JP","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}
#buttons ul {  display: flex;align-items: stretch; /* 高さを揃える（デフォルトだけど明示） */gap: 2%;              /* 各項目の間隔 */margin: 2em 0;}
#buttons ul li { flex: 0 0 18%;display: flex; }
#buttons ul li:first-child {}
#buttons ul a {display: flex;        /* 中央寄せの主役 */align-items: center;  /* 天地中央 */justify-content: center; /* 横中央 */width: 100%;height: 100%;         /* li の高さを継承 */border: 1px solid #ccc; text-align: center;  padding: .5em 1em;  box-sizing: border-box;}
#buttons .show-graph, #buttons .show-table {border: none;background-color:#ccc;color: #fff;}
#buttons .is-active {background-color: #999;}
#graph-newest-check label {margin-right: 1em;font-size: .875rem;}

.table-container table {border-collapse: collapse;margin-bottom: 2em;}
.table-container th, .table-container td {font-size:.875rem;border: 1px solid #ccc;padding: .5em .5em;letter-spacing: -.03em;}
.table-container th {font-size:.875rem;border: 1px solid #ccc;padding: .5em .5em;text-align: left;background-color:#e9e9e9 ;}

.table-container td {text-align: right;}
@media screen and (max-width: 768px) {
  .table-scroll {
    overflow-x: auto;
  }

  .table-scroll table {
    min-width: 700px;
  }
  .table-container th, .table-container td {font-size:.7rem;}
  .table-container th:first-child {min-width: 7em;}
    #buttons ul li {  flex: 0 0 31%;margin-bottom: 1em; }
    #buttons ul {   flex-flow: wrap;}
}