/*+商品分析：商品移動一覧CSS*/
table,ul li{
    color: black;
    padding: 0;
    margin: 0;
}

ul{
    padding: 0;
    margin: 0;
}

table{
    height: fit-content;
}

table .div_flex{
    width: 100%;
}

/*+表示条件 filter*/
/**期間 filter div_1*/

/**部門選択 dept_selection*/
.dept_selection > p:first-of-type{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 1em;
}

.dept_selection p > span:first-of-type{
    display: inline-flex;
    justify-content: space-between;
    width: 4.3em;
    text-align: center;
    align-items: center;
}

/*()*/
.dept_selection p > span:first-of-type::before{
    content: "（";
    font-size: 1.2em;
    color: #585A67;
}

.dept_selection p > span:first-of-type::after{
    content: "）";
    font-size: 1.2em;
    color: #585A67;
}

/*＋*/
.dept_selection p .fa-plus{
    font-size: 1.8em;
    color: #585A67;
    line-height: 1;
    margin-right: 0.2em;
}

.dept_selection .div_flex{
    justify-content: space-between;
    margin: 0 auto;
}

.dept_selection table{
    width: 50%;
    height: fit-content;
}

.dept_selection table th{
    width: 25%;
}

/*アイコン*/
.dept_selection table th span{
    display: inline-block;
    font-size: 45px;
    line-height: 1;
    color: #585A67;
}

/*clearボタン*/
.dept_selection table tr:first-of-type th img{
    padding: 0.3em 0;
    margin: 0 auto;
}

/*ALL*/
.dept_selection table tr:last-of-type th{
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.3em;
}

/*img 部門選択*/
#img_dept_selection{
    height: fit-content;
}

/**店舗・グループ選択 .filter .div_2*/

/**キーワード keyword*/
.keyword .div_flex{
    justify-content: space-between;
}

.keyword .div_1{
    width: 67.3%;
    font-size: 15px;
}

.keyword .div_1 p{
    font-size: 15px;
}

.keyword .div_1 .com_border,
.keyword .div_1 table{
    width: 95%;
}

.keyword .div_1 .com_border{
    padding-bottom: 1em;
}

.keyword .div_1 .com_h5,
.keyword .div_1 .com_h5_th{
    height: auto;
    line-height: 2;
    font-size: 16px;
    font-weight: 400;
    color: black;
}

/*//clearボタン clear*/
.keyword .clear{
    margin-bottom: 1em;
}

.keyword .clear th{
    width: 21.5%;
    padding: 0.2em 0;
}

/*//移動区分 movement_type*/
.keyword .movement_type{
    margin-bottom: 1em;
}

.keyword .movement_type th{
    width: 5em;
}

/*//表示設定 display_settings*/
.keyword .display_settings{
    margin-bottom: 1em;
}

.keyword .display_settings > p:first-of-type,
.keyword .display_settings .div_1,
.keyword .display_settings .div_2{
    width: 95%;
    margin: 0 auto;
}

.keyword .display_settings > p:first-of-type{
    text-decoration: underline;
    text-decoration-color: red;
    margin-bottom: 0.5em;
}

.keyword .display_settings h4{
    font-weight: 400;
    color: #363640;
    margin-bottom: 0;
}

/*チェックボックスアイコン fa-square-o*/
.keyword .display_settings h4 .fa-square-o{
    font-size: 19px;
    color: #767676;
    margin-right: 0.05em;
}

.keyword .display_settings div p{
    width: 95%;
    margin: 0 auto;
}

/*破線の区切り線*/
.keyword .display_settings hr{
    margin: 1em;
}

/*//移動店舗 mobile_shop*/
.keyword .mobile_shop{
    margin-bottom: 1em;
}

.keyword .mobile_shop .div_flex{
    justify-content: space-between;
}

.keyword .mobile_shop .div_flex .div_1{
    width: 60%;
}

.keyword .mobile_shop .div_flex .div_1 .d_1{
    width: 100%;
    background-color: #F9F9FF;
    border: 1px solid #D8DCDE;
    padding: 0 1em;
    padding-bottom: 0.5em;
}

.keyword .mobile_shop .div_flex .div_1 .d_1 img:first-of-type{
    margin-bottom: 0.5em;
}

.keyword .mobile_shop .div_flex .div_1 .d_1 h4{
    font-weight: 400;
    color: black;
    margin: 0;
}

/*h4左丸*/
.keyword .mobile_shop .div_flex .div_1 .d_1 h4::before{
    content: "●";
    display: inline-block;
    font-size: 18px;
}

.keyword .mobile_shop .div_flex .div_1 .d_1 img{
    max-width: 295px;
    width: 100%;
}

/*img移動を集計する店舗のコード範囲をプルダウンメニューから指定します。*/
#img_mobile_shop_1{
    max-width: 298px;
    width: 100%;
    margin: 0;
}

/*//検索キー key_search*/
.keyword .key_search{
    margin-bottom: 1em;
}

.keyword .key_search p{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 1em;
}

.keyword .key_search .div_flex{
    justify-content: space-between;
}

.keyword .key_search .div_flex .div_1{
    width: 60%;
}

.keyword .key_search .div_flex .div_1 .d_1{
    width: 100%;
    background-color: #F9F9FF;
    border: 1px solid #D8DCDE;
    padding: 0 1em;
    padding-bottom: 0.5em;
    margin-bottom: 0.7em;
}

.keyword .key_search .div_flex .div_1 .d_1 img:first-of-type{
    margin-bottom: 0.5em;
}

.keyword .key_search .div_flex .div_1 .d_1 h4{
    font-weight: 400;
    color: black;
    margin: 0;
}

/*h4左丸*/
.keyword .key_search .div_flex .div_1 .d_1 h4::before{
    content: "●";
    display: inline-block;
    font-size: 18px;
}

