﻿body.login{overflow-x:hidden;min-height:100vh;background:linear-gradient(180deg, #fff 0, #F2F6F8 100%);color:#383e47;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif}body.login #login{position:relative;z-index:1;width:min(92vw,400px);padding:7vh 0 0}body.login h1{margin-bottom:24px}body.login h1 a{display:block;width:280px;max-width:82vw;height:88px;margin:0 auto;background:url(../images/title_logo01.svg) no-repeat center/contain}body.login form{overflow:hidden;margin-top:0;padding:28px 28px 30px;background:#fff;border:1px solid rgba(124,144,203,.32);border-radius:8px;box-shadow:0 18px 45px rgba(56,62,71,.14)}body.login label{color:#383e47;font-size:14px;font-weight:bold;letter-spacing:.04em}body.login form .input,body.login input[type=text],body.login input[type=password]{min-height:48px;margin-top:8px;padding:8px 12px;background:#fff;border:2px solid rgba(124,144,203,.32);border-radius:6px;box-shadow:none;color:#383e47;font-size:18px;line-height:1.4}body.login form .input:focus,body.login input[type=text]:focus,body.login input[type=password]:focus,body.login input[type=checkbox]:focus{border-color:#7c90cb;box-shadow:0 0 0 3px rgba(124,144,203,.18);outline:0}body.login .wp-pwd{position:relative}body.login input.password-input{padding-right:52px}body.login input[type=checkbox]{width:18px;height:18px;border:2px solid rgba(124,144,203,.45);border-radius:4px;box-shadow:none}body.login input[type=checkbox]:checked::before{width:22px;height:22px;margin:-4px 0 0 -4px;color:#329bb7}body.login .forgetmenot{margin-top:2px}body.login .forgetmenot label{color:#383e47;font-size:13px}body.login .button.wp-hide-pw{display:flex;align-items:center;justify-content:center;position:absolute;top:8px;right:0;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;background:rgba(0,0,0,0);border:0;box-shadow:none;color:#7c90cb;line-height:1}body.login .button.wp-hide-pw .dashicons{width:20px;height:20px;font-size:20px;line-height:20px}body.login .button.wp-hide-pw:focus{border-color:rgba(0,0,0,0);box-shadow:none;outline:0}body.login .button-primary{min-height:44px;padding:0 24px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease;background:linear-gradient(30deg, #4FB6DB 0, #8DA0CE 50%, #F0B8BD);border:0;border-radius:240px;box-shadow:0 8px 18px rgba(124,144,203,.24);color:#fff;font-size:15px;font-weight:bold;letter-spacing:.06em;line-height:1.3;text-shadow:none}body.login .button-primary:hover,body.login .button-primary:focus{transform:translateY(-2px);box-shadow:0 12px 22px rgba(124,144,203,.3);color:#fff;opacity:.94}body.login #nav,body.login #backtoblog{margin:18px 0 0;padding:0;text-align:center}body.login #nav a,body.login #backtoblog a,body.login .privacy-policy-page-link a{color:#383e47;font-size:13px;text-decoration:none}body.login #nav a:hover,body.login #backtoblog a:hover,body.login .privacy-policy-page-link a:hover,body.login #nav a:focus,body.login #backtoblog a:focus,body.login .privacy-policy-page-link a:focus{color:#7c90cb}body.login .message,body.login .notice,body.login .success{background:#fff;border-left:4px solid #7c90cb;border-radius:0 6px 6px 0;box-shadow:0 8px 22px rgba(56,62,71,.1)}body.login #login_error{background:#fff;border-left-color:#db437f;border-radius:0 6px 6px 0;box-shadow:0 8px 22px rgba(219,67,127,.1)}body.login .language-switcher{position:relative;z-index:1;margin-top:24px}body.login .language-switcher select{min-height:38px;background:#fff;border:2px solid rgba(124,144,203,.32);border-radius:6px;box-shadow:none;color:#383e47}body.login .language-switcher select:focus{border-color:#7c90cb;box-shadow:0 0 0 3px rgba(124,144,203,.18);outline:0}body.login .language-switcher .button{min-height:38px;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease;background:#fff;border:2px solid #7c90cb;border-radius:240px;box-shadow:none;color:#7c90cb;font-weight:bold}body.login .language-switcher .button:hover,body.login .language-switcher .button:focus{background:#7c90cb;border-color:#7c90cb;color:#fff;opacity:.94}@media screen and (max-width: 580px){body.login #login{padding-top:36px}body.login h1 a{width:232px;height:74px}body.login form{padding:24px 20px 26px}}
