/*----------------------------------------------------------------------------------------------------
/* Font
----------------------------------------------------------------------------------------------------*/
@font-face {
	font-display: swap;
	font-family: "Noto Sans";
	font-weight: 300;
	src: url("../fonts/NotoSans-Thin.eot"), url("../fonts/NotoSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Thin.woff2") format("woff2"), url("../fonts/NotoSans-Thin.woff") format("woff"), url("../fonts/NotoSans-Thin.ttf") format("truetype"), url("../fonts/NotoSans-Thin.otf") format("opentype")
}
@font-face {
	font-display: swap;
	font-family: "Noto Sans";
	font-weight: 400;
	src: url("../fonts/NotoSans-Regular.eot"), url("../fonts/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Regular.woff2") format("woff2"), url("../fonts/NotoSans-Regular.woff") format("woff"), url("../fonts/NotoSans-Regular.ttf") format("truetype"), url("../fonts/NotoSans-Regular.otf") format("opentype")
}
@font-face {
	font-display: swap;
	font-family: "Noto Sans";
	font-weight: 700;
	src: url("../fonts/NotoSans-Bold.eot"), url("../fonts/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Bold.woff2") format("woff2"), url("../fonts/NotoSans-Bold.woff") format("woff"), url("../fonts/NotoSans-Bold.ttf") format("truetype"), url("../fonts/NotoSans-Bold.otf") format("opentype")
}
/*----------------------------------------------------------------------------------------------------
/* Global Style
----------------------------------------------------------------------------------------------------*/
* {
	clear: both;
	font: inherit;
	font-size: 100%;
	vertical-align: middle;
	word-break: break-word;
	word-wrap: break-word
}
/*----------------------------------------------------------------------------------------------------
/* Body Tag
----------------------------------------------------------------------------------------------------*/
body {
	align-items: center;
	background: #fff;
	color: #3b3b3b;
	display: flex;
	font-family: "Noto Sans";
	font-size: 14px;
	justify-content: center
}
body > div#login {
	padding: 0
}
/*----------------------------------------------------------------------------------------------------
/* A Tag
----------------------------------------------------------------------------------------------------*/
a {
	color: #3b3b3b;
	cursor: pointer;
	display: inline-block;
	text-decoration: underline
}
a:focus {
	box-shadow: none
}
a:hover {
	opacity: 0.8
}
/*----------------------------------------------------------------------------------------------------
/* .login
----------------------------------------------------------------------------------------------------*/
.login form {
	border: none;
	display: flex;
	flex-direction: column
}
.login form .forgetmenot {
	margin-top: 15px;
	order: 999
}
.login h1 {
	display: none
}
.login input[type=checkbox] {
	border-color: #3b3b3b;
	border-radius: 0
}
.login input[type=checkbox]:checked:before {
	content: "ˇ";
	margin: 6px -3.5px
}
.login input[type=checkbox]:focus {
	box-shadow: none
}
.login input[type=password],
.login input[type=text] {
	border: none;
	border-bottom: 1px solid #3b3b3b;
	border-radius: 0;
	font-size: 1em
}
.login input[type=password]:focus,
.login input[type=text]:focus {
	box-shadow: none;
	outline: none
}
.login #backtoblog a:hover,
.login #nav a:hover {
	color: #3b3b3b
}
.login #login_error,
.login .message,
.login .success {
	box-shadow: none;
	text-align: center
}
.login .button.wp-hide-pw {
	color: #3b3b3b
}
.login .button.wp-hide-pw:focus,
.login .button.wp-hide-pw:hover {
	border: none;
	box-shadow: none
}
.login .button-primary {
	background-color: #3b3b3b;
	border: none;
	border-radius: 0;
	color: #fff;
	width: 100%
}
.login .button-primary:focus,
.login .button-primary:hover {
	background-color: #3b3b3b;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3b3b3b
}
@media screen and (max-width: 782px) {
	.login input[type=checkbox]:checked::before {
		margin: 11px -3px
	}	
}