/*
  $Id: common-login.css,v1.0 $
*/
/*===========================================================================
-----------------------------------------------------------------------------
  共通 ログイン画面 設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
:root {
  --osn-color: #3ea6ff;
}
body.login {
  background: url(./images/background-gray.jpg) repeat 50% 0%;
  background-size: 100% auto;
}
.login a ,
.login .button {
  transition: all 0.5s ease;
  filter: Alpha(opacity=100);
  opacity: 1;
}
.login a:hover ,
.login .button:hover {
  filter: Alpha(opacity=50);
  opacity: 0.5;
}

/*------------------------------------
  ロゴ設定　ここから
-------------------------------------*/
.login h1 a ,
#login h1 a {
  background:url(./images/logo.svg) no-repeat 50% 50%;
  background-size: contain;
  width: 80%;
  height: auto;
  padding-top: 23.7%;
}
/*------------------------------------
  フォーム 設定　ここから
-------------------------------------*/
.login #loginform {
  border-radius: 12px;
}
.login #loginform #wp-submit {
  background-color: var(--osn-color);
  border: none;
}
.login #login #nav ,
.login #login #backtoblog {
  text-align: center;
}
.login #login #nav a ,
.login #login #backtoblog a {
  color: var(--osn-color);
  font-weight: 700;
  text-decoration: underline;
}




/*===========================================================================

  設定　ここから

===========================================================================*/

/*------------------------------------
  設定　ここから
-------------------------------------*/

/*-----------------------------------*/

/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
}