/*+メーカー、仕入先登録／リスト表示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{
    all: unset;
}

.com_border p{
    width: 95%;
    margin: 0 auto
}

/*+一覧の表示と操作方法*/
/**カテゴリ商品マスタ画面からメーカー・仕入先リストを表示する display_list*/
/*img「メーカー」または「主仕入先」の右側にある選択をクリックでそれぞれの登録済一覧が表示されます。*/
#img_display_list_1{
    max-width: 568px;
    margin-top: 1em;
}

/*下向き矢印 arrow*/
.display_list .arrow{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 1em 0;
}

.display_list .arrow::before{
    content: "↓";
    font-size: 35px;
    font-weight: 900;
    color: #4F4F4F;
}

.display_list .div_flex{
    justify-content: space-between;
}

.display_list .div_flex div{
    width: 45%;
}

.display_list h4{
    font-weight: 400;
    color: black;
    padding-left: 1em;
    margin: 0;
}

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

.display_list .div_flex div img{
    max-width: 660px;
    width: 95%;
}

/**メーカー・主仕入先リスト画面の各項目 list_screen_items*/
.list_screen_items > .div_flex:first-of-type{
    justify-content: space-between;
} 

.list_screen_items table{
    flex: 0.97;
}

.list_screen_items table th{
    text-align: left;
    padding-left: 1.5em;
}

.list_screen_items table td p{
    width: 100%;
}

/*==検索 search*/
.list_screen_items .search .div_img{
    margin: 0.5em;
}

.list_screen_items .search .div_img img{
    max-width: 439px;
}

/*下向き矢印 arrow*/
.list_screen_items .search .div_img .arrow{
    display: flex;
    justify-content: center;
    align-items: center;
}

.list_screen_items .search .div_img .arrow::before{
    content: "↓";
    font-size: 25px;
    font-weight: 900;
    color: #4F4F4F;
}

/*==○○マスタの編集 edit_master*/
.edit_master .div_flex{
    justify-content: center;
    gap: 4em;
    margin: 1em auto;
}

.edit_master .div_flex a{
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    color: black;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 3px;
    padding: 0.1em 1em;
}

.edit_master .div_flex .button_1{
    padding: 0.1em 0;
    padding-right: 1.5em;
    padding-left: 0.5em;
}

.edit_master .div_flex a:hover{
    background-color: #E5E5E5;
}

/*imgメーカーリストと主仕入先リスト操作手順サンプル画像*/
#img_list_screen_items_1{
    max-width: 660px;
    width: 40%;
    margin: 0;
}