@charset "UTF-8";

/** {
	font-family: sans-serif;
	vertical-align: middle !important;
}
body {
	background-color: #fff;
	text-align: center;
}
div#wrapper {
	width: 750px;
	text-align: left;
	background-color: #FFF;
	margin: 10px auto;
	border-radius: 5px;
	border: solid 1px #999;
	box-shadow: 0px 0px 10px #666;
}
div#wrapper div#header,div#wrapper div#footer {
	border: solid 2px #333;
	background-color: #333;
	background-image: url(_images/mfp_header.png);
	background-size: 100% 100%;
}
div#wrapper div#header {
	margin: 5px;
	padding: 10px 30px;
	border-radius: 5px;
}
div#wrapper div#header h1 {
	color: #FFF;
	text-shadow: 0px 0px 10px #000;
	font-size: 3rem;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-family: sans-serif;
}
div#wrapper div#header p {
	padding: 0px;
	line-height: 1em;
	color: #FFF;
	text-shadow: 0px 0px 5px #000;
}
div#wrapper div#container {
	padding: 0px 20px;
}
div#wrapper div#footer {
	color: #FFF;
	clear: both;
	padding: 5px;
	margin: 5px;
	border-radius: 5px;
	text-align: center;
	font-size: 12px;
}*/

/*button CSS*/
	#mailformpro button[type="submit"],
	button#mfp_button_send {
		background: #7f539a;
	  color: #FFF;
	  width: 260px;
	  padding: 16px 0;
	  font-size: 16px;
		text-shadow: none !important;
		border: none;
		margin-right: 20px;
	}
	#mailformpro button[type="submit"]:hover {opacity:0.7;}

	div.mfp_buttons button#mfp_button_cancel {
	  background: #666;
	  border: none;
	  color: #FFF;
	  border-radius: 4px;
	  -moz-border-radius: 4px;
	  -webkit-border-radius: 4px;
	  width: 260px;
	  padding: 16px 0;
	  font-size: 16px;
		text-shadow: none !important;
	}


/*ADD PC CSS*/
	.spbr {display:none;}
	.form-area {width:100%; max-width: 750px; padding:1.5em; margin:0 auto;}

	.must {
		font-size: 12px;
		color: #fff;
		padding: 2px 4px 3px 6px;
		margin-left: 5px;
		margin-right: 0;
		border-radius: 2px;
		display: inline-block;
		background-color: #7f539a;
		position: relative;
		top: 0;/*-4px*/
	}
	.annotxt {
		margin: 4px 0 8px 0;
		font-size: small;
	}

	/* NAME & freetext */
	input[type="text"] {width:40%;}
	.na, .na2 {display:inline-block; width:48px;}
	.na2 {padding-left:24px;}

	input[type="email"] {width:75%;}

	input[type="tel"] {width:22.5%;}

	/* TEL */
	.mfp_element_tel {color:#000 !important;}
	/* EMAIL */
	/*.mfp_element_email {width:50% !important;}*/
	/* ADDRESS */
	/*#mfp_element_6, #mfp_element_7 {width:12% !important;}*/
	/*.address_ttl {height:300px;}*/
	/*#mfp_element_9,#mfp_element_10,#mfp_element_11 {width:50% !important;}*/
	/*textarea*/
	.mfp_element_textarea {width: 100% !important; height: 95px !important}
	/*select box*/
	.mfp_element_select-one {}

	.policy_check {padding-top:10px;}


@media screen and (max-width: 768px) {
	form#mailformpro dl.form-float dt {width:auto;}
	form#mailformpro dl dt {
		float: none;
		width: auto;
		font-size: 14px;
		padding: 5px;
		text-align: left;
		margin-bottom: 0;
	}
	form#mailformpro dl dd {
		clear: both;
		border-top: none;
		padding: 5px 15px;
		font-size: 14px;
		line-height: 1.5em;
		margin-bottom:10px;
	}
	div.mfp_buttons button {
		font-size: 14px;
	}
	table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
	table#mfp_confirm_table tr th {
		font-weight: bold;
		padding: 14px 10px 0px 10px;
	}
	table#mfp_confirm_table tr td {
		border: 0;
		padding: 8px 10px 8px 10px;
	}
div.mfp_buttons button#mfp_button_cancel {
		margin-left: -8px;
		margin-top: 8px;
	}


