.mypageBreadCrumbs {
	padding-bottom: 0;
}

.mypage-container {
	padding-top: 0;
}

.f-login .mistakeMessage,
.f-confirm .mistakeMessage {
	padding: 2rem 0;
	line-height: 1;
}

.f-login .mistakeMessage .psw-forget,
.f-confirm .mistakeMessage .psw-forget {
	margin-top: 1.8rem;
	font-weight: normal;
}

.f-login .mypage-inner,
.f-confirm .mypage-inner {
	padding-top: 0;
}

.f-login .inputArea,
.f-confirm .inputArea {
	margin-bottom: 1.2rem;
}

.f-login .inputArea .mailAddress,
.f-confirm .inputArea .mailAddress {
	margin-bottom: 0.6rem;
}

.f-login .btArea,
.f-confirm .btArea {
	width: 100%;
	margin: 0 auto 1.5rem;
}

.f-login .btArea .btGray,
.f-confirm .btArea .btGray {
	width: 20rem;
	margin: 0 auto 1rem;
}

.f-login .btArea .psw-forget,
.f-confirm .btArea .psw-forget {
	text-align: right;
}

.f-login .btArea .btWhitePink,
.f-confirm .btArea .btWhitePink {
	width: 23.4rem;
	margin: 0 auto;
}

.f-login .btArea .memberBt a,
.f-confirm .btArea .memberBt a {
	font-size: 1.3rem;
	line-height: 4.5rem;
}

.f-login .btArea .memberBt button, .f-login .btArea .memberBt input[type=submit],
.f-confirm .btArea .memberBt button, .f-confirm .btArea .memberBt input[type=submit],
.f-registration .btArea .memberBt input[type=submit], .f-telregister .btArea .memberBt input[type=submit],
.f-infoSetting .btArea .memberBt input[type=submit] {
	font-size: 1.3rem;
	line-height: 4.5rem;
}

.f-login .btGray button, .f-login .btGray input[type=submit],
.f-confirm .btGray button, .f-confirm .btGray input[type=submit],
.f-registration .btGray input[type=submit], .f-telregister .btGray input[type=submit],
.f-infoSetting .btGray input[type=submit] {
	cursor: pointer;
	pointer-events: none;
}

.f-login .btGray button.is-active, .f-login .btGray input[type=submit].is-active,
.f-confirm .btGray button.is-active, .f-confirm .btGray input[type=submit].is-active,
.f-registration .btGray input[type=submit].is-active, .f-telregister .btGray input[type=submit].is-active,
.f-infoSetting .btGray input[type=submit].is-active {
	pointer-events: auto;
	background: #fff;
	border: 1px solid #ff455a;
	color: #ff455a;
}

.f-login .btGray button.is-active:hover, .f-login .btGray input[type=submit].is-active:hover,
.f-comfirm .btGray button.is-active:hover, .f-confirm .btGray input[type=submit].is-active:hover,
.f-registration .btGray input[type=submit].is-active:hover, .f-telregister .btGray input[type=submit].is-active:hover,
.f-infoSetting .btGray input[type=submit].is-active:hover {
	border: 1px solid #ff455a;
	background: #ff455a;
	color: #fff;
}

