/*+カテゴリー情報：カテゴリー別商品一覧CSS*/
table,
ul li{
    color: black;
    padding: 0;
    margin: 0;
}

ul{
    padding: 0;
    margin: 0;
}

table{
    height: fit-content;
}

table .div_flex{
    width: 100%;
}

button,
.button{
    all: unset;
}

img{
    width: 100%;
}

/*+h1:カテゴリー別商品一覧*/
/*「カテゴリ表示」を「使用する」に設定している場合のみ利用できます。 div_h1*/
.div_h1 > .div_flex:first-of-type{
    width: 90%;
    justify-content: space-around;
    margin-top: 0.5em;
}

.div_h1 > .div_flex:first-of-type .div_flex{
    width: 45%;
    justify-content: center;
}

.div_h1 > .div_flex:first-of-type .div_flex p{
    width: 15em;
    white-space: nowrap;
}

/*p左丸*/
.div_h1 > .div_flex:first-of-type .div_flex p::before{
    content: "●";
    display: inline-block;
    font-size: 20px;
}

.div_h1 img{
    max-width: 219px;
    width: 100%;
    min-width: 0;
    margin: 0;
}

/*+画面の各項目説明*/
/*imgカテゴリー別商品一覧画面*/
#img_category_product_list{
    max-width: 1187px;
}

/**ソート（並び順）　絞り込み sort_and_filter*/
/*imgソート（並び順）、絞り込み*/
#img_sort_and_filter_1{
    max-width: 699px;
}

.sort_and_filter> p:first-of-type{
    width: 95%;
    margin: 1em auto;
}

/*//ソート（並び順）の種類と絞り込み方法 sort_and_filter table*/
.sort_and_filter table{
    width: 95%;
    margin: 0 auto;
}

.sort_and_filter table .com_h5_th{
    font-weight: 400;
    font-size: unset;
    color: black;
}

.sort_and_filter table th{
    width: 10%;
}

.sort_and_filter table td .div_flex{
    justify-content: space-between;
}

.sort_and_filter table td .div_flex p{
    flex: 0.99;
}

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

/*==商品コード product_code*/
.product_code img{
    max-width: 513px;
}

/*==商品名 product_name*/
.product_name img{
    max-width: 512px;
}

/*==発売日 release_date*/
.release_date img{
    max-width: 617px;
}

/*==登録日 registration_date*/
.registration_date img{
    max-width: 617px;
}

/*==ＪＡＮ jan_code*/
.jan_code img{
    max-width: 512px;
}

/*==商品名カナ product_name_kana*/
.product_name_kana img{
    max-width: 514px;
}

/*==型番１ model_number_1*/
.model_number_1 img{
    max-width: 512px;
}

/*==型番２ model_number_2*/
.model_number_2 img{
    max-width: 512px;
}

/*==メーカー maker_code*/
.maker_code img{
    max-width: 513px;
}

/*==ﾊﾞｰｺｰﾄﾞ barcode_number*/
.barcode_number img{
    max-width: 512px;
}

/*==ｲﾝｽﾄｱｺｰﾄﾞ instore_code*/
.instore_code img{
    max-width: 512px;
}

/*==定価 regular_price*/
.regular_price img{
    max-width: 512px;
}

/*==売値（税抜） selling_price*/
.selling_price img{
    max-width: 512px;
}

/*==仕入値 purchase_price*/
.purchase_price img{
    max-width: 512px;
}

/**検索開始ﾚｺｰﾄﾞ番号　検索件数*/
/*//検索開始ﾚｺｰﾄﾞ番号 search_start_record*/
.search_start_record{
    height: fit-content;
}

.search_start_record img{
    max-width: 373px;
}

.search_start_record p{
    width: 95%;
    margin: 0 auto;
    margin-top: 1em;
}

/*//検索件数 search_count*/
.search_count img{
    max-width: 230px;
}

.search_count p{
    width: 95%;
    margin: 0 auto;
    margin-top: 1em;
}

.search_count p span{
    text-decoration: underline;
    text-decoration-color: red;
}

/**開始ﾚｺｰﾄﾞ番号　表示件数*/
/*//開始ﾚｺｰﾄﾞ番号 start_record_number*/
.start_record_number img{
    max-width: 347px;
}
.start_record_number p{
    width: 95%;
    margin: 0 auto;
    margin-top: 1em;
}

/*//表示件数 display_count*/
.display_count img{
    max-width: 230px;
}

.display_count p{
    width: 95%;
    margin: 0 auto;
    margin-top: 1em;
}

/**検索　リロード search_and_reload*/
.search_and_reload tr:nth-of-type(2) td img{
    max-width: 328px;
    margin: 0.5em auto;
}
.search_and_reload th{
    width: 10%;
}

/**カテゴリ選択 select_category*/
.select_category table{
    flex: 0.9;
}

.select_category table th{
    width: 13%;
}

/*==カテゴリ名 category_name*/
.category_name p{
    flex: 0.95;
}

.category_name img{
    max-width: 212px;
}

/*==カテゴリリスト category_list*/
.category_list p{
    flex: 0.95;
}

.category_list img{
    max-width: 210px;
}

/*imgカテゴリ選択*/
#img_select_category_1{
    max-width: 212px;
}

/**商品一覧　表示項目 product_list*/
/*img商品一覧*/
#img_product_list_1{
    max-width: 830px;
    margin: 0.5em auto;
}

.product_list th{
    width: 10%;
}

.product_list td{
    width: 40%;
}

/*+カテゴリ未登録商品の登録*/
/**カテゴリ登録手順 categ_regist_proc*/
.categ_regist_proc .div_flex{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 1em;
}

/*p左１． ２． ３．*/
.categ_regist_proc .spa_1{
    color: black;
    font-weight: 900;
}

/*//１. 一覧画面でカテゴリ未登録の商品を選択します。 div_1*/
.categ_regist_proc .div_1 .key{
    display:inline-block;
    width: fit-content;
    height: 25px;
    line-height: 25px;
    background:#F5F5F5;
    border:1px solid #CFCFCF;
    border-radius:4px;
    box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.9),
    0 1px 2px rgba(0,0,0,0.12);
    color:#333333;
    font-size:0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.categ_regist_proc .div_1 img{
    max-width: 1177px;
}

/*//２．登録したい商品をすべて選択し、ドラッグ＆ドロップで登録します。 div_2*/
.categ_regist_proc .div_2 img{
    max-width: 1177px;
}

/*マウスカーソルの表示が変化します。 d_1 */
.categ_regist_proc .div_2 .d_1{
    width: 95%;
    margin: 0 auto;
    margin-top: 2em;
}

.categ_regist_proc .div_2 .d_1 ul{
    width: 45%;
    display: flex;
    margin-left: 1.5em;
}

.categ_regist_proc .div_2 .d_1 ul li{
    width: 45%;
    display: flex;
    align-items: center;
    white-space: nowrap;    
}

/*＋ ✕アイコン*/
.categ_regist_proc .div_2 .d_1 ul li img{
    max-width: 47px;
}

.categ_regist_proc .div_2 .d_1 ul li span{
    flex: 1;
    padding-left: 0.5em;
}

/*//登録が完了すると～ div_3*/
.categ_regist_proc .div_3 img{
    max-width: 1177px;
}