@charset "utf-8";
/*-------------------------------------------*/
/* ログイン画面
/*-------------------------------------------*/
html,body {
 height: 100%;/* サイト全体の高さ */
 min-height: 100%;
 /*overflow:hidden;*/
 /*background-color: transparent !important;;*/
 }

body {
 font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
 background-color: #fff;
 -webkit-text-size-adjust: 100%;/* スマホ対策 */
 -ms-text-size-adjust: 100%;/* スマホ対策 */
 -webkit-font-smoothing: antialiased;/* ChromeやSafariでフォントが太くなりマウスオーバーの時一瞬細くなったりする現象を解消 */
 animation: fadeIn 2s ease 0s 1 normal;/* fadeアニメーション */
 -webkit-animation: fadeIn 2s ease 0s 1 normal;/* fadeアニメーション */
 display: flex;
 justify-content: center;
 align-items: center;
 }

form{
 /*display: inline-block !important;*/
 /*position: absolute !important;*/
 }

*:before,
.dashicons{
padding-right: 5px !important;
}

.login form{
margin-top:0 !important;
padding:0 24px 0 !important;
}

.login label{
font-size:13px !important;
}


@keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
 }

@-webkit-keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
 }

/* ログイン画面の背景 */
#full_background {
background: url('') no-repeat center center;
background-size: cover;
 }

#full_background{min-height:100%;min-width:1024px;width:100%;height:auto;position:fixed;top:0;left:0;z-index: -9999;}@media screen and (max-width:1024px){#full_background{left:50%;margin-left:-512px}}

/* ログインフォームの幅、デフォルトでは320pxに指定 */
body.login div#login,
#arttaste-error-page {
 /*width: 378px;*/
 margin-top: 0 !important;
 margin-bottom: 0 !important;
 padding-top: 0px;
 padding-bottom: 10px;
 background-color: rgba(0, 0, 0, 0.6);/*  コンテンツの透ける背景 */
 box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);/* コンテンツの周りの影 */
 border: 1px solid #999 !important;
/* 角丸 */
 border-radius: 5px !important;/* CSS3 */
 -moz-border-radius: 5px !important;/* Firefox */
 -webkit-border-radius: 5px !important;/* Safari,Chrome */
 /*margin: 0 10% auto auto;*//* 右寄せ */
 /*padding: 30px 0 0;*//* 右寄せ */
 }

/* ログインフォームの幅、デフォルトでは320pxに指定 */
.interim-login {
 background-color: rgba(0, 0, 0, 0.6) !important;/*  コンテンツの透ける背景 */
 }

/* Privacy Policy部分 */
.login .privacy-policy-page-link{
display:none;
}

/* ログイン画面のロゴを囲む、指定されているのはtext-align: center;のみ */
body.login div#login h1 {
 margin-top: 20px !important;
 margin-bottom: 0px !important;
 }

 /* 管理者メールアドレスの検証 画面 */
body.login-action-confirm_admin_email div#login h1 {
 margin-bottom: 0px !important;
 }

.admin-email__details a {
display: none !important;
 }

.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large{
/*margin:0 0 10px 5px !important;*/
}

/* 管理者メールアドレスの検証 部分 */
.login-action-confirm_admin_email .button-group.button-large .button, .wp-core-ui .button.button-large{
margin:0 0 10px 0 !important;
}

/* 管理者メールアドレスの検証 部分 */
.login-action-confirm_admin_email div#login h1 {
 margin-top: 20px !important;
 margin-bottom: 0px !important;
 }

/* 管理者メールアドレスの検証 部分 */
 .login-action-confirm_admin_email form {
 margin: 20px 10px 0 10px !important;
 }

/* 管理者メールアドレスの検証 部分 ボタン */
.login-action-confirm_admin_email .button-primary:hover {
 background-color: #fff !important;
 border-color: #ccc !important;
 box-shadow: 0px 0px !important;
 color: #999 !important;
 text-shadow: none !important;
 }

/* ロゴ画像変更、ロゴに関するCSSはこのセレクタを使用 */
body.login div#login h1 a {
width: 100% !important;
height:120px;
 background: url('') no-repeat;
background-position:center top;
margin-bottom:0;
 }

/* ログインフォーム全体のセレクタ */
body.login div#login form#loginform,
body.login div#login form#lostpasswordform,
body.login div#login form#registerform {
 background-color: rgba(0, 0, 0, 0.0);/*  コンテンツの透ける背景 */
 box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0);/* コンテンツの周りの影 */
 border: 0px solid #999 !important;
