/*+発注・仕入・分荷：発注点登録CSS*/
table,ul{
    margin-bottom: 0;
}

ul{
    color: black;
}

img{
    height: fit-content;
}

h4,h5{
    font-weight: normal;
    color: black;
    margin-bottom: 0;
}
/*+h1:発注点登録 reorder_point_setup*/
/*+商品検索画面*/
/*//上部リンク nav_list*/
.nav_list ul{
    width: 60%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

.nav_list ul li{
    width: fit-content;
    height: 30px;
    line-height: 30px;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
    letter-spacing: 0.2em;
    color: #564E9E;
    border: 1px solid #564E9E;
    border-radius: 3px;
    padding: 0 0.8em;
    position: relative;
    z-index: 1;
    overflow: hidden;/*はみ出し防止*/
}

.nav_list ul li::before{
    content: "";
    display: inline-block;
    inset: 0;/*親とぴったりのサイズ */
    background-color: #DCDCDC;
    border-radius: inherit; /* 親と同じ角丸*/
    position: absolute;
    z-index: -2;
}

.nav_list ul li::after{
    content: "";
    display: inline-block;
    inset: 0;/*親とぴったりのサイズ*/
    background-color: #F5F5F5;
    border-radius: inherit; /* 親と同じ角丸*/
    position: absolute;
    top: 1px;
    left: 5px;
    z-index: -1;
}

.nav_list p{
    width: 100%;
    padding-left: 1em;
    margin-top: 1em;
}

/**検索画面 各項目 reorder_point_setup table*/
.reorder_point_setup table .tr_1 th{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #000080;
    padding-left: 1em;
}

.reorder_point_setup table th{
    width: 10%;
}

.reorder_point_setup table td .div_flex{
    width: 100%;
    align-items: center;
}

.reorder_point_setup table td .div_flex p,
.reorder_point_setup table .tr_8 td .div_flex div{
    width: 50%;
}

.reorder_point_setup table td .div_flex img{
    margin: 0;
}

/*画像サイズ：部門コード 連番 枝番*/
.reorder_point_setup table .tr_2 td .div_flex img,
.reorder_point_setup table .tr_4 td .div_flex img,
.reorder_point_setup table .tr_6 td .div_flex img{
    width: 38%;
}

/*画像サイズ：第２表示コード 出力順*/
.reorder_point_setup table .tr_3 td .div_flex img,
.reorder_point_setup table .tr_5 td .div_flex img{
    width: 50%;
}

/*画像サイズ：画像表示*/
.reorder_point_setup table .tr_7 td .div_flex img{
    width: 40%;
}

/*画像サイズ：検索キー*/
.reorder_point_setup table .tr_8 td .div_flex img{
    width: 45%;
    margin: auto;
}

/*検索キー*/
.reorder_point_setup table .tr_8 td .div_flex p{
    width: 100%;
}

/*+詳細検索　データダウンロード advanced_search*/
/**詳細検索 各項目 advanced_search table_1*/
.advanced_search .table_1 .tr_1 th{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #000080;
    padding-left: 1em;
}

.advanced_search .table_1 th{
    width: 10%;
}

.advanced_search .table_1 td{
    width: calc(50% - 10%);
}

/**データダウンロード advanced_search table_2*/
.advanced_search .table_2{
    width: 100%;
    margin-top: 2em;
}

.advanced_search .table_2 a{
    margin-left: 5%;
}

.advanced_search .table_2 .tr_1 th{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #000080;
    padding-left: 1em;
}

.advanced_search .table_2 th{
    width: 10%;
}

.advanced_search .table_2 td{
    width: calc(50% - 10%);
}

.advanced_search .table_2 td img{
    margin-top: 0.3em;
    margin-right: 5%;
}

/*画像サイズ：形式*/
img[data-original="../../4-inventory/4-3-009/img/download_1.png"]{
    width: 25%;
}

/*画像サイズ：ヘッダー*/
img[data-original="../../4-inventory/4-3-009/img/download_2.png"]{
    width: 20%;
}

/*+検索結果画面 search_results*/
/**検索結果画面 各項目 search_results table*/
.search_results table .tr_1 th{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-color: #000080;
    padding-left: 1em;
}

.search_results table th{
    width: 10%;
}

.search_results table td{
    width: calc(50% - 10%);
}


/*+発注点の登録*/
/**自動発注機能利用時の注意点 reorder_notes*/
.reorder_notes{
    width: 100%;
    border: 1px solid #0000FF;
    background-color: #EEFAFF;
    padding: 0.5em;
}

.reorder_notes h3{
    width: 100%;
    color: black;
    margin: 0.3em 0;
}

.reorder_notes div{
    width: 97%;
    margin: 0 auto;
}

.reorder_notes div img{
    width: 55%;
    margin-top: 0.5em;
}

/**発注点登録画面 reorder_point div_1*/
/*全店舗*/
.reorder_point .div_1 .p_2{
    text-decoration: underline;
    text-decoration-color: red;
}

.reorder_point .div_1 .div_flex table{
    width: 98%;
    font-size: 15px;
    margin-top: 1em;
}

.reorder_point .div_1 .div_flex table th{
    width: 16%;
}

/*img発注点登録画面*/
img[data-original="../../8-settings/8-1-001/8-1-001-6/img/entry_screen_1.png"]{
    width: 55%;
}

.reorder_point .div_1 .d_2{
    width: 100%;
}

.reorder_point .div_1 .d_2 div{
    width: 45%;
}

.reorder_point .div_1 .d_2 div p{
    width: 100%;
    padding-left: 1em;
}

.reorder_point .div_1 .d_2 div a{
    display:inline-block;
    margin-top: 1em;
    margin-left: 1em;
}

/*発注点マスタ*/
.reorder_point .div_1 .d_2 span{
    display: inline-block;
    width: 27%;
    height: 45px;
    line-height: 45px;
    font-family: FontAwesome;
    color: #585A67;
    border-bottom: 4px solid #627295;
    border-radius: 5px;
    background: linear-gradient(
        to bottom,
        #D9D4A7 0%,
        #D9D4A7 5%,
        #F4EFBC 100%);    
    padding-left: 2.4em;
    margin: 0 0.2em;
    position: relative;
}

.reorder_point .div_1 .d_2 span::before{
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(img/import.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4%;
}

.reorder_point .div_1 .d_2  img{
    width: 45%;
}

.reorder_point .div_1 > p:last-of-type{
    width: 100%;
    padding-left: 1em;
    margin-top: 2em;
}

.reorder_point .div_1 > p:last-of-type span{
    font-weight: bold;
}

/*//登録済発注点の変更・削除 reorder_point div_2*/
/*+仮*/
.reorder_point .div_2 p{
    width: 95%;
    margin: 0 auto;
}

.reorder_point .div_2 img{
    width: 70%;
    margin-top: 1em;
}