/** 新カードデザインさらにカード調整2025～ **/
#digital-thanks .card_design.card_type01,
#digital-thanks .card_design.card_type02 {
    max-width: 700px;
    width: calc(1250 / 1440* 100vw);
    aspect-ratio: 1;
    margin: auto;
    height: auto;
    max-height: unset;
    min-height: unset;
    background-size: 100%;
    position: relative;
}
/* line14 */
#digital-thanks .card_design.card_type01 .card_bg_top,
#digital-thanks .card_design.card_type02 .card_bg_top {
    display: block;
    max-width: 700px;
    width: calc(1250 / 1440* 100vw);
    height: auto;
    min-height: unset;
    max-height: unset;
    margin: 0;
    padding: 0;
    aspect-ratio: 700 / 175;
}
/* line23 */
#digital-thanks .card_design.card_type01 .card_bg_bottom,
#digital-thanks .card_design.card_type02 .card_bg_bottom {
    display: block;
    max-width: 700px;
    width: calc(1250 / 1440* 100vw);
    height: auto;
    min-height: unset;
    max-height: unset;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    aspect-ratio: 700 / 85;
}

#digital-thanks .card_design.card_type02 .card_bg_bottom {
    aspect-ratio: 700 / 175;
}

/* 51 */
#digital-thanks .card_design.card_type01 .row.my_name,
#digital-thanks .card_design.card_type02 .row.my_name {
    position: absolute;
    bottom: 85px;
    left: 0;
    width: 100%;
    margin: 0;
}
/* 59 */
#digital-thanks .card_design.card_type02 .row.my_name {
    bottom: 170px;
}

/* 63 */
#receive_card_body #digital-thanks .card_design.card_type01 .row.my_name,
#sending_card_body #digital-thanks .card_design.card_type01 .row.my_name {
    bottom: 85px;
}

/* 69 */
#receive_card_body #digital-thanks .card_design.card_type02 .row.my_name,
#sending_card_body #digital-thanks .card_design.card_type02 .row.my_name {
    bottom: 170px;
}

@media screen and (max-width: 1080px) {
/* 82 */
    #digital-thanks .card_design.card_type01,
    #digital-thanks .card_design.card_type02 {
        max-width: 700px;
        width: 100%;
        margin: auto;
        height: auto;
        position: relative;
        max-height: unset;
        background-size: 100%;
    }
/* 93 */
#digital-thanks .card_design.card_type01 .card_bg_top,
#digital-thanks .card_design.card_type02 .card_bg_top {
    display: block;
    max-width: 700px;
    width: 100%;
    max-height: unset;
    height: auto;
    margin: 0;
    padding: 0;
}
/* 104 */
#digital-thanks .card_design.card_type01 .card_bg_bottom,
#digital-thanks .card_design.card_type02 .card_bg_bottom {
    display: block;
    max-width: 700px;
    width: 100%;
    max-height: unset;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
/* 129 */
#digital-thanks .card_design.card_type01 .row.my_name,
#digital-thanks .card_design.card_type02 .row.my_name {
    position: absolute;
    bottom: min(85px, (100vw / 1080) * 85);
    padding-left: min(100px, (100vw / 1080) * 100);
    padding-right: min(100px, (100vw / 1080) * 100);
    width: 100%;
    margin: 0;
}

/* 140 */

}


@media screen and (max-width: 800px) {

    /* 150 */
    #digital-thanks .card_design.card_type01,
        #digital-thanks .card_design.card_type02 {
            max-width: 700px;
            min-width: unset;
            width: calc((100vw / 800) * 700);
            margin: auto;
            height: auto;
            position: relative;
            max-height: unset;
            background-size: 100%;
            position: relative;
        }

/* 162 */
    #digital-thanks .card_design.card_type01 .card_bg_top,
    #digital-thanks .card_design.card_type02 .card_bg_top {
        display: block;
        max-width: 690px;
        width: 100%;
        max-height: unset;
        height: auto;
        margin: 0;
        padding: 0;
    }

    /* 173 */
        #digital-thanks .card_design.card_type01 .card_bg_bottom,
        #digital-thanks .card_design.card_type02 .card_bg_bottom {
            display: block;
            max-width: 690px;
            width: 100%;
            max-height: unset;
            min-height: unset;
            height: auto;
            margin: 0;
            padding: 0;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
        }

        #digital-thanks .card_design.card_type02 .card_bg_bottom {
            aspect-ratio: 700/175;
            height: auto;
            min-height: unset;
            max-height: unset;
        }

    /* 192 */
        #digital-thanks .card_design.card_type02 .row {
            margin-left: unset;
            margin-right: unset;
        }

    /* 198 */
        #digital-thanks .card_design.card_type01 .row.my_name,
        #digital-thanks .card_design.card_type02 .row.my_name {
            position: absolute;
            bottom: min(60px, (100vw / 800) * 100);
            padding-left: min(100px, (100vw / 800) * ((690 / 800) * 100));
            padding-right: min(100px, (100vw / 800) * ((690 / 800) * 100));
            width: 100%;
            margin: 0;
        }

    /* 207 */
        #digital-thanks .card_design.card_type02 .row.my_name {
            bottom: 11rem;
        }

    /* 211 */
    #receive_card_body #digital-thanks .card_design.card_type01,
    #receive_card_body #digital-thanks .card_design.card_type02 {
        max-width: 660px;
        min-width: unset;
        width: calc((100vw / 800) * ((660 / 800) * 800));
        margin: auto;
        height: auto;
        position: relative;
        max-height: unset;
        background-size: 100%;
        position: relative;
    }

    /* 224 */
        #sending_card_body #digital-thanks .card_design.card_type01,
        #sending_card_body #digital-thanks .card_design.card_type02 {
            max-width: 660px;
            width: calc((100vw / 800) * ((660 / 800) * 800));
            margin: auto;
            height: auto;
            position: relative;
            max-height: unset;
            background-size: 100%;
            position: relative;
            min-width: unset;
        }

    /* 236 */
        #receive_card_body #digital-thanks .card_design.card_type01 .row.my_name,
        #sending_card_body #digital-thanks .card_design.card_type01 .row.my_name {
            bottom: min(80px, (100vw / 690) * 80);
        }

    /* 241 */
        #receive_card_body #digital-thanks .card_design.card_type02 .row.my_name,
        #sending_card_body #digital-thanks .card_design.card_type02 .row.my_name {
            bottom: min(200px, (100vw / 800) * ((690 / 800) * 200));
        }
}

/* お気に入り */
#digital-thanks .bookmark_notice {
    max-width: 700px;
    width: calc(1250 / 1440 * 100vw);
    line-height: normal;
    font-size: min(19px, 2.0rem);
    text-align: right;
    margin:auto;
    min-height: 2rem;
}

@media screen and (max-width: 1080px) {
    #digital-thanks .bookmark_notice {
        min-width: 660px;
        width: calc((100vw / 1080) * 700);
    }
}

@media screen and (max-width: 800px) {
    #digital-thanks .bookmark_notice {
        max-width: 660px;
        min-width: unset;
        width: calc((100vw / 800) * ((660 / 800) * 800));
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 1080px) {
    #digital-thanks .bookmark_notice {
        font-size: 19.4367px;
    }
}