/* ==================================
   マイページ
=================================== */

/* 会員ログイン */
.login_box {
    background: #FAFAFA;
    padding: 1.5em;
    border: solid 1px rgb(153, 153, 153);
}

.ec-login_title { margin-bottom: .3em;}

.form-check { display: flex;}
.form-check-label {
    font-size: 90%;
    margin-left: 0.5em;
}

.login_btn {
    padding: 0.7em 1.5em;
    background: #00A73C;
    color: #fff;
    border: 0;
    transition: all .2s ease;
}
@media print, screen and (min-width: 1025px) {
.login_btn:hover { opacity: .7;}
}

.ec-login__link a {
    font-size: 90%;
    color: #333;
}

/* 注文履歴詳細 */
#downloadBox { justify-content: space-between !important;}
#downloadBox div { margin-bottom: .5em; padding: 0 !important; width: 48%;}
#DeliveryNoteDownload,#ReceiptNoteDownload {
    border: solid 1px #00a73c;
    background: #fff;
    color: #00a73c;
    font-weight: 400;
    transition: all .2s ease;
    width: 100%;
}
#DeliveryNoteDownload:hover,#ReceiptNoteDownload:hover { background: #00a73c; color: #fff;}

/* 会員情報編集 */
.change_btn_content { text-align: center;}
.change_btn {
    padding: 0.7em 1.5em;
    background: #00A73C;
    color: #fff;
    border: 0;
    transition: all .2s ease;
}
@media print, screen and (min-width: 1025px) {
.change_btn:hover { opacity: .7;}
}

/* 会員情報編集完了 */
.complete_title {
    font-size: 120%;
    font-weight: 700;
    margin-bottom: .5em;
}
.complete_content { text-align: center;}

.top_btn a {
    padding: 0.5em 1.5em;
    background: #00A73C;
    color: #fff;
    border: 0;
    transition: all .2s ease;
    display: inline-block;
    text-decoration: none;
}
@media print, screen and (min-width: 1025px) {
.top_btn a:hover { opacity: .7;}
}

/* 退会手続き */
.withdraw_title {
    font-size: 120%;
    font-weight: 700;
    margin-bottom: .5em;
    color: #E51F23;
}
.withdraw_btn_content { text-align: center;}
.withdraw_btn {
    padding: 0.7em 1.5em;
    background: #5c5c5c;
    color: #fff;
    border: 0;
    transition: all .2s ease;
}
@media print, screen and (min-width: 1025px) {
.withdraw_btn:hover { opacity: .7;}
}

/* 退会手続き確認 */
.withdraw_last_content {
    display: flex;
    justify-content: center;
}
.withdraw_n_btn {
    padding: 0.7em 1.5em;
    background: #00A73C;
    color: #fff;
    border: 0;
    transition: all .2s ease;
    display: inline-block;
    text-decoration: none;
    margin-right: 1em;
}
@media print, screen and (min-width: 1025px) {
.withdraw_n_btn:hover { opacity: .7;}
}