/*img検索範囲の数値を半角数字で入力します。*/
#img_key_search_2{
    max-width: 283px;
    width: 100%;
}

/*img検索する文字を入力します。*/
#img_key_search_3{
    max-width: 266px;
    width: 100%;
}

.keyword .key_search .div_flex .div_1 table{
    width: 100%;
    font-size: 14px;
}

.keyword .key_search .div_flex .div_1 table th{
    width: 7em;
}

/*img入力欄に検索条件となる文字または数値を入力して検索します。*/
#img_key_search_1{
    max-width: 100px;
    width: 100%;
}


/*//画像表示 image_display*/
.keyword .image_display img{
    max-width: 238px;
    width: 100%;
}

/*imgキーワード検索*/
#img_keyword{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/**詳細検索 advanced_search*/
.advanced_search .div_flex{
    justify-content: space-between;
}

.advanced_search table{
    width: 64%;
    font-size: 15px;
}

.advanced_search table p{
    font-size: 15px;
}

.advanced_search table th{
    width: 7em;
}

/*==価格設定日 price_set_date*/
.advanced_search .price_set_date p{
    flex: 0.95;
}

.advanced_search .price_set_date img{
    max-width: 402px;
    width: 48%;
    margin: 0;
}

/*img詳細検索*/
#img_advanced_search{
    margin-right: 0.8em;
}

/**項目選択 item_selection*/
.item_selection .div_flex{
    justify-content: space-between;
}

.item_selection .div_1{
    width: 67.3%;
    font-size: 15px;
}

.item_selection .div_1 p{
    font-size: 15px;
    margin-bottom: 1em;
}

/*適用*/
.item_selection .div_1 p span{
    display: inline-block;
    width: 4em;
    color: #363640;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 3px;
    margin-right: 0.2em;
}


.item_selection .div_1 table{
    width: 95%;
}

.item_selection .div_1 table th{
    width: 7em;
}

/*アイコンに白背景*/
.item_selection .div_1 table .icon_back{
    display: inline-block;
    font-size: 19px;
    line-height: 3px;
    color: #363640;
}

.item_selection .div_1 table .icon_back::before{
    display: inline-block;
    width: 0.8em;/*チェック有りのはみ出る分を調整*/
    line-height: 0.65;/* 行の高さを詰める */
    background: #fff;
    border-radius: 2px;
    margin-top: -0.2em;
    margin-right: 0.25em;
}

/**カテゴリー category*/
.category .div_flex{
    justify-content: space-between;
}

.category .div_1{
    width: 65%;
    font-size: 15px;
}

.category .div_1 img{
    max-width: 288px;
    width: 100%;
    margin-top: 2em;
}

/*imgカテゴリー選択*/
#img_category_1{
    max-width: 351px;
    width: 100%;
}



/*+集計結果一覧*/
/*商品移動一覧サンプル画像*/
/*img商品移動一覧*/
#img_prod_mvmt_list{
    max-width: 1863px;
    width: 100%;
}

/**一覧　各項目 prod_mvmt_list*/
.prod_mvmt_list th{
    width: 10em;
}

/*アイコンに白背景*/
.prod_mvmt_list th .icon_back{
    display: inline-block;
    font-size: 30px;
    line-height: 1;
}

.prod_mvmt_list th .icon_back::before{
    display: inline-block;
    line-height: 0.9;/* 行の高さを詰める */
    background: #fff;
    border-top-right-radius: 10px;
    margin-top: 0.15em;
}

/*総計数量・総計金額のフォント .th_font_1*/
.prod_mvmt_list .th_font_1{
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
}

/*==店舗名 shop_name*/
.prod_mvmt_list .shop_name th span{
    display: inline-block;
    width: 90%;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
    color: white;
    background-color: #585A67;
}

/*==店舗間移動 shop_transfer*/
.prod_mvmt_list .shop_transfer th span{
    display: inline-block;
    width: 90%;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
    color: white;
    background-color: #585A67;    
}

.prod_mvmt_list .shop_transfer .div_flex p{
    width: 27%;
}

.prod_mvmt_list .shop_transfer .div_flex ul{
    flex: 1;
}

.prod_mvmt_list .shop_transfer .div_flex ul li{
    line-height: 2em;
}

.prod_mvmt_list .shop_transfer .div_flex ul li .spa_1{
    display: inline-block;
    width: 9.5em;
    text-align: right;
}

.prod_mvmt_list .shop_transfer .div_flex ul li .spa_2{
    display: inline-block;
    width: 13em;
    line-height: 1.5;
    text-align: center;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
    color: white;
    background-color: #585A67;
}

/*小計・合計のフォント*/
.prod_mvmt_list .th_font_2 span{
    display: inline-block;
    width: 90%;
    line-height: 1.5;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
    background-color: #C0C0C0;
}

/*+集計結果一覧（移動区分「移動中」、表示設定：両方チェック）*/
.div_img p{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 1em;
}
/*商品移動一覧サンプル画像（移動区分「移動中」、表示設定：両方チェック）*/
/*img商品移動一覧（移動区分「移動中」、表示設定：両方チェック）*/
#img_prod_agg_res_list{
    max-width: 1863px;
    width: 100%;
}

/**一覧　各項目 prod_agg_res_list*/
/*アイコンに白背景*/
.prod_agg_res_list th .icon_back{
    display: inline-block;
    font-size: 30px;
    line-height: 1;
}

.prod_agg_res_list th .icon_back::before{
    display: inline-block;
    line-height: 0.9;/* 行の高さを詰める */
    background: #fff;
    border-top-right-radius: 10px;
    margin-top: 0.15em;
}

/*総計数量・総計金額のフォント .th_font_1*/
.prod_agg_res_list .th_font_1{
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
}