/*モックアップ用仮css*/
.index .table-responsive th{
    color:#f96332;
}

body{
    font-family:monospace !important;
    background-color: #f3f3f3;
    font-size:15px;
}
button, input, optgroup, select, textarea{
    font-family:monospace;
    font-size:100%;
}
input{
    height:41px;
}
h5{
    font-size:1.3em;
    font-weight: bold;
}
.small_text{
    font-size:0.9em;
}
.header{
    background-color: #fff;
    width:100%;
    padding: 10px 0;
    line-height:60px;
}
a{
    color:#f96332;
    text-decoration: none;
}
.hissu{
    color:#ff0000;
}
.mar20{
    height:20px;
}
li{
    list-style-type: none;
}
ul{
    padding: 0;
    margin: 0;
}

.view table{
    table-layout: fixed;
}
.view table th{
    width:30% !important;
}
.long_td{
    width:60%;
}
.nav_menu_block, .nav_brand_block{
    display: block;
    width:100%;
}
a:hover, a:focus{
    opacity: 0.8;
    color:#468bf6;
}
table{
    font-size:1em !important;
}
table.three_column_table_width_code tr td:first-child{
    width:10%;
}
table.three_column_table_width_code tr td{
    width:45%;
}
table.three_column_table_width_code tr td:last-child,table.three_column_table_width_code tr th:last-child{
    width:45%;
}
table.three_column_table tr td{
    width:35%;
}

table.three_column_table tr td:first-child{
    width:20%;
}


.tfooter{
    border-top: 2px solid #000;
}

h4{
    fonr-size:1.4em;
}


.text_right{
    text-align: right;
}


.date_div{
    font-size:1.6em;
}
.title-up{
    font-size:1.4em;
    font-weight: 600;
}
.nav_width{
    width:100%;
}
.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl{
    display: block;
}

.navbar-brand img{
    width:40px;
    vertical-align: middle;
}
.nav_account{
    position: absolute;
    right:0;
    top:5px;
    text-align: right;
}
.nav_account ul.navbar-nav{
    position: relative;
    width:100%;
}
.nav_account ul.navbar-nav .nav-item{
    position: absolute;
    right:0;
}
ul.navbar-nav li.nav-item{
    margin:0 20px !important;
}
.nav_account a:hover{
    color:#666 !important;
}
.nav-item{
    padding:5px 0;
}
a.nav-link:hover{
    opacity:0.8;
    color:#fff;
}
.navbar img{
    display: inline-block;
    vertical-align: middle;
}
span.navbar_name{
    display: inline-block;
    vertical-align: middle;
}



/*type="numberの矢印ボタン非表示"*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;/*Safari・Chrome*/
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;/*IE・Edge*/
}

.p_number_block ul{
    margin:17px 0 1em;
}
.p_number_block ul li{
    display: inline-block;
    font-size: 0.8571em;
    line-height: 1.35em;
    color:#c44f24;
    cursor: grab;
}
.p_number_block ul li label{
    text-decoration: underline;
}
.p_number_block ul li label:hover{
    opacity: 0.8;
    cursor: pointer;
}
.p_number_block ul li label.active{
    background: #979797;
    color:#fff;
    border-radius: 0.1875rem;
}
.p_number_block ul li label:active{
    background: #979797;
    color:#fff;
    border-radius: 0.1875rem;
}

.header_container{
    width:960px;
    margin:0 auto !important;
}
.mobile_displaynone{
    display:block;
}
.pc_displaynone{
    display:none;
}

/*result画面*/
.result_header {
}
.result_header ul li {
    display:inline;
    margin-right:30px;
}



.sakae_navbar{
    padding:0;
}
.header_company{
    font-size:1.4em;
    font-weight:500;
}
.header_logout{
    text-align:right;
}
.navbar{
    background-color: #fff;
}
.navbar_wrapper{
    background-color: #468bf6;
}
.navbar_brand_block{
    position: relative;
    padding:10px;
}


.card_container{
    position:relative;
    margin-top:20px !important;
}
.breadcrumb_container{
    margin-top:20px;
}


