/* stux-table.js の絞り込みボタン・検索欄・スクロール枠 */
.stux-tbl{margin:0 0 1.6em}
.stux-tbl-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.stux-tbl-bar button{-webkit-appearance:none;appearance:none;margin:0;border:1px solid #c9c9c9;background:#fff;color:#1a1a1a;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:bold;line-height:1.3;cursor:pointer;box-shadow:none}
.stux-tbl-bar button:hover{border-color:#1a1a1a}
.stux-tbl-bar button.on{background:#1a1a1a;border-color:#1a1a1a;color:#fff}
.stux-tbl-q{display:flex!important;align-items:center;justify-content:flex-start;gap:10px;width:auto!important;margin:0 0 12px!important;padding:0!important;font-size:14px;font-weight:bold}
.stux-tbl-q>span{flex:0 0 auto;display:inline!important;width:auto!important;margin:0!important;padding:0!important;white-space:nowrap}
.stux-tbl-q>input{flex:0 1 300px;width:300px!important;max-width:100%;min-width:0;margin:0!important;border:1px solid #c9c9c9;border-radius:6px;padding:8px 12px;font-size:15px;font-weight:normal;background:#fff;box-sizing:border-box}
.stux-tbl-scroll{overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid #ddd}
.stux-tbl-scroll table{display:table!important;width:100%!important;max-width:none!important;margin:0!important;table-layout:auto}
.stux-tbl-scroll th,.stux-tbl-scroll td{white-space:nowrap!important;vertical-align:middle!important}
.stux-tbl-scroll td{color:#333!important}
.stux-tbl-scroll td:last-child{white-space:normal!important;min-width:9em}
.stux-tbl-scroll thead th{position:sticky;top:0;z-index:2;white-space:nowrap!important}
.stux-tbl tbody tr.stux-odd>td{background:#fff!important}
.stux-tbl tbody tr.stux-even>td{background:#f3f3f3!important}
.stux-tbl-scroll td.stux-wrap{white-space:normal!important}
.stux-stick .stux-tbl-scroll tbody td:first-child{position:sticky;left:0;z-index:1;box-shadow:inset -1px 0 0 #ccc}
.stux-stick .stux-tbl-scroll thead th:first-child{left:0;z-index:3}
.stux-stick .stux-tbl-scroll tbody td:first-child::before,.stux-stick .stux-tbl-scroll thead th:first-child::before{content:"";position:absolute;top:-1px;bottom:-1px;left:-10px;width:10px;background:inherit}
.stux-tbl-none{display:none;margin:0;padding:14px;border:1px solid #ddd;text-align:center;color:#777;font-size:14px}
@media (max-width:599px){
	.stux-tbl-scroll table{min-width:520px}
	.stux-tbl-scroll td{font-size:13px;padding:8px 6px!important}
	.stux-tbl-scroll td.stux-wrap{white-space:normal!important;min-width:7em}
	.stux-tbl-scroll thead th{font-size:13px;padding:8px 6px!important}
	.stux-tbl-bar{gap:6px}
	.stux-tbl-bar button{padding:6px 12px;font-size:13px}
}