/* 角丸 */
 /*border-radius: 5px !important;*//* CSS3 */
 /*-moz-border-radius: 5px !important;*//* Firefox */
 /*-webkit-border-radius: 5px !important;*//* Safari,Chrome */
 }

#login_error,
.login-action-login #login p.message,
.login-action-lostpassword #login p.message,
.login-action- #login p.message,
#arttaste-error-page {
 display: block !important;
 position: relative !important;
 text-align: center;
 margin-top:0 !important;
 margin-bottom:0 !important;
 margin-right:10px !important;
 margin-left:10px !important;
 background-color: rgba(0, 0, 0, 0.6) !important;/*  コンテンツの透ける背景 */
 color: #ffffff !important;
 border: 1px solid #999 !important;
 border-radius: 5px !important;
 }

 .login-action-lostpassword #login_error{
margin-top:15px !important;
}

#login_error a {
 color: #ffffff !important;
 margin-left: 18px !important;
 -webkit-transition: 0.7s !important;
 -moz-transition: 0.7s !important;
 -ms-transition: 0.7s !important;
 -o-transition: 0.7s !important;
 transition: 0.7s !important;
 text-decoration: none !important;
 }

#login_error a:hover {
 color: #AB89C3 !important;
 text-decoration: none !important;
 }

#loginform div {
 font-size: 14px !important;
 /*font-weight: 900;*/
 color: #ffffff !important;
}

/* フォーム入力欄のlabelとinputを囲むpタグ */
body.login div#login form#loginform p {
 }

/* フォーム入力欄のラベル */
body.login div#login form#loginform p label,
body.login div#login form#registerform p label,
body.login div#login form#lostpasswordform p label {
 color: #ffffff !important;
 -webkit-transition: 0.7s !important;
 -moz-transition: 0.7s !important;
 -ms-transition: 0.7s !important;
 -o-transition: 0.7s !important;
 transition: 0.7s !important;
 }

/* フォーム入力欄のラベル */
body.login div#login form#loginform p label:hover,
body.login div#login form#registerform p label:hover,
body.login div#login form#lostpasswordform p label:hover {
 color: #AB89C3 !important;
}

/* フォーム入力欄とログインボタン */
body.login div#login form#loginform input,
body.login div#login form#registerform p label,
body.login div#login form#lostpasswordform input {
 font-size: 16px !important;/* 16px以上に設定しないとiPhoneのインプット、テキスト、セレクトエリアが自動で拡大する */
/* インプットエリアの角丸 */
 border-radius: 5px !important;/* CSS3 */
 -moz-border-radius: 5px !important;/* Firefox */
 -webkit-border-radius: 5px !important;/* Safari,Chrome */
 }

input[type="checkbox"] {
 background: #f9f9f9 !important;/* テキストエリアの色 */
 opacity: 0.6 !important;/* テキストエリアの透明度 */
 border: 1px solid #ccc !important;/* テキストエリア枠のライン設定 */
 font-size: 16px !important;/* 16px以上に設定しないとiPhoneのインプット、テキスト、セレクトエリアが自動で拡大する */
 box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 -ms-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 -o-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 /* input&テキストエリアのアニメーション化 */
 -webkit-transition: 0.6s !important;
 -moz-transition: 0.6s !important;
 -ms-transition: 0.6s !important;
 -o-transition: 0.6s !important;
 transition: 0.6s !important;
 }

/* :checkedで動作 */
input[type="checkbox"]:checked {
 border: 1px solid #0066cc !important;
 background-color: #AB89C3 !important;
 opacity: 0.6 !important;/* テキストエリアの透明度 */
 }

/* ユーザー名入力欄のみのセレクタ */
body.login div#login form#loginform input#user_login,
body.login div#login form#registerform input#user_login,
body.login div#login form#lostpasswordform input#user_login {
 background: #f9f9f9 !important;/* テキストエリアの色 */
 opacity: 0.6 !important;/* テキストエリアの透明度 */
 border: 2px solid #ccc !important;/* テキストエリア枠のライン設定 */
 font-size: 16px !important;/* 16px以上に設定しないとiPhoneのインプット、テキスト、セレクトエリアが自動で拡大する */
 font-weight: bold;
 padding: 5px;
 box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 /* input&テキストエリアのアニメーション化 */
 -webkit-transition: 0.6s !important;
 -moz-transition: 0.6s !important;
 -ms-transition: 0.6s !important;
 -o-transition: 0.6s !important;
 transition: 0.6s !important;
 }

 /* ユーザー名入力欄のみのセレクタ */
