/* ログイン (Login) */
#main.page-login {
    padding-top: 70px
}

.login_header h1 {
    font-size: 35px;
    line-height: 150%;
    padding: 30px 0 20px;
    text-align: center
}

.page-login .error_login td,
.page-login .error_login th {
    border: none
}

.login_tbl {
    max-width: 500px;
    margin-bottom: 50px
}

.login_tbl th {
    width: 25%
}

.page-login .login_tbl input {
    background: 0 0;
    border: 0
}

.error_login span {
    font-weight: 700
}

.login_submit {
    clear: both;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 25px
}

.login_submit .btn {
    border: 0;
}


/* オーダー生産一覧 (Order List) */

.table thead th {
    background-color: #e0e0e0;
}


/* その他のタスク一覧 (Other Task List) */

.table-tasklist tbody tr td:first-child,
.table-tasklist tbody tr td:last-child {
    text-align: left;
    padding-left: 5px;
}

.show_data_status a,
.show_data_status a:hover {
    text-decoration: none
}


/* 在庫 (Stock) */

.stock_block {
    margin-bottom: 40px;
}

.stock_block h4 {
    border: 1px solid #333;
    text-align: center;
    display: block;
    padding: 10px 4px 8px;
    cursor: pointer;
    background-color: #e0e0e0;
}

.stock_block .table-stock {
    margin-bottom: 0;
}

.stock_block_row {
    display: none;
}

.stock_block_row_pdf {
    display: block;
}

.table-stock {
    margin-bottom: 40px;
}

.ant-input-number-handler-wrap {
    display: none;
}

#stock .btn_save,
#stock_material .btn_save {
    display: block;
    margin: auto;
}

.table-stock input {
    text-align: center;
    width: 100%;
}

.stock_block .table-stock tr:first-child,
.stock_block .table-stock tr:first-child td {
    border-top: none;
}

.stock_block .table-stock tr td:first-child {
    width: 65%;
}

.pdf_main_title {
    color: #333333;
    font-size: 25px;
    padding: 5px 0 3px;
    margin-bottom: 0;
    display: block;
}

.pdf_row_title {
    background-color: blue;
    color: white;
}

.pdf_size_title {
    background-color: green;
    color: white;
}

.table-stock .ant-col-12 {
    max-width: 100%;
}

.table-stock .ant-form-item {
    margin-bottom: 0px
}

.stock_block h4 {
    margin-bottom: 0px;
}


/* オーダー生産 (Order Detail) */

.va-top {
    vertical-align: top;
}

.text-left {
    text-align: left;
}

.order_link {
    margin: 0px -20px 35px;
    word-spacing: -10px;
    text-align: center;
}

.order_link li {
    width: 25%;
    padding: 0 20px;
    word-spacing: 0;
    vertical-align: top;
    display: inline-block;
}

.order_link li a {
    text-decoration: none;
}

.order_link li a:hover {
    text-decoration: underline;
}

.order_link li a {
    display: block;
    background-color: #e0e0e0;
    padding: 8px 5px 4px;
}

.order_link li a span {
    line-height: 48px;
}

.order_detail_tbl td,
.order_detail_tbl th {
    vertical-align: middle;
}

.order_detail_tbl td {
    text-align: left;
    padding-left: 20px;
}

.order_detail_tbl th {
    width: 230px;
}

.date_group > div {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    text-align: center;
}

.date_group p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 11px;
}

.table_history_tit {
    font-size: 16px;
    padding-left: 4px;
    padding-top: 5px;
    padding-bottom: 15px;
}

.table_history {
    margin-bottom: 50px;
}

.table_history tr {
    border: none;
}

.table_history thead th {
    text-align: center;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid #ccc8c8;
}

.table_history td {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    padding-left: 20px;
    border: 1px solid #ccc8c8;
}

.table_history tr td:first-child {
    text-align: center;
}


/* 技能管理 (Skill Management) */

.skill_rank,
.skill_process {
    clear: both;
    margin-bottom: 100px;
}

.table_skill_process {
    min-width: 100%;
}

.skill_process_scroll {
    overflow-x: scroll;
}

