@charset "utf-8";

#member_page    {
    position: relative;
    overflow: hidden;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 80px;
}

#member_page .agree-pannel .theme-box   {
    height: 300px;
    overflow: auto;
}

#member_page .member-title  {
    font-size: 24px;
    padding-top: 20px;
    text-align: center;
}
#member_page .member-title *    { display: block; }
#member_page .member-title span {
    font-size: 15px;
    font-weight: 600;
}
#member_page .member-contents   { padding-top: 20px; }

#member_page .member-contents h2    {
    font-size: 16px;
    line-height: 1.5em;
    padding-bottom: 10px;
}

#member_page .member-contents section   {
    padding-bottom: 30px;
}

#member_page .member-contents .theme-box    {
    padding: 15px;
    line-height: 1.8em;
}

#member_page .check-agree   {
    padding-top: 10px;
    text-align: right;
}




.member-form    {
    width: 100%;
    margin-bottom: 30px;
}
.member-form th {
    font-size: 13px;
    font-weight: 400;
    text-align: left;
}


/*** PASSWORD ***/
body:has(#password_box) {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    width: 100vw;
    height: var(--vh);
    justify-content: center;
    align-items: center;
}
#password_box   {width: 200px;}

#password_box h1    {
    margin: 0;
    height: auto;
    padding: 10px;
    font-size: 14px;
    line-height: 1.1em;
    width: 100%;
}
#password_box h1 + .theme-box   { border-top-width: 0; margin-bottom: 3px; }

#password_box .pass-form    {
    position: relative;
    padding-right: 64px;
}
#password_box .pass-form fieldset               { display: block; }
#password_box .pass-form fieldset + fieldset    { margin-top: 3px; }
#password_box .pass-form .box-btn   {
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
}
#password_box .pass-form #password_wr_password  { width: 100%; }
#password_box .pass-form .box-btn .ui-btn   {
    width: 100%;
    height: 100%;
    padding: 0;
}
#password_box .btn_confirm .ui-btn  {
    width: 100%;
}
.mbskin{padding:10px;}
.win_ul{padding:5px 0;overflow:hidden;}
.win_ul li{float:left;width:50%;}
.win_ul .ui-btn{display:block;}