@charset "utf-8";

/*
 * File    : rwd-member.css
 * Author  : STUDIO-JT (JSH)
 *
 * SUMMARY :
 * 1480px
 * 1200px
 * 860px
 * 540px
 */



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

    /* LOGIN */
    .login-form__head { margin-bottom: 20rem; }
    .login-form__logo { width: 440rem; }

}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){

    /* LOGIN */
    .login-form__head { margin-bottom: 0; }
    .login-form__logo { width: 360rem; }
    html.ios .mypage__profile-control > a { padding-top: 6rem; padding-bottom: 8rem; }

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    /* MY PAGE */
    .mypage__profile { padding: 16rem; }
    .mypage__profile-inner { flex-direction: column; align-items: normal; gap: 30rem; padding: 30rem; }
    .mypage__profile-control { gap: 16rem; padding-right: 0; }

    .mypage__favorite .jt-nodata { height: 320rem; }
    .mypage__download .jt-nodata { height: 320rem; }

    /* EDIT PROFILE */
    .edit-form { padding-top: 20rem; }
    .edit-form .jt-form__label { width: 180rem; }

    /* LOGIN */
    .login-visual { display: none; }
    .login-form { padding: 100rem 0; }
    .login-form__logo { width: 320rem; }
    .login-form__desc { margin-top: 30rem; }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    /* MY PAGE */
    .mypage__profile-inner { gap: 24rem; padding: 24rem; }
    .mypage__profile-log { flex-direction: column; gap: 4rem; }
    .mypage__profile-control { gap: 12rem; }
    .mypage__profile-control > a { padding: 5rem 15rem; }
    html.ios .mypage__profile-control > a { padding-top: 4rem; padding-bottom: 6rem; }

    .mypage__favorite .jt-nodata { height: 240rem; }
    .mypage__download .jt-nodata { height: 240rem; }

    /* EDIT PROFILE */
    .edit-form { padding-top: 0; }
    .edit-form .jt-form__entry { flex-direction: column; }
    .edit-form .jt-form__label { width: 100%; top: auto; }
    .edit-form .jt-form__data { width: 100%; }
    .edit-form__desc { margin-bottom: 40rem; }
    .edit-form__desc br { display: none; }

    /* LOGIN */
    .login-form { padding: 80rem 0; }
    .login-form__logo { width: 294rem; }
    .login-form__desc br { display: none; }
    .login-form__language .choices__inner { min-width: 200rem; }
    html.mobile .login-form__language .jt-choices__wrap > select { min-width: 200rem; }
    .login-form__contact { flex-direction: column; }

    body.page-template-reset-password-sent .login-form__body { padding: 40rem 0; }

}