@charset "utf-8";/*ユーザー登録・ログイン用*/
/* ------------------------------------------------ */

#user-regist {
}
.user-regist {
	max-width: 400px;
	margin: 0px auto;
}
.user-regist-note {
	font-size: 0.9em;
/*
	background-color: var(--white);
*/
	margin-bottom: 20px;
	padding: 10px;
}
#user-regist-free {
}
#user-regist-free .outer {
	padding-bottom: 0px;
}
.user-regist-free {
}
.user-regist-free-tex {
	text-align: center;
	margin-bottom: 30px;
}

.user-regist-free-tex strong {
	display: inline-block;
	position: relative;
	color: var(--white);
	font-size: 16px;
	background-color: var(--color1);
	padding: 5px 10px;
}
.user-regist-free-tex strong span {
	position: relative;
	z-index: 1;
}
.user-regist-free-tex ul {
	text-align: left;
}
@media screen and (min-width: 768px) {
	.user-regist-free-tex ul {
		display: inline-block;
		vertical-align: middle;
		padding-left: 20px;
	}
}
.user-regist-free-tex ul li {
	position: relative;
	color: var(--color1);
	font-size: 16px;
	font-size: clamp(14px, 1.6vw, 16px);
	font-weight: 700;
	line-height: 1.4em;
	padding: 5px 0px 5px 25px;
}
@media screen and (min-width: 768px) {
	.user-regist-free-tex ul li {
		padding: 5px 0px 5px 25px;
	}
}
.user-regist-free-tex ul li::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
/*
	background-color: var(--line2);
	mask-image: url("./img/icon/check.svg");
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: auto 50px;
*/
	background-image: url("./img/icon/check.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.user-regist-free .right {
	line-height: 1em;
	margin-bottom: 20px;
}
.user-regist-free .right a {
	display: inline-block;
	position: relative;
	font-weight: 700;
	vertical-align: middle;
	padding: 0px 20px 0px 0px;
}
.user-regist-free .right a::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 10px;
	border-color: transparent transparent transparent var(--color1);
}
.user-regist-free-btm {
	color: var(--color1);
	text-align: center;
}
.user-regist-free-btm em {
	display: inline-block;
	position: relative;
	font-size: 18px;
	font-weight: 700;
	padding: 5px 30px;
}
.user-regist-free-btm em::before,
.user-regist-free-btm em::after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: var(--color1) transparent transparent transparent;
}
.user-regist-free-btm em::before {
	left: 0px;
}
.user-regist-free-btm em::after {
	right: 0px;
}
/* 登録フォーム------------------------------------------------ */
.user-regist-form {
}
/*
.forminner #swpm-registration-form .swpm-form-label-wrap label::after {
	content: "※";
	color: var(--red2);
	font-weight: 700;
}
.forminner #swpm-registration-form .swpm-form-label-wrap.swpm-form-username-label-wrap label::after {
	content: "";
}
*/

.swpm-form-label-wrap {
	color: var(--color1);
	font-size: 1.2em;
	font-weight: 700;
}
.swpm-form-input-wrap {
	padding: 10px 10px;
}

#user-regist .forminner .swpm-terms-row::before {
	content: "会員登録には利用規約とプライバシーポリシーに同意していただく必要があります。";
	display: block;
	color: var(--black);
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 20px;
}
#user-regist .forminner .swpm-terms-row,
#user-regist .forminner .swpm-pp-row {
	text-align: center;
}
#user-regist .swpm-terms-row label,
#user-regist .swpm-pp-row label {
	cursor: pointer;
}
#user-regist .swpm-terms-row a,
#user-regist .swpm-pp-row a {
	display: inline-block;
	text-decoration: underline;
	padding: 0px 10px;
}
#user-regist .swpm-email-row::after {
	content: "※メールアドレスがログインIDになります";
	color: var(--red2);
	font-size: 13px;
	font-weight: 700;
	line-height: 1em;
}
#user-regist .swpm-username-row {
	opacity: 0.5;
}
#user-regist .swpm-username-row input {
	pointer-events: none;
}
/* ------------------------------------------------ */
.user-regist-link {
	text-align: center;
	padding: 20px 10px 0px 10px;
}
/* ------------------------------------------------ */