@charset "UTF-8";
input{ width:99%; font-size:140%; font-weight:bold; ime-mode:disabled; }
input[type='button']{ height:2em; }

.home-SignIn input:focus{ color:#2a4c5e; }

#SignIn_button{ width:100%; font-size:24px; color:white; }

#main_div{
	top:101px; left:0; width:100%; position:fixed; overflow:auto;
	width:calc(100% - 4px); width:-webkit-calc(100% - 4px); 
	width:calc(100% - 4px);
	height:calc(100% - 108px - 2em);
	height:-webkit-calc(100% - 108px - 2em); 
	height:-moz-calc(100% - 108px - 2em);
	z-index:999;
}

/* ログイン枠 */
#SignIn_div{
	padding:1ex; width:98%; max-width:512px;
	border:solid 2px #2a4c5e; 
	border-radius:1ex; -webkit-border-radius:1ex; -moz-border-radius:1ex;
	box-shadow:.3ex .3ex .3ex; -webkit-box-shadow:.3ex .3ex .3ex; 
	-moz-box-shadow:.3ex .3ex .3ex;
	background-color:white; color:#2a4c5e; font-size:140%; font-weight:bold;
	top:40%; left:50%; position:absolute;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	z-index:999;
}


/* フッタ */
#footer_div{
	margin:0; bottom:0; left:0; height:2em;
	width:calc(100% - 4px); width:-webkit-calc(100% - 4px); 
	width:calc(100% - 4px);
	position:fixed;  z-index:1; border:none;
	background-color:#2a4c5e; 
	text-align:right; vertical-align:middle;
	font-weight:bold;
	z-index:2;
}

#copyright{
	bottom:6px; right:1em; position:absolute; 
	color:#bdb36b; font-weight:bold; 
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* 横幅が狭いとき */
@media screen and (min-width:1px) and (max-width:640px) {
	#SignIn_div{ width:98%; }
}

/* 縦高が低いとき */
@media screen and (min-height:1px) and (max-height:34em) {
	html,body{ overflow-y:auto; }
	#SignIn_div{ top:160px; }
	#main_div{ height:18em; position:relative; }
	#footer_div{ top:4em; width:100%; position:relative; }
}