input[type=text].fc01,
input[type=password].fc01{
	padding: 6px 15px;
	color: #666;
	font-size: 1.0rem; font-weight: 500;
	background-color: transparent;
	border: 1px solid #999; border-radius: 5px;
}
input[type=text].fc01:focus,
input[type=password].fc01:focus{
	color: #333;
	border-color: #333;
}
input[type=text].fc01::placeholder,
input[type=password].fc01::placeholder{
	color: #999;
	font-size: 0.9rem;
}



/* Select */
select.fc01{
	padding: 0 10px;
	width: 300px; height: 30px;
	background-image: url('../img_client/form_component/dark_down.png');
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: calc(100% - 5px) 50%;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
select.fc01:focus{
	background-image: url('../img_client/form_component/dark_down_focus.png');
}


/* CheckBox Radio */
label.fc_dark{
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
}
label.fc_dark > input[type=checkbox], label.fc_dark > input[type=radio]{
	position: absolute;
	left: -20px;
}
label.fc_dark > input[type=checkbox] + span, label.fc_dark > input[type=radio] + span{
	padding: 0 10px 0 25px;
	height: 30px;
	color: #666; font-size: 1.0rem; line-height: 28px;
	white-space: nowrap;
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
label.fc_dark > input[type=checkbox] + span{
	background-image: url('../img_client/form_component/dark_square.png');
}
label.fc_dark > input[type=radio] + span{
	background-image: url('../img_client/form_component/dark_circle.png');
}
label.fc_dark > input[type=checkbox]:checked + span{
	color: #333;
	background-image: url('../img_client/form_component/dark_square_checked.png');
}
label.fc_dark > input[type=radio]:checked + span{
	color: #333;
	background-image: url('../img_client/form_component/dark_circle_checked.png');
}




/****************************************
*     Button
****************************************/

/* Background */
.btn_light_gray{
	color: #666;
	background-color: #d3d3d3;
	border: none; border-radius: 5px;
	transition: all 0.3s ease;
}
.btn_light_gray:hover{ color: #222; background-color: #b3b3b3; }

.btn_gray{
	color: #222;
	background-color: #808080;
	border: none; border-radius: 5px;
	transition: all 0.3s ease;
}
.btn_gray:hover{ background-color: #636363; }

.btn_deep_pink{
	color: #fff;
	background-color: #ff1493;
	border: none; border-radius: 5px;
	transition: all 0.3s ease;
}
.btn_deep_pink:hover{ background-color: #d50075; }

.btn_deep_sky_blue{
	color: #fff;
	background-color: #00bfff;
	border: none; border-radius: 5px;
	transition: all 0.3s ease;
}
.btn_deep_sky_blue:hover{ background-color: #009fdd; }










/*  */
.btn_focus_shadow_black_10:focus{
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.btn_disabled{
	background: #000;
	border: none;
	/*box-shadow: 0px 4px 0 0 #88cfeb;*/
	pointer-events: none;
	opacity: 0.3;
}