body.login {
background: url('../../../../pages/images/banner.jpg') no-repeat center center;
background-size: cover;
}
body.login {} /* ログイン画面の背景 */
body.login div#login {} /* ログインフォームの幅、デフォルトでは320pxに指定 */
body.login div#login h1 {} /* ログイン画面のロゴを囲む、指定されているのはtext-align: center;のみ */
body.login div#login h1 a {} /* ロゴ画像変更、ロゴに関するCSSはこのセレクタを使用 */
body.login div#login form#loginform {} /* ログインフォーム全体のセレクタ */
body.login div#login form#loginform p {} /* フォーム入力欄のlabelとinputを囲むpタグ */
body.login div#login form#loginform p label {} /* フォーム入力欄のラベル */
body.login div#login form#loginform p.forgetmenot label{float: right;}
body.login div#login form#loginform input {} /* フォーム入力欄とログインボタン */
body.login div#login form#loginform input#user_login {}  /* ユーザー名入力欄のみのセレクタ */
body.login div#login form#loginform input#user_pass {} /*　パスワード入力欄のみのセレクタ　*/
body.login div#login form#loginform p.forgetmenot {margin-bottom: 1em;} /* ログイン状態を保存するチェックボックスとテキストを囲むpタグ */
body.login div#login form#loginform p.forgetmenot input#rememberme {}  /* 「ログイン状態を保存する」テキスト */
body.login div#login form#loginform p.submit {} /* ログインボタンを囲むpタグ */
body.login div#login form#loginform p.submit input#wp-submit {} /* ログインボタン */
body.login div#login p#nav {background: #FFF;border-radius: 4px;padding: .4em 1em;} /* 「パスワードをお忘れですか」を囲むpタグ */
body.login div#login p#nav a {} /* 「パスワードをお忘れですか」のaタグ */
body.login div#login p#backtoblog {background: #FFF;border-radius: 4px;padding: .4em 1em;} /* 「～へ戻る」を囲むpタグ */
body.login div#login p#backtoblog a {} /* 「～へ戻る」のaタグ */
.login-message{margin-bottom: 2em;background: #fff;padding: 1em;line-height: 1.8em;}
.login-message ul{margin-left: 0;padding-left: 0;}
.login-message ul li{margin-bottom: .5em;list-style: none;	padding-left:1em;text-indent:-1em;}
.login-message ul li:last-child{margin-bottom: 0;}
.login-message ul li:before {
	display: inline;
	content: "-";
	padding-right: .6em;
}
#login {
	max-width: 500px;
	width: 90%;
}
.login .button-primary {
	float: none;
	width: 100%;
}
.login label {
	display: block;
}