/*+各種マスタ：グループ登録（店舗グループ）CSS*/

/*//グループマスタの新規登録  hierarchy_list div_1*/
.hierarchy_list .div_1 p{
    width: 100%;
    padding-left: 2em;
    margin-bottom: 1em;
}

/*登録ボタン*/
.hierarchy_list .div_1 p .spa_1{
    display: inline-block;
    width: 5em;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 3px;
    margin: 0 0.3em;
}

.hierarchy_list .div_1 .div_flex{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.hierarchy_list .div_1 .div_flex table{
    width: 45%;
    margin-bottom: 0;
}

.hierarchy_list .div_1 .div_flex table th{
    width: 20.5%;
}

.hierarchy_list .div_1 .div_flex table .spa_2{
    display: block;
}

img[data-original="../../7-other_master/7-2-016/img/hierarchy_list_1.png"]{
    height: fit-content;    
}

/*//店舗グループマスタ一覧 hierarchy_list div_2*/
.hierarchy_list .div_2 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
}

.hierarchy_list .div_2 .div_flex{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.hierarchy_list .div_2 table{
    width: 45%;
    height: fit-content;
    margin-bottom: 0;
}

.hierarchy_list .div_2 table th{
    width: 20.5%;
}

/*登録 更新 削除ボタン*/
.hierarchy_list .div_2 table span{
    display: inline-block;
    width: 5em;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 3px;
    margin-right: 0.3em;
}

/*+マスタの階層登録と編集 article*/
/*//グループ関連マスタ登録 hierarchy_register*/
.hierarchy_register > p:first-of-type{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

.hierarchy_register .div_flex{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.hierarchy_register .div_flex:first-of-type{
    margin-bottom: 2em;
}

.hierarchy_register .div_flex p{
    width: 44%;
}

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

/*削除ボタン*/
.hierarchy_register .div_flex span{
    display: inline-block;
    width: 4.5em;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 3px;
    margin-right: 0.3em;
}

/*//グループマスタ変更 hierarchy_edit*/
.hierarchy_edit .div_flex{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.hierarchy_edit .div_flex p{
    width: 44%;
}

/*更新ボタン*/
.hierarchy_edit .div_flex p span{
    display: inline-block;
    width: 4.5em;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 3px;
    margin: 0 0.3em;
}

/*+グループマスタ一覧*/
/*//ツリー構造 hierarchy_tree*/
.hierarchy_tree > p:first-of-type{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1.5em;
}

.hierarchy_tree .div_flex_1,
.hierarchy_tree .div_flex_2{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.hierarchy_tree .div_flex_1{
    margin-bottom: 2em;
}

.hierarchy_tree .div_flex_1 table{
    width: 25%;
    height: fit-content;
}

/*関連をすべて削除ボタン*/
.hierarchy_tree .div_flex_1 table .spa_1{
    display: inline-block;
    width: 10em;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 3px;
    margin: 0.3em 0;
}

.hierarchy_tree .div_flex_1 table .spa_2{
    display: block;
}

img[data-original="../../7-other_master/7-2-016/img/hierarchy_tree_1.png"]{
    width: 65%;
}

.hierarchy_tree .div_flex_2 p{
    width: 36%;
}

img[data-original="../../7-other_master/7-2-016/img/hierarchy_tree_2.png"]{
    width: 60%;
}