@charset "utf-8";
/* CSS Document */

/*ログインページ*/
section {
	background-color: #033172;
	/*background-image: url("../images/login_base.PNG");*/
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #2B4974), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #2B4974), color-stop(.75, #2B4974), color-stop(.75, transparent), to(transparent));
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
	background-size: 7px 7px;
	box-shadow: 4px 4px 8px rgb(0, 0, 0, .3), -4px -4px 8px rgb(0, 0, 0, .3);
	width: 550px;
	height: 700px;
	margin: 100px auto;
	padding: 50px 0 30px;
	text-align: center;
}



h1 {
	color: #fff;
	text-shadow: 5px 5px 5px rgb(0, 0, 0, .7);
	font-size: 2.5rem;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
}

.login_area {
	background-color: #fff;
	text-align: left;
	padding: 30px;
	margin: 20px auto;
	width: 350px;
	height: 350px;
	
}

#user_login p {
	font-size: 1rem;
	margin: 0 0 .3rem;
}


input[type="text"],
input[type="password"] {
	margin-bottom: .5rem;
}

input[type="submit"] {
	background-color: #F44A08;
	border: 1px solid #F44A08;
	border-radius: .25rem;
	color: #fff;
	/*cursor: pointer;*/
	font-size: 1rem;
	padding: .5rem;
	margin-top: 30px;
	width: 100%;
	transition: .15s ease-in-out;
}

input[type="submit"]:hover {
	background-color: #fff;
	color: #F44A08;
}

#login {
	background-color: #F44A08;
	border: 1px solid #F44A08;
	border-radius: .25rem;
	color: #fff;
	/*cursor: pointer;*/
	font-size: 1rem;
	padding: .5rem;
	margin-top: 30px;
	width: 100%;
	transition: .15s ease-in-out;
}

#login:hover {
	background-color: #fff;
	color: #F44A08;
}



.login_area a {
	font-size: 12px;
	text-decoration: underline;
}

.login_logout_footer p {
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	text-shadow: 5px 5px 5px rgb(0, 0, 0, .7);
}

.login_logout_footer p:first-child {
	font-size: 1.3rem;
	font-weight: bold;
}

/*ログアウトページ*/
.logout_area {
	margin-top: 100px;
	margin-bottom: 200px;
}

.logout_area h1 {
	font-size: 1.5rem;
}

.logout_area a {
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	width: 200px;
	transition: .15s ease-in-out;
}


.logout_area a:hover {
	background-color: #fff;
	opacity: .8;
	color: #1745F5;
}



/*--------------------------------------------*/
/*576px～*/
/*--------------------------------------------*/
@media (min-width: 576px ){
	
}

/*--------------------------------------------*/
/*768px～*/
/*--------------------------------------------*/
@media (min-width: 768px){
    
}


/*--------------------------------------------*/
/*992px～*/
/*--------------------------------------------*/
@media (min-width: 992px){
    
}

/*--------------------------------------------*/
/*1200px～*/
/*--------------------------------------------*/
@media (min-width: 1200px){
	
}