/*+在庫管理 - 在庫一覧（詳細）CSS*/
table,ul li{
    color: black;
    padding: 0;
    margin: 0;
}

ul{
    padding: 0;
    margin: 0;
}

table{
    height: fit-content;
}

table .div_flex{
    width: 100%;
}

/*+h1:在庫管理 - 在庫一覧（詳細）*/
/*+検索条件指定*/
/*img在庫一覧（詳細）の検索条件指定画面*/
#img_specify_search_criteria{
    width: 60%;
}
/**検索条件　各項目 specify_search_criteria_1*/
.specify_search_criteria_1 th{
    width: 12%;
}

/*==店舗範囲 store_range*/
.specify_search_criteria_1 .store_range td > p:first-of-type{
    margin-bottom: 1.5em;
}

.specify_search_criteria_1 .store_range td h3{
    font-size: unset;
    margin: 0;
}

.specify_search_criteria_1 .store_range td .div_2 .div_flex p,
.specify_search_criteria_1 .store_range td .div_1 .div_flex p{
    width: 58%;
}


/*単店舗 div_1*/
.specify_search_criteria_1 .store_range td .div_1 .div_flex img{
    flex: 0.5;
    margin-left: 2em;
}

/*ｸﾞﾙｰﾌﾟ div_2*/
.specify_search_criteria_1 .store_range td .div_2{
    padding-bottom: 2em;
}

.specify_search_criteria_1 .store_range td .div_2 .div_flex img{
    flex: 0.8;
    margin-left: 2em;
}

/*==部門コード dept_code*/
.specify_search_criteria_1 .dept_code p:first-of-type{
    margin-bottom: 1em;
}

.specify_search_criteria_1 .dept_code .div_1{
    flex: 0.95;
    padding: 0.5em 0.3em;
    background-color: #F9F9FF;
    border: 1px solid #D8DCDE;
    margin-bottom: 1.5em;
}

.specify_search_criteria_1 .dept_code h3{
    font-size: unset;
    font-weight: 400;
    margin: 0;
}

/*h3左丸*/
.specify_search_criteria_1 .dept_code h3::before{
    content: "●";
    display: inline-block;
    font-size: 20px;
}

.specify_search_criteria_1 .dept_code .div_1 .d_1,
.specify_search_criteria_1 .dept_code .div_1 .d_2{
    margin-bottom: 1em;
}

.specify_search_criteria_1 .dept_code .div_1 .d_3{
    margin-bottom: 0.5em;
}


.specify_search_criteria_1 .dept_code .div_1 div img{
    width: 99%;
}

/*img*/
#img_dept_code_1{
    width: 52%;
}

/*==出力順 output_order*/
.specify_search_criteria_1 .output_order p:first-of-type{
    margin-bottom: 1em;
}

.specify_search_criteria_1 .output_order td .div_flex div{
    width: 60%;
}

/*昇順 降順*/
.specify_search_criteria_1 .output_order td ul{
    width: 80%;
    display: flex;
    justify-content: space-around;
    margin-bottom: 0.5em;
}

.specify_search_criteria_1 .output_order td ul li{
    width: 40%;
    line-height: 1.5;
    text-align: center;
    border: 1px solid #D8DCDE;
}

/*降順*/
.desc{
    background-color: #DDEEFF;
}

/*昇順*/
.asc{
    background-color: #E9F7EF;
}

.specify_search_criteria_1 .output_order td table{
    font-size: 14px;
}

.specify_search_criteria_1 .output_order td table th{
    width: 18%;
    background-color: #FAFAFA;
}

/*商品名 item_name*/
.specify_search_criteria_1 .output_order td table .item_name div{
    width: 100%;
}

.specify_search_criteria_1 .output_order td table .item_name div span{
    display: block;
}

/*漢字、カタカナ(ン→ア)、ひらがな(ん→あ)、英字(Z→A)、数字(9→0)*/
.specify_search_criteria_1 .output_order td table .item_name div .spa_2{
    text-align: center;
}