.table_skill_process {
    margin-bottom: 0px;
}

.table_skill_rank tbody tr td:last-child,
.table_skill_process tr th:first-child {
    text-align: left;
    padding-left: 20px;
}

.table_history_task {
    margin-bottom: 30px;
}

.table_history_task td {
    padding: 18px 4px 14px;
}

.i-arrow::before {
    content: '→';
    left: -8px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.width_auto {
    width: auto;
}

.width_col_01 {
    width: 449px;
}

.width_70px {
    width: 70px;
}

.width_80px {
    width: 80px;
}

.width_100px {
    width: 100px;
}

.width_180px {
    width: 180px;
}

#main_pdf .table {
    width: 100%;
}

.downloadpdf-skill {}

#outside ol,
#outside ul,
#outside dl {
    margin-bottom: 0;
}

#skillmanagement .btn_save {
    margin: 20px auto;
    display: block;
}


/*set backgroung color yellow when status = 99*/

.trYellow {
    background-color: yellow;
}
.trPink{
    background-color: pink;
}
/*manual detail*/
.manual_detail__viewWork {
    margin-bottom: 40px;
}

.manual_detail__point {
    overflow: hidden;
    margin-bottom: 40px;
}

.manual_detail__point ._item {
    width: 360px;
    text-align: center;
    float: left;
    margin-right: 40px;
}

.manual_detail__point .__itemtitle {
    margin-bottom: 20px;
    padding: 10px 0;
    background: #ccc;
    color: #000;
    font-size: 16px;
}

.manual_detail__point .img {
    margin-bottom: 10px;
}

.manual_detail__point ._text {
    text-align: left;
}

/* マニュアル一覧 (Manual) */
.ml0 {
    margin-left: 0;
}

.manual_list__cat {
    margin-bottom: 70px;
    font-weight: bold;
    font-size: 18px;
}

.manual_list__cat select {
    font-weight: bold;
}

.manual_list_link {
    margin-bottom: 50px;
}

.manual_list_link li {
    margin-bottom: 20px;
}

/*customer detail*/
.customer_detail_tbl tr td {
    text-align: left;
    padding-left: 30px;
}

.customer_detail__date01 {
    padding-right: 50px;
}

.customer_detail__mbt40 {
    margin-bottom: 40px;
}

.customer_detail_list,
.customer_detail_list tbody tr td:first-child {
    text-align: center;
}


/* 顧客一覧 (Customer List) */
.table_customer tr,
.table_customer th,
.table_customer td {
    border: 1px solid transparent;
}

.table_customer th,
.table_customer td {
    padding-top: 23px;
    padding-bottom: 8px;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    text-align: left;
    vertical-align: top;
}

.table_customer th {
    font-weight: normal;
}

.table_customer .col-tit {
    width: 145px;
}

.table_customer .col-d {
    width: 405px;
}

td.col-space {
    width: auto;
    border: none;
}

.box-shadow {
    clear: both;
    width: 100%;
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto 50px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    padding: 10px 20px 25px 25px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(205, 205, 205, 0.7);
    -moz-box-shadow: 0px 2px 5px 0px rgba(205, 205, 205, 0.7);
    box-shadow: 0px 2px 5px 0px rgba(205, 205, 205, 0.7);
}

.table_customer .form-group label {
    width: 145px;
    text-align: right;
    padding-right: 10px;
    display: inline-block;
}

.table_customer .border-none {
    border: none;
}

.table_customer .pt5 {
    padding-top: 5px;
}

.customer_list {
    overflow: hidden;
}

.customer_list .p01 {
    padding: 10px;
}

.customer_list .btn-left {
    float: left;
}

.customer_list .btn-right {
    float: right;
}

/* manual */
.manual_title {
    font-size: 36px;
    text-align: center;
    display: block;
    line-height: 140%;
    margin-bottom: 40px;
    margin-top: 30px;
}

.manual_subtitle {
    font-size: 26px;
    color: #333333;
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
    border-bottom: 1px solid;
}

.manual_text {
    margin-bottom: 45px;
    line-height: 250%;
    font-size: 16px;
}