.f-login .passDisplay,
.f-login .keepState,
.f-confirm .passDisplay,
.f-confirm .keepState {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.f-login .mypageTtl {
	text-align: center;
}

.f-confirm .mypageTtl {
	text-align: center;
}

.f-infoSetting .mypageTtl {
	text-align: center;
}

.f-login .guide,
.f-confirm .guide {
	font-size: 13px;
	text-align: center;
	margin: 30px auto;
	line-height: 23px;
	color: #707070;
}

.f-login .guide span,
.f-confirm .guide span {
	color: #ff455a;
}

.f-login .guide.info,
.f-confirm .guide.info {
	margin-top: 50px;
	border-top: 2px solid #E8E8E8;
	max-width: 500px;
	padding-top: 20px;
}

.f-login .redirectMessage,
.f-confirm .redirectMessage {
	font-size: 13px;
	text-align: center;
}

.f-login .banner,
.f-confirm .banner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.f-login .banner img,
.f-confirm .banner img {
	width: 35.6rem;
	height: 26rem;
	-o-object-fit: cover;
	object-fit: cover;
}

.mypageTxtBox2 {
	height: auto;
}

.mypageTxtBox2 .mypageTxt2 {
	margin-bottom: 15px;
	line-height: 18px;
	font-size: 12px;
}

.mypageTxtBox2 .mypageTxt2.mypageTxt-red {
	color: red;
}

.f-infoSetting .menuList {
	width: 95%;
	margin: 0 auto;
}

.f-infoSetting .menuList a {
	display: block;
	width: 100%;
	height: 100%;
}

.f-infoSetting .menuList .listItem {
	position: relative;
	height: 8.3rem;
	background: #fff;
	border-radius: 1rem;
	-webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);
	text-align: center;
	font-size: 1.3rem;
	color: #535353;
	font-weight: bold;
	margin-bottom: 2rem;
}

.f-infoSetting .menuList .listItem .menuTxt {
	width: 100%;
	position: absolute;
	bottom: 2rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.f-infoSetting .menuList .menuChange {
	background-color: #fff;
	background-size: 2.5rem;
	font-size: 1.1rem;
}

@media screen and (min-width: 480px) {
	.f-login .mypageTtl {
		text-align: center;
	}

	.f-confirm .mypageTtl {
		text-align: center;
	}

	.f-infoSetting .mypageTtl {
		text-align: center;
	}

	.f-login .mistakeMessage,
	.f-confirm .mistakeMessage {
		padding: 20px 0;
	}

	.f-login .inputArea,
	.f-confirm .inputArea {
		margin-bottom: 20px;
	}

	.f-login .inputArea .mailAddress,
	.f-confirm .inputArea .mailAddress {
		margin-bottom: 6px;
	}

	.f-login .inputArea .passWordArea,
	.f-confirm .inputArea .passWordArea {
		margin-bottom: 8px;
	}

	.f-login .btArea,
	.f-confirm .btArea {
		margin: 0 auto;
		width: 500px;
		margin-bottom: 24px;
	}

	.f-login .btArea .memberBt,
	.f-confirm .btArea .memberBt {
		width: 258px;
		margin: 0 auto 16px;
	}

	.f-login .btArea .memberBt a,
	.f-confirm .btArea .memberBt a {
		font-size: 16px;
		line-height: 50px;
	}

	.f-login .btArea .memberBt button, .f-login .btArea .memberBt input[type=submit],
	.f-confirm .btArea .memberBt button, .f-confirm .btArea .memberBt input[type=submit],
	.f-registration .btArea .memberBt input[type=submit],.f-telregister .btArea .memberBt input[type=submit],
	.f-infoSetting .btArea .memberBt input[type=submit] {
		font-size: 16px;
		line-height: 50px;
	}

	.f-login .psw-forget,
	.f-confirm .psw-forget {
		font-size: 13px;
	}

	.f-login .banner img,
	.f-confirm .banner img {
		width: 500px;
		height: 367px;
	}

	.mypageTxtBox2 {
		height: auto;
	}

	.mypageTxtBox2 .mypageTxt2 {
		margin-bottom: 15px;
		line-height: 18px;
		font-size: 12px;
	}

	.mypageTxtBox2 .mypageTxt2.mypageTxt-red {
		color: red;
	}


	.f-infoSetting {
		width: 550px;
		margin: 0 auto;
	}

	.f-infoSetting .menuList {
		width: 400px;
		margin: 0 auto;
	}

	.f-infoSetting .menuList .listItem {
		height: 100px;
		border-radius: 10px;
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
		font-size: 14px;
		margin-bottom: 20px;
	}

	.f-infoSetting .menuList .listItem .menuTxt {
		position: absolute;
		bottom: 24px;
	}

	.f-infoSetting .menuList .menuChange {
		background-color: #fff;
		background-size: 25px;
		font-size: 13px;
	}
}