/* CSS Document */

:where(#loginRegistered, #loginUnregistered){
	display: grid;
	grid-gap: 1em;
	align-content: center;
	justify-items: center;
	padding: calc(var(--space) * 0.5);
	background: rgba(255, 255, 255, 0.75);
	border-radius: var(--theme-corner);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	}
	:where(#loginRegistered, #loginUnregistered) h3+*{
		margin-top: 0.5em;
		}

#login{
	display: grid;
	grid-gap: var(--space) 4em;
	}

#loginRegistered{}
	#loginRegistered form{
		justify-self: stretch;
		display: grid;
		grid-gap: 0.5em;
		justify-items: center;
		}
	#loginRegistered dl{
		width: 100%;
		margin-bottom: 1.5em;
		}
	#loginRegistered a{
		display: inline-block;
		font-size: 14px;
		text-align: center;
		}

#loginDisabled{}
	#loginDisabled h3+div{
		margin-top: 1.5em;
		}

[for="rememberMe"]{
	font-size: 14px;
	}




/* for lower */
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
}
@media (max-width: 767.98px) {
/*767px以下*/
}
@media (max-width: 575.98px) {
/*575px以下*/
}


/* Small */
@media (min-width: 576px) {
/*576px以上*/
}
@media (min-width: 576px) and (max-width: 767.98px) {
/*576px～767px*/
}
@media (min-width: 576px) and (max-width: 991.98px) {
/*576px～991px*/
}
@media (min-width: 576px) and (max-width: 1199.98px) {
/*576px～1199px*/
}
@media (min-width: 576px) and (max-width: 1399.98px) {
/*576px～1399px*/
}


/* Medium */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 1399.98px) {
/*768px～1399px*/
}


/* Large */
@media (min-width: 992px) {
/*992px以上*/
#login{
	grid-template-columns: 1fr 1fr;
	}
	#login h2{
		grid-column: 1 / 3;
		}
#loginRegistered{
	order: 1;
	}
	#loginRegistered dl{
		grid-template-columns: 6em auto;
		}
#loginDisabled{
	order: 1;
	grid-column: 1 / 3;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}
@media (min-width: 992px) and (max-width: 1399.98px) {
/*992px～1399px*/
}


/* X-Large */
@media (min-width: 1200px) {
/*1200px以上*/
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
/*1200px～1399px*/
}


/* XX-Large */
@media (min-width: 1400px) {
/*1400px以上*/
}