@charset "utf-8";

::selection { background-color: #777; }	/* テキスト選択時の色 */
::placeholder{	color: #fff; }					/* input または textarea 要素のプレイスホルダー文字列 */







#wrapper{
	float: left;
	padding: 0; margin: 0; width: 100%;
}










/* 全体黒 「ログインボタン」*/
#header_js_login_box{
	clear: both; float: left;
	margin-top: 100px; width: 100%;
}
#header_js_login_c{
	float: left;
	padding: 0; margin: 0; width: 100%; height: 100%;

	/* 横・縦のセンタリング(子要素) */
	display: flex;
	align-items: center;
	justify-content: center;
}
/* ログイン・ログアウトBOX */
#header_js_login_cb{
	clear: both; float: left;
	padding: 5px 10px; margin: 0; width: 25vw; min-width: 300px;
	border: 1px #777 solid; border-radius: 4px;
	background-color: #333;
}
@media screen and (max-width: 720px){		/* 以下の場合 */
	#header_js_login_cb{ width: 100%; }
}
/* ログイン or ログアウトしますか？ */
#header_js_login_cb_t{
	clear: both; float: left;
	padding: 0; margin: 0; width: 100%; height: 45px;
	text-align: center; color: #fff; font-size: 100%; line-height: 45px;
}

#header_js_login_cb_mb{
	clear: both; float: left;
	padding: 0 0 10px 0; margin: 0; width: 100%;
	border-top: 1px #999 dashed; border-radius: 4px;
}
#header_js_login_cb_m1, #header_js_login_cb_m2, #header_js_login_cb_m3{
	float: left;
	padding: 0; margin: 30px 0 0 0; width: 49%; height: 40px;
	background-color: #555;
	border: 1px #777 solid; border-radius: 4px;
	text-align: center; color: #fff; font-size: 100%; line-height: 40px;
}
#header_js_login_cb_m1, #header_js_login_cb_m2{
	margin-right: 2%;
}
#header_js_login_cb_m1, #header_js_login_cb_m2, #header_js_login_cb_m3:hover{ background-color: #777; cursor: pointer; }






/* IDとPASS入力欄 */
#header_js_login_cb_m0{
	display: none;
	clear: both; float: left;
	padding: 0; margin: 0; width: 100%;
}
/* エラー用	※上下にマージン設定 */
.header_js_t0{
	clear: both; float: left;
	padding: 0; margin: 3px 0 0 0; width: 100%; min-height: 45px; height:auto;
	text-align: left; color: #f30; font-size: 94%; line-height: 22px;
}
/* INPUT 説明テキスト用 */
.header_js_t1{
	clear: both; float: left;
	padding: 0; margin-top: 20px; width: 100%;
	text-align: left; color: #fff; font-size: 100%; line-height: 30px;
}
.header_js_it{
	clear: both; float: left;
	padding: 0; margin: 0; width: 100%;
}
/* INPUT TYPE TEXT*/
.header_js_text1{
	padding: 0 5px; margin: 0; width: 100%; height: 35px;
	border: 1px #aaa dashed;
	background-color: #555; border-radius: 4px;
	text-align: left; color: #fff; font-size: 88%; line-height: 20px;
}
.header_js_text1:focus{ border: 1px #aaa solid; }












/* ----- フッター */
footer{
	clear: both; float: left;
	margin-top: 500px; width: 100%;
	background-color: #222;
	border-top: 1px #777 dashed;
}
footer div{
	clear: both; float: left;
	padding: 30px 0; margin: 0; width: 100%;
	background-color: #222;
	text-align: center; color: #fff; font-size: 88%;
}
footer div a:link{ color: #f90; }