/*+伝票・明細情報：処理種別*/

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

/*+処理種別 各項目*/
/**指定期間 period*/
.period > p:first-of-type{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
}

.period .div_flex{
    justify-content: space-between;
}

.period .div_flex div{
    width: 48%;
}

.period .div_flex div p{
    padding-left: 1.5em;
    margin-bottom: 0.5em;
}

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

.period .div_flex div img{
    width: 60%;
}

/**店舗コード shop_code*/
.shop_code .div_flex p{
    width: 40%;
}

.shop_code img{
    width: 30%;
    margin-left: 0;
}

/**小計表示 subtotal*/
img[data-original="../../2-sales_details/2-1-001/img/subtotal.png"]{
    width: 55%;
    margin-right: 4%;
}
/*//小計単位 subtotal_unit*/
.subtotal_unit{
    width: 95%;
    margin: 0 auto;
}

.subtotal_unit .div_flex p{
    width: 40%;
}

.subtotal_unit .div_flex{
    justify-content: space-between;
}

.subtotal_unit .div_flex ul{
    width: 60%;
    color: black;
    margin-bottom: 0;
}

.subtotal_unit .div_flex ul li{
    margin: 0.5em 0 1em;
}

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


.subtotal_unit .div_flex ul li img{
    width: 95%;
}

/**処理種別 process_type*/
.process_type > p:first-of-type{
    width: 55%;
}

.process_type .div_flex{
    justify-content: space-between;
}

.process_type .div_flex div{
    width: 40%;
}

.process_type .div_flex div img{
    width: 95%;
    margin-top: 1em;
}

.process_type table{
    width: 60%;
    font-size: 14px;
}

.process_type table th{
    width: 10%;
}

.process_type table td span{
    display: block;
}

.process_type > p:last-of-type{
    width: 100%;
    padding-left: 1em;
}

.process_type > p:last-of-type span{
    display: inline-block;
    font-size: 19px;
    font-weight: bold;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
}

/**移動先(元)・ＣＳＶ*/
.div_flex_h3{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.div_flex_h3 div{
    width: 49%;
}

.div_flex_h3 .com_border{
    padding-bottom: 0;
}

/*//移動先(元) destination*/
.destination p{
    width: 100%;
    padding-left: 1em;
}

/*//ＣＳＶ csv*/
.csv p{
    width: 100%;
    padding-left: 1em;
}

.csv ul{
    color: black;
    text-align: center;
    margin-bottom: 1em;
}

.csv ul li span{
    text-decoration: underline;
}

/**税抜表示 tax_excl*/
.tax_excl p{
    width: 100%;
    padding-left: 1em;
}

.tax_excl ul{
    color: black;
    margin-top: 0.5em;
    margin-left: 5%;
}

.tax_excl ul li span{
    text-decoration: underline;
}

/**検索キー key_search*/
.key_search{
    position: relative;
}

.key_search .div_flex{
    justify-content: space-between;
}

.key_search .div_flex img{
    width: 40%;
    padding-bottom: 4em;/*table分余白*/
    margin: 0;
}

.key_search table{
    width: 62%;
    font-size: 14px;
    margin-left: 2em;
    position: absolute;
    top: 30%;
}

.key_search table th{
    width: 7.5em;
}

.key_search table td{
    padding: 0.5em 0.23em;
}

/**時間帯 顧客コード*/
/*//時間帯 time*/
.time p{
    width: 100%;
    padding-left: 1em;
}

.time img{
    width: 70%;
    margin: 1em auto;
}

/*//顧客コード customer_code*/
.customer_code p{
    width: 100%;
    padding-left: 1em;
}

.customer_code img{
    width: 85%;
    margin: 1em auto;
}

/**曜日 伝票番号*/
/*//曜日 day*/
.day p{
    width: 100%;
    padding-left: 1em;
}

.day img{
    width: 70%;
    margin: 1em auto;
}
/*//伝票番号 slip_no*/
.slip_no p{
    width: 100%;
    padding-left: 1em;
}

.slip_no img{
    width: 85%;
    margin: 1em auto;
}

/**仕入伝票日付 仕入伝票No*/
/*//仕入伝票日付 purchase_date*/
.purchase_date p{
    width: 100%;
    padding-left: 1em;
}

.purchase_date img{
    width: 75%;
    margin: 1em auto;
}

/*//仕入伝票No purchase_no*/
.purchase_no p{
    width: 100%;
    padding-left: 1em;
}

.purchase_no img{
    width: 75%;
    margin: 1em auto;
}

/**表示項目 display_items*/
.display_items p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
}

.display_items img{
    width: 75%;
}

.display_items table{
    width: 90%;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 0;
}

.display_items table tr{
    width: 50%;
}

.display_items table th{
    width: 8%;
}

.display_items table td{
    width: calc(50% - 8%);
}

.display_items table td span{
    display: block;
}

/*+データダウンロード download*/
.download p{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 1em;
}

.download .div_flex{
    justify-content: space-around;
}

.download .div_flex div{
    width: 32%;
}

.download .div_flex div img{
    width: 27%;
    margin-right: 7%;
}

/**リンク先について link_details*/
.link_details p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
}

.link_details table{
    width: 90%;
    margin: 0 auto;
}

.link_details table th{
    width: 9em;
}

.link_details .table_1 tr:last-of-type th,
.link_details .table_1 tr:last-of-type td{
    border-bottom: none;
}

.link_details .table_1 span{
    display: inline-block;
    width: 7em;
    height: 40px;
    line-height: 40px;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    border: 1px solid #4F4F4F;
    border-radius: 3px;
    background-color: #EFEFEF;
    margin: 0.3em 0;
}