/* skill_table */

  /* html,body の規定は無用。種制御はLinage_main.cssに移管 */

  /* page_body の規定は共通css(Linage_main.css)に移管 */

  /* header の規定は共通css(Linage_main.css)に移管 */

  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }

  .skill_table_box{
    flex: 1; /* ← header の高さを自動で差し引いて残りを占有 */
    min-height: 0; /* ← これが重要 */
    overflow: auto; /* ← ここでスクロールを閉じ込める */
    width:100%;
    position: relative;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 98%;
    margin: auto;
}
  thead {
    height:1px;
    text-align: center;
  }
  .pcv,
  .spv {
    font-size: 12px;
  }
tbody.record-table tr{
background-color: #fff;
border-color:#fff
}
tbody.record-table th {
border: 1px solid #888;
background-color: #dee;
padding: 6px;
text-align: left;
font-weight: normal;
}
th.grade{
width: 2em;
}
td {
border: 1px solid #888;
padding: 6px;
text-align: left;
font-weight: normal;
}
td.grade_no {
width: 2em;
text-align: right;
}
td.cls {
width: 2em;
text-align: right;
}
/*
 resultエリア(class="skill_table_box")に展開されるDOMで
 class名漏れのdefault th (class名無しでコーディングしない。
*/
.skill_table_box th {
background-color: #dde;
width:72px;
font-weight:normal;
font-size:12.5pxer;
}
/* js */
.col-data {
background-color: #fff;
min-width:72px;
}
/* js */
.col-data_no {
background-color: #edf;
width:60px;
border-right-color: #edf;
font-size: 12.5px;
}
/* js */
.col-data_level {
background-color: #edf;
width: 60px;
border-left-color: #edf;
border-right-color: #edf;
font-size: 12.5px;
}
/* js */
.col-data_skillname {
background-color: #edf;
width: calc(100% - 5 * 100px);
min-width:300px;
border-left-color: #edf;
font-size: 12.5px;
}
/* js */
/* spv(SmartPhoneView) */
@media (max-width: 438px) {
table {
width: 100%;
border-collapse: collapse;
background-color: #fff;
}
/* js */
.child-table {
border-collapse: collapse;
background-color: #fff;
font-size:12px;
}
tbody.spv-layout tr{
background-color: #fff;
border-color:#fff
}
tbody.spv-layout th {
background-color: #dde;
border: 1px solid #ccc;
padding: 6px;
text-align: left;
font-size: 12.5px;
font-weight: normal;
}
tbody.spv-layout td {
border: 1px solid #ccc;
padding: 6px;
text-align: left;
font-size: 12.5px;
font-weight: normal;
}
/* js */
.spv-col-header {
background-color: #dde;
min-width:72px;
font-weight:normal;
font-size:12.5px;
}
/* js */
.spv-col-data {
background-color: #fff;
min-width:72px;
}
/* js */
.spv-col-data_no {
background-color: #edf;
width:60px;
border-right-color: #edf;
font-size: 12.5px;
}
/* js */
.spv-col-data_skillname {
background-color: #edf;
width: calc(100% - 5 * 100px);
min-width:300px;
border-left-color: #edf;
font-size: 12.5px;
}
}
/* ↑スマホ用メディアクエリ対応 2025-06-22-16:40 */
/* thtdの繰り返しとなって空白が多くスクロールが増えるのでjsによりtrthtdtrthtdにする   */
/* 2025-06-23 6:00 */
/* if (window.innerWidth <= 398) 判定によりthtdテーブル構造をスマホ版とPC版で切り分け　*/

.footer-copyright {
color: #000;
font-size: 0.8em;
}
/* js */
.highlight {
  background-color: #ffeeba;
  transition: background-color 0.5s ease;
}

#loadBtn {
  margin-bottom: 6px;
}
/* js */
/* 折畳み表示icon用 */
.in-line_icon {
  vertical-align: middle;/*text-bottom または middle */
  height: 18px;
  width: 30px;
}
/* js */
/* 折畳み表示text用 */
.ellipsis {
  cursor: pointer;
  color: blue;
  display: inline-block;
  font-weight: bold;
  text-decoration: underline;
}