/* ============================================================
 * pclist.css - 繧ｲ繝ｼ繝�PC騾溷�ｱ逕ｨ PC讀懃ｴ｢繝悶Ο繝�けCSS
 * gamepc-zone.jp 縺ｮ main.css 縺九ｉ蠢�ｦ�Κ蛻��縺ｿ謚ｽ蜃ｺ
 * ============================================================ */

/* ============ .pclist-scope 縺ｫ繧ｹ繧ｳ繝ｼ繝� ============ */
.pclist-scope{--thead-bg:#fdf9ee;--thead-txt:#000;--row-hover:#fff6b7;--sticky-shadow:2px 0 0 rgba(0,0,0,.06) inset;--zebra-odd:#fff;--zebra-even:#f8f9fb}
.pclist-scope #ts-selector{margin-bottom:10px}
.pclist-scope .memo{font-size:smaller;margin-top:10px}
.pclist-scope #no-results{margin-top:0;display:none;font-weight:bold;color:red}

/* 繝壹�繧ｸ繝｣�井ｸ奇ｼ� */
.pclist-scope #pager-top{margin:0;display:flex;justify-content:space-between;align-items:center}
.pclist-scope .left-elements{display:flex}
.pclist-scope .left-elements span:last-child{margin-left:-5px}
.pclist-scope .right-elements{display:flex;gap:6px;align-items:center}
.pclist-scope .pagedisplay{color:red;font-weight:bold;margin-right:5px}

/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝偵Φ繝� */
.pclist-scope #scroll-tips{text-align:right;margin:2px 0 2px;font-size:12px}

/* 繝壹�繧ｸ繝｣�井ｸ具ｼ� */
.pclist-scope #pager-bottom{text-align:center;margin-top:12px}
.pclist-scope #pager-bottom .prev,.pclist-scope #pager-bottom .next{appearance:none;-webkit-appearance:none;display:inline-block;padding:.45em .9em;border:1px solid #d5d5d5;border-radius:6px;background:#fafafa;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .02s;font-size:14px;position:relative}
@media (hover:hover) and (pointer:fine){
  .pclist-scope #pager-bottom .prev:hover,.pclist-scope #pager-bottom .next:hover{background:#f3f3f3;border-color:#cfcfcf;box-shadow:0 1px 2px rgba(0,0,0,.08) inset}
}
.pclist-scope #pager-bottom .prev::before{content:"\25C0";display:inline-block;margin-right:.5em;line-height:1}
.pclist-scope #pager-bottom .next::after{content:"\25B6";display:inline-block;margin-left:.5em;line-height:1}

/* 辟｡蜉ｹ蛹悶せ繧ｿ繧､繝ｫ */
.pclist-scope .pager .disabled,.pclist-scope .pager .prev[disabled],.pclist-scope .pager .next[disabled]{opacity:.45;cursor:default !important;filter:grayscale(80%);background:#f7f7f7;border-color:#e1e1e1}

/* 繧ｫ繝ｼ繝牙ｽｱ��wp-block-table 縺ｮ縺ｿ�� */
.pclist-scope figure.wp-block-table{background:#fff;border:1px solid #e6e9ef;border-radius:12px;box-shadow:0 8px 24px rgba(17,24,39,.06)}

/* 繝��繝悶Ν */
.pclist-scope figure[data-table-scrollable]{width:100%;max-width:100%;margin:0 0 12px;overflow-x:visible}
.pclist-scope #pclist{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px;margin-top:0}
.pclist-scope #pclist th,.pclist-scope #pclist td{text-align:center;vertical-align:middle;padding:8px 10px;white-space:normal;border-bottom:1px solid #eee;background-clip:padding-box}
.pclist-scope #pclist thead th{background:var(--thead-bg);color:var(--thead-txt);position:relative}

/* 繧ｽ繝ｼ繝医い繧､繧ｳ繝ｳ */
.pclist-scope #pclist thead th.tablesorter-header{cursor:pointer;padding-right:18px}
.pclist-scope #pclist thead th.tablesorter-header:after{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-top-color:#888;opacity:.6}
.pclist-scope #pclist thead th.tablesorter-headerAsc:after{border-top-color:transparent;border-bottom-color:#333;top:47%}
.pclist-scope #pclist thead th.tablesorter-headerDesc:after{border-top-color:#333;border-bottom-color:transparent;top:53%}
.pclist-scope #pclist thead th.sorter-false:after{display:none}

/* zebra */
.pclist-scope #pclist tbody tr.odd td{background:var(--zebra-odd)}
.pclist-scope #pclist tbody tr.even td{background:var(--zebra-even)}
.pclist-scope #pclist tbody td:first-child{background:inherit}
.pclist-scope #pclist tbody tr.odd td:first-child{background:var(--zebra-odd)!important}
.pclist-scope #pclist tbody tr.even td:first-child{background:var(--zebra-even)!important}

/* hover / active */
@media (hover:hover) and (pointer:fine){
  .pclist-scope figure[data-table-scrollable] #pclist tbody tr:hover td{background:var(--row-hover)!important}
  .pclist-scope figure[data-table-scrollable] #pclist tbody tr:hover td:first-child{background:var(--row-hover)!important}
}
.pclist-scope #pclist tbody tr.row-active td{background:var(--row-hover)!important}
.pclist-scope #pclist tbody tr td.cell1-active{background:var(--row-hover)!important}

/* 繧ｹ繝槭� */
@media (max-width:767.98px){
  .pclist-scope figure[data-table-scrollable="sp"]{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pclist-scope #pclist{table-layout:auto;width:max-content;min-width:100%}
  .pclist-scope #pclist th[style]{width:auto!important}
  .pclist-scope #pclist th,.pclist-scope #pclist td{white-space:nowrap}
  .pclist-scope [data-cell1-fixed="sp"] #pclist th:first-child{position:sticky;left:0;z-index:3;background:var(--thead-bg);box-shadow:var(--sticky-shadow);backface-visibility:hidden;transform:translateZ(0)}
  .pclist-scope [data-cell1-fixed="sp"] #pclist td:first-child{position:sticky;left:0;z-index:2;background:inherit;box-shadow:var(--sticky-shadow);backface-visibility:hidden;transform:translateZ(0)}
}

/* 髱櫁｡ｨ遉ｺ蛻暦ｼ医ヵ繧｣繝ｫ繧ｿ繝ｼ逕ｨ�� */
.pclist-scope #pclist th:nth-child(n+7),
.pclist-scope #pclist td:nth-child(n+7){display:none}

/* ui-button��jQueryUI�� */
.pclist-scope .ui-button{display:inline-block;padding:.4em .8em;font-size:14px;cursor:pointer;border:1px solid #c5c5c5;border-radius:4px;background:#f6f6f6;color:#454545;font-weight:normal;line-height:1.4;text-align:center;transition:background .2s}
.pclist-scope .ui-button:hover{background:#ededed;border-color:#aaa}

/* select-panel */
.pclist-scope #select-panel{margin-top:8px;padding:12px;background:#fafafa;border:1px solid #ddd;border-radius:8px}
.pclist-scope #select-panel fieldset{border:none;margin:0 0 8px;padding:0}
.pclist-scope #select-panel legend{font-weight:bold;font-size:14px;margin-bottom:4px}
.pclist-scope #select-panel label{margin-right:8px;font-size:14px;cursor:pointer}
.pclist-scope #select-panel input[type="checkbox"]{margin-right:4px;cursor:pointer}

/* fieldset枠線の修正 */
.pclist-scope #select-panel fieldset {
    border: 1px solid #c5c5c5 !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    margin: 0 0 8px !important;
    position: relative !important;
}

.pclist-scope #select-panel legend {
    padding: 0 6px !important;
    font-size: 13px !important;
    color: #555 !important;
}

/* フロートメッセージ */
.pclist-float-msg {
    position: absolute;
    background: #333;
    color: #fff;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 100;
}
.pclist-float-msg.show {
    opacity: 1;
}
.pclist-float-msg .count {
    color: #ffdd57;
    font-weight: bold;
}
/* jQueryUI checkboxradio ボタンのスタイル上書き */
.pclist-scope .ui-checkboxradio-label {
    display: inline-block;
    padding: 4px 12px;
    font-size: 14px;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    background: #f6f6f6;
    color: #454545;
    cursor: pointer;
    margin-right: 4px;
    transition: background 0.2s;
}

.pclist-scope .ui-checkboxradio-label.ui-state-active,
.pclist-scope .ui-checkboxradio-label.ui-checkboxradio-checked {
    background: #1976d2;
    border-color: #1565c0;
    color: #fff !important;
}

.pclist-scope input[type="checkbox"].ui-helper-hidden-accessible {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}