/*+顧客分析：顧客稼働CSS*/
ul li{
    color: black;
    padding: 0;
    margin: 0;
}

ul{
    padding: 0;
    margin: 0;
}

table{
    height: fit-content;
}

table .div_flex{
    width: 100%;
}

button,
.button{
    all: unset;
}

img{
    width: 100%;
}

/*+検索条件指定*/
/**検索条件 各項目 search_condition*/
#img_search_condition{
    max-width: 839px;
    margin: 0.5em auto;
}

.search_condition th{
    width: 12%;
}
/*==指定期間 period*/
.period td h3{
    font-size: unset;
    font-weight: 400;
    margin: 0;
}

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

.period td img{
    max-width: 580px;
    width: 55%;
    margin-left: 2em;
}

/*==店舗コード shop_code*/
.shop_code td .div_flex{
    align-items: center;
}

.shop_code td .div_1{
    flex: 0.8;
    height: fit-content;
    background-color: #F9F9FF;
    border: 1px solid #D8DCDE;
    padding: 0.5em;
}

.shop_code td .div_1 figcaption{
    font-size: unset;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0.3em;
}

/*figcaption左丸*/
.shop_code td .div_1 figcaption::before{
    content: "●";
    display: inline-block;
    font-size: 20px;
}

.shop_code td .div_1 figure img{
    max-width: 720px;
    width: 80%;
}

.shop_code td .div_1 figure:first-of-type{
    margin-bottom: 1em;
}

#img_shop_code_1{
    max-width: 468px;
    width: 60%;
}

/*==顧客コード customer_code*/

/*==店舗別表示 store_view*/

/*==マスタ情報表示 show_master_info*/
.show_master_info td ul li{
    display: flex;
    align-items: first baseline;
    line-height: 2em;
}

.show_master_info td ul li .spa_1{
    display: inline-block;
    width: 3.5em;
    text-align: right;
    text-decoration: underline;
    white-space: nowrap;
}

.show_master_info td ul li .spa_2{
    flex: 0.05;
}

.show_master_info td ul li .spa_3{
    flex: 1;
}

/*==来店数 visit_count*/

/*==値引表示 show_discount*/

/*==販売金額 sales_amount*/

/*==粗利計算金額 gross_profit_amount*/
.gross_profit_amount td p{
    margin-bottom: 0.5em;
}

.gross_profit_amount td ul li{
    display: flex;
    align-items: first baseline;
    line-height: 2em;
}

.gross_profit_amount td ul li .spa_1{
    display: inline-block;
    width: 4em;
    text-align: right;
    text-decoration: underline;
    white-space: nowrap;
}
.gross_profit_amount td ul li .spa_2{
    flex: 0.05;
}

.gross_profit_amount td ul li .spa_3{
    flex: 1;
}

/*==粗利金額 gross_profit*/

/*==税抜表示 show_excluding_tax*/

/*==稼働無表示 hide_inactive*/
.hide_inactive td div{
    margin: 0 auto;
    margin-top: 1em;
}

.hide_inactive td div p{
    font-size: 15px;
}

/*==出力順 output_order*/
.output_order td p{
    flex: 0.75;
}

.output_order td img{
    max-width: 196px;
}

/*==日別表示 daily_view*/

/**詳細検索 各項目 detail_condition*/
#img_detail_condition{
    max-width: 839px;
    margin: 0.5em auto;
}

.detail_condition th{
    width: 12%;
}

/*==誕生月 birth_month*/
/*==年齢 customer_age*/
/*==性別 gender*/
/*==地区 district*/
/*==最終利用日 last_used_date*/
/*==ランク customer_rank*/
/*==会員期限日 membership_expiry_date*/
/*==客状態 customer_status*/
/*==登録日 registration_date*/
/*==ＤＭ区分 dm_type*/
/*==メール送信 send_mail*/
/*==ブラック blacklist*/

/*+集計結果一覧*/
#img_aggregate_result_list_1{
    max-width: 640px;
    margin: 0;
    margin-bottom: 1em;
}
#img_aggregate_result_list_2{
    max-width: 631px;
    margin-left: 15%;
    margin-bottom: 1em;
}

#img_aggregate_result_list_3{
    max-width: 640px;
    margin: 0 0 0 auto;
    margin-right: 15%;
    margin-bottom: 1em;
}

#img_aggregate_result_list_4{
    max-width: 581px;
    margin: 0 0 0 auto;
}

/**表示項目 details_list*/
.details_list th{
    width: 13%;
}
/*==顧客ランク更新 update_customer_rank*/
.update_customer_rank th span{
    display: inline-block;
    width: 7em;
    text-align: center;
    font-family: "ＭＳ Ｐゴシック", sans-serif;	
    font-size: 14px;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 3px;
}

/*==検索結果顧客数 customer_count_result*/
.customer_count_result th{
    color: red;
    font-family: "ＭＳ Ｐゴシック", sans-serif;	
}