/* fixedColumnsプラグインを使用する場合、デフォルトのcssだとdatatable.cssと不整合が起きるのでFTC用にカスタマイズ */
/* ※「https://cdn.datatables.net/fixedcolumns/4.1.0/css/fixedColumns.dataTables.min.css」より後ろに入れること */

/* テーブル ヘッダ */
table.dataTable thead tr>.dtfc-fixed-left, table.dataTable thead tr>.dtfc-fixed-right {
	background-color: var(--ftc-color);
}

/* テーブル ボディ */
table.dataTable tbody tr>.dtfc-fixed-left, table.dataTable tbody tr>.dtfc-fixed-right {
	background-color: #fff;
}

/* テーブル ボディ(ホバー時) */
table.dataTable tbody tr:hover>.dtfc-fixed-left, table.dataTable tbody tr:hover>.dtfc-fixed-right {
	background-color: #ececec;
}

/* テーブル ブロッカー(スクロールバーの上部) */
div.dtfc-left-top-blocker, div.dtfc-right-top-blocker {
	background-color: inherit;
}

/* fixedColumnで発生する列ずれの対応 */
.dt-scroll-headInner, .dt-scroll-footInner {
	/* インラインスタイルが対抗のためimportantを付与 */
	width: 5000px !important;
}

/* 罫線付与 */
table.table.dataTable>tbody>tr>td {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	border-top-width: 1px;
}

/* テーブル内アイコン */
.dt-icon {
	font-size: 25px;
	cursor: pointer;
	padding: 0px;
	line-height: 1;
	display: block;
}

.dt-icon:hover, .dt-icon:active {
	color: gray;
}