/*+処理種別：伝票詳細CSS*/
/*設定リセット*/
table{
    margin-bottom: 0;
}

/*h1説明*/
.spa_h1{
    display: inline-block;
    width: fit-content;
    position: absolute;
    right: 13%;
}

/*共通*/
.div_flex{
    width: 95%;
    display: flex;
    margin: 0 auto;
}

.spa_block{
    display: block;
}

/**日付／時間／伝票番号部 div_1*/
.div_1 .div_flex{
    justify-content: space-between;
}

.div_1 table{
    width: 55%;
}

.div_1 table th{
    width: 6em;
}

/*=ボタン*/
.div_1 .spa_1{
    display: inline-block;
    width: 2em;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #4F4F4F;
    border-radius: 3px;
    background-color: #EFEFEF;
    margin: 0 0.2em;
}

.div_1 img{
    width: 40%;
    height: fit-content;
}

/**伝票部 div_2*/
.div_2 table{
    width: 95%;
    margin: 0 auto;
    margin-top: 2em;
}

.div_2 table th{
    width: 10%;
}

.div_2 table td{
    width: calc(50% - 10%);
}

/**顧客（仕入先）情報部 div_3*/
.div_3 table{
    width: 95%;
    margin: 0 auto;
    margin-top: 2em;
}

.div_3 table th{
    width: 10%;
}

.div_3 table td{
    width: calc(50% - 10%);
}

/**明細部 div_4*/
.div_4 table{
    width: 95%;
    margin: 0 auto;
    margin-top: 2em;
}

.div_4 table th{
    width: 10%;
}

.div_4 table td{
    width: calc(50% - 10%);
}

/**小計部 div_5*/
.div_5 table{
    width: 95%;
    margin: 0 auto;
    margin-top: 2em;
}

.div_5 table th{
    width: 10%;
}

.div_5 table td{
    width: calc(50% - 10%);
}