/*+売上明細ＣＳＶ取出CSS*/
table,ul{
    color: black;
    margin: 0;
}

table .div_flex{
    width: 100%;
}

table h3{
    font-weight: 400;
    font-size: unset;
    margin-bottom: 0;
}

ul, ul li{
    padding: 0;
}

/*+CSVフォーマット csv_format*/
.csv_format{
    width: 100%;
}

.csv_format .com_h4_th{
    font-weight: 400;
}

.csv_format .com_h4_th .spa_1{
    display: inline-block;
    width: fit-content;
}

.csv_format .com_h4_th .spa_2{
    display: inline-block;
    flex: 1;
    padding-left: 2em;
}

/*No*/
.csv_format .th_1{
    width: 5%;
}

/*フィールド名*/
.csv_format .th_2{
    width: 16%;
}

/*桁数*/
.csv_format .th_3{
    width: 8%;
}

/*$$(伝票)##(明細)*/
.csv_format .th_4{
    width: 15%;
}

/*備考*/
.csv_format .th_5{
    width: 56%;
}

/*備考以外中央寄せ*/
.csv_format td:not(.csv_format td:last-of-type){
    text-align: center;
}

/*赤で記載されてる備考
.red_remark,
.red_remark *{
    color: #dc2626;
}*/


/*==明細no detail_no*/
.detail_no h3,
.detail_no ul li{
    line-height: 1.9em;
}

.detail_no ul li span{
    width: 8em;
    display: inline-flex;
    justify-content: space-between;
    padding-right: 1em;
}

.detail_no ul li span::after{
    content: "→";
    display: inline-block;
    font-size: 17px;
}

/*==処理種別２ process_type_2*/
.process_type_2 ul{
    font-size: 15px;
}

/*==数量 quantity*/
.quantity ul li{
    line-height: 1.9em;
}

.quantity ul li span{
    width: 7em;
    display: inline-flex;
    justify-content: space-between;
    padding-right: 1em;
}

.quantity ul li span::after{
    content: "→";
    display: inline-block;
    font-size: 17px;
}

/*==合計金額 total_amount*/
.total_amount ul li{
    line-height: 1.9em;
}

.total_amount ul li span{
    width: 7em;
    display: inline-flex;
    justify-content: space-between;
    padding-right: 1em;
}

.total_amount ul li span::after{
    content: "→";
    display: inline-block;
    font-size: 17px;
}

/*==粗利金額 gross_profit_amount*/
.gross_profit_amount span{
    margin-left: 3em;
}

/*==単価修正 unit_price_modification*/
.unit_price_modification{
    font-size: 15px;
}

.unit_price_modification p{
    width: 4em;
}

.unit_price_modification ul li{
    line-height: 1.9em;
}

.unit_price_modification ul li span:first-of-type{
    width: 7em;
    display: inline-flex;
    justify-content: space-between;
    padding-right: 1em;
}

.unit_price_modification ul li span:first-of-type::after{
    content: "→";
    display: inline-block;
    font-size: 17px;
}

.unit_price_modification ul li:last-of-type span:last-of-type{
    display: inline-block;
    width: calc(100% - 7em);
    margin-left: 7em;
}

/*==顧客担当者コード client_staff_code*/
.client_staff_code p,
.client_staff_code ul li{
    line-height: 1.9em;
}

.client_staff_code ul li span{
    width: 8em;
    display: inline-flex;
    justify-content: space-between;
    padding-right: 1em;
}

.client_staff_code ul li span::after{
    content: "→";
    display: inline-block;
    font-size: 17px;
}

/*==拡張ログ区分 extended_log_classification*/
.extended_log_classification ul{
    flex: 1;
}

.extended_log_classification ul li span{
    display: inline-block;
    width: 35%;
}

/*==単価種別 unit_price_type*/
.unit_price_type ul{
    width: 80%;
    display: flex;
    justify-content: space-around;
}

.unit_price_type ul li{
    width: fit-content;
    line-height: 2em;
}

/*==免税使用 tax_free_use */
.tax_free_use .div_flex div{
    flex: 1;
}

.tax_free_use .div_flex div ul{
    width: 80%;
    display: flex;
    justify-content: space-between;
    line-height: 2em;
}

.tax_free_use .div_flex div ul li:first-of-type{
    width: fit-content;
}

.tax_free_use .div_flex div ul li:last-of-type{
    display: flex;
    flex: 0.9;
    justify-content: space-between;
}

/*==セット割引・セット区分 set_discount_type*/
.set_discount_type ul li span{
    width: 8em;
    display: inline-flex;
    justify-content: space-between;
    padding-right: 1em;
}

.set_discount_type ul li span::after{
    content: "→";
    display: inline-block;
    font-size: 17px;
}

/*==予備1_1 spare_1_1*/
.spare_1_1 ul li span{
    width: 7.5em;
    display: inline-flex;
    justify-content: space-between;
    padding-right: 1em;
}

.spare_1_1 ul li span::after{
    content: "=";
    display: inline-block;
    font-size: 17px;
}

/*==予備1_2 spare_1_2*/
.spare_1_2 ul li span{
    width: 7.5em;
    display: inline-flex;
    justify-content: space-between;
    padding-right: 1em;
}

.spare_1_2 ul li span::after{
    content: "=";
    display: inline-block;
    font-size: 17px;
}

/*//※１　特殊商品コードについて remark_1*/
.remark_1 h5{
    font-size: unset;
    font-weight: 400;
    color: black;
}

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

.remark_1 h5,
.remark_1 p,
.remark_1 table{
    width: 95%;
    margin: 0 auto;
}

.remark_1 .div_1 p,
.remark_1 .div_2 p,
.remark_1 .div_3 p{
    width: 90%;
}

.remark_1 > p:last-of-type{
    margin-top: 1em;
}

.remark_1 > p:last-of-type span{
    display: inline-block;
    margin-top: 0.5em;
}

.remark_1 table th{
    width: 15%;
}

.remark_1 table td span{
    display: inline-block;
    width: 15%;
}