/******************
TOP
******************/
dd.memberlogin {
    padding: 20px 0 0 0;
}

.top_block01 .box a{
background:#0085ce;
color:#fff;
display:block;
text-align:center;
padding:30px 20px;
border-radius:10px;
}

.top_block01 .box a h3{
font-size:130%;
margin-bottom:15px;
font-weight:bold;
}

.top_block01 .box a .icon{
margin-bottom:10px;
}
.top_block01 .box a .icon img{
max-height:70px;
}


.top_block01 .box a p{
margin-bottom:0px;
}


.top_block02 .box a{
display:block;
text-align:center;
padding:30px 20px;
border-radius:10px;
border:1px solid #ccc;
}


.top_block02 .box a .icon{
margin-bottom:10px;
}
.top_block02 .box a .icon img{
max-height:50px;
}

.top_block02 .box a:hover{
background:#efefef;
}

.top_block02 .box a h3{
font-weight:bold;
}

.mypage_wrap td a{
text-decoration:underline;
}
.mypage_wrap td p{
margin-bottom:10px;
}





.form_layout input.aform-input{
border:1px solid #ccc;
}
.form_layout .aform-header{
display:none;
}

.form_layout .aform-button-area{
background:none;
}
.form_layout .aform-button-area input{
background: #0085ce;
    color: #fff;
    padding: 20px;
    font-weight: bold;
    border-radius: 5px;
    min-width: 200px;
}
.form_layout .aform-button-area input:hover{
opacity:0.8;
}

.form_layout input::placeholder,
.form_layout textarea::placeholder{
color:#ccc;
}


.mypage_wrap{
    position: relative;
    display: flex;
    justify-content: space-between;
}
.mypage_wrap .left_box{
    /* position: sticky; */
    width: 25%;
    top: 0;
    /* float: left; */
}
.mypage_wrap .left_box ul{
    position: sticky;
    top: 0;
    border-radius: 10px;
    padding: 15px;
border: 1px solid #ccc;
}
.mypage_wrap .right_box{
    width: 70%;
}




.form_layout .aform-input{
padding:5px 10px;
margin-bottom:10px;
}



.form_layout .aform-input-example{
margin-bottom:10px;
}

.form_layout .aform-textarea {
    border: 1px solid #ccc;
padding:5px 10px;
width:100%;
}

.form_layout .clear_upload{
text-decoration:underline;
margin-left:15px;
}


.form_layout .aform-button-area{
text-align:center;
margin:50px 0;
}

main.a-temp{
margin-bottom:70px;
}





#aform-confirm-form dl,
.form_layout dl{
    margin: 0;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 1rem;
    border-top: solid 1px #CCCCCC;
margin-bottom:10px;
}

#aform-confirm-form dl dt,
.form_layout dl dt {
    width: max(18em,30%);
    font-weight: bold;
    display: flex;
    align-items: baseline;
    gap: 10px;
    align-self: flex-start;
    padding: 15px 15px !important;
}

.form_layout dl span.aform-required {
    color: #fff;
    padding: 0 0.5em;
    font-weight: normal;
    flex-shrink: 0;
    background: #FF0000;
margin-left:10px;
}
#aform-confirm-form dl span.aform-required{
display:none;
}



#aform-confirm-form dl dd,
.form_layout dl dd {
    margin: 0;
    flex-basis: 0;
    flex-grow: 1;
    padding: 15px 15px !important;
}

.form_layout dl dd ul.aform-name-ul{
display:flex;
list-style:none;
margin:0;
padding:0;
}

.form_layout dl dd ul.aform-checkbox-ul,
.form_layout dl dd ul.aform-radio-ul{
margin:0 ;
    padding: 0;
}



.form_layout dl dd ul.aform-checkbox-ul li,
.form_layout dl dd ul.aform-radio-ul li{
list-style:none;
margin:0 0 10px 0;
padding:0;
}

.form_layout dl dd ul.aform-checkbox-ul:last-child
.form_layout dl dd ul.aform-radio-ul li:last-child{
margin-bottom:0;
}


.form_layout dl dd ul.aform-name-ul li{
margin-right:15px;
}
.form_layout dl dd ul.aform-name-ul li:last-child{
margin-right:0px;
}

