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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




	
	
/* globalnav
--------------------- */
#globalnav {
	display: none;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	position: fixed;
	top: 1px;
	left: 0;
	z-index: 100;
	transform: translatex(-100%);
	transition: all 0.6s;
}
#globalnav.active{
	transform: translateY(0%) !important;
}




	
	
/* contents
--------------------- */
#contents {
	width: 990px;
	margin: auto;
	padding-bottom: 100px;
}
	#contents .fs-c-inputInformation__message {
		text-align: center;
		padding-bottom: 40px;
	}
		#contents .fs-c-inputInformation__message .fs-c-orderedList {
			text-align: left;
		}


	#contents .fs-c-guidanceWithButton--membershipCardNotice {
		margin-bottom: 40px;
	}
		#contents .fs-c-guidanceWithButton--membershipCardNotice .fs-c-guidanceWithButton__message {
			text-align: center;
			margin-bottom: 20px;
		}

		#contents .fs-c-guidanceWithButton--membershipCardNotice .fs-c-guidanceWithButton__button {
			width: 320px;
			margin: auto;
		}
			#contents .fs-c-guidanceWithButton--membershipCardNotice .fs-c-guidanceWithButton__button a {
				display: block;
				height: 70px;
				line-height: 70px;
				font-size: 115%;
				background: #dedede url(https://piccin0301.itembox.design/item/piccin/img/btn_arrow_black.svg) no-repeat 92% center;
				text-align: center;
				transition: 0.3s;
				-webkit−transition: 0.3s;
			}
			#contents .fs-c-guidanceWithButton--membershipCardNotice .fs-c-guidanceWithButton__button a:hover {
				color: #fff;
				background: #484848 url(https://piccin0301.itembox.design/item/piccin/img/btn_arrow_white.svg) no-repeat 95% center;
			}


	#contents #fs_form .fs-c-inputTable {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 30px;
	}
		#contents #fs_form .fs-c-inputTable th {
			width: 200px;
			padding: 20px 0 20px 20px;
			font-size: 100%;
			font-weight: 500;
			text-align: left;
			letter-spacing: 0.1em;
			border-top: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
		}
		#contents #fs_form .fs-c-inputTable td {
			width: -webkit-calc(100% - 200px);
			width: calc(100% - 200px);
			padding: 20px;
			border-top: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
		}
			#contents #fs_form .fs-c-inputTable td .fs-system-assistedItem,
			#contents #fs_form .fs-c-inputTable td #fs_input_addressLine3 {
				padding: 15px;
				background: #ededed;
				border: none;
				border-radius: 3px;
			}
			#contents #fs_form .fs-c-inputTable td .fs-system-assistTarget {
				border: none;
				border-radius: 0;
			}
			#contents #fs_form .fs-c-inputTable td #fs_showPassword {
				display: none;
			}
			#contents #fs_form .fs-c-inputTable td .fs-c-inputField__explanation {
				font-size: 86%;
			}
			#contents #fs_form .fs-c-inputTable td .fs-system-assistTarget .fs-c-inputDate__year {
				width: 100px;
			}
			#contents #fs_form .fs-c-inputTable td .fs-system-assistTarget .fs-c-inputDate__month,
			#contents #fs_form .fs-c-inputTable td .fs-system-assistTarget .fs-c-inputDate__date {
				width: 100px;
			}


	#contents #fs_form .fs-c-inputField .fs-c-inputField__field {
		text-align: center;
		padding-top: 10px;
	}


	#contents #fs_form .fs-c-inputInformation__button {
		width: 320px;
		margin: auto;
		padding-top: 40px;
	}
		#contents #fs_form .fs-c-inputInformation__button button {
			width: 320px;
			height: 70px;
			line-height: 70px;
			border: none;
			font-size: 115%;
			background: #dedede url(https://piccin0301.itembox.design/item/piccin/img/btn_arrow_black.svg) no-repeat 92% center;
			text-align: center;
			transition: 0.3s;
			-webkit−transition: 0.3s;
		}
		#contents #fs_form .fs-c-inputInformation__button button:hover {
			color: #fff;
			background: #484848 url(https://piccin0301.itembox.design/item/piccin/img/btn_arrow_white.svg) no-repeat 95% center;
		}
	
	
	
	
	#contents .fs-c-registerSuccessMessage p {
		padding-bottom: 30px;
		text-align: center;
	}

	#contents .fs-c-buttonContainer--myPageTop {
		width: 320px;
		margin: auto;
		padding-top: 10px;
	}
		#contents .fs-c-buttonContainer--myPageTop a {
			display: block;
			height: 70px;
			line-height: 70px;
			font-size: 115%;
			background: #dedede url(https://piccin0301.itembox.design/item/piccin/img/btn_arrow_black.svg) no-repeat 92% center;
			text-align: center;
			transition: 0.3s;
			-webkit−transition: 0.3s;
		}
		#contents .fs-c-buttonContainer--myPageTop a:hover {
			color: #fff;
			background: #484848 url(https://piccin0301.itembox.design/item/piccin/img/btn_arrow_white.svg) no-repeat 95% center;
		}
	
	
	
	
	#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__message {
		background: #fff1f1;
		padding: 10px 10px 7px 10px;
	}
		#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__message ul {
			padding-top: 5px;
		}
			#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__message ul li {
				background: #fff;
				padding: 5px 10px;
				margin-bottom: 5px;
			}
	
	#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__password {
		margin: 5px 0 0 20px;
	}
		#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__password .fs-c-agreementConfirmation__password__input {
			background: none;
			border: none;
			border-radius: 0;
		}
			#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__password .fs-c-agreementConfirmation__password__input #fs_input_password {
				padding: 15px;
				background: #ededed;
				border: none;
				border-radius: 3px;
			}

			#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__password .fs-c-agreementConfirmation__password__input button {
				display: none;
			}




	