body.login div#login form#loginform input#user_login {
 margin-bottom: 0;
 }

/* ユーザー名入力欄のみのセレクタ */
body.login div#login form#loginform input#user_login:focus,
body.login div#login form#lostpasswordform input#user_login:focus {
 border: 2px solid #A2EBF9 !important;
 background-color: #AB89C3 !important;
 opacity: 0.6 !important;/* テキストエリアの透明度 */
 color: #333300 !important;
 }

input[name="jetpack_protect_num"] {
 background: #f9f9f9 !important;/* テキストエリアの色 */
 opacity: 0.6 !important;/* テキストエリアの透明度 */
 border: 2px solid #ccc !important;/* テキストエリア枠のライン設定 */
 font-size: 16px !important;/* 16px以上に設定しないとiPhoneのインプット、テキスト、セレクトエリアが自動で拡大する */
 box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 /* input&テキストエリアのアニメーション化 */
 -webkit-transition: 0.6s !important;
 -moz-transition: 0.6s !important;
 -ms-transition: 0.6s !important;
 -o-transition: 0.6s !important;
 transition: 0.6s !important;
 }

input[name="jetpack_protect_num"]:focus {
 border: 2px solid #A2EBF9 !important;
 background-color: #AB89C3 !important;
 opacity: 0.6 !important;/* テキストエリアの透明度 */
 color: #333300 !important;
 }


/* パスワード入力欄のみのセレクタ */
body.login div#login form#loginform input#user_pass {
 font-weight:bold;
 background: #f9f9f9 !important;/* テキストエリアの色 */
 opacity: 0.6 !important;/* テキストエリアの透明度 */
 border: 2px solid #ccc !important;/* テキストエリア枠のライン設定 */
 font-size: 16px !important;/* 16px以上に設定しないとiPhoneのインプット、テキスト、セレクトエリアが自動で拡大する */
 /*padding: 5px;*/
 box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);/* テキストエリア枠の影の設定 */
 /* input&テキストエリアのアニメーション化 */
 -webkit-transition: 0.6s !important;
 -moz-transition: 0.6s !important;
 -ms-transition: 0.6s !important;
 -o-transition: 0.6s !important;
 transition: 0.6s !important;
 margin-bottom:5px;
 }

/* パスワード入力欄のみのセレクタ */
body.login div#login form#loginform input#user_pass:focus {
 border: 2px solid #A2EBF9 !important;
 background-color: #AB89C3 !important;
 opacity: 0.6 !important;/* テキストエリアの透明度 */
 color: #333300 !important;
 }

/* ログイン状態を保存するチェックボックスとテキストを囲むpタグ */
body.login div#login form#loginform p.forgetmenot {
 /*margin-top: -10px !important;*/
 margin-bottom: 10px;
 color: #AB89C3 !important;
 }

.anr_captcha_field  {
 margin-bottom: 20px !important;
 }

/* 「ログイン状態を保存する」テキスト */
body.login div#login form#loginform p.forgetmenot input#rememberme {
 color: #ffffff !important;
 }

body.login div#login form#loginform p.forgetmenot:hover {
 color: #AB89C3 !important;
 }

/* ログインボタンを囲むpタグ */
body.login div#login form#loginform p.submit,
body.login div#login form#lostpasswordform p.submit {
 }

/* ログインボタン */
body.login div#login form#loginform p.submit input#wp-submit,
body.login div#login form#lostpasswordform p.submit input#wp-submit,
input[type="submit"] {
 width: 100%;
 height: 46px;
/* 角丸 */
 border-radius: 5px !important;/* CSS3 */
 -moz-border-radius: 5px !important;/* Firefox */
 -webkit-border-radius: 5px !important;/* Safari,Chrome */
 background-color: #999;
 border-color: #ccc;
 box-shadow: 0 1px 0 rgba(120, 200, 230, 0) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
 color: #fff;
 text-shadow: #999 1px 1px 0px, #999 -1px 1px 0px,
              #999 1px -1px 0px, #999 -1px -1px 0px;
/* input&テキストエリアのアニメーション化 */
 -webkit-transition: 0.6s !important;
 -moz-transition: 0.6s !important;
 -ms-transition: 0.6s !important;
 -o-transition: 0.6s !important;
 transition: 0.6s !important;
 }

