@charset "utf-8";
/* login.css */
/*PC first*/
/*##### PC #####*/
#login {
    width: 450px;
    margin: 10px auto;
    border: 2px solid #66bc63;
    padding: 10px 10px 20px 10px;
    text-align: center;
    background:#e8f9e5;
    overflow:hidden;
}

#login h3 {
    font-size: 1.4em;
    border-bottom: 1px dotted #aaa;
    padding: 5px 0 10px 0;
    margin-bottom: 15px;
}

#login dl{
    margin-bottom: 15px;
	display:flex;
	align-items:center;
}

	#login dt {
		width: 9em;
		text-align:center;
	}

	#login dd {
		width: calc(100% - 9em);
		box-sizing:border-box;
		padding-right:10px;
	}

		#login dd input[type="text"],
		#login dd input[type="password"]{
			box-sizing:border-box;
			width:100%;
			padding: 3px;
			border:1px solid #aaa;
		}

#login .login_error{
	margin:0 0 15px 0;
	text-align: center;
	color: #b60808;
}

#login .buttons {
    text-align: center;
}

	#login .buttons input[type="submit"]{
		padding:0.5em 1em;
		border:2px solid #fff;
		border-radius:4px;
		box-shadow:0 0 1px 1px rgba(0,0,0,0.2);
		color:#fff;
		font-size:1.05em;
		font-weight:bold;
		text-shadow:1px 0 1px rgba(0,0,0,0.7);
		background: rgba(109,195,118,1);
		background: -moz-linear-gradient(top, rgba(109,195,118,1) 0%, rgba(67,178,78,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(109,195,118,1)), color-stop(100%, rgba(67,178,78,1)));
		background: -webkit-linear-gradient(top, rgba(109,195,118,1) 0%, rgba(67,178,78,1) 100%);
		background: -o-linear-gradient(top, rgba(109,195,118,1) 0%, rgba(67,178,78,1) 100%);
		background: -ms-linear-gradient(top, rgba(109,195,118,1) 0%, rgba(67,178,78,1) 100%);
		background: linear-gradient(to bottom, rgba(109,195,118,1) 0%, rgba(67,178,78,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dc376', endColorstr='#43b24e', GradientType=0 );
	}
	
	#login .buttons input[type="submit"]:hover{
		background: rgba(67,178,78,1);
		background: -moz-linear-gradient(top, rgba(67,178,78,1) 0%, rgba(109,195,118,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,178,78,1)), color-stop(100%, rgba(109,195,118,1)));
		background: -webkit-linear-gradient(top, rgba(67,178,78,1) 0%, rgba(109,195,118,1) 100%);
		background: -o-linear-gradient(top, rgba(67,178,78,1) 0%, rgba(109,195,118,1) 100%);
		background: -ms-linear-gradient(top, rgba(67,178,78,1) 0%, rgba(109,195,118,1) 100%);
		background: linear-gradient(to bottom, rgba(67,178,78,1) 0%, rgba(109,195,118,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b24e', endColorstr='#6dc376', GradientType=0 );
	}
	

.goto_reminder{
	text-align:center;
	margin-top:2em;
	font-size:1.05em;
}

	.goto_reminder:before{
		font-family: FontAwesome;
		content:"\f27a";
		margin-right:0.3em;
		color:#f57800;
	}

	.goto_reminder a{
		color:#00416b;
	}




@media screen and (max-width:479px){
	/*##### SP #####*/
	#login {
		box-sizing:border-box;
		width: 100%;
	}
	
		#login dl{
			margin-bottom: 1em;
			display:block;
		}
		
		#login dt {
			width:100%;
			margin-bottom:0.3em;
		}
		
		#login dd {
			width:100%;
			padding-right:0;
		}
		



}