.md_container{
    width:700px;
}
.sm_container{
    width:500px;
    margin:60px auto;
}

.search_block{
    border: 1px solid #aaa;
    padding:10px;
}

/*colors*/
.white_textcolor{
    color:#fff;
}
.white_textcolor:hover{
    color:#eee;
}

.gray_textcolor{
    color:#888;
}


.gray_backgroundcolor{
    background-color: #888;
    color: #fff;
}
.purple_border{
    border:2px solid #DA70D6;
    color:#000;
    background-color: #fff;
}
.blue_border{
    border: 2px solid #468bf6;
    color:#000;
    background-color: #fff;
}
.orange_border{
    border: 2px solid #f96332;
    color:#000;
    background-color: #fff;
}
.green_border{
    border: 2px solid #18ce0f;
    color:#000;
    background-color: #fff;
}
.blue_backgroundcolor{
    background-color: #468bf6;
}
.blue_backgroundcolor:hover{
    background-color: #468bf6 !important;
}
.blue_textcolor{
    color: #468bf6;
}
.orange_backgroundcolor{
    background-color: #f96332;
}
.orange_textcolor{
    color: #f96332;
}
.btn_menu:hover{
    color:#000;
    background-color: #f3f3f3;
}
.btn_md{
    width:150px;
}

button.btn-paginate.btn{
    background-color: #fff;
    color:#c44f24;
    text-decoration: underline;
    margin:0;
    margin-top:20px;
    padding:0;
}
button.btn-paginate.btn:hover{
    box-shadow: none;
    opacity: 0.8;
}
.side-nav ul li{
    display:block;
    width:150px;
}
.btn_delete{
    background-color:#ff0000;
    min-width:150px;
}
.btn_delete:hover{
    background-color:#ff0000;
    opacity:0.8;
}
.btn_edit{
    background-color:#468bf6;
    min-width:150px;
}
.btn_edit:hover{
    background-color:#468bf6;
    opacity:0.8;
}
.btn_add{
    background-color:#468bf6;
    margin-right:10px;
    position:relative;
    margin-left:10px;;
}
.btn_add:hover{
    background-color:#468bf6;
    opacity:0.8;
}
.btn_ichiran{
    min-width:150px;
    background-color:#fd8725;
}

.btn_ichiran:hover{
    opacity: 0.9;
    background-color:#fd8725;
}
.btn_back{
    min-width:150px;
    background-color:#888;
}
.calendar_test{
    display:none;
}


.paginator{
    margin:20px 0;
}


/*日報カレンダー*/
.nippou_calendar tr td:last-child{
    color:blue;
}
.nippou_calendar tr td:first-child{
    color:red;
}
.nippou_calendar tr td.exist_data{
    background-color: rgba(255,170,31,0.3);
}
.nippou_calendar tr td.todays_exist_data{
    background-color: rgba(255,170,31,0.6);
}
.nippou_calendar tr td.calendar_selected_date{
    background-color: #f0f0f0;
}

.nippou_calendar tr td.today{
    background-color: #f0f0f0;
}
.nippou_calendar tr td.isActive{
    background-color:rgba(249,99,50,0.5);
}
.nippou_calendar tr td.isClosing{
    color: red !important;
}


