/*+各種マスタ：大部門マスタCSS*/

/**大部門名の変更 major_category div_1*/
.major_category .div_1 table{
    width: 90%;
    margin: 0 auto;
}

.major_category .div_1 table th{
    width: 17.75%;
    padding: 0.2em 0;
}

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

.major_category .div_1 .div_flex div{
    width: 45%;
    margin-left: 1em;
}

.major_category .div_1 .div_flex div:first-of-type p:last-of-type{
    margin-top: 2em;
}

/*登録ボタン*/
.major_category .div_1 .div_flex span{
    display: inline-block;
    width: fit-content;
    height: 35px;
    display: inline-flex;/*普通のflex妥当ロック要素扱いになる**/
    justify-content: space-between;
    align-items: end;
}

.major_category .div_1 .div_flex span::after{
    content: "";
    display: inline-block;
    width: 80px;
    height: 45px;
    background-image: url(img/major_category_button_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    margin: 0 0.3em;
}

/*画像*/
.major_category .div_1 .div_flex div:last-of-type{
    width: 49.7%;
    text-align: center;
    margin-right: 3%;
}

img[data-original="../../7-other_master/7-2-009/img/major_category_1.png"]{
    width: 100%;
    margin: 0;
}

/*更新メッセージ*/
img[data-original="../../7-other_master/7-2-009/img/major_category_2.png"]{
    display: inline-block;
    width: 74%;
    height: fit-content;
    border: 5px solid #F4DED3;
    border-radius: 20px;
    margin-top: 1em;
}

/**大部門の削除 major_category div_2*/
.major_category .div_2 .div_flex{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.major_category .div_2 .div_flex p{
    width: 45%;
    height: fit-content;
    margin-left: 1em;
}

/*削除ボタン*/
.major_category .div_2 .div_flex span{
    display: inline-block;
    width: fit-content;
    height: 35px;
    display: inline-flex;/*普通のflexだとブロック要素扱いになる**/
    justify-content: space-between;
    align-items: end;
}

.major_category .div_2 .div_flex span::after{
    content: "";
    display: inline-block;
    width: 80px;
    height: 45px;
    background-image: url(img/major_category_button_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    margin: 0 0.3em;
}

/*画像*/
.major_category .div_2 .div_flex div{
    width: 49.7%;
    text-align: center;
    margin-right: 3%;
}

img[data-original="../../7-other_master/7-2-009/img/major_category_3.png"]{
    width: 100%;
    margin: 0 ;
}

/*削除メッセージ*/
img[data-original="../../7-other_master/7-2-009/img/major_category_4.png"]{
    display: inline-block;
    width: 74%;
    height: fit-content;
    border: 5px solid #F4DED3;
    border-radius: 20px;
    margin-top: 1em;
}

/*+新規登録*/
/**リストから新規登録 major_category_list*/
.major_category_list p{
    width: 100%;
    padding-left: 1em;
}

.major_category_list p:last-of-type{
    margin-bottom: 1em;
}

/*新規登録ボタン*/
.major_category_list p:last-of-type span{
    display: inline-block;
    width: 17.3%;
    height: 35px;
    line-height: 40px;
    display: inline-flex;
}

.major_category_list p:last-of-type span::after{
    content: "";
    display: inline-block;
    width: 125px;
    height: 45px;
    background-image: url(img/major_category_list_button.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 0.3em;
}

.major_category_list .div_flex{
    width: 95%;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

/*画像*/
.major_category_list img{
    height: fit-content;
    margin: 0;
}

img[data-original="../../7-other_master/7-2-009/img/major_category_list_1.png"]{
    width: 28%;
}

img[data-original="../../7-other_master/7-2-009/img/major_category_list_2.png"]{
    width: 30%;
    border: 5px solid #F4DED3;
    border-radius: 20px;
}

img[data-original="../../7-other_master/7-2-009/img/major_category_list_3.png"]{
    width: 36%;
}

/*右矢印*/
.major_category_list .arrow{
    display: inline-block;
    width: 3em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.major_category_list .arrow::before{
    content: "→";
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    color: black;
}