/* ログインボタン */
body.login div#login form#loginform p.submit input#wp-submit:hover,
body.login div#login form#lostpasswordform p.submit input#wp-submit:hover,
input[type="submit"]:hover {
 background-color: #fff;
 border-color: #ccc;
 box-shadow: 0 1px 0 rgba(120, 200, 230, 0) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
 color: #999;
 text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,
              #fff 1px -1px 0px, #fff -1px -1px 0px;
 }

 /* 「パスワードをお忘れですか」の前にアイコン */
body.login-action-login div#login p#nav a:before {
font-family:"dashicons";
content: "\f112";
display: inline-block;
vertical-align: top;
font-size:16px;
line-height:1.2 !important;
 }

/* 「パスワードをお忘れですか」を囲むpタグ */
body.login div#login p#nav {
 margin-top: 0px;
 color: #ffffff !important;
 }

/* 「パスワードをお忘れですか」のaタグ */
body.login div#login p#nav a {
 color: #ffffff !important;
 -webkit-transition: 0.7s !important;
 -moz-transition: 0.7s !important;
 -ms-transition: 0.7s !important;
 -o-transition: 0.7s !important;
 transition: 0.7s !important;
 }

/*「パスワードをお忘れですか」のaタグ */
body.login div#login p#nav a:hover {
 color: #AB89C3 !important;
 }

body.login-action-lostpassword div#login p#nav a:before {
font-family:"dashicons";
content: "\f344";
display: inline-block;
vertical-align: top;
font-size:16px;
line-height:1.2 !important;
}

/*「～へ戻る」を囲むpタグ */
body.login div#login p#backtoblog {
 color: #ffffff !important;
 margin:0 0 10px 0;
 }

/* 「～へ戻る」のaタグの前にアイコン */
body.login div#login p#backtoblog a:before {
font-family:"dashicons";
content: "\f102";
display: inline-block;
vertical-align: top;
font-size:16px;
line-height:1.2 !important;
 }

/* 「～へ戻る」のaタグ */
body.login div#login p#backtoblog a {
 color: #ffffff !important;
 -webkit-transition: 0.7s !important;
 -moz-transition: 0.7s !important;
 -ms-transition: 0.7s !important;
 -o-transition: 0.7s !important;
 transition: 0.7s !important;
 }

/* 「～へ戻る」のaタグ */
body.login div#login p#backtoblog a:hover {
 color: #AB89C3 !important;
 }

.login-action-confirm_admin_email form{
background: #FFFFFF91 !important;
margin-bottom:20px !important;
}

.admin-email__actions div{
padding-top:0 !important;
padding-bottom:1.5em;
}

/* タブレット縦 */
@media (max-width: 782px) {
 body input[type="checkbox"] {
 margin-left: -5px !important;
 margin-right: 0px !important;
 -moz-transform: scale(0.6);
 -webkit-transform: scale(0.6);
 transform: scale(0.6);
 }
}

 /* スマホ横 */
@media (max-width: 580px) {
body {
 overflow:visible !important;
 }
}

/* スマホ縦 */
@media (max-width: 320px) {
body.login div#login {
 max-width: 300px;
 width: 96%;
 margin-top: 60px !important;
 /*margin-bottom: -30px !important;*/
 /*padding: 30px 0 0;*//* 右寄せ */
 }

input[type="checkbox"] {
 -moz-transform: scale(0.8) !important;
 -webkit-transform: scale(0.8) !important;
 transform: scale(0.8) !important;
 }
}

@media screen and (max-width: 782px){
.interim-login input[type=checkbox],.interim-login input[type=radio]{
height:1.6rem !important;
width:1.6rem !important;
}
.interim-login .widefat tfoot td input[type=checkbox]:before,.interim-login .widefat th input[type=checkbox]:before, .interim-login .widefat thead td input[type=checkbox]:before,.interim-login input[type=checkbox]:checked:before{
width:1.8rem !important;
}
}

/* チェックボックスをアニメーション */
@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

#rememberme:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #AB89C3;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}

/* 目のアイコンカラー */
.dashicons-visibility:before{
/*color: #AB89C3;*/
}