@charset "utf-8";
/* CSS Document */

/*
■対応ページ■
・マイページログイン			#fs_Login
・お気に入りログイン			#fs_WishListLogin
・ショッピングカートログイン	#fs_ShoppingCartLogin
*/

/* 共通 -------------------------------------------------------*/

#fs_Login .fs-l-main,
#fs_WishListLogin.fs-l-main,
#fs_ShoppingCartLogin .fs-l-main{
	margin: calc(7.5rem + 4rem) 0 4rem!important;
}

@media screen and (min-width:64em) {
/* for PC */
#fs_Login .fs-l-main,
#fs_WishListLogin.fs-l-main,
#fs_ShoppingCartLogin .fs-l-main{
		margin: 7rem 6rem 9rem!important;
	}
}



/* マイページログイン ( #fs_Login ), お気に入りログイン（ #fs_WishListLogin ）
ショッピングカートログイン ( #fs_ShoppingCartLogin )
----------------------------------------------------------------------------------------*/

#fs_Login .fs-c-subSection__title,
#fs_WishListLogin .fs-c-subSection__title,
#fs_ShoppingCartLogin .fs-c-subSection__title{
	margin: 2rem 0 4rem;
	font-size: 2rem;
	font-weight: 700;
	color: #000;
	border: none;
	text-align: center;
}
#fs_ShoppingCartLogin .fs-c-loginForm{
	max-width: 100%
}
#fs_Login .fs-c-inputInformation__field,
#fs_WishListLogin .fs-c-inputInformation__field,
#fs_ShoppingCartLogin .fs-c-inputInformation__field{
	background: transparent;
	width: calc( 100% - 5rem );
	margin: 0 auto;
	padding: 0;
}
#fs_Login .fs-c-buttonContainer,
#fs_WishListLogin .fs-c-buttonContainer,
#fs_ShoppingCartLogin .fs-c-buttonContainer{
	margin: 2.5rem auto 0;
}
#fs_Login .fs-c-inputInformation__field label,
#fs_WishListLogin .fs-c-inputInformation__field label,
#fs_ShoppingCartLogin .fs-c-inputInformation__field label{
	margin-bottom: 1.5rem;
	font-size: 1.8rem;
	font-weight: 700;
	color: #a5a6aa;
}
#fs_Login .fs-c-inputGroup,
#fs_WishListLogin .fs-c-inputGroup,
#fs_ShoppingCartLogin .fs-c-inputGroup{
	background: transparent;
	border: none;
}
#fs_Login .fs-c-inputInformation__field .fs-c-button--particular,
#fs_WishListLogin .fs-c-inputInformation__field .fs-c-button--particular,
#fs_ShoppingCartLogin .fs-c-inputInformation__field .fs-c-button--particular{
	position: absolute;
		top: calc( 50% - 1.2rem );
		right: 0.8rem;
}
#fs_Login .fs-c-inputInformation__link,
#fs_WishListLogin .fs-c-inputInformation__link,
#fs_ShoppingCartLogin .fs-c-inputInformation__link{
	margin: 4rem auto 5rem;
}
#fs_Login .fs-c-otherServiceLogin,
#fs_WishListLogin .fs-c-otherServiceLogin,
#fs_ShoppingCartLogin .fs-c-otherServiceLogin{
	padding: 2.5rem;
	background: #f7f7f7;
}
#fs_Login .fs-c-otherServiceLogin .fs-c-anotherLogin__message,
#fs_WishListLogin .fs-c-otherServiceLogin .fs-c-anotherLogin__message,
#fs_ShoppingCartLogin .fs-c-otherServiceLogin .fs-c-anotherLogin__message{
	text-align: justify;
}
#fs_Login .fs-c-subSection__message,
#fs_WishListLogin .fs-c-subSection__message,
#fs_ShoppingCartLogin .fs-c-subSection__message{
	margin: 4rem 2.5rem 0;
}
#fs_Login .fs-c-newUsers,
#fs_WishListLogin .fs-c-newUsers,
#fs_ShoppingCartLogin .fs-c-newUsers{
	margin: 0;
}
#fs_Login .fs-c-newUsers .fs-c-newUsers__message a,
#fs_WishListLogin .fs-c-newUsers .fs-c-newUsers__message a,
#fs_ShoppingCartLogin .fs-c-newUsers .fs-c-newUsers__message a{
	margin-top: 4rem;
}
#fs_ShoppingCartLogin .fs-c-guestPurchase{
	border: none;
	padding: 0;
}


@media screen and (min-width:48em) {
/* for Tablet + PC */
	#fs_Login .fs-c-newUsers__message,
	#fs_WishListLogin .fs-c-newUsers__message,
	#fs_ShoppingCartLogin .fs-c-newUsers__message{
		text-align: center;
	}
}
@media screen and (min-width:64em) {
/* for PC */
	#fs_Login .fs-c-loginForm,
	#fs_WishListLogin .fs-c-loginForm,
	#fs_ShoppingCartLogin .fs-c-loginForm{
		display: -ms-flexbox;
		display: flex;
			-ms-flex-pack: center;
			justify-content: center;
	}
	#fs_Login .fs-c-loginForm > *,
	#fs_WishListLogin .fs-c-loginForm > *,
	#fs_ShoppingCartLogin .fs-c-loginForm > *{
		width: calc( 50% - 4rem );
		max-width: 48em;
	}
	#fs_Login .fs-c-loginForm > *:only-child,
	#fs_WishListLogin .fs-c-loginForm > *:only-child,
	#fs_ShoppingCartLogin .fs-c-loginForm > *:only-child{
		width: calc( 100% - 12rem );
	}
	#fs_Login .fs-c-loginForm > *:nth-child(2),
	#fs_WishListLogin .fs-c-loginForm > *:nth-child(2),
	#fs_ShoppingCartLogin .fs-c-loginForm > *:nth-child(2){
		margin-left: 8rem;
	}
	#fs_Login .fs-c-otherServiceLogin .fs-c-anotherLogin__message,
	#fs_WishListLogin .fs-c-otherServiceLogin .fs-c-anotherLogin__message,
	#fs_ShoppingCartLogin .fs-c-otherServiceLogin .fs-c-anotherLogin__message{
		text-align: justify;
	}
}