@charset "utf-8";

/* mypage-wrapper
---------------------------------------------------*/
.mypage-wrapper {
    background-color: #fcf9f7;
}
.mypage-wrapper .inner {
    padding: 100px 0;
}
.mypage-wrapper .page-heading {
    text-align: center;
}

/* change */
#detail_wrap .dl_table {
    margin-bottom: 50px;
}
#detail_wrap .btn_group {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
#detail_wrap .btn_group > p {
    margin-right: 24px;
}
#detail_wrap .btn_group > p:last-of-type {
    margin-right: 0;
}

/* change_complete */
#complete_wrap .btn_group {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 50px;
}
#complete_wrap .btn_group > p {
    margin-right: 24px;
}
#complete_wrap .btn_group > p:last-of-type {
    margin-right: 0;
}
#complete_wrap .complete_message {
    line-height: 1.4em;
}

/* delivery */
#delivery_wrap .btn_group {
    text-align: center;
    margin-top: 40px;
}

/* withdraw_confirm */
#withdraw_confirm_wrap .btn_group {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 40px;
}
#withdraw_confirm_wrap .btn_group > p {
    margin-right: 24px;
}
#withdraw_confirm_wrap .btn_group > p:last-of-type {
    margin-right: 0;
}
#withdraw_confirm_wrap .complete_message {
    line-height: 1.4em;
}

/* history */
.history_column .order_detail {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    letter-spacing: 0.1em;
}
.history_column .order_detail dt {
    width: 8em;
    margin-bottom: 1em;
}
.history_column .order_detail dd {
    width: calc(100% - 8em);
    margin-bottom: 1em;
}



/* < 768px */
@media screen and (min-width:1px) and (max-width: 768px) {
    .mypage-wrapper .inner {
        padding: 16.66vw 0;
    }

    /* change */
    #detail_wrap .dl_table {
        margin-bottom: 19.44vw;
    }
    #detail_wrap .btn_group {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #detail_wrap .btn_group > p {
        width: 100%;
        margin-right: 0;
    }
    #detail_wrap .btn_group > p .btn {
        width: 100%;
    }

    /* change_complete */
    #complete_wrap .btn_group {
        margin-top: 19.44vw;
    }
    #complete_wrap .btn_group > p {
        width: 100%;
        margin-right: 0;
    }
    #complete_wrap .btn_group > p .btn {
        width: 100%;
    }

    /* delivery */
    #delivery_wrap .btn_group {
        text-align: center;
        margin-top: 19.44vw;
    }

    /* withdraw_confirm */
    #withdraw_confirm_wrap .btn_group {
        margin-top: 19.44vw;
    }
    #withdraw_confirm_wrap .btn_group > p {
        width: 100%;
        margin-right: 0;
    }
    #withdraw_confirm_wrap .btn_group > p .btn {
        width: 100%;
    }
}