@charset "UTF-8";
/******************************************************************************/
/* default TAG CSS  */
/******************************************************************************/
*{ 
	margin:0px; padding:0px;
	font-family:'Times New Roman',"游明朝",'Yu Mincho',YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝",'MS PMincho',serif;
	scrollbar-base-color:#2a4c5e; scrollbar-arrow-color:#cae3f0;
	scrollbar-track-color:#cae3f0; scrollbar-shadow-color:#2a4c5e;
	scrollbar-highlight-color:#85c0e0; scrollbar-darkshadow-color:#2a4c5e;
}
html{ font-size:14px; }
html,body{ margin:0; padding:0; width:100vw; height:100vh; }
body{
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
input,textarea,select{
	margin:2px; font-size:24px; border:solid 1px #a5cadd; 
	background-color:#eee;
	border-radius:.5ex; -webkit-border-radius:.5ex;-moz-border-radius:.5ex;
}
input,select{ height:calc(1em + 2px); height:-webkit-calc(1em + 2px); }
input:focus{ background-color:rgb(240, 250, 255,0.5); color:#000}
button[type=button]{
	margin:0; font-weight:bold;
	border-radius:.5ex; -webkit-border-radius:.5ex;-moz-border-radius:.5ex;
}
/*---------------------------------------------------------------------------*
 * スクロール
 *---------------------------------------------------------------------------*/
.not_firefox ::-webkit-scrollbar{ -webkit-appearance:none; width:1em; background:#528faf; }
.not_firefox ::-webkit-scrollbar-thumb{ -webkit-appearance:none; overflow:hidden; background:#2a4c5e; }
/******************************************************************************/

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; }
}