/*+ 顧客分析：顧客ポイント失効リスト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:not(.filter img){
    width: 100%;
}

/*+表示条件 filter*/
/**最終来店日 last_visit_date*/
.last_visit_date > p:first-of-type{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 0.5em;
}

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

.last_visit_date .div_flex table{
    flex: 0.95;
}

.last_visit_date .div_flex table th{
    width: 12.5%;
}

/*clearボタン*/
.last_visit_date table .clear th span{
    display: inline-block;
    width: 4.5em;
    text-align: center;
    letter-spacing: 0.2em;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
    color: #1A5EFF;
    background-color: #CCCCCC;
}

/*fm*/
.last_visit_date table .fm td .div_flex{
    justify-content: space-between;
}

.last_visit_date table .fm td .div_flex p{
    flex: 0.95;
}

.last_visit_date table .fm td img{
    max-width: 383px;
    width: 40%;
}

/*検索ボタン*/
.last_visit_date table .search th .fa-search{
    display: inline-block;
    width: 1.5em;
    line-height: 1.5;
    font-size: 23px;
    color: #363640;
    background: #b1cfff;
    border-radius: 3px;
    box-shadow: 2px 2px #696969;
    margin: 0.2em auto;
}

/*img最終来店日を指定*/
#img_last_visit_date_1{
    max-width: 348px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/**顧客コード customer_code_range*/
.customer_code_range .div_flex{
    justify-content: space-between;
}

.customer_code_range .div_flex p{
    flex: 1;
}

.customer_code_range .div_flex p span{
    display: inline-block;
    margin-top: 1em;
}

.customer_code_range img{
    max-width: 348px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0;
}

/**キーワード検索 search_keyword*/
.search_keyword .div_flex{
    justify-content: space-between;
}

.search_keyword p{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 0.5em;
}

.search_keyword .div_flex div{
    flex: 0.95;
}

.search_keyword .div_flex div table{
    width: 72.5%;
}

.search_keyword .div_flex div table th{
    width: 17%;
}

/*clearボタン*/
.search_keyword table .clear th span{
    display: inline-block;
    width: 4.5em;
    text-align: center;
    letter-spacing: 0.2em;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
    color: #1A5EFF;
    background-color: #CCCCCC;
}

/*検索ボタン*/
.search_keyword table .search th .fa-search{
    display: inline-block;
    width: 1.5em;
    line-height: 1.5;
    font-size: 23px;
    color: #363640;
    background: #b1cfff;
    border-radius: 3px;
    box-shadow: 2px 2px #696969;
    margin: 0.2em auto;
}

.search_keyword img{
    max-width: 348px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0;
}

/*+顧客ポイント期限切れリスト*/
#img_customer_point_expiry_list{
    max-width: 1863px;
}

/**表示項目 display_items*/
.display_items th{
    width: 15%;
}

.display_items th .div_flex{
    justify-content: center;
    align-items: center;
}

/*==全選択 select_all*/
.select_all th{
    color: #808080;
}

/*チェック有り_o*/
.select_all th .fa-check-square-o{
    font-size: 20px;
    margin-right: 0.1em;
    position: relative;
    z-index: 0;
}

/*白背景*/
.select_all th .fa-check-square-o::after{
    content: "";
    display: inline-block;
    width: 0.65em;
    height: 0.72em;
    background-color: white;
    border-radius: 2px;
    position: absolute;
    top: 47%;
    left: 49%;
    transform: translate(-50%,-50%);
    z-index: -1;
}

/*==全解除 deselect_all*/
.deselect_all th{
    color: #808080;
}

/*チェック有り_o*/
.deselect_all th .fa-square-o{
    font-size: 20px;
    margin-right: 0.15em;
    position: relative;
    z-index: 0;
}

/*白背景*/
.deselect_all th .fa-square-o::after{
    content: "";
    display: inline-block;
    width: 0.65em;
    height: 0.71em;
    background-color: white;
    border-radius: 2px;
    position: absolute;
    top: 46%;
    left: 49%;
    transform: translate(-50%,-50%);
    z-index: -1;
}

/*==０ポイント表示 show_zero_point*/
.show_zero_point td ul li{
    display: flex;
    align-items: center;
    line-height: 2.5;
}

.show_zero_point td ul li img{
    max-width: 397px;
    width: 10%;
    margin: 0;
}

/*==ポイント失効登録 register_point_expiry*/
.register_point_expiry th .div_flex{
    width: 95%;
    justify-content: center;
    gap: 0.5em;
    white-space: nowrap;
    font-size: 15px;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
    letter-spacing: 0.2em;
    color: white;
    background-color: #3F5DA5;
    border-radius: 7px;
    padding: 0.3em 0.6em;
    margin: 0.3em auto;
}

/*==印刷*/
.display_items th .fa-print{
    font-size: 45px;
    line-height: 1;
    position: relative;
    z-index: 0;
}

/*白背景*/
.display_items th .fa-print::after{
    content: "";
    display: inline-block;
    width: 0.6em;
    height: 0.8em;
    background-color: white;
    border-top-right-radius: 5px;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}

/*==CSV*/
.display_items th .fa-file-text-o{
    display: inline-block;
    font-size: 40px;
    line-height: 1;
    margin-top: 0.05em;
    position: relative;
    z-index: 0;
}

/*白背景*/
.display_items th .fa-file-text-o::after{
    content: "";
    display: inline-block;
    width: 0.85em;
    height: 0.95em;
    background-color: white;
    border-top-right-radius: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;    
}

/*==選択 select*/
.select th{
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
}

/*==顧客コード customer_code*/
.customer_code th{
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
    color: #585A67;
}

.customer_code th span:first-of-type{
    font-size: 21px;
    margin-top: 0.1em;
    margin-right: 0.05em;
}

.customer_code th .spa_1{
    text-decoration: underline;
    text-decoration-color: #585A67;
}

/*==顧客名 customer_name*/
.customer_name th{
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
    color: #585A67;
}

.customer_name th span:first-of-type{
    font-size: 21px;
    margin-top: 0.1em;
    margin-right: 0.05em;
}

.customer_name th .spa_1{
    text-decoration: underline;
    text-decoration-color: #585A67;
}

/*==ポイント point*/
.point th{
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
    color: #585A67;
}

.point th span:first-of-type{
    font-size: 21px;
    margin-top: 0.1em;
    margin-right: 0.05em;
}

.point th .spa_1{
    text-decoration: underline;
    text-decoration-color: #585A67;
}

/*==最終来店日 last_visit_date*/
.display_items .last_visit_date th{
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
    color: #585A67;
}

.display_items .last_visit_date th span:first-of-type{
    font-size: 21px;
    margin-top: 0.1em;
    margin-right: 0.05em;
}

.display_items .last_visit_date th .spa_1{
    text-decoration: underline;
    text-decoration-color: #585A67;
}