@charset "utf-8";

/* 要素 */
/* ボタン */
button {
  width: 200px;
  padding:0;
  margin:0;
  background:none;
  border:0;
  font-size:0;
  line-height:0;
  overflow:visible;
  cursor:pointer;
}

/* 表 */
table {
  border-collapse: separate;
  border-spacing: 0;
  margin: 10px;
  max-width: 800px;
  table-layout: fixed;
}

th, td {
  border: 1px solid black;
  padding: 5px;
  box-sizing: border-box;
}

td {
  text-align: left;
}

table thead th {
  position: sticky;
  top: 0;
  background: #dce7ff; /* 背景色を必ず指定（透明だと下が透ける） */
  border-bottom: 2px solid #7fa4ff;
  z-index: 2; /* 行より前面に出す */
  font-weight: bold;
}


table th:nth-child(1),
table td:nth-child(1) {
  width: 64%;
}

table th:nth-child(2),
table td:nth-child(2),
table th:nth-child(3),
table td:nth-child(3),
table th:nth-child(4),
table td:nth-child(4),
table th:nth-child(5),
table td:nth-child(5) {
  width: 9%;
}

table tr:nth-child(odd) {
  background-color: #f7faff;
}

table tr:nth-child(even) {
  background-color: #e9f0ff;
}

table tbody tr:hover {
  background-color: #fefae5;
}

.table-wrap {
  max-height: 400px;
  overflow-y: auto;
  padding-right: 4px;
}

.mathIcon {
  width: 30px;
  height: auto;
}

.cntr {
  text-align: center;
}

.number {
  font-size: 1.6em;
}

table td img {
  vertical-align: middle;
}