/*の順に表示されます。*/
.specify_search_criteria_1 .output_order td table .item_name div .spa_3{
    text-align: right;
}


/*img出力順の基準となる項目と昇順・降順を選択します。*/
#img_output_order{
    flex: 0.5;
}

/*==在庫数指定 stock_qty_spec*/
.specify_search_criteria_1 .stock_qty_spec ul{
    margin-top: 0.5em;
}

/*する*/
.specify_search_criteria_1 .stock_qty_spec ul li:last-of-type{
    display: flex;
    align-items: baseline;
}

.specify_search_criteria_1 .stock_qty_spec ul li .spa_1{
    display: inline-block;
    width: 6em;
    text-align: right;
}

.specify_search_criteria_1 .stock_qty_spec ul li .spa_2{
    flex: 1;
}

/*-99999～99999*/
.specify_search_criteria_1 .stock_qty_spec ul li .spa_3{
    display: inline-block;
    width: 7em;
    height: 30px;
    line-height: 30px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-shadow: 0 0 0 #000;
    background: linear-gradient(
        to bottom,
        #DEE3E6 0%,
        #EDF1F1 10%,
        #F2F4F5 5%,
        #FFFFFF 100%
        );
    border: 1px solid #B5B8C8;
    padding-left: 0.2em;
}

.specify_search_criteria_1 .stock_qty_spec ul li .spa_3:first-of-type{
    margin-right: 1em;
}

.specify_search_criteria_1 .stock_qty_spec ul li .spa_3:last-of-type{
    margin-left: 1em;
    margin-right: 0.2em;
}

/*==マスタ有表示 display_master_exists*/
.specify_search_criteria_1 .display_master_exists p{
    margin-top: 1em;
}

/*==推定在庫 estimated_stock*/
.specify_search_criteria_1 .estimated_stock .div_flex{
    margin-bottom: 0.5em;
}

.specify_search_criteria_1 .estimated_stock .div_flex p{
    width: 55%;
}

.specify_search_criteria_1 .estimated_stock .div_flex img{
    flex: 0.7;
}
.specify_search_criteria_1 .estimated_stock > p:last-of-type{
    margin-top: 0.5em;
    text-decoration: underline;
    text-decoration-color: red;
}

/*==検索キー search_key*/
.specify_search_criteria_1 .search_key .div_flex{
    margin-top: 0.5em;
}

.specify_search_criteria_1 .search_key .div_1{
    width: 56%;
}

.specify_search_criteria_1 .search_key .div_2{
    width: 100%;
    background-color: #F9F9FF;
    padding: 0.3em;
    margin: 1em 0;
}

.specify_search_criteria_1 .search_key h3{
    font-size: unset;
    font-weight: 400;
    margin-bottom: 0;
}

/*h3左丸*/
.specify_search_criteria_1 .search_key h3::before{
    content: "●";
    display: inline-block;
    font-size: 20px;
}

/*範囲指定：検索範囲の数値を半角数字で入力します。*/
.specify_search_criteria_1 .search_key .div_2 .d_1 img{
    width: 45%;
    margin-left: 3.5%;
}

/*キーワード検索：検索する文字を入力します。*/
.specify_search_criteria_1 .search_key .div_2 .d_2 h3{
    margin-top: 1em;
}

.specify_search_criteria_1 .search_key .div_2 .d_2 p{
    font-size: 15px;
    margin-top: 0.5em;
}

.specify_search_criteria_1 .search_key .div_2 .d_2 img{
    width: 80%;
    margin-left: 3.5%;
}

/*img プルダウンから検索項目を選択し、検索条件となる文字または数値を入力して検索します。*/
#img_search_key_1{
    flex: 0.9;
    margin: 0 0 0 auto;
}

/*==仕入値選択 purchase_price_selection*/
.specify_search_criteria_1 .purchase_price_selection .div_flex div{
    width: 75%;
}

