@charset "UTF-8";
@media screen and (min-width: 768px), print {

	#mylogin-box{width: 600px;margin: 0 auto 50px; background-color: #f2f2f2;padding: 30px 100px 30px 100px;border-radius: 20px;}
	#mylogin-box .form-input{line-height: 30px;margin-bottom: 10px;}
	#mylogin-box .form-input label{font-size: 16px;font-weight: 600; }
	#mylogin-box .form-input input{width: 100%;height: 30px;
		padding: 2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
	}
	#mylogin-box .formpart{margin-top: 30px;line-height: 15px;}
	#mylogin-box .formpart input{display: block; width: 300px;height: 50px;margin: 0 auto;background-color: #1d3d4b; border-radius: 30px;border: none;color: #fff;transition: 0.3s;
	
	}
	#mylogin-box .formpart input:hover{opacity: 0.6;transition: 0.3s;}
	#mylogin-box .formpart a{font-size: 14px; text-align: center;display: block;text-decoration: underline;}
	#mylogin-box .formpart a:hover{text-decoration: none;}
	#mysignin-box{margin-bottom: 100px;}
	#mysignin-box a{display: block; width: 350px;height: 70px;margin: 0 auto;border-radius: 40px;background-color: #fbde02;font-size: 20px; font-weight: 600; text-align: center;text-decoration: none;padding-top: 18px;position: relative;padding-left: 15px;transition: 0.3s;}
	#mysignin-box a:hover{opacity: 0.6;transition: 0.3s;}
	#mysignin-box a:before{content: "＞";position: absolute;left: 50px;top: 19px;font-size: 14px;}
	#mylogin-box p img{height: 40px}
	#mylogin-box input#siteguard_captcha{width: 8rem;height: 30px;
	padding: 2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
	}
	#mylogin-box .formpart.inner{margin-top: 15px;line-height: 15px;}
	#mylogin-box .formpart.inner{margin-top: 15px;line-height: 15px;}
}
@media screen and (max-width: 767px) {
	#mylogin-box{width: 90%;margin: 0 auto 10vw; background-color: #f2f2f2;padding: 5% 10% 5% 10%;border-radius: 5vw;}
	#mylogin-box .form-input{line-height: 6.8vw;margin-bottom: 3vw;
	}
	#mylogin-box .form-input label{font-size: 3.8vw;font-weight: 600; }
	#mylogin-box .form-input input{width: 100%;height: 7vw;
		padding: 2vw;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
	}

	#mylogin-box .formpart{margin-top: 5vw;line-height: 4.8vw;}
	#mylogin-box .formpart input{display: block; width: 100%;height: 10vw;margin: 0 auto;background-color: #1d3d4b; border-radius: 10vw;border: none;color: #fff;}
	#mylogin-box .formpart input:hover{opacity: 0.6;}
	#mylogin-box .formpart a{font-size: 3.2vw; text-align: center;display: block;text-decoration: underline;}
	#mylogin-box .formpart a:hover{text-decoration: none;}
	#mysignin-box{margin-bottom: 15vw;}
	#mysignin-box a{display: block; width: 80%;height: 17vw;margin: 0 auto;border-radius: 15vw;background-color: #fbde02;font-size: 4.6vw; font-weight: 600; text-align: center;text-decoration: none;padding-top: 4.4vw;position: relative;padding-left: 4vw;}
	#mysignin-box a:hover{opacity: 0.6;}
	#mysignin-box a:before{content: "＞";position: absolute;left: 10vw;top: 4.6vw;font-size: 3.2vw;}
	#mylogin-box p img{height: 40px}
	#mylogin-box input#siteguard_captcha{width: 15rem;height: 7.246vw;
	padding: 2vw;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
	}
	#mylogin-box .formpart.inner{margin-top: 3.623vw;line-height: 3.623vw;}
}