@charset "UTF-8";
/*===========================================
Member
===========================================*/


/*-------------------------------------------
Login
-------------------------------------------*/
.member__login,
.member__forgot{
    width:320px;
    margin:0 auto;
}
    .member__login .col-buttons [type='submit'],
    .member__forgot .col-buttons [type='submit']{
        font-size:1.125rem;
        padding:12px 10px;
    }
@media screen and (max-width:440px){/* i16 Pro Max */
    .member__login,
    .member__forgot{
        width:100%;
        margin:0 auto;
    }
}

/*-------------------------------------------
Index
-------------------------------------------*/
.member__message{
    color:#000;
    margin-top:15px;
    padding-bottom:20px;
}
.member__index section{
    background-color:#fff;
    color:#111;
    margin-top:10px;
    padding:30px;
    position:relative;
}
    .btn-password{
        font-size:.875rem;
        position:absolute; top:25px; right:30px;
    }
    .profile .table__content > tbody > tr > th{
        width:220px;
    }
    .accompanying__list{
        border-collapse:collapse;
    }
        .accompanying__list thead th{
            background-color:#f4f4f4;
            border-bottom:2px solid rgba(0,0,0,.3);
            color:var(--primary-color);
            font-size:.875rem;
            line-height:1;
            padding:5px;
        }
        .accompanying__list thead th:nth-child(n+2){
            border-left:1px solid rgba(0,0,0,.15);
        }
        .accompanying__list tbody td{
            border-bottom:1px solid rgba(0,0,0,.2);
            line-height:1.2;
        }
        .accompanying__list tbody td:nth-child(n+2){
            border-left:1px solid rgba(0,0,0,.15);
        }
        .accompanying__list tbody tr:last-child td{
            border-bottom:none;
        }
    .fee__data tbody td:nth-child(3){
        min-width:90px;
    }
    .fee__data tfoot td{
        padding:8px 0;
    }
    .fee__data tfoot .fee__coupon{
        
    }
    .fee__data tfoot .fee__total{
        border-top:2px solid #aaa;
        border-bottom:1px dotted #ddd;
    }
    .btn-coupon{
        background-color:#f1f8ed;
        background-image:url(../images/icon_coupon.svg);
        background-position:10px 50%;
        background-repeat:no-repeat;
        background-size:18px auto;
        border-color:#66bd3f;
        color:#51af27;
        margin-left:0;
        padding-left:34px;
    }
    .btn-coupon:focus,
    .btn-coupon:hover{
        background-color:#66bd3f;
        background-image:url(../images/icon_coupon_white.svg);
        border-color:#66bd3f;
        box-shadow:none;
        color:#fff;
    }
    .if__abstract{
        border:none;
        background-color:#eefae8;
        color:green;
        font-size:1rem;
        margin-top:15px;
        text-align:center;
    }
@media screen and (max-width:1024px){
    .profile .table__content > tbody > tr > th{
        width:190px;
    }
    .accompanying__list thead{
        display:none;
    }
    .accompanying__list tr{
        display:flex;
        flex-wrap:wrap;
        border-bottom:1px solid rgba(0,0,0,.1);
        margin-bottom:5px;
        padding:5px 0;
        position:relative;
    }
    .accompanying__list tr:last-child{
        border-bottom:none;
        margin-bottom:0;
        padding-bottom:0;
    }
        .accompanying__list td{
            border:none !important;
            padding:5px 0;
            width:50%;
        }
        .accompanying__list td:first-child{
            padding-top:0;
        }
            .accompanying__list td::before{
                content:attr(data-label)": ";
                display:block;
                color:var(--primary-color);
                font-size:.75rem; font-weight:700;
                line-height:1;
                margin-bottom:.2rem;
            }
            .accompanying__list td:first-child::before{
                content:attr(data-label);
                display:inline;
                font-size:.875rem;
                line-height:1;
                margin-right:3px;
            }
}
@media screen and (max-width:820px){/* iPad Air and Portrait */
    .accompanying__list tr{
        padding-left:60px;
    }
        .accompanying__list td{
            width:100%;
        }
        .accompanying__list td:first-child{
            position:absolute; left:0;
        }
}
@media screen and (max-width:576px){
    .member__index section{
        margin-left:-15px; margin-right:-15px;
        padding:30px 15px;
    }
    .profile .table__content > tbody > tr > th{
        width:auto;
    }
        .profile .table__content .explanation{
            display:inline;
        }
        .fee__data tbody td:nth-child(3) .explanation{
            display:block;
        }
}
@media screen and (max-width:430px){/* i14 Pro Max */
    .profile .table__content tbody > tr > th{
        width:auto;
    }
}
@media screen and (max-width:320px){/* i5, SE */
    .member__index section{
        margin-left:-10px; margin-right:-10px;
    }
}

