/*+在庫情報：在庫比較CSS*/
table,ul li{
    color: black;
    padding: 0;
    margin: 0;
}

ul{
    padding: 0;
    margin: 0;
}

table{
    height: fit-content;
}

table .div_flex{
    width: 100%;
}

/*+検索条件*/
#img_inventory_comparison{
    max-width: 839px;
    width: 100%;
}
/**検索条件　各項目 search_conditions*/
.search_conditions th{
    width: 10%;
}

/*==検索キー search_key*/
.search_conditions .search_key .div_flex div{
    width: 65%;
}

.search_conditions .search_key .div_flex div p{
    margin-bottom: 1em;
}

/*半角全角区別しない zenkaku_hankaku*/
.zenkaku_hankaku{
    width: 90%;
    margin-bottom: 1em;
}

.zenkaku_hankaku th{
    width: 8%;
}

.zenkaku_hankaku td{
    width: 32%;
}

.zenkaku_hankaku tr:first-of-type th{
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    background-color: #E8EAFF;
}

/*アイコン共通*/
.zenkaku_hankaku span{
    font-size: 1.5em;
}

/*チェックボックスアイコン fa-square-o*/
.fa-square-o{
    color: #767676;
}

/*チェック有り fa-check-square*/
.fa-check-square{
    color: #0075FF;
}

/*チェックボックスアイコン チェック有り背景色*/
/*fa-square-oとfa-check-squareの共通の親*/
.zenkaku_hankaku{
    position: relative;
}

.fa-square-o,
.fa-check-square{
    position: relative;
    z-index: 1;
}

.fa-square-o::after,
.fa-check-square::after{
    content: "■";
    display: inline-block;
    font-size: 1.2em;
    color: white;
    border-radius: 3px;
    position: absolute;
    left: -5px;
    bottom: -5px;
    z-index: -1;
}

/*◯ fa-circle-o*/
.fa-circle-o{
    color: red;
}

/*✕ fa-close*/
.fa-close{
    color: #0084FF;
}

/*選べる項目 item*/
.search_conditions .search_key .item{
    width: 90%;
    font-size: 15px;
    margin-bottom: 1em;
}

.search_conditions .search_key .item th{
    width: 7em;
    background-color: #FAFAFA;
}


/*img検索条件：検索キー*/
.search_conditions .search_key img{
    flex: 0.9;
}

/*==グループ検索　ｸﾞﾙｰﾌﾟｺｰﾄﾞ specify_condition group_search*/
.search_conditions .group_search p{
    width: 100%;
    margin-bottom: 0.5em;
}

.search_conditions .group_search .div_flex{
    width: 95%;
    align-items: flex-start;/*並べてる要素の上端を揃える*/
    gap: 0;
}

.search_conditions .group_search .div_flex .div_1{
    flex:1;
}

/*shop_code_1の位置*/
.search_conditions .group_search .div_flex .div_1 .d_1{
    display:flex;
    justify-content:flex-end;
}

/*imgグループ検索「する」を選択 id:img_group_search_1*/
#img_group_search_1{
    width: 100%;
    max-width: 372px; /*pxやremで指定で画面比のズレ防止 */
    height: auto;
    margin: 0;
}

/*ｸﾞﾙｰﾌﾟｺｰﾄﾞ group_code */
.search_conditions .group_search .div_flex .div_1 .group_code{
    width: 95%;
    padding-bottom: 1em;
    margin-top: 2em;
    margin-bottom: 1em;
}

.search_conditions .group_search .group_code h3::before{
    content: none;
}

.search_conditions .group_search .group_code .com_h5{
    height: 30px;
    line-height: 30px;
    font-weight: normal;
}

.search_conditions .group_search .div_flex .div_1 .group_code p{
    width: 95%;
    margin: 0.5em auto;
}

.search_conditions .group_search .div_flex .div_1 .group_code img{
    width: 467px;
    max-width: 100%;
    height: auto;
}

/*プルダウンメニューからグループを選択 id:img_group_search_2*/
#img_group_search_2{
    width: 100%;
    max-width: 455px;/*pxやremで指定で画面比のズレ防止 */
    height: auto;
    margin-left:0;
}

/*==集計方法 aggregation_method*/
.search_conditions .aggregation_method .div_flex:first-of-type{
    margin: 0.5em auto
}

.search_conditions .aggregation_method .div_flex p{
    width: 62%;
}

.search_conditions .aggregation_method .div_flex img{
    max-width: 372px;
    width: 95%;
}

.search_conditions .aggregation_method .div_flex:last-of-type{
    margin-bottom: 1em;
}

/*==出力順 output_order*/
.search_conditions .output_order .div_flex:first-of-type{
    margin: 0.5em auto
}

.search_conditions .output_order .div_flex p{
    width: 62%;
}

.search_conditions .output_order .div_flex img{
    max-width: 372px;
    width: 95%;
}

.search_conditions .output_order .div_flex:last-of-type{
    margin-bottom: 1em;
}

/*==在庫表示 inventory_display*/
.search_conditions .inventory_display p{
    margin-bottom: 0.5em;
}

.search_conditions .inventory_display ul{
    width: 90%;
    margin: 0 auto;
}

.search_conditions .inventory_display ul li{
    display: flex;
    height: 2em;
}

.search_conditions .inventory_display ul li .spa_1{
    display: inline-block;
    width: 6em;
    text-align: right;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
}

.search_conditions .inventory_display ul li .spa_2{
    flex: 1;
}

/*==在庫計算金額 calc_inv_val*/
.search_conditions .calc_inv_val .div_flex div{
    width: 60%;
}

.search_conditions .calc_inv_val .div_flex div p{
    margin-bottom: 1em;
}

.search_conditions .calc_inv_val .div_flex div table{
    width: 100%;
    font-size: 15px;
    margin-bottom: 1em;
}

.search_conditions .calc_inv_val .div_flex div table th{
    width: 9em;
    background-color: #FAFAFA;
}

/*imgプルダウンメニューから在庫計算金額を選択します。*/
#img_calc_inv_val{
    max-width: 259px;
    width: 100%;
}

/*==画像表示 image_display*/
.search_conditions .image_display .div_flex{
    margin-bottom: 0.5em;
}

.search_conditions .image_display .div_flex p{
    width: 70%;
}

.search_conditions .image_display .div_flex img{
    max-width: 247px;
    width: 100%;
}

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

/*==表示項目*/
.advanced_search th{
    width: 10%;
}

.advanced_search .th_2{
    background-color: #FAFAFA;
}

/*==カテゴリ１～６ ctg_1_6*/
.advanced_search .ctg_1_6 p{
    margin-bottom: 1em;
}

.advanced_search .ctg_1_6 img{
    max-width: 840px;
    width: 100%;
}

/*==CSVダウンロード download*/
.advanced_search .download .div_flex{
    padding: 0.5em 0;
}

.advanced_search .download .div_flex p{
    width: 55%;
}

.advanced_search .download .div_flex img{
    max-width: 399px;
    width: 100%;
    margin: 0;
}

/*+集計結果一覧*/
.img_div div:first-of-type{
    margin-bottom: 1.5em;
}

.img_div div h3{
    font-size: unset;
    font-weight: 400;
    color: black;
    margin-bottom: 0;
}

.img_div div img{
    max-width: 1340px;
    width: 100%;
    height: auto;
}

/**一覧　各項目*/
/*//合計（在庫数計～販売金額計） details_list_1*/
.details_list_1 th{
    width: 10%;
}

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

.details_list_1 .th_2{
    background-color: #FAFAFA; 
}





/*//画像～販売累計 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: 10%;
}