.aform-header{
background: #EFEFEF;
    padding: 10px 20px;
    color: #333;
    margin:50px 0 30px;
    font-size: var(--f24px);
font-weight:bold;
}


.form_layout .aform-button-area{
text-align:center;
    border-top: solid 1px #CCCCCC;
    padding: 30px 15px;
}


.form_layout .aform-button-area input {
    background: #0085ce;
    border-radius: 5px;
    color: #fff;
    font-size: var(--f20px);
    padding: 1em;
    display: flex;
    margin: 30px auto;
    width: min(100%,630px);
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    cursor: pointer;
}
#aform-confirm-form .aform-button-area input:hover,
.form_layout .aform-button-area input:hover{
opacity:0.8;
}



#aform-confirm-form p#aform_confirm_msg{
text-align:center;
    border-top: solid 1px #CCCCCC;
    padding: 30px 15px;
}

#aform-confirm-form .aform-button-area{
text-align:center;
}

#aform-confirm-form .aform-button-area input{
    background: #0085ce;
    border-radius: 5px;
    color: #fff;
    font-size: var(--f20px);
    padding: 1em;
display: inline-block;
    margin: 0 10px;
    width: min(40%,300px);
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    cursor: pointer;
}

#aform-confirm-form .aform-button-area input#aform_btn_back{
background: #999;
}


.aform-error-list dt{
border-bottom:solid #0085ce 4px;
font-size:24px;
font-weight:bold;
padding-bottom:5px;
margin-bottom:20px;
}

.aform-error-list dd{
color:#ff0000;
margin-bottom:10px;
}
.aform-error-list dd:before{
content:'・'
}

#aform-1{
    padding: 0 0 50px 0;
}


.contact-thanks_logo{
text-align:center;
}

.contact-form_maintitle{
text-align:center;
}

.contact-thanks_wrap{
    padding: 0 0 50px 0;
}

.aform-hdln{
    border-left: solid #0085ce 5px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 5px 10px;
}

.aform-input-example{
margin-bottom:15px;
}


main.login_screen{
padding-top:50px;
padding-bottom:50px;

}

main.login_screen p.lead{
text-align:center;
margin-bottom:50px;
}
main.login_screen p.lead b{
color:#0085ce
}

main.login_screen p.nonpass{
text-align:center;
}

main.login_screen form{
text-align:center;
}
main.login_screen form dl{
    display: inline-block;
    width: 60%;
margin-top:0;
margin-bottom:0;
}
main.login_screen form dl dt{
text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
    font-size: 18px;
}
main.login_screen form dl dd{
    padding: 15px 15px 10px 15px;
text-align:left;
}

main.login_screen form dl dd input{
border:1px solid #ccc;
padding:10px 10px;
width:100%;
border-radius:5px;
}

main.login_screen .submit{
padding-top:50px;
}
main.login_screen .submit input{
    background: #0085ce;
    border-radius: 5px;
    color: #fff;
    font-size: var(--f20px);
    padding: 1em;
display: inline-block;
    margin: 0 10px;
    width: min(40%,300px);
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    cursor: pointer;
}


main.login_screen p.line_center a{
text-decoration:underline;
margin-top:10px;
display: inline-block;
}

.mail_screeen{
margin-bottom:70px;
}
.mail_screeen .aform-content div{
text-align:center;
margin-top:50px;
font-weight:bold;
}


.mail_screeen .aform-header {
    font-size: 26px;
}




/**********************************************************************/

/* for TB & SP CSS   */

/**********************************************************************/








/******************/
/* TB    */
/******************/

@media only screen and (min-width: 600px) and (max-width: 1019px) {






}









/******************
SP
******************/
@media only screen and (max-width: 599px) {


.mypage_wrap .left_box{
display:none;
}
.mypage_wrap .right_box {
    width: 100%;
}


.top_block01 .box a .icon img{
max-height:70px;
max-width:70px;
}


main.login_screen form dl{
    width: 100%;
}

main.login_screen{
padding-top:0;
}

.form_layout dl dd ul.aform-name-ul {
    flex-flow: column;
}
.form_layout dl dd ul.aform-name-ul li {
    margin-right: 0px;
}
.form_layout .aform-input {
    width: 100%;
}

.form_layout input.aform-input.aform-radio{
    appearance: auto;
    width: auto !important;
}

.form_layout label[for] {
    cursor: pointer;
    width: 100%;
}



}