@charset "UTF-8";

/* .memberArea */
.memberArea {
	width:72%;
	margin:0 auto;
	clear:both;
}
.memberArea .txt01 {
	line-height:2;
	padding:0 0 5.2% 0.5%;
	font-size:16px;
	letter-spacing:-1px;
}
.memberArea .txt01 span {
	color:#b73939;
}
.memberArea .login {
	width:55.7%;
	float:left;
	border:#f2ebe6 4px solid;
	box-sizing:border-box;
	background:#f6f6f6;
	padding:2% 4.5%;
}
.memberArea .login div {
	padding:10px 0;
}
.memberArea .login dl {
	width:100%;
	overflow:hidden;
	clear:both;
	padding:20px 0 0;
}
.memberArea .login dl dt {
	width:28.5%;
	float:left;
	font-size:18px;
}
.memberArea .login dl dd {
	width:71.5%;
	float:right;
}
.memberArea .login dl dd input {
	width:100%;
	border:#ccc 1px solid;
	box-sizing:border-box;
	background:#fff;
	line-height:30px;
	height:30px;
}
.memberArea .login dl dd.links {
	padding-top:10px;
	font-size:16px;
}
.memberArea .login dl dd.links a {
	color:#333;
}
.memberArea .login .btn {
	width:45.45%;
	min-width:200px;
	margin:0 auto;
	clear:both;
	padding-top:36px;
}
.memberArea .login .btn input {
	width:100%;
	display:block;
	background:url(../../common/img/spmenu_icon.png) no-repeat 25% center #e68080;
	background-size:18% auto;
	border:none;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding:7% 0 7% 12%;
	cursor:pointer;
}
.memberArea .login .btn input:hover {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter:"alpha(opacity=50)";
	transition: all 0.2s linear;
}
.memberArea .cont {
	width:38.6%;
	float:right;
	text-align:center;
}
.memberArea .cont .txt02 {
	font-size:16px;
	line-height:2;
	padding:7% 0;
}
.memberArea .cont .btn a {
	width: 65.57%;
	display: block;
	min-width: 200px;
	margin: 0 auto;
	text-align: center;
	color: #C52932;
	font-weight: bold;
	font-size: 16px;
	background-color: #f6f6f6;
	border: 2px solid #f47f82;
	text-decoration: none;
	padding:3.2% 0;
}
.memberArea .cont a:hover {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter:"alpha(opacity=50)";
	transition: all 0.2s linear;
}

@media only screen and (min-width:681px) and (max-width:1099px){
/* .memberArea */
.memberArea .login {
	padding:1.7% 2%;
}
.memberArea dl dt {
	font-size:15px;
}
}

@media only screen and (min-width:681px) and (max-width:900px){
/* .memberArea */
.memberArea .login dl dt {
	font-size:14px;
}
.memberArea .login dl dd.links {
	font-size:13px;
}
}

@media only screen and (min-width:1px) and (max-width:680px){
/* .memberArea */
.memberArea {
	width:100%;
}
.memberArea .txt01 {
	line-height:1.6;
	padding:0 0 9%;
}
.memberArea .login {
	width:100%;
	padding:4% 4.25%;
	float:none;
	border-width:2px;
}
.memberArea .login dl {
	width:88%;
	padding:5px 7% 5px 5%;
}
.memberArea .login dl dt {
	width:32%;
	font-size:14px;
	text-align:left;
	padding-right:2%;
}
.memberArea .login dl dd {
	width:66%;
}
.memberArea .login dl dd input {
	line-height:22px;
	height:22px;
}
.memberArea .login dl dd.links {
	font-size:10px;
}
.memberArea .login dl dd.links a {
	text-decoration:underline;
}
.memberArea .login .btn {
	width:100%;
	padding-top:15px;
}
.memberArea .login .btn input {
	background-size:8% auto;
	background-position:40% center;
	padding:3.5% 0 3.5% 12%;
}
.memberArea .cont {
	width:100%;
	float:none;
	padding:12% 0 0;
}
.memberArea .cont .txt02 {
	line-height:1.8;
	padding:5.5% 0;
	font-size:13px;
}
.memberArea .cont .btn a {
	width:100%;
}
}


@charset "UTF-8";

/* .mainimg */
.mainimg {
	margin-bottom:3.8%;
}

/* .finishArea */
.finishArea {
	width:69%;
	margin:0 auto;
	clear:both;
	text-align:center;
	font-size:16px;
	line-height:1.4;
}
.finishArea .cont {
	padding:30px 0;
}
.finishArea .cont p {
	padding:13px 0;
}
.finishArea .cont p span {
	display:inline-block;
	text-align:left;
}
.finishArea .txt {
	font-size:18px;
	padding-bottom:10px;
}
.finishArea .links a {
	width: 31.6%;
	display: block;
	min-width: 240px;
	margin: 0 auto;
	text-align: center;
	color: #C52932;
	background-color: #f6f6f6;
	border: 2px solid #f47f82;
	padding:1.6% 0;
}
.finishArea .links a:hover {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter:"alpha(opacity=50)";
	transition: all 0.2s linear;
}

@media only screen and (min-width:1px) and (max-width:680px){
/* .mainimg */
.mainimg {
	margin-bottom:5%;
}

/* .finishArea */
.finishArea {
	width:100%;
	padding-bottom:12%;
}
.finishArea .cont {
	padding:8px 0 18px;
	line-height:1.6;
}
.finishArea .cont p {
	padding:13px 0;
}
.finishArea .txt {
	font-size:17px;
	padding-bottom:12px;
	line-height:1.6;
}
.finishArea .links a {
	width:69%;
	padding:2.8% 0;
}
.finishArea .links a:hover {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
}
}
.memberArea .message{
font-size:24px;
text-align:center;
margin-bottom:40px;

}

.memberArea .error{
color:#b73939;
text-align:center;
margin-bottom:40px;
}