/* fs-p-memberAgreement
--------------------- */
.fs-p-memberAgreement .fs-c-documentColumn {
	margin-bottom: 50px;
}
	.fs-p-memberAgreement .fs-c-documentColumn h3.fs-c-documentColumn__heading {
		font-size: 143%;
		font-weight: 500;
		color: #c66067;
		border-bottom: solid 1px #ddd;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}











/* 1000px */
@media screen and (max-width: 1000px) {




	
	
/* globalnav
--------------------- */
#globalnav {
	display: block;
}




	
	
/* contents
--------------------- */
#contents {
	width: 100%;
	padding: 0 5% 100px 5%;
}







}

	







/* max 768px */
@media screen and (max-width: 768px) {




	
	
/* contents
--------------------- */
#contents {
	padding-bottom: 50px;
}
	#contents .fs-c-inputInformation__message {
		font-size: 93%;
		padding-bottom: 30px;
	}


	#contents .fs-c-guidanceWithButton--membershipCardNotice {
		margin-bottom: 30px;
	}
		#contents .fs-c-guidanceWithButton--membershipCardNotice .fs-c-guidanceWithButton__message {
			font-size: 93%;
		}

		#contents .fs-c-guidanceWithButton--membershipCardNotice .fs-c-guidanceWithButton__button {
			width: 80%;
		}
			#contents .fs-c-guidanceWithButton--membershipCardNotice .fs-c-guidanceWithButton__button a {
				height: 55px;
				line-height: 56px;
				font-size: 100%;
			}


	#contents #fs_form .fs-c-inputTable {
		border-bottom: solid 1px #ddd;
		margin-bottom: 20px;
	}
		#contents #fs_form .fs-c-inputTable th {
			display: block;
			width: 100%;
			padding: 20px 0 0 0;
			font-size: 93%;
			border-bottom: none;
		}
		#contents #fs_form .fs-c-inputTable td {
			display: block;
			width: 100%;
			padding: 0 0 20px 0;
			border-top: none;
			border-bottom: none;
		}
			#contents #fs_form .fs-c-inputTable td .fs-system-assistedItem,
			#contents #fs_form .fs-c-inputTable td #fs_input_addressLine3 {
				padding: 10px;
				font-size: 93%;
			}
			#contents #fs_form .fs-c-inputTable td .fs-c-inputField__explanation {
				font-size: 79%;
			}
			#contents #fs_form .fs-c-inputTable td .fs-system-assistTarget .fs-c-inputDate__year {
				font-size: 93%;
			}
			#contents #fs_form .fs-c-inputTable td .fs-system-assistTarget .fs-c-inputDate__month,
			#contents #fs_form .fs-c-inputTable td .fs-system-assistTarget .fs-c-inputDate__date {
				font-size: 93%;
			}
			#contents #fs_form .fs-c-inputTable td .fs-system-assistTarget .fs-c-radio__label {
				display: inline-flex;
				align-items: left;
				justify-content: left;
				flex-grow: 0;
			}


	#contents #fs_form .fs-c-inputField .fs-c-inputField__field {
		font-size: 93%;
	}


	#contents #fs_form .fs-c-inputInformation__button {
		width: 80%;
		padding-top: 30px;
	}
		#contents #fs_form .fs-c-inputInformation__button button {
			width: 100%;
			height: 55px;
			line-height: 55px;
			border: none;
			font-size: 100%;
		}
	
	
	
	
	
	#contents .fs-c-registerSuccessMessage p {
		font-size: 93%;
		padding-bottom: 20px;
		text-align: center;
	}

	#contents .fs-c-buttonContainer--myPageTop {
		width: 80%;
	}
		#contents .fs-c-buttonContainer--myPageTop a {
			height: 55px;
			line-height: 56px;
			font-size: 100%;
		}
	
	
	
	
	#contents .fs-c-agreementConfirmationArea {
		font-size: 86%;
	}
	#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__message {
	}
		#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__message ul {
			padding-top: 5px;
		}
			#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__message ul li {
				background: #fff;
				padding: 5px 10px;
				margin-bottom: 5px;
			}
	
	#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__password {
		margin: 5px 0 0 20px;
	}
		#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__password .fs-c-agreementConfirmation__password__input {
			background: none;
			border: none;
			border-radius: 0;
		}
			#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__password .fs-c-agreementConfirmation__password__input #fs_input_password {
				padding: 10px;
				background: #ededed;
				border: none;
				border-radius: 3px;
			}

			#contents .fs-c-agreementConfirmationArea .fs-c-agreementConfirmation__password .fs-c-agreementConfirmation__password__input button {
				display: none;
			}
	
	#contents .fs-c-dropdownGroup > .fs-c-dropdown:not(:first-of-type) {
		margin-left: 8px;
	}




	
/* fs-p-memberAgreement
--------------------- */
.fs-p-memberAgreement .fs-c-documentColumn h3.fs-c-documentColumn__heading {
	font-size: 122%;
}

.fs-p-memberAgreement .fs-c-documentColumn .fs-c-documentColumn__content {
	font-size: 93%;
}







}