/*+顧客情報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%;
}

/*+表示項目*/
/*img顧客情報画面*/
#img_customer_info{
    max-width: 1359px;
    width: 90%;
}

/*//上部リンク nav_list*/
.nav_list .div_flex{
    align-items: baseline;
}

.nav_list .div_flex p{
    width: 61%;
}

.nav_list ul{
    flex: 1;
}

.nav_list ul li{
    width: 8.5em;
    padding: 0.1em  0.4em;
    height: fit-content;
    margin: 0 1em;
}

.nav_list ul li a{
    display: flex;
    gap: 0.3em;
    align-items: center;
}

#img_icon_list{
    max-width: 62px;
    width: 27%;
    margin: 0;
    background-color: white;
    border: 3px solid white;
    margin-right: 0.2em;
}

#img_icon_pen{
    max-width: 240px;
    width: 20%;
    margin: 0;
}

/**表示項目 show_customer_info_fields*/
.show_customer_info_fields th{
    width: 13%;
}
/*印刷*/
.show_customer_info_fields .fa-print{
    line-height: 1.2;
    font-size: 40px;
    position: relative;
    z-index: 0
}

.show_customer_info_fields .fa-print::before{
    display: inline-block;
    line-height: 0.9;/* 行の高さを詰める */
    margin-top: 0.15em;
}

/*アイコンに白背景色*/
.show_customer_info_fields .fa-print::after{
    content: "";
    display: inline-block;
    width: 0.6em;
    height: 0.8em;
    background: #fff;
    border-top-right-radius: 5px;
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%);
    z-index: -1;
}

/*==Ｗｅｂポイント残高 web_point_balance*/
.web_point_balance td div{
    width: 95%;
    background-color: #F9F9FF;
    border: 1px solid #D8DCDE;
    padding: 0.5em 1em;
    margin: 0 auto;
    margin-top: 0.5em;
}

.web_point_balance td div h4{
    font-weight: 400;
    margin: 0;
}

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