@charset "utf-8";

/* ここで呼ぶとキャッシュ対策できないので.login.php等で直接呼び出す
@import "base.css";
@import "common.css";
*/

/*#################### おやみだし ####################*/
body {

	min-width: 450px;  /*中央配置するボックスの横幅*/
	min-height: 350px;  /*中央配置するボックス縦幅*/
} 

#Pagelogin #Footer {
	position: absolute;
    bottom: 0;
    width: 100%;
	background:#3B5998;
	color:#fff;
	padding:12px 0;
	}

.loginArea {
	margin: -175px 0 0 -225px;  /*縦横の半分をネガティブマージンでずらす*/
	position: absolute;  /*body要素に対して絶対配置*/
	top: 45%;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
	width: 450px;  /*横幅*/
	height: 350px;  /*縦幅*/
}

#Pagelogin .loginArea h1,
#Pagelogin .loginAreaWithSocial h1{
	text-align:center;
	margin-bottom:25px;
}

.loginAreaWithSocial {
	margin: -290px 0 0 -225px;  /*縦横の半分をネガティブマージンでずらす*/
	position: absolute;  /*body要素に対して絶対配置*/
	top: 45%;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
	width: 450px;  /*横幅*/
	height: 580px;  /*縦幅*/
}

.form-container { width:450px;}
.form-container .form-field {
	width:100%;
	font-weight:bold;
	font-size:128.6%;
	line-height:100%;
	border: 1px solid #999999;
}
.form-container .form-field input.off {
color:#999;
}

.loginbutton {
	position: relative;
	background-color: #3F5C9A;
	border-radius: 4px;
	color: #fff;
	line-height: 60px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 6px 0 #23355B;
	font-weight:bold;
	width:100%;
	border:none;
	font-size:142.9%;
}
.loginbutton:hover {
	top: 6px;
	box-shadow: none;
}
.loginbutton:active {
	top: -4px;
	box-shadow: 0 7px 0 #23355B;
}

p.logoff {text-align:center; color:#fff; margin-bottom:35px;}

input[type="button"]:focus {
	outline: 0;
	border:none;
}

.social_login_border {
    display: flex;
    align-items: center;
    margin: 24px 0;
    color: #ffffff;
}

.social_login_border:before {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #ffffff;
    margin-right: 8px;
}

.social_login_border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #ffffff;
    margin-left: 8px;
}

/* こみだし
-------------------------------------*/

/* まごみだし */





/*end*/