@charset "UTF-8";

[data-v-6fe1fcdf] .inbox-infolist {
    padding: 2vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #000;
    border-bottom: .8vw solid transparent;
    border-image: linear-gradient(90deg, rgba(199, 146, 16, 1) 0%, rgba(227, 179, 21, 1) 30%, rgba(246, 244, 125, 1) 50%, rgba(227, 179, 21, 1) 70%, rgba(199, 146, 16, 1) 100%);
    border-image-slice: 1;
}

[data-v-6fe1fcdf] .inbox-infolist .title-p {
    padding: 0;
}

[data-v-6fe1fcdf] .inbox-infolist .readall {
    width: 30vw;
}

[data-v-6fe1fcdf] .inbox-infolist .readall .keep {
    color: #d6ad00;
    background: unset;
    border: 1px solid #d6ad00;
    padding: 1vw 2vw;
    border-radius: 10vw;
    text-align: right;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .875rem;
    margin: 0;
}

[data-v-6fe1fcdf] .inbox-infolist .choice-list a.icon-mail-read {
    margin-right: 1.4vw;
    font-size: 1.2rem
}

[data-v-6fe1fcdf] .inbox-infolist .choice-list {
    padding: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

[data-v-6fe1fcdf] .inbox-infolist .txt {
    width: 75vw;
    color: var(--txtColor01)
}

[data-v-6fe1fcdf] .inbox-infolist .txt span {
    color: var(--txtColor16)
}

[data-v-6fe1fcdf] table tbody tr td .icon-mail-read {
    color: var(--txtColor18);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: .93rem
}

[data-v-6fe1fcdf] table tbody tr td .icon-mail-read-no {
    color: var(--txtColor39);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: .96rem
}

[data-v-6fe1fcdf] table tbody tr td .icon-mail-read-no:before,
[data-v-6fe1fcdf] table tbody tr td .icon-mail-read:before {
    margin-right: .4vw
}

[data-v-6fe1fcdf] table tbody tr td .icon-mail-read-no span {
    font-weight: 600;
    font-size: .78rem
}

[data-v-6fe1fcdf] table tbody tr td .icon-mail-read span {
    font-size: .78rem;
    color: var(--txtColor18)
}

[data-v-6fe1fcdf] table tbody tr td.icon-remove {
    color: var(--txtColor03)
}

[data-v-6fe1fcdf] table tbody tr td.icon-remove.on {
    color: var(--txtColor33)
}

[data-v-6fe1fcdf] table tbody tr td.icon-remove:before {
    font-size: .93rem
}

[data-v-6fe1fcdf] button.allread-button {
    padding: 2vw;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    color: var(--txtColor01);
    background: var(--btnColor07)
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

    [data-v-6fe1fcdf] table tbody tr td .icon-mail-read span,
    [data-v-6fe1fcdf] table tbody tr td .icon-mail-read-no span,
    [data-v-6fe1fcdf] .inbox-infolist,
    [data-v-6fe1fcdf] button.allread-button {
        font-size: 1.25rem
    }

    [data-v-6fe1fcdf] table tbody tr td.icon-remove:before,
    [data-v-6fe1fcdf] table tbody tr td .icon-mail-read-no,
    [data-v-6fe1fcdf] table tbody tr td .icon-mail-read {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {

    [data-v-6fe1fcdf] table tbody tr td .icon-mail-read,
    [data-v-6fe1fcdf] table tbody tr td .icon-mail-read span,
    [data-v-6fe1fcdf] table tbody tr td .icon-mail-read-no span,
    [data-v-6fe1fcdf] table tbody tr td .icon-mail-read-no,
    [data-v-6fe1fcdf] .inbox-infolist,
    [data-v-6fe1fcdf] button.allread-button {
        font-size: 1.8rem
    }

    [data-v-6fe1fcdf] table tbody tr td.icon-remove:before,
    [data-v-6fe1fcdf] table tbody tr td .icon-mail-read-no,
    [data-v-6fe1fcdf] table tbody tr td .icon-mail-read {
        font-size: 2.2rem
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {

    [data-v-6fe1fcdf] table tbody tr td .icon-mail-read-no,
    [data-v-6fe1fcdf] table tbody tr td .icon-mail-read {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    [data-v-6fe1fcdf] .inbox-infolist {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    [data-v-6fe1fcdf] .inbox-infolist .txt {
        width: 100vw;
        text-align: center
    }

    [data-v-6fe1fcdf] button.allread-button {
        width: 100vw;
        margin: 2vw 0
    }
}

.v_deep_mail .content-table {}

.mainRuleZone .content-table table tbody tr td img {
    height: 4vw;
    width: auto;
    margin: 0 auto;
}