.tab_wrap{width:100%; margin:40px auto; position: relative;}
input[type="radio"].calendar_tab_radio{display:none;}
.tab_area{font-size:0; margin:0;}
.tab_area label{ width:180px; margin:0; display:inline-block; font-size:15px;padding:12px 0; color:#999; background:#ddd; text-align:center;  cursor:pointer; transition:ease 0.2s opacity;}

.panel_area{background:#fff; border: 1px solid #ccc;}
.tab_panel{width:100%; padding:60px; display:none;}
.tab_panel p{letter-spacing:1px; text-align:center;}

#tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#000; border:1px solid#ccc; border-bottom: 2px solid #fff; margin-bottom:-2px;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#000;border:1px solid#ccc; border-bottom: 2px solid #fff; margin-bottom:-2px;}
#tab2:checked ~ .panel_area #panel2{display:block;}


.datatable_item{
    display: inline-block;
    vertical-align: middle;
    width:10%;
    margin-bottom: 40px;
}
.datatable_item input,.datatable_item label{
    display: inline-block;
    vertical-align: middle;
    font-size:1.1em;
}

/*フォーム*/
.form-control {
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 0px;
    color: #2c2c2c;
    height: auto;
    padding: 0.6rem 0.8rem;
    line-height: normal;
    /*font-size: 0.8571em;*/
    font-size: 100% !important;
    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.multi_checkbox{
    opacity:1 !important;
    visibility:visible !important;
    left:10px !important;
}
.form-check .form-check-input{
    margin-left: 10px !important;
}
.form-check .form-check-label{
    padding-left:35px;
    margin-top: 0;
    font-size:1.1em;
}
.myGyoumu .form-check{
    border-bottom:1px dotted #ccc !important;
    padding: 10px 0;
    margin:0;
}
.form_gc{
    position: relative;
    overflow-y: scroll;
    height: 300px;
    box-shadow: inset 0px 0px 4px #ccc;
    padding: 10px 20px;
}
button[type="submit"]:hover{
    opacity:0.8;
}
input[type="text"]{
    background-color:#fff;
    height:45px;
}



.form-group ul{
    display: table;
    width:100%;
}
.form-group ul li{
    display:table-cell;
    width:25%;
}



/*ラジオボタンは常に左マージン*/
.form-check input[type="radio"]{
    margin-left:10px;
}
.add_button{
    margin-bottom:10px;
}
.readonly{
    background-color:#fff !important;
    border:none;
    color:#000 !important;
}

.btn_side_nav{
    margin:5px 0;
}

.subtitle{
    margin-top:40px;
}
.input_contents{
    margin-left:20px;
}

/*マイ業務リスト*/
.my_gyoumu_list{
    padding:10px 0;
}
.my_gyoumu_list ul li{
    cursor: pointer;
    margin-bottom:5px;
    text-align:left;
}
.my_gyoumu_block ul{
    display: block !important;
    width:100%;
}
.row .my_gyoumu_block ul li{
    display: block;
}


/*フッター*/
.footer{
    margin-top:40px;
}
.footer .footer_company{
    text-align: center;
    margin-top: 10px;
}
.footer .footer_company a{
    font-size:1.2em;
    color:#fff;
    text-decoration: none;

}
.footer .copyright{
    width:100%;
    text-align: center;
    color:#fff;
    margin-top:20px;
}

/*テーブル共通*/
table{
    width:100%;
}
th {
    padding:0.5em 0;
}
td {
    padding:1em 2em 1em 0;
    vertical-align: top;
}
td:last-child{
    padding-right:0;
}
.num_value{
    text-align: right;
}
th.num_value{
    text-align: center;
}
td.num_value, th.num_value{
    padding-left:3em;
    padding-right:3em;
}
tr.tr_total{
    border-bottom:1px solid #999;
    background-color: #f9f9f9;
}
tr.tr_all_total{
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    background-color: #eee;
    font-weight: bold;
}
thead tr{
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}
thead tr th, tbody tr td{
    /*text-align:center;*/
}
.table-responsive{
    overflow-x: hidden;
}
.table-responsive table tr td{
    border-bottom:1px dotted #aaa;
}
.view table tr{
    border-bottom:1px dotted #aaa;
}
.view table th{
    background:#fafafa;
    padding-left:10px;
}
.view table td{
    padding-left:20px;
}
.view table tr:last-child{
    border-bottom:none;
}
tr td.contain_value{
    background-color:pink;
}
.my_gyoumu_genka_table table tr td:first-child{
    width:20%;
}
.my_gyoumu_genka_table table tr td:nth-child(2n){
    width:16%;
}
.my_gyoumu_genka_table table tr td:nth-child(3n){
    width:14%;
}
.my_gyoumu_genka_table table tr td:nth-child(4n){
    width:14%;
}
.my_gyoumu_genka_table table tr td:nth-child(5n){
    width:14%;
}
.my_gyoumu_genka_table table tr td:nth-child(6n){
    width:14%;
}
.my_gyoumu_genka_table table tr td:last-child{
    width:8%;
    vertical-align: middle;
}



.gyoumu_table_wrapper table tr td:first-child{
    width:30%;
}
.gyoumu_table_wrapper table tr td:nth-child(2n){
     width:22%;
 }
.gyoumu_table_wrapper table tr td:nth-child(3n){
    width:20%;
}
.gyoumu_table_wrapper table tr td:nth-child(4n){
    width:8%;
}
.gyoumu_table_wrapper table tr td:nth-child(5n){
    width:10%;
}
.gyoumu_table_wrapper table tr td:nth-child(6n){
    width:10%;
}

.client_search label{
    font-weight: bold;
}
.form_gyoumu_list ul li{
    display: inline-block;
    vertical-align: middle;
    width:24%;
    float:left !important;
    padding:0 10px;
}
.form_gyoumu_list ul li.long_item{
    width:100%;
}
.form_gyoumu_list form{
    margin:0;
}


.form_user_search ul li{
    display: inline-block;
    width:40%;
    float:left
}






.disabled{
    pointer-events: none;
}


.client_list_search_sagyo ul li{
    display: inline-block;
    float:left;
    margin:0 20px 0 0;
    font-size:0.8em;
}
.client_list_search_sagyo input, .client_list_search_sagyo label{
    height:10px !important;
    line-height: 10px !important;
}

.client_list_search input, .client_list_search label{
    height:10px !important;
    line-height: 10px !important;
}
.client_list_search ul li{
    display: inline-block;
    float:left;
    margin:5px 20px 5px 0;
    font-size:0.8em;
    width:auto;
}


.search_client_list_checks input, .search_client_list_checks label{
    height:10px !important;
    line-height: 10px !important;
}
.search_client_list_checks ul{
    width:100%;
}
.search_client_list_checks ul li{
    display: inline-block;
    float:left;
    margin:5px 0 5px 0;
    font-size:0.8em;
    width:8% !important;
    padding: 0;
}
.search_client_list_checks ul li:last-child{
    width:8%;
}



h3{
    font-size: 1.6em;
    margin:10px 0;
}
h6{
    font-size:1em;
    font-weight:600;
}

.client_search{
    background-color: #eee;
    padding:10px;
}
.gyoumu_selectbox{
    width:30em;
}

.calender_yearmonth{
    font-weight: bold;
    text-align:center;

}

/*日報入力*/
.input_container{
    margin-left:20px;
}
#nippou_form{
    margin-left:20px;
}
.hr_separator {
    border-top: 1px solid #8c8b8b;
    border-bottom: 1px solid #ffffff;
}
input{
    border:1px solid #666;
    background-color: #fff;
}
.close span{
    content: "×" !important;
    color:#000 !important;
}
.nippou_rireki_table ul li{
    display: inline-block;
    vertical-align: top;
    float:left;
    padding:10px 0;
    font-size:0.95em;
}
.rireki_midashi_tr{
    background-color: #fafafa;
}
.rireki_midashi_tr li{
    font-weight: bold;
    padding:0;
}
.nippou_rireki_table ul li:first-child{
    width:30%;
}
.nippou_rireki_table ul li:nth-child(2n){
    width:22%;
}
.nippou_rireki_table ul li:nth-child(3n){
    width:13%;
}
.nippou_rireki_table ul li:nth-child(4n){
    width:21%;
}
.nippou_rireki_table ul li:nth-child(5n){
    width:5%;
}
.nippou_rireki_table ul li:last-child{
    width:9%;
}

.nippou_total_tr{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.nippou_total_tr li{
    padding:10px 2px;
}
/*ログイン画面*/

.login_label{
    margin:0;
    padding:0;
}
.input_row{
    margin:10px 0;
    line-height:42px;
}
.nippou_result_block{
    margin-top:10px;
}


.list_on_input_block{

}

/*table_tr_clickable*/
tr.clickable td {
    /*text-decoration: underline;*/
}
tr.clickable:hover{
    cursor: pointer;
    background-color: #f0f0f0;
}


ul.clickable li {
    /*text-decoration: underline;*/
}
ul.clickable:hover{
    cursor: pointer;
    background-color: #f0f0f0;
}


.gyoumu_index_search_radio{
    margin-top:10px;
}
.gyoumu_index_search_radio span{
    width:45%;
}
.gyoumu_index_search_radio span input[type="radio"]{
    height:30px;
    line-height: 30px;
    vertical-align: middle;
}

li.user_index_search_radio{
    margin-left:20px;
    height:72px;
}
.user_index_search_radio span{
    width:45%;
}
.user_index_search_radio span input[type="radio"]{
    height:72px;
    line-height: 72px;
    vertical-align: middle;
}



/*トップ更新*/
.update_table{
    display: table;
    width:100%;
    font-size:1.1em;
}
.update_table .tr{
    display: table-row;
    width:100%;
}
.update_table .th, .update_table .td{
    display: table-cell;
    padding:5px;
}
.update_table .th{
    width:20%;
}
.update_table .td{
    width:80%;
}



/*台帳*/
.daicho_wrapper{
    position:relative;
    padding:40px;
}
.daicho_wrapper th, .daicho_wrapper td{
    padding:5px;
}
/*
.daicho_table{
display:table;
border-collapse: collapse;
width:100%;
border:1px solid #aaa;
font-size:1.2em;
}
.daicho_table_row{
display:table-row;
width:100%;
}
.daicho_left, .daicho_right{
display:table-cell;
width:60%;
border:1px solid #333;
}
.daicho_right{
width:40%;
}
.daicho_block_inner{
display:table-row;
width:100%;
}
.daicho_block_inner_left{
display:table-cell;
width:100px;
border-right:1px solid #333;
text-align:center;
padding:5px;
}
.daicho_block_inner_right{
display:table-cell;
padding:5px;
height:100%;
}
*/


.daicho_title{
    font-size:1.2em;
}
.daicho_shuukei_block table tr{
    border-bottom: 1px dotted #aaa;
}
.daicho_shuukei_block table tr.total{
    border-top:1px solid #333;
    font-weight:600;
}
.daicho_shuukei_block table tr td, .daicho_shuukei_block table tr th{
    text-align:left;
}
.daicho_shuukei_block table tr th{
    background:#fafafa;
}
.daicho_shuukei_block table tr:last-child{
    border-bottom: none;
}
.daicho_shuukei_block thead{
    border-bottom: 1px solid #aaa;
}
.daicho_remarks_block{
    margin-top:40px;
}
.daicho_remarks_block table tr th, .daicho_remarks_block table tr td{
    text-align:left;
}
.daicho_remarks_block table tr th{
    background:#fafafa;
}



/*日報*/
.nippou_result_wrapper{
    position:relative;
    padding:40px;
}




/*原価計算*/
.client_genka_index_table tr th, .client_genka_index_table tr td{
width:15%;
}
.client_genka_index_table tr th:first-child, .client_genka_index_table tr td:first-child{
    width:20%;
}
.client_genka_index_table tr th:last-child, .client_genka_index_table tr td:last-child{
    width:16%;
}

.client_genka_index_table tr th img{
    width:10px;
    vertical-align: middle;
    padding-left: 2px;
}
/*
.client_genka_index_table tr th a{
    padding-right: 15px;
    background-image: url("../img/sort_icon.png");
    background-position:center right;
    background-size: 10px;
    background-repeat: no-repeat;
}
 */

.client_genka_index_table tr th a.desc:after{
    padding-right: 15px;
    display: inline-block;
    content:" \2193";
    color:#f96332;
    font-size:1.2em;
}
.client_genka_index_table tr th a.asc:after{
    padding-right: 15px;
    display: inline-block;
    content:" \2191";
    color:#f96332;
    font-size:1.2em;
}


.genka_keisan_block{
    font-size:1.2em;
    width:100%;
}

.genka_keisan_block ul li{
    display:block;
    border-bottom:1px dashed #666;
}
.genka_keisan_block ul li:last-child{
    border-bottom:none;
}
.genka_keisan_block ul li:after{
    display:block;
    clear:both;
    content:"";
}

.genka_keisan_title, .genka_keisan_data{
    display:inline-block;
    vertical-align:top;
    padding:10px;
    width:60%;
    float:left;
}
.genka_keisan_title{
    background:#fafafa;
    width:40%;
}

.genka_keisan_block{
    margin-top:40px;
}
.input_contents .col-md-2,.input_contents .col-md-3,.input_contents .col-md-4,
.input_contents .col-md-5,.input_contents .col-md-7,.input_contents .col-md-8,
.input_contents .col-md-9,.input_contents col-md-10{
    padding:0;
}

.output table thead tr{
    background:#eee;
}
.sidenav_textcolor{
    color:#fff;
}
.sidenav_textcolor:hover{
    color:#eee;
}
.output table th, .output th a{
    color:#000 !important;
    font-weight:400;
    font-weight: bold;
}
.output table td{
    vertical-align: middle;
}
.output_nav{
    position:relative;
}
.output_date{
    position:absolute;
    right:0;
    top:0;
}
.output_user_status_title{
    font-weight:500;
    background:#f0f0f0;
    border-left:2px solid #000;
    padding-left:3px;
}
.output_user_status{
    margin:20px 0;
}
.output_user_status td{
    padding:0;
}
.container{
    max-width: 1200px;
}


/*
月次日報tableレイアウト
*/
.monthly_nippou_table tr td:first-child{
width:30%;
}
.monthly_nippou_table tr td:nth-child(2n){
    width:26%;
}
.monthly_nippou_table tr td:nth-child(3n){
    width:12%;
}
.monthly_nippou_table tr td:nth-child(4n){
    width:12%;
}
.monthly_nippou_table tr td:nth-child(5n){
    width:8%;
}
.monthly_nippou_table tr td:nth-child(6n){
    width:12%;
}





.gyoumu_list ul.gyoumu_list_header{
    background-color: #f3f3f3;
}
.gyoumu_list ul li span{
    display:inline-block;
    width:20%;
    float: left;
    padding: 3px 5px 0;
}


@media screen and (max-width: 670px) {
    .gyoumu_list ul li{
        display: block;
        width:100%;
        padding: 5px 0;
        border-bottom: 1px solid #eee;
    }
    .gyoumu_list ul li span{
        display:inline-block;
        width:50%;
        float: left;
        padding: 5px 0;
        font-size:0.8em;
    }
}



input[type="input"]{
    padding:0.1rem 0.5rem
}


.clearfix:after{
    display: block;
    content:"";
    clear:both;
}



.index td.index_date_td{
    font-size:0.9em;

}


.form_check_error{
    background-color: #ffff00;
    font-size:0.9em;
    margin-bottom: 10px;
}


.genkakeisan_gyoumu_data ul li{
    padding:10px 0;
    border-bottom:1px dotted #eee;
    border-top:1px dotted #eee;
}

.genkakeisan_gyoumu_data ul li span{
    display: inline-block;
    width:30%;
}
.genkakeisan_gyoumu_data ul.list_header{
    background-color: #eee;
}
.genkakeisan_gyoumu_data ul.list_header li{
    padding:4px 0;
}


@media screen and (max-width: 1200px) {
    .container{
        max-width: 100%;
    }
    .my_gyoumu_genka_table table td{
        font-size:0.9em;
    }

    .nippou_rireki_table ul li{
        font-size:0.85em;
    }
}

@media screen and (max-width: 991px) {

    .nippou_rireki_table ul li{
        font-size:0.9em;
    }
    .mobile_displaynone{
        display:none;
    }
    .pc_displaynone{
        display:block;
    }
    .my_gyoumu_genka_table table td{
        font-size:0.7em;
    }
    .card{
        padding:20px;

    }
    card_container{
        overflow-x:hidden;
    }
    .output table thead tr th{
        font-size:0.7em;
    }
    .navbar{
        position: relative;
        margin:0;
    }
    .navbar_wrapper{
        background-color: inherit;
    }
    .navbar-toggler{
        position: absolute;
        top:20px;
        right:40px;
    }
    .navbar-nav{
        display: block;
    }
    .dropdown .dropdown-menu{
        height:0;
    }
    .dropdown .dropdown-menu.show{
        height:auto;
    }
    .sp_nav_wrapper{
        background-color: #468bf6;
    }
    .sp_nav_account a.nav-link{
        color:#fff;
    }
    .sp_padding{
        padding-left:40px;
        padding-right:40px;
    }
    .side-nav{
        margin-bottom:20px;
    }
}

@media screen and (max-width: 850px) {
    .nippou_rireki_table ul li{
        font-size:0.85em;
    }
    .side-nav ul{
        display:block;
    }
    .side-nav ul li{
        display:inline-block;
        width:150px;
        margin-right:5px;
    }
}


/*スマホ横向き*/
@media (orientation: landscape) and (max-width: 767px){
    .container{
        max-width: 100%;
    }
    table tbody tr td{
        padding: 10px;
    }
    .nippou.form table tbody tr td{
        width:15%;
        margin-right:10px;
    }
    .nippou.form table tbody tr td:last-child{
        width:10%;
    }
    .nippou.index table tbody tr td{
        width:15%;
        margin-right:10px;
    }
    .nippou.index table tbody tr td:first-child{
        width:25%;
    }
}



@media screen and (max-width: 670px) {

    .input_row .gyoumu_selectbox{
        width:100% !important;
    }
    #nippou_form{
        margin-left:0;
    }
    .date_div{
        font-size:1.4em;
        font-weight: 600;
        text-align: center;
        margin-bottom:10px;
        padding-left:10px;
    }
    li.user_index_search_radio{
        margin-left:0;
    }
    .paginator{
        width:100% !important;
        overflow: hidden;
    }
    .pagination{
        display: block;
    }
    .pagination li{
        display: inline-block;
        width:20%;
        float:left;
        margin-bottom: 10px;
    }
    .pagination li a{
        text-decoration: underline;
    }
    .pagination li:first-child,.pagination li:last-child{
        width:30%;
    }
    .page-item .page-link span{
        display: block !important;
    }
    .caution_text{
        display: block;
        width:100%;
        text-align: center;
        font-size: 0.9em;
    }
    .form-check .form-check-label {
        padding-left: 35px;
        margin-top: 0;
        font-size: 0.9em;
    }
    .client_list_search input, .client_list_search label{
        height:20px !important;
        line-height: 20px !important;
    }
    .client_list_search ul li{
        display: inline-block;
        width:25%;
        font-size:0.85em;
        margin:7px 0 7px 0;
    }
    .gyoumu_selectbox{
        width:100%;
    }
    .search_block{
        font-size:0.8em !important;
    }
    form[role="form"]{
        font-size:1.2em;
    }
    .form-group{
        margin-bottom: 20px;
    }

.btn{
    padding:10px 0 !important;
    font-size:1em !important;
    margin:10px auto !important;
}
    .clear-button{
        display: block;
        margin:0 auto;
        width:50%;
    }
    .form_my_gyoumu ul li{
        display: block;
        width:100%;
        float:none;
        margin-right:0%;
    }
    .nippou_rireki_table ul{
        border-bottom: 1px solid #999;
    }
    .nippou_rireki_table ul li{
        display: inline-block;
        vertical-align: top;
        float:left;
        padding:0;
        font-size:0.8em;
    }
    .rireki_midashi_tr li{
        font-weight: bold;
    }

    .nippou_rireki_table ul li:first-child{
        width:100%;
    }
    .nippou_rireki_table ul li:nth-child(2n){
        width:100%;
    }
    .nippou_rireki_table ul li:nth-child(3n){
        width:50%;
    }
    .nippou_rireki_table ul li:nth-child(4n){
        width:50%;
    }
    .nippou_rireki_table ul li:nth-child(5n){
        width:50%;
    }
    .nippou_rireki_table ul li:last-child{
        width:50%;
    }

    .nippou_total_tr{
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }
    .nippou_total_tr li{
        padding:10px 2px;
    }


    .tab_wrap{width:100%; margin:20px auto; position: relative;}
    input[type="radio"].calendar_tab_radio{display:none;}
    .tab_area{font-size:0; margin:0;}
    .tab_area label{ width:45%; margin:0; display:inline-block; padding:12px 0; color:#999; background:#ddd; text-align:center; font-size:15px; cursor:pointer; transition:ease 0.2s opacity;}

    .panel_area{background:#fff; border: 1px solid #ccc;}
    .tab_panel{width:100%; padding:30px 10px; display:none;}
    .tab_panel p{letter-spacing:1px; text-align:center;}

    #tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#000; border:1px solid#ccc; border-bottom: 2px solid #fff; margin-bottom:-2px;}
    #tab1:checked ~ .panel_area #panel1{display:block; text-align: center;}
    #tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#000;border:1px solid#ccc; border-bottom: 2px solid #fff; margin-bottom:-2px;}
    #tab2:checked ~ .panel_area #panel2{display:block;text-align: center;}


    .datatable_item{
        display: inline-block;
        vertical-align: middle;
        width:20%;
        margin-bottom: 40px;
    }
    .datatable_item input,.datatable_item label{
        display: inline-block;
        vertical-align: middle;
    }
    /*トップ更新*/
    .update_table{
        display: block;
        width:100%;
        font-size:1.1em;
    }
    .update_table .tr{
        display: block;
        width:100%;
    }
    .update_table .th, .update_table .td{
        display: block;
        padding:5px;
    }
    .update_table .th{
        width:100%;
    }
    .update_table .td{
        width:100%;
    }
    .index tr{
        line-height:1.7em;
    }
    .index th{
        font-size:0.7em;
    }
    .index td{
        font-size:0.8em;
    }
    .index td.index_date_td{
        font-size:0.6em;
    }
    span.caution_text{
        display: block;
    }
    .nippou_search_label{
        margin-top:7px;
    }
    .input_container{
        margin-left:0;
    }

    .nippou_result_wrapper{
        padding:0;
    }
    .nippou_result_block th,.nippou_result_block td
    {
        font-size:0.6em;
    }
    .md_container{
        width:100%;
    }
    .sm_container{
        width:100%;
    }
    .my_gyoumu_left_block{
        margin-bottom:40px;
    }
    .btn_md{
        margin-top: 20px;
        display: block;
        width:80%;
        margin:0 auto;

    }

    .radio_block div.form-check{
        margin-top:10px;
    }

    .content .row{
        margin-bottom:20px;
    }
    .btn{
        margin:5px auto;
    }

    table.three_column_table_width_code tr td:first-child{
        width:17%;
    }
    table.three_column_table_width_code tr td{
        width:58%;
        padding: 5px;
    }
    table.three_column_table_width_code tr td:last-child{
        width:25%;
        padding: 5px;
    }
    table.three_column_table_width_code tr td:last-child,table.three_column_table_width_code tr th:last-child{
        width:45%;
    }
    table.three_column_table tr td{
        width:30%;
    }

    table.three_column_table tr td:first-child{
        width:40%;
    }

    li.page-item.last{
        display: block !important;
    }



    .search_client_list_checks ul li{
        display: inline-block;
        margin:5px 0 5px 0;
        font-size:1em;
        width:22% !important;
        float:left;
    }
    .search_client_list_checks ul li:last-child{
    }
}







@media print{
    @page { margin-top: 0;  }
    body{
        background-color: inherit;
        -webkit-print-color-adjust: exact;
    }
    td {
        font-size:0.7em;
    }
    .no_print_area {
        display: none;
    }
    .card{
        box-shadow:none;
        padding:0;

    }
    .nippou_result_wrapper{
        padding:0 20px;
    }
    th,td{
        font-size:0.6em !important;
    }
    input.print_input{
        border:none;
        text-align: right;
    }

}