@charset "utf-8";

html, body, div, span, 
h1, h2, h3, h4, h5, h6, 
p, em, strong, 
ul, ol, li, dl, dt, dd, 
table, th, td {
	margin:				0px;
	padding:			0px;
}

html,
body {
	width:				100%;
/*	font-family:		"ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝","Yu Mincho", serif;*/
	font-family:		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:			14px;
	font-style:			normal;
	font-weight:		normal;
	line-height:		1.7em;
	text-align:			left;
	letter-spacing:		0.05em;
	color:				#000;
	overflow-wrap:		break-word;
	word-break:			break-all;
	outline:			none;
}

body {
	background-image:url("images/login_bg.jpg");
	background-size:cover;
}

/* レスポンシブ対応 */
/* ---------------------------------------------------------------- */
body {
	-webkit-text-size-adjust:	100%;
}

img {
	max-width:			100%;
	height:				auto;
	width /***/:		auto;
}


#login {
	width:		400px;
	padding:	13% 0 0;
}

a{
	color:		#0073aa;
}

a:active,
a:hover{
	color:		#00a0d2;
}

a:focus {
	color:		#0073aa;
	box-shadow:	none;
}

.login #login_error,
.login .message,
.login .success{
	background:			rgba(255,255,255,0.5);
	box-shadow:			0 1px 1px 0 rgba(0,0,0,.1);
	border:				none;
	border-radius:		10px;
	text-align:			center;
}

.login .success{
	color:#46b450;
}

.login #login_error{
	color:#dc3232;
}

.login form {
	padding:		26px 24px 26px;
	background:		rgba(255,255,255,0.5);
	border-radius:	10px;
}

.login h1 a{
	width:				auto;
	height:				auto;
	margin:				0 auto 25px;
	background-image:	none;

	color:			#fff;
	font-size:		20px;
	font-weight:	400;
	line-height:	1.3;
	text-indent:	0px;
}
.login h1 a:focus {
	color:			#fff;
}

.login #nav{
}

#backtoblog{
	text-align:		center;
}

.login #backtoblog a,
.login #nav a{
	color:				#000;
	text-decoration:	none;
}

.login #backtoblog a:hover,
.login #nav a:hover,
.login h1 a:hover{
	color:				#fff;
	font-weight:		bold;
}