@charset "UTF-8";

/*表示classに.show-period、1・2列目 g_2_2*/
/* ==========================================================================
   DataTable Style v2.2 (JS left:2以上 用)
   1列目に.show-periodがなくて2列目以降に.show-periodがある場合は1列目tdに
   style="z-index: 10000!important;"
   を付与
   ========================================================================== */

/* 1. 固定列（横スクロール時に残る列）の土台 */
[id$="_wrapper"] tbody td.dtfc-fixed-left {
    background-color: #ffffff !important; 
//    background-image: none !important; 
    opacity: 1 !important;
    position: relative;
    z-index: 10 !important;
}

/* 2. 固定列の右端境界線 */
td.dtfc-fixed-start.dtfc-fixed-left::after {
    box-shadow: none !important;
}
.dtfc-fixed-left:nth-last-child(1 of .dtfc-fixed-left)::after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0;
    width: 4px;
    box-shadow: inset 4px 0 2px -2px #dcdcdc !important;
    pointer-events: none;
}

/* 3. 初期隠蔽：【カスタマイズ箇所】 */
/* 2列目まで隠したい場合は :nth-child(1) を :nth-child(-n+2) に書き換えてください */
[id$="_wrapper"]:not(.is-sorted) tbody tr td:nth-child(-n+2):not(.show-period) {
    font-size: 0 !important;
    color: transparent !important;
    border-top: none !important;
    border-bottom: none !important;
    background-color: #ffffff !important;
}

/* 4. ホバー時：隠し文字の浮上 */
/* 上記「3」の設定と列番号を合わせてください */
[id$="_wrapper"]:not(.is-sorted) tbody tr:hover td:nth-child(-n+2):not(.show-period) {
    font-size: 13px !important; 
    color: rgba(0, 0, 0, 0.4) !important; 
}

/* ホバー時の背景ハイライト */
[id$="_wrapper"]:not(.is-sorted) tbody tr:hover td:nth-child(-n+2) {
    box-shadow: inset 0 0 0 9999px rgba(235, 153, 0, 0.1) !important;
//    border-top: 1px solid #dcdcdc !important;
//    border-bottom: 1px solid #dcdcdc !important;
}

/* 5. 指定セル(.show-period)の基本設定：縦追従 */
[id$="_wrapper"]:not(.is-sorted) tbody td.show-period {
    top: 0 !important;
    position: sticky !important;
    z-index: 9999 !important;
    background-color: #ffffff !important;
    border: 1px solid #dcdcdc !important;
    border-bottom: none !important;
    color: #333333 !important;
    font-size: 13px !important;
}