/*-------------------------------------------
Profile
-------------------------------------------*/
#registration .form__container{
    background-color:#fff;
    color:#111;
    margin-top:10px;
    padding:30px;
}
#registration hr{
    display:none;
}
    .title__type,
    .degree__type,
    .category__type{
        margin-left:1em;
    }
    .title__type:first-of-type,
    .degree__type:first-of-type,
    .category__type:first-of-type{
        margin-left:0em;
    }
    [name*="_other"]{
        width:120px;
    }
    .category__other [name*="_other"]{
        width:160px;
    }
    .accompanying__data > thead > tr > th:first-of-type{
        width:130px;
    }
    .registration__fees > tbody > tr > th,
    .accompanying__fees > tbody > tr > th{
        /* white-space:nowrap; */
    }
    .registration__fees > tbody > tr > td,
    .accompanying__fees > tbody > tr > td{
        font-size:1rem;
    }
        [name*="full_name_"]{
            width:100%;
            margin:0;
        }
        .attend__flag,
        .meal__type{
            margin-top:3px;
        }
        .privacy__policy__centent{
            background-color:#fffbe1;
            color:#000;
            max-height:8em;
            padding:10px;
            overflow-y:auto;
        }
        .privacy__policy__check{
            font-weight:700;
            margin:15px 0 0;
        }
@media screen and (max-width:1024px){
    .category__type{
        display:block;
        margin-left:0;
        padding-top:3px;
    }
    .category__type:nth-last-of-type(2){
        display:inline-block;
    }
        .category__type [type=checkbox],
        .category__type [type=radio]{
            margin-top:0;
        }
}
@media screen and (max-width:992px){
    [name="password"] + .explanation{
        display:block;
    }
    .registration__fees > thead > tr > th:nth-child(n+2),
    .accompanying__fees > thead > tr > th:nth-child(n+2){
        width:155px;
    }
}
@media screen and (max-width:820px){/* iPad Air and Portrait */
    .registration__fees__wrap,
    .accompanying__fees__wrap,
    .accompanying__data__wrap{
        overflow-x:auto;
    }
        .registration__fees__wrap::before,
        .registration__fees__wrap::after,
        .accompanying__fees__wrap::before,
        .accompanying__fees__wrap::after,
        .accompanying__data__wrap::before,
        .accompanying__data__wrap::after{
            display:block;
            content:"* you can left or right swipe program.";
            color:brown;
            font-size:.75rem;
            line-height:1;
            padding:5px 0;
            position:sticky;
            left:0;
        }
        .registration__fees{
            width:590px;
        }
        .accompanying__fees{
            width:600px;
        }
        .accompanying__data{
            width:840px;
        }
            .registration__fees > thead > tr > th:nth-child(n+2),
            .accompanying__fees > thead > tr > th:nth-child(n+2){
                width:145px;
            }
}
@media screen and (max-width:768px){
    .title__type,
    .degree__type{
        display:block;
        margin-left:0;
        padding-top:3px;
    }
    .title__type:nth-last-of-type(2),
    .degree__type:nth-last-of-type(2){
        display:inline-block;
    }
        .title__type [type=checkbox],
        .title__type [type=radio],
        .degree__type [type=checkbox],
        .degree__type [type=radio]{
            margin-top:0;
        }
}
@media screen and (max-width:576px){
    #registration .form__container{
        margin:0 -15px;
        padding:30px 15px;
    }
        [name="mobile"] + .explanation{
            display:block;
        }
        .privacy__policy__centent{
            max-height:10em;
        }
}
@media screen and (max-width:430px){/* i14 Pro Max */
    .category__other [name*="_other"]{
        margin-left:24px;
    }
    .registration__fees__wrap,
    .accompanying__fees__wrap,
    .accompanying__data__wrap{
        margin-right:-15px;
        padding-right:15px;
    }
}
@media screen and (max-width:320px){/* i5, SE */
    #registration .form__container{
        margin:0 -10px;
    }
        .registration__fees__wrap,
        .accompanying__fees__wrap,
        .accompanying__data__wrap{
            margin-right:-10px;
            padding-right:10px;
        }
}