.specify_search_criteria_1 .purchase_price_selection p{
    margin-bottom: 1em;
}

.specify_search_criteria_1 .purchase_price_selection table{
    width: 97.5%;
    font-size: 15px;
    margin-bottom: 1em;
}

.specify_search_criteria_1 .purchase_price_selection table th{
    width: 15%;
    background-color: #FAFAFA;
}

/*imgプルダウンメニューから表示する仕入値および在庫金額の計算に使用する仕入値を選択します。*/
#img_purchase_price_selection{
    flex: 0.75;
    margin: 0;
    margin-top: 0.3em;
}

/*==売値選択 select_selling_price*/
.specify_search_criteria_1 .select_selling_price .div_flex div{
    width: 75%;
}

.specify_search_criteria_1 .select_selling_price p{
    margin-bottom: 1em;
}

.specify_search_criteria_1 .select_selling_price table{
    width: 97.5%;
    font-size: 15px;
    margin-bottom: 1em;
}

.specify_search_criteria_1 .select_selling_price table th{
    width: 15%;
    background-color: #FAFAFA;
}

/*imgプルダウンメニューから表示する表示する売値を選択します。*/
#img_select_selling_price{
    flex: 0.75;
    margin: 0;
    margin-top: 0.3em;
}

/*==在庫計算金額 calc_inv_val_1*/
.specify_search_criteria_1 .calc_inv_val_1 .div_flex div{
    width: 75%;
}

.specify_search_criteria_1 .calc_inv_val_1 p{
    margin-bottom: 1em;
}

.specify_search_criteria_1 .calc_inv_val_1 table{
    width: 97.5%;
    font-size: 15px;
    margin-bottom: 1em;
}

.specify_search_criteria_1 .calc_inv_val_1 table th{
    width: 15%;
    background-color: #FAFAFA;
}

/*imgプルダウンメニューから表示する表示する売値を選択します。*/
#img_calc_inv_val_1{
    flex: 0.75;
    margin: 0;
    margin-top: 0.3em;
}

/*==在庫計算金額２ calc_inv_val_2*/
.specify_search_criteria_1 .calc_inv_val_2 p{
    width: 75%;
    padding-right: 1em;
}

/*imgプルダウンメニューから表示する表示する売値を選択します。*/
#img_calc_inv_val_2{
    flex: 0.75;
    margin: 0;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
}

/*==画像表示 image_display*/
.specify_search_criteria_1 .image_display p{
    width: 75%;
    padding-right: 4em;
}

/*img「する」にチェックすると、一覧に登録されている商品画像を表示します。*/
#img_image_display img{
    max-width: 100%;
    height: auto;
    display: block;
}

#img_image_display{
    flex: 0.86;
    overflow: hidden;    
    margin: 0;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
}

/*//詳細検索 specify_search_criteria_2*/
/*不要なborder*/
.specify_search_criteria_2 tr:first-of-type th{
    border-top: none;
}

.specify_search_criteria_2 th{
    width: 12%;
}

/*==表示項目 display_items*/
/*補足border*/
.specify_search_criteria_2 .display_items tr:first-of-type th{
    border-top: 1px solid #D8DCDE;
}

.specify_search_criteria_2 .display_items > p:first-of-type{
    width: 95%;
    margin: 0 auto;
}

.specify_search_criteria_2 .display_items{
    padding: 0;
}

/*不要なborder*/
.specify_search_criteria_2 .display_items .in_table th{
    border-left: none;
}

.specify_search_criteria_2 .display_items .in_table td{
    border-right: none;
}

.specify_search_criteria_2 .display_items .in_table tr:last-of-type th,
.specify_search_criteria_2 .display_items .in_table tr:last-of-type td{
    border-bottom: none;
}

/*in_table*/
.specify_search_criteria_2 .display_items .in_table{
    font-size: 15px;
}

