/* ログイン */
.login__headline {
	margin-bottom: 1rem;
}
.login__headline--title {
	font-size: 0;
	margin: 0;
}
.login__headline--title-img {
	width: 100%;
	height: auto;
}
.login__headline--contents {
	padding: 1rem;
}


/* Amazon ログイン */
.login__amazon {
	margin-bottom: 1rem;
}
.login__amazon--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.login__amazon--contents {
	padding: 1rem;
}
.login__amazon--contents-auto {
	margin: 0;
}
.login__amazon--contents-frame-btn {
	margin: 0;
	text-align: center;
}
.login__amazon--contents-btn {
	background-color: #ff9a00;
	color: #ffffff;
	white-space: normal;
	width: 100%;
	max-width: 16rem;
}
.login__amazon--accordion {
	margin: 0 1rem;
}
.login__amazon--accordion-block {
	background-color: #ffffff;
	border: 2px solid #fd7c13;
	border-radius: 0.4rem;
	margin: 0 auto;
	padding: .375rem .5rem;
	user-select: none;
	width: 100%;
	max-width: 30rem;
}
.login__amazon--accordion-link {
	position: relative;
}
.login__amazon--accordion-title {
	color: #fd7c13;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.login__amazon--accordion-btn-color {
	background-color: #fd7c13;
}
.login__amazon--accordion-contents {
	padding: 1rem;
}
.login__amazon--accordion-contents-list {
	margin-bottom: 1rem;
}
.login__amazon--accordion-contents-list-ul, .login__amazon--accordion-contents-list-li,
.login__amazon--accordion-contents-list-detail-ul, .login__amazon--accordion-contents-list-detail-li,
.login__amazon--accordion-contents-list-caution-li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.login__amazon--accordion-contents-list-li, .login__amazon--accordion-contents-list-detail-li {
	padding-left: 1.2rem;
	position: relative;
}
.login__amazon--accordion-contents-list-li::before {
	content: '■';
	position: absolute;
	top: 0;
	left: 0;
}
.login__amazon--accordion-contents-list-detail-li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
.login__amazon--accordion-contents-list-caution-li {
	padding-left: 2rem;
	position: relative;
}
.login__amazon--accordion-contents-list-caution-li::before {
	content: '注：';
	position: absolute;
	top: 0;
	left: 0;
}
.login__amazon--accordion-contents-text {
	margin: 0;
}
.login__amazon--accordion-contents-address {
	margin: 0;
	word-break:break-all;
}


