@charset "utf-8";
.table_eligible table{
    border: 1px solid #D0D0D0;
    border-bottom: none;
    table-layout: fixed;
}
@media (max-width: 739px) {
    .table_eligible{
        overflow: auto;
        white-space: normal;
        background:-webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.2))) 0 0/20px 100%, -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.2))) right/20px 100%;
        background:linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
        background-color:#fff;
        background-repeat:no-repeat;
        background-attachment:scroll;
        margin-top: 10px;
    }
    .table_eligible table{
        width: 950px;
        background:linear-gradient(to left, hsla(0,0%,100%,0), white 15px) 0 0 / 50px 100%, linear-gradient(to right, hsla(0,0%,100%,0), white 15px) right / 50px 100%;
        background-repeat:no-repeat;
        background-attachment:local;
        border-bottom: 1px solid #D0D0D0;
    }
}
.table_eligible thead .head th{
    font-weight: bold;
    font-size: 1.2rem;
    color: #ffffff;
    background-color: #757575;
    padding: 10px;
}
.table_eligible thead .head th:not(:first-child){
    border-left: 1px solid #ccc;
}
.table_eligible thead tr:not(.head) th,
.table_eligible thead tr:not(.head) td,
.table_eligible tbody th,
.table_eligible tbody td{
    padding: 10px 6px;
    border-top: none;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
    font-size: 1rem;
}
.table_eligible tbody th{
    font-weight: bold;
    padding: 10px 5px;
}
.table_eligible thead tr:not(.head) th:not(:first-child){
    width: calc(212 / 750 * 100vw);
}
.table_eligible [class*="point"]{
    display: block;
    text-align: right;
    position: relative;
}
.table_eligible .visibleTxt{ /* for visually-hidden*/
    position: fixed;
    top: 0px !important;
    left: 0px !important;
    width: 4px !important;
    height: 4px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    visibility: visible !important;
}
.table_eligible [class*="icon_"]{
    display: inline-block;
}
.table_eligible .icon_card{
    width: calc(90 / 750 * 100vw);
    margin-right: 10px;
    vertical-align: middle;
}
.table_eligible .icon_man{
    width: 100%;
}
.table_eligible [class*="icon_lounge"]{
    width: 100%;
}
.table_eligible .icon_check{
    width: calc(40 / 750 * 100vw);
    height: calc(40 / 750 * 100vw);
    position: relative;
}
.table_eligible .icon_check::before{
    content: '';
    display: block;
    width: 8px;
    height: calc(100% - 4px);
    border-right: 3px solid #ed0000;
    border-bottom: 3px solid #ed0000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto;
}
.table_eligible .icon_coupon{
    width: 100%;
    background-color: transparent;
    font-size: 1.2rem;
    font-weight: bold;
    color: #BE7B00;
    padding: 0;
}
.table_eligible.typeCrystal thead th[role="columnheader"]{
    height: 120px;
}
.table_eligible .icon_coupon{
    width: 40px;
    vertical-align: middle;
}
@media (min-width: 740px) {
    .table_eligible thead tr:not(.head) th:not(:first-child){
        width: 81px;
    }
    .table_eligible .icon_card{
        width: 55px;
    }
    .table_eligible .icon_man{
        width: 40px;
    }
    .table_eligible [class*="icon_lounge"]{
        width: 25px;
    }
    .table_eligible .icon_check{
        width: 18px;
        height: 18px;
    }
}
.standardBox .colWrap[class*="clm_"] .col{
	background-color: #EEEEEE;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.standardBox .colWrap[class*="clm_"] .col .fl-alC{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.standardBox.typeMember .imgParts img{
    width: 87px;
}
@media (max-width: 739px) {
    .standardBox .colWrap[class*="clm_"] .col{
        padding: 15px calc(33px / 2) calc(51px / 2);
    }
    .standardBox .colWrap[class*="clm_"] .col .text p{font-size: 1.4rem;}
}
.standardBox.typeMember{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.standardBox.typeMember .statusCol{
    background-color: #EEEEEE;
    width: calc(100% - 20px);
    margin: 0 auto;
    padding: 20px 0;
}
@media (max-width: 739px) {
    .standardBox.typeMember{
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .standardBox.typeMember > .responsivegrid{
        width: calc(50% - 5px) !important;
        margin-left: 10px !important;
    }
    .standardBox.typeMember > .responsivegrid:nth-child(2n+1){
        margin-left: 0 !important;
    }
    .standardBox.typeMember > .responsivegrid:nth-child(n+3){
        margin-top: 10px !important;
    }
    .standardBox.typeMember .statusCol{
        width: calc(100% - 5px);
        padding: 20px;
    }
    .standardBox.typeMember .statusCol .text{
        font-size: 1.4rem;
    }
}
.table_eligible .icon_guide,
.table_eligible .icon_guide dd{
    white-space: nowrap;
    display: flex;
    align-items: center;
    width: 950px;
    background:linear-gradient(to left, hsla(0,0%,100%,0), white 15px) 0 0 / 50px 100%, linear-gradient(to right, hsla(0,0%,100%,0), white 15px) right / 50px 100%;
}
.table_eligible .icon_guide dd{
    margin-left: 5px;
}
.table_eligible .icon_guide dd > p:not(:first-child){
    margin-left: 3px;
}
.table_eligible .icon_guide .icon_check::before{
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    bottom: 0;
}
.table_eligible .table_contents .icon_guide{
    padding-bottom: 10px;
}