.specify_search_criteria_2 .display_items .in_table th{
    background-color: #FAFAFA;
}

/*情報 information*/
.specify_search_criteria_2 .display_items .in_table .information p{
    width: 100%;
    margin-bottom: 0.5em;
}

.specify_search_criteria_2 .display_items .in_table .information  ul{
    width: 45%;
    display: flex;
    justify-content: space-between;
    margin-left: 2em;
}

/*売 Z 受*/
.specify_search_criteria_2 .display_items .in_table .information  ul li a{
    display: inline-block;
    width: 1.6em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    font-family: "ＭＳ Ｐゴシック", sans-serif;	
    color: black;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 2px;
}

/*==カテゴリ１～６ ctg_1_6*/
.specify_search_criteria_2 .ctg_1_6 p{
    width: 100%;
    margin-bottom: 0.5em;
}

.specify_search_criteria_2 .ctg_1_6 img{
    width: 73%;
    margin-bottom: 0.5em;
}

/*==CSVダウンロード download*/
.specify_search_criteria_2 .download p{
    width: 75%;
}

.specify_search_criteria_2 .download img{
    flex: 0.75;
    margin: 0;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
}

/*+集計結果一覧*/
/*img在庫一覧（詳細）検索結果1~5*/
.img_area{
    max-width: 100%;
    overflow: hidden;    
}

.img_area div{
    display: flex;    
    overflow: hidden;
    height: 118px;
    margin-bottom: 0.5em;
}

.img_area div:first-of-type{
    overflow: hidden;
    height: 60px; 
}

.img_area div:last-of-type{
    margin-bottom: 0;
}

.img_area div img{
    display: inline-block; 
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: contain;/*画像の比率を保つ*/
    flex-shrink: 0;/*画像が勝手に縮まなくなる*/
}

#img_details_list_1{
    margin:  0 0 0 auto;
}

#img_details_list_2{
    margin-left: 0;
}

#img_details_list_3{
    max-width: 85%;
    margin-left: 15%;
}

#img_details_list_4{
    max-width: 70%;
    margin-left: 30%;
}

#img_details_list_5{
    margin: 0 0 0 auto;
}

/**一覧　各項目（合計） details_list_1*/
.details_list_1 th{
    width: 13%;
}

.details_list_1 .th_1{
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
    background-color: #E1EFFB;
}

.details_list_1 .list_1_tr{
    font-size: 15px;
}

.details_list_1 .list_1_tr th{
    width: 10%;
}

/*//一覧　各項目（画像～情報） details_list_2*/
/*不要なborder*/
.details_list_2 tr:first-of-type th,
.details_list_2 tr:first-of-type td{
    border-top: none;
}

.details_list_2 th{
    width: 13%;
}

/*==在庫回転率(数) stock_turnover_qty*/
.details_list_2 .stock_turnover_qty .div_flex{
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.details_list_2 .stock_turnover_qty .div_flex p{
    width: 60%;
}

.details_list_2 .stock_turnover_qty .div_flex  img{
    flex: 0.46;
    overflow: hidden;
    margin: 0;
    margin-left: 3em;
}

/*==在庫回転率(金額) stock_turnover_amount*/
.details_list_2 .stock_turnover_amount .div_flex{
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.details_list_2 .stock_turnover_amount .div_flex p{
    width: 63%;
}

.details_list_2 .stock_turnover_amount .div_flex img{
    flex: 0.465;
    overflow: hidden;
    margin: 0;
    margin-left: 1em;
}

/*==情報 information*/
.details_list_2 .information p{
    width: 100%;
    margin-bottom: 0.5em;
}

.details_list_2 .information  ul{
    width: 45%;
    display: flex;
    justify-content: space-between;
    margin-left: 2em;
}

/*売 Z 受*/
.details_list_2 .information  ul li a{
    display: inline-block;
    width: 1.6em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    font-family: "ＭＳ Ｐゴシック", sans-serif;	
    color: black;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 2px;
}