/*+伝票・明細情報：値引集計CSS*/
/*共通*/
.div_flex{
    width: 95%;
    display: flex;
    margin: 0 auto;
}

.spa_block{
    display: block;
}

table,ul{
    margin-bottom: 0;
}

ul{
    color: black;
}

.div_flex_h3{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

/*+表示条件 filter*/
/*//上部リンク nav_list*/
.nav_list ul{
    width: 65%;
    display: flex;
    justify-content: space-around;
    color: black;
    padding: 0;
    margin: 2em auto;
}

.nav_list ul li{
    width: 8em;
    height: 33px;
    line-height: 33px;
    text-align: center;
    letter-spacing: 0.15em;
    color: white;
    background-color: #585A67;
    border-radius: 5px;
    padding: 0 0.5em;
}

.nav_list p{
    width: 100%;
    padding-left: 1em;
}

.nav_list ul .now{
    color: #3F5DA5;
    background-color: #CCCCCC;
}

.nav_list p{
    width: 100%;
    padding-left: 1em;
}

/**値引集計一覧　値引集計合計 discount_summary div_1*/
/*//値引集計一覧アイコン  discount_summary table_1*/
.discount_summary .div_1 .table_1{
    width: 90%;
    margin: 0 auto;
}

.discount_summary .div_1 .table_1 th{
    width: 10%;
    padding: 0.3em 0;
}

.discount_summary .div_1 .table_1 td{
    width: calc(50% - 10%);
}

/*範囲内*/
.discount_summary .div_1 .table_1 td span{
    display: inline-block;
    width: 7.3em;
    text-align: center;
    border: 2px dotted #809ED0;
    border-radius: 5px;
    margin: 0 0.2em;
}

/*//値引集計一覧　各項目 discount_summary div_1 table_2*/
.discount_summary .div_1 .table_2{
    width: 90%;
    margin: 0 auto;
}

.discount_summary .div_1 .table_2 th{
    width: 10%;
    padding: 0.3em 0;
}

.discount_summary .div_1 .table_2 td{
    width: calc(50% - 10%);
}

/*店舗コード 日付*/
.discount_summary .div_1 .table_2 td .spa_1{
    display: inline-flex;
    align-items: center;
    width: fit-content;
    font-weight: bold;
    color: #585A67;
    text-decoration: underline;
}

.discount_summary .div_1 .table_2 td .spa_1::before{
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url(img/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
}

/**値引集計合計 discount_summary div_2*/
.discount_summary .div_2 table{
    width: 90%;
    margin: 0 auto;
}