/* 携帯会社 ログイン */
.login__carrier {
	margin-bottom: 1rem;
}
.login__carrier--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	margin: 0;
	padding: 0.4rem 0;
	text-align: center;
	user-select: none;
}
.login__carrier--contents {
	padding: 1rem;
}
.login__carrier--contents-auto {
	margin: 0;
}
.login__carrier--contents-btn {
	margin: 0 0 1rem;
	text-align: center;
}
.login__carrier--contents-btn-img {
	width: 200px;
	height: auto;
}
.login__carrier--contents-sb-btn {
	background: linear-gradient(to bottom, #cccccc 0%,#999999 100%);
	border: 1px solid #888888;
	border-radius: 0.2rem;
    margin: 0 auto;
    position: relative;
	width: 200px;
	max-width: 200px;
}
.login__carrier--contents-sb-btn-frame {
	background-color: #ffffff;
	display: inline-block;
	border-radius: 0.2rem;
	margin: 0;
	padding: 0.2rem 0.4rem 0.2rem 0.4rem;
}
.login__carrier--contents-sb-btn-a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.login__carrier--contents-sb-btn-img {
	width: 1.8rem;
    height: 1.8rem;
}
.login__carrier--contents-sb-word-frame {
	display: inline-block;
	margin: 0 0 0 0.8rem;
}
.login__carrier--contents-sb-word-style {
	color: #ffffff;
	vertical-align: middle;
}
.login__carrier--caution {
	margin: 0 1rem 1rem;
}
.login__carrier--caution-title {
	color: #f66076;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.login__carrier--caution-detail {
	margin: 0;
}
.login__carrier--caution-block {
	border: 2px solid #f66076;
	padding: 1rem;
}

.login__line--contents {
	margin-bottom: 1rem;
}
.login__line--contents-detail {
	background-color: #fff2cc;
	padding: 1rem;
}

/* ------------------------------------ */
.re-login__headline {
	margin: 0;
}
.re-login__headline--title {
	font-size: 0;
	margin: 0;
}
.re-login__headline--contents {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.re-login__headline--contents-ul, .re-login__headline--contents-ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.re-login__headline--link {
	font-size: 1rem;
	margin: 0;
	padding: 0;
	text-align: center;
}
@media screen and (max-width: 380px) {
	.re-login__headline--link {
		font-size: 80%;
	}
}
.re-login__headline--link:first-of-type {
	padding-right: 0.5rem;
}
.re-login__headline--link:nth-of-type(2) {
	padding-left: 0.5rem;
}
.re-login__headline--link > a {
	border: 3px solid #4472c4;
	border-radius: 0.4rem;
	color: #4472c4;
	display: inline-block;
	font-weight: bold;
	width: 100%;
}

.re-regist {
	margin: 0;
}
.re-regist__list--ul, .re-regist__list--ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.re-regist__course {
	margin: 0;
}
.re-regist__course--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0;
	padding: 1rem 1rem 1rem 5rem;
	text-align: center;
}
.re-regist__course--title > .step1 {
	position: relative;
}
.re-regist__course--title > .step1::before {
	background-color: #ffffff;
	border-radius: 50%;
	content: 'step1';
	color: #af9572;
	font-size: 1rem;
	padding: 0.72rem 0.16rem;
	position: absolute;
	top: 50%;
	left: -26%;
	transform: translate(0, -50%);
}
.re-regist__course--contents {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.re-regist__course--list-ul, .re-regist__course--list-ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.re-regist__course--list-ul {
	width: 100%;
/*	min-width: 24rem;*/
	margin: 0 auto;
}
.re-regist__course--caution {
	color: #fd4201;
	font-size: 80%;
	padding-left: 1rem;
	position: relative;
	text-align: left;
}
.re-regist__course--caution::before {
	content: '※';
	color: #fd4201;
	font-size: 80%;
	position: absolute;
	top: 0;
	left: 0;
}
.re-regist__course--agree {
	text-align: center;
}
.re-regist__course--agree-rule {
	font-size: 80%;
}
.re-regist__course--checkbox {
	padding: 0.4rem 0;
	margin: -0.4rem auto 1rem;
	width: 100%;
}
.re-regist__carrier {
	margin: 0;
}
.re-regist__carrier--title {
	background-color: #af9572;
	color: #ffffff;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0;
	padding: 1rem 1rem 1rem 5rem;
	text-align: center;
}
.re-regist__carrier--title > .step2 {
	position: relative;
}
.re-regist__carrier--title > .step2::before {
	background-color: #ffffff;
	border-radius: 50%;
	content: 'step2';
	color: #af9572;
	font-size: 1rem;
	padding: 0.72rem 0.16rem;
	position: absolute;
	top: 50%;
	left: -26%;
	transform: translate(0, -50%);
}
.re-regist__carrier--contents {
	margin: 0 auto;
	max-width: 40rem;
	padding: 1rem;
}
.re-regist__carrier--contents-carrier {
	border-bottom: 1px solid #7f6000;
	color: #7f6000;
	font-weight: bold;
	padding-left: 1rem;
	position: relative;
}
.re-regist__carrier--contents-carrier::before {
	content: '■';
	color: #7f6000;
	position: absolute;
	top: 0;
	left: 0;
}
.re-regist__carrier--contents-ul, .re-regist__carrier--contents-ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.re-regist__carrier--caution-ul, .re-regist__carrier--caution-ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.re-regist__carrier--caution-ul > li {
	position: relative;
	padding-left: 1rem;
}
.re-regist__carrier--caution-ul > li::before {
	content: '*';
	position: absolute;
	top: 0.2rem;
	left: 0;
}
.re-regist__carrier--member-btn {
	background-color: #4472c4;
	display: block;
	margin: 0 auto;
	width: 90%;
	max-width: 20rem;
}
.re-regist__carrier--member-btn-a {
	color: #ffffff;
	outline: none;
}


.re-login__carrier--list-radio {
	display: flex;
	align-items: center;
	justify-content: center;
}

.re-login__carrier--contents {
	width: 80%;
	min-width: 22rem;
	margin: 1rem auto;
	padding: 0 1rem;
}
.re-login__carrier--contents-carrier {
	font-weight: bold;
	text-decoration: underline;
}
.re-login__carrier--contents-ul, .re-login__carrier--contents-ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.re-login__carrier--contents-radio {
	display: inline-block;
	vertical-align: middle;
}

.re-login__decide {
	text-align: center;
	margin: 1rem;
}
.re-login__decide--rule {
	font-size: 80%;
	margin: 0;
}
.re-login__decide--btn-cover {
	cursor: pointer;
	position: relative;
}
.re-login__decide--btn-cover::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}
.re-login__decide--btn {
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
}
.re-login__decide--btn-img {
	width: 100%;
	max-width: 36rem;
	height: auto;
}



.re-regist__carrier--contents-carrier-btn {
	margin: 0 auto 1rem;
	max-width: 16rem;
}
.btn-init {
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
}

.re-regist__carrier--caution-001 {
	background-color: #fcf9d6;
}
.re-regist__carrier--caution-002 {
	padding: 1rem;
}
.re-regist__carrier--caution-003 {
	font-weight: bold;
}