@charset "utf-8";
/* ------------------------------------------------------------ common */
main{ padding: 180px 50px 100px; }


/* ------------------------------------------------------------ fv */
#fv{ border-radius: 30px; background: url(../images/login/fv_bg.png) center/cover no-repeat; color: #fff; }
#fv a{ color: #fff; }

#fv .band{ width: 600px; margin: 0 auto; padding: 80px 67px 50px; text-align: center; background: rgba(0,0,0,0.5); box-sizing: border-box; }
#fv .item{ padding: 0 0 40px; }

#fv .tab_title{ padding: 0 0 47px; font-size: 20px; }

#fv ul{ padding: 0 0 60px; width: 460px; margin: 0 auto; }
#fv ul li{ float: left; padding: 0 0 20px; width: 220px; font-size: 24px; cursor: pointer; }

.tab-contents{ width: 460px; margin: 0 auto; }

/* tab */
.tab-contents .acount{ padding: 0 0 30px; border-bottom: 1px solid #fff; }
.tab-contents p{ padding: 0 0 30px; font-size: 20px; }
.tab-contents a,
.tab-contents input[type="submit"] { border: none; color: #fff; width: 100%; padding: 24px; box-sizing: border-box; text-align: center; border-radius: 50px; }
.tab-contents .line{ display: block; background: #35c151 url(../images/common/logo_line.svg) 40px center/35px no-repeat; }
.tab-contents .fb{ display: block; margin: 17px 0 0; background: #4676ed url(../images/common/logo_fb.svg) 40px center/30px no-repeat; }
.tab-contents .mail{ display: block; margin: 30px 0 0; background: #9a8b68 url(../images/common/logo_mail.svg) 40px center/30px no-repeat; }

.tab-contents-item{ display: none; }
.tab-contents-item.show{ display: block; }

.tab-list-item.active{ border-bottom: 4px solid #ffde00; }

.email_login { padding: 30px 0 0; }
.email_login .input p { padding: 20px 0 10px; text-align: left; }
.email_login .input input { width: 100%; box-sizing: border-box; padding: 10px 20px; border-radius: 5px; border: none; }
.email_login .alert { padding: 20px 0 0; display: block; font-size: 16px; color: #f00; line-height: 150%; }
.email_login .label { padding: 10px 0; }

.forgot a { display: block; text-decoration: underline; font-size: 16px; }

/* ------------------------------------------------------------
	mobile 
------------------------------------------------------------ */
@media only screen and (max-width: 640px) {
/* ------------------------------------------------------------ common */
main{ padding: 120px 20px 25px; }


/* ------------------------------------------------------------ fv */

#fv .band{ width: 100%; padding: 40px 20px; background: none; }
#fv .item{ width: 50%; height: auto; padding: 0 0 50px; }
#fv .tab_title{ padding: 0 0 30px; font-size: 18px; }

#fv ul{ padding: 0 0 35px; width: 100%; }
#fv ul li{ padding: 0 0 10px; width: 50%; font-size: 20px; }	


/* tab */
.tab-contents{ width: 100%; }
.tab-contents .acount{ padding: 0 0 30px; }
.tab-contents p{ padding: 0 0 25px; font-size: 14px; }

.tab-contents a{ padding: 20px; font-size: 12px; max-width: 400px; margin: auto; }
.tab-contents .line{ background: #35c151 url(../images/common/logo_line.svg) 40px center/25px no-repeat; }
.tab-contents .fb{ background: #4676ed url(../images/common/logo_fb.svg) 40px center/20px no-repeat; }
.tab-contents .mail{ margin: 20px auto 0; padding-left: 40px; background: #9a8b68 url(../images/common/logo_mail.svg) 40px center/20px no-repeat; }

.tab-contents input[type="submit"] { max-width: 400px; height: 50px; line-height: 50px; padding: 0; font-size: 14px; margin: 30px 0 0; } 
.tab-contents .forgot { padding: 30px 0; }

.email_login { padding: 20px 0 0; }
	
}