/*+在庫管理 - 在庫比較検索 - 検索結果CSS*/
table,ul{
    color: black;
    margin: 0;
}

table .div_flex{
    width: 100%;
}

table h3{
    font-weight: 400;
    font-size: unset;
    margin-bottom: 0;
}

ul, ul li{
    padding: 0;
}

/*+対象商品情報（検索条件）*/
/*img 対象商品情報（検索条件） */
#img_inventory_comparison_results{
    width: 65%;
}

/**コード種類　指定コード*/
/*//コード種類 code_type*/
.code_type img{
    width: 70%;
    margin-bottom: 1em;
}
.code_type p{
    width: 95%;
    margin: 0 auto;
}

/*//指定コード specified_code*/
.specified_code img{
    width: 70%;
    margin-bottom: 1em;
}

.specified_code p{
    width: 95%;
    margin: 0 auto;
}

/**商品名　在庫表示*/
/*//商品名 item_name*/
.item_name{
    height: fit-content;
}

.item_name img{
    width: 70%;
    margin-bottom: 1em;
}

.item_name p{
    width: 95%;
    margin: 0 auto;
}

/*//在庫表示 stock_display*/
.stock_display img{
    width: 70%;
    margin-bottom: 1em;
}

.stock_display p,
.stock_display ul{
    width: 95%;
    margin: 0 auto;
}

.stock_display ul{
    margin-top: 0.5em;
}

.stock_display ul li span{
    display: inline-block;
    width: 8em;
    display: inline-flex;
    justify-content: space-between;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    color: #CC3333;
}

.stock_display ul li span::after{
    content: "・・・";
    display: inline-block;
    width: 2.5em;
    color: black;
}

/*+店舗別在庫集計 store_stock_summary*/
/*img 店舗別在庫集計*/
#img_store_stock_summary{
    width: 60%;
}

/**表示項目*/
/*共通*/
.store_stock_summary table th{
    width: 10%;
}

/*//合計 store_stock_summary table_1*/
.store_stock_summary .table_1 tr:nth-of-type(2) th:not(.in_table th){
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
    background-color: #E1EFFB;
}

.store_stock_summary .table_1 td:not(.in_table td){
    padding: 0;
}

/*不要なborder*/
.store_stock_summary .table_1 td .in_table th{
    border-left: none;
}

.store_stock_summary .table_1 td .in_table td{
    border-right: none;
}

.store_stock_summary .table_1 td .in_table th:last-of-type,
.store_stock_summary .table_1 td .in_table td:last-of-type{
    border-bottom: none;
}

.store_stock_summary .table_1 td .in_table{
    font-size: 15px;
}

.store_stock_summary .table_1 td .in_table th{
    width: 12%;
}

/*//店No.～ 販売累計金額 store_stock_summary table_2*/
/*不要なborder*/
.store_stock_summary .table_2 tr:first-of-type th,
.store_stock_summary .table_2 tr:first-of-type td{
    border-top: none;
}

.store_stock_summary .table_2 td{
    width: 40%;
}

/*//在庫数が0以下の店舗を除外した集計結果 stock_zero_or_less*/
.stock_zero_or_less > p:first-of-type{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 2em;
}

.stock_zero_or_less .div_flex div:not(.d_1){
    width: 42.5%;
}

.stock_zero_or_less .div_1 p,
.stock_zero_or_less .div_2 p{
    margin-top: 0.5em;
}

.stock_zero_or_less .div_1 img,
.stock_zero_or_less .div_2 img{
    flex: 1;
}

.stock_zero_or_less .d_1{
    display: inline-flex;
    width: auto;
    border: 1px solid #D8DCDE;
}

.stock_zero_or_less h4{
    font-size: 0;/*横並び要素の隙間をなくす*/
    font-weight: 400;
    color: black;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    height: 25px;
    line-height: 25px;
}

.stock_zero_or_less .spa_1{
    display: inline-block;
    width: 9em;
    font-size: 15px;/*font-size: 0;で消えないように*/
    background-color: #D2D2E8;
    padding-left: 0.3em;
}

/*■*/
.stock_zero_or_less .spa_1::before{
    content: "";
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    background-color: black;
    margin-right: 0.2em;
}

.all,
.than_zero{
    display: inline-block;
    font-size: 15px;/*font-size: 0;で消えないように*/
    color: #CC3333;
    background-color: #FFFFF0;
}

/*すべて all*/
.all{
    width: 5em;
    padding-left: 0.1em;
}

/*0よ大きい than_zero*/
.than_zero{
    width: 6.5em;
}

.check_1::before,
.check_2::before{
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.1em;    
}

/*check_1 チェック有り*/
.check_1::before{
    background-image: url(../../common/css/img/check.png);

}

/*check_2 チェック無し*/
.check_2::before{
    background-image: url(../../common/css/img/check_2.png);

}