/*ADD SP CSS*/
	.spbr {display:block;}
	.form-area {width:100%; padding:0;} /*0.938em*/

	/* NAME & freetext */
	input[type="text"] {width:100%; margin-bottom:10px !important;}
	.na, .na2 {display:inline-block; width:45px;}
	.na2 {padding-left:0;}

	input[type="email"] {width:100%;}

	input[type="tel"] {width:25%;}

	/* TEL */
	.mfp_element_tel {color:#000 !important;}
	/* EMAIL */
	/*.mfp_element_email {width:100% !important;}*/
	/* ADDRESS */
	/*#mfp_element_6,#mfp_element_7 {width:25% !important;}*/
	/*.address_ttl {height:auto;}*/
	/*#mfp_element_9,#mfp_element_10,#mfp_element_11 {width:100% !important;}*/
	/*	#age,#add {width: 38% !important;}
		#mfp_element_17 {width:70% !important;}*/
	/*textarea*/
	.mfp_element_textarea {width: 100% !important; height: 95px !important}
	/*select box*/
	.mfp_element_select-one {width:100% !important;}

	.policy_check {padding-top:10px;}

	.select-box select {
		padding: 6px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 1px solid #999;
		background: #eee;
		background: url(_images/select_arrow.png) 98% 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#eee 100%);
		background: url(_images/select_arrow.png) 98% 50% no-repeat, linear-gradient(to bottom, #fff 0%,#eee 100%);
		background-size: 8px, 100%;
		display: inline-block;
	}
}


/*-------------------------------------------------------------------------------------*/
/* RADIO BUTTON CSS */
label.radio_text {
	cursor       : pointer;
	position     : relative;
	/*padding-left : 5px;*/
	padding: 6px 3px !important;
	margin-right : 20px;
	overflow     : hidden;
	padding-left : 20px;
	display      : inline-block;
}
label.radio_text:before {
	position      : absolute;
	width         : 15px;
	height        : 15px;
	border        : 1px solid #999;
	border-radius : 50%;
	left          : 0px;
	top           : 8px;/*5px*/
	content       : '';
	z-index       : 3;
	margin: 0 0 0 3px;
}
label.radio_text:after {
	content          : '';
	position         : absolute;
	width            : 11px;
	height           : 11px;
	border-radius    : 100%;
	left             : 3px;
	top              : 11px;/*8px*/
	background-color : #e90073;
	z-index          : 1;
	margin: 0 0 0 3px;
}
label.radio_text input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	width      : 20px;
	height     : 20px;
	left       : -23px;
	top        : 1px;
	margin     : 0px;
	box-shadow : 20px 5px #fff;
}
label.radio_text input[type="radio"]:checked {
	box-shadow : none;
}
label.radio_text input[type="radio"]:focus {
	opacity    : 0.2;
	box-shadow : 20px -1px #fdd9b4;
}


/* CHECK BOX CSS */
label.checkbox {
	cursor     : pointer;
	width      : 20px;
	height     : 20px;
	border     : 1px solid #B3B3B3;
	background : #fff;
	overflow   : hidden;
	position   : relative;
	display    : inline-block;
	box-sizing : border-box;
}
label.checkbox input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	margin     : 0;
	padding    : 0;
	position   : absolute;
	left       : 20px;
	width      : 20px;
	height     : 20px;
	left       : -40px;
	box-shadow : 39px 0px #FFF;
	z-index    : 2;
}
label.checkbox input[type="checkbox"]:checked {
	box-shadow : none;
}
label.checkbox input[type="checkbox"]:checked:focus {
	box-shadow : 39px 0px #666;
	opacity    : 0.1;
}
label.checkbox input[type="checkbox"]:focus {
	box-shadow : 39px 0px #EEE;
}
label.checkbox:after {
	content           : '';
	position          : absolute;
	top               : 40%;
	left              : 5px;
	display           : block;
	margin-top        : -6px;
	width             : 6px;
	height            : 10px;
	border-right      : 3px solid #e90073;
	border-bottom     : 3px solid #e90073;
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	z-index           : 1;
}

/*CheckBoxとText */
label.checkbox_text {
	cursor       : pointer;
	position     : relative;
	padding: 6px 3px !important;
	margin-right : 20px;
	overflow     : hidden;
	position     : relative;
	display      : inline-block;
	box-sizing   : border-box;
	letter-spacing: 0.05em;
}
label.checkbox_text:before {
	content  : '';
	position : absolute;
	width    : 16px;
	height   : 16px;
	left     : 0px;
	top      : 6px;
	border   : 1px solid #B3B3B3;
	z-index  : 3;
	background: #fff;
}
label.checkbox_text:after {
	content           : '';
	position          : absolute;
	top               : 13px;/*40%*/
	left              : 5px;
	display           : block;
	margin-top        : -4px;
	width             : 5px;
	height            : 8px;
	border-right      : 3px solid #e90073;
	border-bottom     : 3px solid #e90073;
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	z-index           : 4;
}
label.checkbox_text input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	left       : -40px;
	width      : 17px;
	height     : 17px;
	display    : block;
	box-shadow : 41px 0px #FFF;
	z-index    : 2;
	margin     : 0px;
	padding    : 0px;
}
label.checkbox_text input[type="checkbox"]:checked {
	box-shadow : none;
}
label.checkbox_text input[type="checkbox"]:checked:focus {
	box-shadow : 40px 0px #666;
	opacity    : 0.1;
}
label.checkbox_text input[type="checkbox"]:focus {
	box-shadow : 41px 0px #EEE;
}
label.mfp_not_checked:after {display:none;}

@media screen and (max-width: 599px) {
	#mailformpro button[type="submit"],
	button#mfp_button_send {
		margin-right: 0px;
	}
}