/*+ランキング：顧客ベストCSS*/
table,ul{
    margin-bottom: 0;
}

ul{
    color: black;
}

/*+表示条件 filter*/
/**キーワード filter keyword*/
.filter .keyword img{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*+顧客ベスト top_customers*/
/*//上部リンク nav_list*/
.nav_list ul{
    width: 60%;
    display: flex;
    justify-content: space-around;
    color: black;
    padding: 0;
    margin: 2em auto;
}

.nav_list ul li{
    width: 8.5em;
    height: 33px;
    line-height: 33px;
    text-align: center;
    letter-spacing: 0.15em;
    color: white;
    border: 2px solid transparent;/*hover用*/
    background-color: #585A67;
    border-radius: 5px;
    padding: 0 0.1em;
}

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

.nav_list ul li:last-of-type{
    letter-spacing: 0.3em;
}

/*カレンダーアイコン*/
.nav_list ul li span{
    width: 95%;
    display: inline-flex;
    justify-content: space-between;
}

/*nav_1*/
.nav_list ul li span::before{
    content: "";
    display: inline-block;
    width: 23px;
    height: 25px;
    background-image: url(img/nav_1.png);
    background-repeat: no-repeat;
    background-size: contain;
}

/*nav_2*/
.nav_list ul .now span{
    align-items: center;
}

.nav_list ul .now span::before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(img/nav_2.png);
    background-repeat: no-repeat;
    background-size: contain;
}

/*nav_csv*/
.nav_list ul li:last-of-type span:before{
    content: "";
    display: inline-block;
    width: 23px;
    height: 25px;
    background-image: url(img/nav_csv.png);
    background-repeat: no-repeat;
    background-size: contain;
}

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

/**顧客ベスト一覧 top_customers div_1*/
/*img: 顧客ベスト一覧*/
img[data-original="../../2-sales_details/2-2-007/img/top_customers_1.png"]{
    width: 85%;
}

/*//アイコン icon*/
.icon{
    width: 95%;
    margin: 0 auto;
}

.icon th{
    width: 10%;
    padding: 0.2em 0;
}

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

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

/*一覧各項目*/
.top_customers .div_1 .table_1{
    width: 95%;
    margin: 0 auto;
}

.top_customers .div_1 .table_1 th{
    width: 10%;
}