.manual_workflow {
    margin-bottom: 15px;
    font-size: 16px;
}

.manual_images {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-end;
}

.manual_text .manual_images {
    margin-top: 50px;
}

.manual_images li {
    margin: 0 0 0 15px;
}

.manual_images li:first-child {
    margin-left: 0;
}

.ie .manual_images li {
    flex: 1 1 auto;
    min-height: 1px;
}

.ie .manual_images li img {
    width: 100%;
}

.manual_point {
    color: #FF0000;
}

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

    /* ログイン (Login) */
    #main.page-login {
        padding-top: 0;
    }

    .login_tbl {
        margin-bottom: 20px;
    }

    .w100 {
        width: 75px;
    }

    .stock_block_row .table-stock {
        width: 100%;
    }

    .stock_block h4 {
        padding: 5px 4px 3px;
    }

    .pt12 li {
        padding-top: 1px;
    }

    .order_link {
        margin: 0px -2% 10px;
    }

    .order_link li {
        width: 50%;
        padding: 0 2%;
        margin-bottom: 20px;
    }

    .col-t,
    .date_group p {
        font-size: 100%;
    }

    .table_history_tit,
    .date_group div {
        padding-bottom: 5px;
    }

    .w-95 {
        width: 95%;
        margin: 0 auto;
    }

    /* 技能管理 (Skill Management) */
    .skill_rank,
    .skill_process {
        overflow-x: auto;
    }

    .tbl_fix {
        width: 100%;
    }

    /*manual detail*/
    .manual_detail__viewWork {
        margin-bottom: 30px;
    }

    .manual_detail__point ._item {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 25px;
    }

    .manual_detail__point .__itemtitle {
        font-size: 105%;
    }

    /* マニュアル一覧 (Manual) */

    .manual_list__cat p {
        width: 100%;
        margin-bottom: 20px;
    }

    .manual_list__cat p br {
        display: none;
    }

    .manual_list__cat select {
        width: 100%;
    }

    /*customer detail*/
    .customer_detail_tbl tr td {
        padding-left: 2%;
        width: 27%;
    }

    .customer_detail_tbl .w420 {
        width: 80%;
    }

    .customer_detail__text01 {
        display: block;
    }

    .customer_detail_tbl .w200 {
        width: 50%;
    }

    .customer_detail__date01 {
        padding-right: 0;
    }

    /* 顧客一覧 (Customer List) */
    .table_customer .col-space {
        width: 0;
        padding: 0;
    }

    .table_customer {
        width: 100%;
    }

    .table_customer th,
    .table_customer td {
        float: left;
        display: block;
        min-height: 63px;
        /* border: none; */
    }

    .table_customer .col-tit {
        width: 120px;
    }

    .table_customer .col-d {
        width: calc(100% - 120px);
    }

    .table_customer .border-none {
        display: none
    }

    .table_customer .pt5 {
        width: 100%;
    }

    .table_customer .form-group {
        overflow: hidden;
        width: 100%;
    }

    .table_customer select {
        width: 100%;
    }

    .table_customer .form-group label {
        padding: 4px 4px 8px;
        float: left;
        width: 120px;
    }

    .table_customer .form-group select {
        float: left;
        width: calc(100% - 120px);
    }

    .table_customer p.smp {
        padding: 10px 0;
    }

    .table_customer .col-d [type=text] {
        width: 100%;
    }

    .customer_list [class*=btn-] {
        width: 47%;
    }

    .customer_list [class*=btn-]:first-child {
        margin-right: 1%;
    }

    .box-shadow {
        margin-bottom: 35px;
        padding: 5px 12px 25px;
    }

    .table_customer {
        margin-bottom: 25px;
    }

    /* manual */
    .manual_title {
        font-size: 140%;
        margin-top: 0;
    }

    .manual_subtitle {
        font-size: 125%;
        margin-bottom: 15px;
    }

    .manual_text {
        line-height: 180%;
    }

    .manual_workflow {
        font-size: 105%;
    }

}

.table_history_task td.text-center {
    text-align: center;
}
.error{
    color: #FF0000;
}