@charset "UTF-8";
:root{
	--loossh-btn-color: #6772E5;
	--loossh-btn-color--hover: #6d84ec;
}

.loossh-log{
	padding: 4px;
	border: solid 1px #dcdcdc;
	line-height: 1.5;
	font-size: 14px;
	margin: 1em 0 !important;
}
.loossh-log.-error{
	border-color: #f53715;
}
.loossh-stripeBtn .loossh-stripeBtn__btn{
	color: #FFF;
	padding: .75em 1.5em;
	line-height: 1;
	border: 0;
	border-radius: 4px;
	font-weight: 700;
	font-size: 1em;
	background-color: var(--loossh-btn-color);
	display: inline-block;
	text-decoration: none;
	letter-spacing: .5px;
	/* box-shadow: 0 1px 8px rgba(0,0,0,.1); */
	transition: background-color .25s;
}

.loossh-stripeBtn .loossh-stripeBtn__btn:hover{
	background-color: var(--loossh-btn-color--hover);
}

.loossh-stripeBtn + .loossh-stripeBtn{
	margin-top: 1em;
}


.loossh-stripeBtn__btn.-has-icon{
	display: inline-flex;
	align-items: center;
}
.loossh-stripeBtn__btn.-has-icon svg{
	margin-right: .5em;
	width: 1em;
	height: 1em;
}

.loossh-stripeBtn__btn.-has-icon path{
	fill: inherit;
}

/* マイページ */

.loossh-mypage{

}
.loossh-mypage h2{
	margin: 2em 0 1em;
}
.loossh-purchase_history + .loossh-purchase_history{
	margin-top: 2em;
}
.loossh-purchase_history > dt{
	font-size: 1.2em;
}
.loossh-purchase_history > dd{
	padding: .5em 0 0 1em;
}

.loossh-mydata > .__row{
	display: flex;
}

.loossh-mydata > .__row > dt{
	min-width: 8em;
	margin-right: 1em;
}


/* ログイン */
.loossh-login{
	max-width: 800px;
	margin: 0 auto;
}
.loossh-login__form{
	display: block;
	padding: 1.5em;
	border: solid 1px rgba(0,0,0,0.1);

}
.loossh-login .__formRow{
	display: flex;
	align-items: center;
}
.loossh-login .__formRow + .__formRow{
	margin-top: 1em;
}
.loossh-login .__formRow label{
	min-width: 8em;
}
.loossh-login .__username,
.loossh-login .__password{
	flex: 1;
}
.loossh-login .__submitn{
	padding: 12px 16px;
	line-height: 1;
}

.loossh-login__forgotPass{
	margin-top: .5em;
}

.loossh-login__message{
	margin-bottom: 2em;
	color: #333;
	background: #fff;
	border-left: solid 4px;
	padding: 8px 12px;
	box-shadow: 0 1px 8px rgba(0,0,0,0.1);
	font-size: 14px;
}
.loossh-login__message.-error{
	color: #eb442f;
}

/* utility */
.loossh-mt5{
	margin-top: .5em !important;
}
.loossh-mt10{
	margin-top: 1em !important;
}