/*コンテンツの色と最小でも持つ高さ*/



/*タブに関する設定ここから*/
#css-tab_first_content, #tab_second_content, #tab_third_content {
    margin-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
    width: 100%;
}
/*タブのスタイル*/
.css-boxtab_item {
     width: calc(100%/3);
    height: 40px;
    border-bottom: 3px solid #5ab4bd;
    background-color: #d9d9d9;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
}


.css-boxtab_item:hover {
    opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="boxtab_item"] {
    display: none;
}

/*タブ切り替えの中身のスタイル*/
.css-boxtab_content {
    display: none;
    /*padding: 40px 40px 0;*/
    clear: both;
    overflow: visible;
}

/*選択されているタブのコンテンツのみを表示*/
#tab_first:checked ~ #tab_first_content,
#tab_second:checked ~ #tab_second_content,
#tab_third:checked ~ #tab_third_content {
    display: block;
}

/*選択されているタブのスタイルを変える*/
.css-boxtabs input:checked + .css-boxtab_item {
    background-color: #5ab4bd;
    color: #fff;
}

/*タブに関する設定ここまで*/





/*テーブルのページング用ここから*/
/*通常の画面(タブなし)用*/
.js-table-paginate tbody tr {
    display: none;
}

.js-table-paginate tbody tr.js-table-current {
    display: table-row;
}

.js-current {
    background-color: black!important;
    color: white!important;
}

/*テーブルのページング用ここまで*/