/*//設定リセット*/
ul{
    margin-bottom: 0;
}

/*+各種マスタ：ユーザID一覧CSS*/
.spa_h1 span{
    color: red;
}

.id_list > img:first-of-type{
    margin-bottom: 3em;
}
/*改行*/
.spa_2{
    display: block;
}

/*//各項目の表示など id_list div_1*/
.id_list .div_1 > img:first-of-type{
    width: 95%;
    margin-bottom: 2em;
}

.id_list .div_1 table{
    width: 95%;
    margin: 0 auto;
}

.id_list .div_1 table th{
    width: 12%;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    background-color: #EEEEEE;
    padding: 0.2em 0;
}

.id_list .div_1 table td{
    padding: 1em;
}

/*table内で横並び*/
.id_list .div_1 table .td_flex_1{
    width: 100%;
    display: flex;
    border-left: none;
    border-bottom: none;
}

/*NYのフォント*/
.id_list .div_1 table .spa_1{
    display: inline-block;
    width: 5%;
    font-size: 18px;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
}

/*ユーザＩＤ*/
.id_list .div_1 table .tr_1 p{
    width: 42%;
    margin: auto 0;
}

.id_list .div_1 table .tr_1 img{
    margin-left: 11.5%;
}

/*担当者名*/
.id_list .div_1 table .tr_2 p{
    width: 33%;
    margin: auto 0;
}

.id_list .div_1 table .tr_2 img{
    margin-left: 46.5%;
}

/*権限*/
.id_list .div_1 table .tr_3 p{
    width: 50%;
    margin: auto 0;
}

.id_list .div_1 table .tr_3 img{
    margin-left: 8.1%;
    height: fit-content;
}

/*所属店舗コード*/
.id_list .div_1 table .tr_4

/*店長フラグ*/
.id_list .div_1 table .tr_5 ul{
    margin-bottom: 0;
}

/*ユーザID登録許可*/
.id_list .div_1 table .tr_6 ul{
    margin-bottom: 0;
}

/*ｸﾞﾙｰﾌﾟｺｰﾄﾞ*/
.id_list .div_1 table .tr_7

/*ｸﾞﾙｰﾌﾟ名*/
.id_list .div_1 table .tr_8

/*操作*/
.id_list .div_1 table .tr_9 td{
    width: 100%;/*これがないと横並びにならない*/
}

/*リストとtable横並び*/
.id_list .div_1 table .tr_9 .td_flex_2{
    width: 100%;
    display: flex;
    border-top: none;
    border-left: none;
    margin: 0 auto;
}

.id_list .div_1 table .tr_9 .td_flex_2 div{
    width: 45%;
}

/*ulの余白消し*/
.id_list .div_1 .tr_p table .tr_9 ul{
    padding: 0;
}

.id_list .div_1 table .td_flex_2 div ul li:first-of-type{
    margin-bottom: 1em;
}

.id_list .div_1 table .tr_9 .td_flex_2 div p{
    padding-left: 1em;
    margin-top: 3.5em;
}

/*※ユーザーIDの変更、削除が可能な条件*/
.id_list .div_1 table .tr_9  table:last-of-type{
    width: 50%;
}

.id_list .div_1 table .tr_9  table:last-of-type tr:first-of-type th{
    font-weight: bold;
}

.id_list .div_1 table .tr_9  table:last-of-type th,
.id_list .div_1 table .tr_9  table:last-of-type th p{
    width: 9em;
}

.id_list .div_1 table .tr_9  table:last-of-type td{
    font-size: 14px;
}

.id_list .div_1 table .tr_9  table:last-of-type ul,
.id_list .div_1 table .tr_9  table:last-of-type ul li{
    padding: 0;
}

.id_list .div_1 table .tr_9  table:last-of-type ul li{
    margin-left: 0.5em;
    position: relative;
}

/*リストの点*/
.id_list .div_1 table .tr_9  table:last-of-type ul li::before{
    content: "・";
    display: inline-block;
    position: absolute;
    left: -1em;
}


/*変更・削除の装飾*/
.id_list .div_1 table .tr_9 .spa_3{
    display: block;
    width: 3em;
    color: #585A67;
    text-decoration: underline;
}