body {
    font-size: calc(1px + 2vh) !important
}

    body .form-control {
        /*font-size: calc(1px + 2vh)*/
        font-size: 1.2rem
    }

    body .table-row {
        position: relative
    }

    body .table-col {
        height: calc(100% - 16px);
        position: absolute
    }

    body .btn {
        /*font-size: calc(1px + 2vh)*/
        font-size: 1.2rem
    }

    body input[type=date]::-webkit-inner-spin-button {
        -webkit-appearance: none
    }

    body input[type=date]::-webkit-clear-button {
        -webkit-appearance: none
    }

    body #header {
        font-size: calc(1px + 2vh)
    }

        body #header .navbar-brand {
            font-size: calc(1px + 2vh)
        }

        body #header .active a {
            color: yellow
        }

    body .input-group-text {
        font-size: calc(1px + 2vh)
    }

    body .modal-content {
        left: 0vw
    }

        body .modal-content .modal-
        body #pictures {
            overflow-x: auto
        }

            body .modal-content .modal-
            body #pictures .picture {
                height: 150px;
                width: 150px
            }

                body .modal-content .modal-
                body #pictures .picture img {
                    -o-object-fit: contain;
                    object-fit: contain;
                    font-family: 'object-fit: contain;';
                    height: 100%;
                    width: 100%
                }

    body #modalAbnormal .form-control {
        height: calc(11px + 2vh);
        padding-top: 0;
        padding-bottom: 0
    }

    body .icon {
        width: calc(1px + 2vh);
        height: calc(1px + 2vh)
    }

    body #ui-datepicker-div,
    body .wickedpicker {
        z-index: 10000 !important;
        height: auto
    }

    body #search table,
    body .search table {
        table-layout: fixed
    }

        body #search table th,
        body .search table th {
            width: 130px
        }

    body #search .form-control,
    body .search .form-control {
        border-radius: 0;
        display: inline
    }

    body #search .custom-select,
    body .search .custom-select {
        height: calc(11px + 2vh);
        font-size: calc(1px + 2vh)
    }

    body #search .datepicker.form-control,
    body .search .datepicker.form-control {
        height: calc(11px + 2vh);
        padding: 0
    }

    body #search .table-bordered td,
    body #search .table-bordered th,
    body .search .table-bordered td,
    body .search .table-bordered th {
        border: 0;
        border-top: 1px solid #dee2e6
    }

    body #search .table td,
    body #search .table th,
    body .search .table td,
    body .search .table th {
        padding: 0
    }

    body .form-control.container-fluid {
        height: auto
    }

/*bootstrap modalの表示調整 -->*/

select {
    padding-top: 2px !important;
}

/*×ボタンを非表示に*/
.modal .close {
    visibility: collapse;
}

/*input要素がダイアログサイズより大きくならないようにする*/
.modal input {
    max-width:100%;
}

/*<--bootstrap modalの表示調整*/