.scroll-side .ps-table {
    grid-template-columns: 13fr 13fr 16fr 19fr 19fr 15fr 16fr 15fr 15fr 15fr 16fr 19fr 13fr 15fr 15fr;
    min-width: 800px;
}
.ps-table.header {
    height: var(--fluid-hg); --min-hg: 55; --max-hg: 70;
    font-size: var(--fluid-fs); --min-fs: 11; --max-fs: 13;
}
.ps-table.cell {
    height: var(--fluid-hg); --min-hg: 30; --max-hg: 40;
    font-size: var(--fluid-fs); --min-fs: 12; --max-fs: 15;
}
.ps-table.header .sub-items span {
    font-size: var(--fluid-fs); --min-fs: 10; --max-fs: 12;
}
.fixed-side .ps-table.cell div:nth-child(3n+1) {
    font-weight: 500;
}
.fixed-side .player {
    grid-column: span 2;
}
.scroll-side .forward_pass {
    grid-column: span 3;
}
.scroll-side .extra_point {
    grid-column: span 2;
}
.scroll-side .playing_time {
    grid-column: span 2;
}

.ps-table .sortable {
    cursor: pointer;
}
.ps-table div.sortable:not(.active-col):hover {
    outline: solid 2px var(--table-header);
    outline-offset: -2px;
    color: var(--base);
    background: var(--table-header-light);
}
.ps-table span.sortable:hover,
.ps-table span.sortable.active-col {
    outline: solid 2px var(--table-header-light);
    outline-offset: -1px;
}
.ps-table.header div.active-col {
    outline: solid 2px var(--table-header);
    outline-offset: -2px;
    color: var(--table-header);
    background: var(--base);
}
.ps-table.cell div.active-col {
    font-weight: 500;
    background: rgba(0, 0, 0, .03);
}
.ps-table div.leader {
    color: red;
}
.fixed-side .ps-table div:nth-child(2) {
    pointer-events: none;
}

/* PC */ @media only screen and (min-width: 1021px) {
}
/* PC・タブレット */ @media only screen and (min-width: 768px) {
.table-wrapper {
    grid-template-columns: var(--fluid-wd) calc(100% - var(--fluid-wd));
    --min-wd: 150; --max-wd: 300;
}
.fixed-side .ps-table {
    grid-template-columns: 1fr 3fr 2fr;
}
}
/* タブレット */ @media (max-width: 1020.9px) and (min-width: 768px) {
}
/* タブレット・スマホ */ @media only screen and (max-width: 1020.9px) {
}
/* スマホ */ @media only screen and (max-width: 767.9px) {
.table-wrapper {
    grid-template-columns: var(--fluid-SP-wd) calc(100% - var(--fluid-SP-wd));
    --min-wd: 150; --max-wd: 180;
}
.fixed-side .ps-table {
    grid-template-columns: 1fr 3fr 1fr;
}
.fixed-side .ps-table.header div:nth-child(3) {
    margin-right: var(--fluid-mg1); --min-mg1: 3; --max-mg1: 5;
}
.fixed-side .ps-table img {
    width: var(--fluid-SP-wd); --min-wd: 20; --max-wd: 25;
    vertical-align: middle;
}
}