/*+eあっと免税集計詳細CSS*/
table,ul{
    color: black;
    padding: 0;
    margin: 0;
}

table td .div_flex{
    width: 100%;
}

/*+h1:eあっと免税集計詳細*/
/*img eあっと免税集計詳細画面*/
#img_ea_sum_det{
    width: 70%;
}

/*+集計条件 aggregation_conditions*/
/*img */
#img_aggregation_conditions{
    width: 85%;
}

.aggregation_conditions th{
    width: 10%;
}

/*==店舗別  by_store*/
/*合計*/
.aggregation_conditions .by_store td .total{
    display: inline-block;
    width: 4em;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-family: "ＭＳ Ｐゴシック", sans-serif;    
    font-weight: 900;
    color: #585A67;
    text-decoration: underline;
    text-decoration-color: #585A67;
    background-color: #E1EFFB;
    border: 1px solid black;
    margin: 0 0.2em
}

/*==表示方式 display_mode*/
.aggregation_conditions .display_mode > td:first-of-type{
    padding: 0;
}

/*不要なborder*/
.aggregation_conditions .display_mode .in_table tr:first-of-type th,
.aggregation_conditions .display_mode .in_table tr:first-of-type td{
    border-top: none;
}

.aggregation_conditions .display_mode .in_table th{
    border-left: none;
}

.aggregation_conditions .display_mode .in_table td{
    border-right: none;
}

.aggregation_conditions .display_mode .in_table tr:last-of-type th,
.aggregation_conditions .display_mode .in_table tr:last-of-type td{
    border-bottom: none;
}

.aggregation_conditions .display_mode .in_table th{
    width: 12%;
    background-color: #FAFAFA;
}

/*==表示単位 display_unit*/
.aggregation_conditions .display_unit p{
    margin-bottom: 1em;
}

.aggregation_conditions .display_unit h3{
    font-size: unset;
    margin: 0;
}

.aggregation_conditions .display_unit h4{
    font-weight: 400;
    margin: 0;
    margin-bottom: 0.5em;
}

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

.aggregation_conditions .display_unit .bar_chart,
.aggregation_conditions .display_unit .pie_chart{
    width: 95%;
    margin: 0 auto;
}

.aggregation_conditions .display_unit .bar_chart .div_flex,
.aggregation_conditions .display_unit .pie_chart .div_flex{
    width: 95%;
    justify-content: space-between;
    margin: 0 auto;
}

.aggregation_conditions .display_unit .bar_chart .div_flex div,
.aggregation_conditions .display_unit .pie_chart .div_flex div{
    width: 45%;
}


.aggregation_conditions .display_unit .bar_chart .div_flex div img{
    width: 60%;
}

.aggregation_conditions .display_unit .pie_chart .div_flex div img{
    width: 80%;
}

.aggregation_conditions .display_unit .pie_chart .div_flex div{
    margin-bottom: 2em;
}

/*+グラフの見方*/
/**国籍別(売上順) chart_by_nat_sales_desc*/
.chart_by_nat_sales_desc img{
    width: 80%;
    margin-bottom: 2em;
}

.chart_by_nat_sales_desc p{
    width: 95%;
    margin: 0 auto;
}

/**国籍別(来客数順) chart_by_nat_visitors_desc*/
.chart_by_nat_visitors_desc img{
    width: 80%;
    margin-bottom: 2em;
}

.chart_by_nat_visitors_desc p{
    width: 95%;
    margin: 0 auto;
}

/**時間帯別 chart_by_time_slot*/
.chart_by_time_slot img{
    width: 80%;
    margin-bottom: 2em;
}

.chart_by_time_slot p{
    width: 95%;
    margin: 0 auto;
}

/**年代別 chart_by_age_group*/
.chart_by_age_group img{
    width: 75%;
    margin-bottom: 2em;
}

.chart_by_age_group p{
    width: 95%;
    margin: 0 auto;
}

/**性別 chart_by_gender*/
.chart_by_gender img{
    width: 75%;
    margin-bottom: 2em;
}

.chart_by_gender p{
    width: 95%;
    margin: 0 auto;
}

/*+集計結果一覧*/
/**集計方式：国籍別（売上順、来客数順） list_by_nationality*/
.list_by_nationality h4{
    width: 95%;
    font-weight: 400;
    color: black;
    margin: 0 auto;
}

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

.list_by_nationality .div_flex{
    width: 92%;
}

.list_by_nationality .div_flex p{
    width: 17em;
    margin: auto 0;
}

.list_by_nationality .div_flex img{
    flex: 0.95;
}

/**集計方式：時間帯別 list_by_time_range*/
.list_by_time_range p{
    width: fit-content;
}

.list_by_time_range img{
    flex: 0.98;
}

/**集計方式：年代別 list_by_age_group*/
.list_by_age_group p{
    width: fit-content;
}

.list_by_age_group img{
    flex: 0.96;
}

/**集計方式：性別 list_by_gender_type*/
.list_by_gender_type p{
    width: fit-content;
}

.list_by_gender_type img{
    flex: 0.98;
}