@charset "utf-8";

/* Shop
===================================================*/



@media screen and (min-width: 768px) {
.connectwrapper{
	margin:20px;
}
.connectwrapper .headarea{
	text-align:center;
	padding-bottom:30px;
	border-bottom: 1px solid #eeeeee;
}
.connectwrapper .headarea img{
	width:145px;
}
.connectwrapper .headarea p.title{
	font-size: 20px;
	margin-top: 30px;
}
.connectwrapper .loginbtn{
	width: 180px;
	margin: 0 auto;
	background-color: #d12222;
	color: #fff;
	font-size: 18px;
	margin-top: 30px;
	transition: 0.4s;
	position:relative;
	text-align:center;
}
.connectwrapper .loginbtn:hover{
	background-color: #000;
	transition: 0.4s;
}
.connectwrapper .loginbtn a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.connectwrapper .bodyarea{
	
	width: 800px;
	margin: 0 auto;
}
.connectwrapper .bodyarea p.title{
	font-size: 16px;
	margin-top: 30px;
	text-align:center;
}
.connectwrapper .bodyarea p.txt{
	margin:15px 0;
}
.connectwrapper span.red{
	color:#d12222;
}

.connectwrapper .bodyarea .codearea{
	width:400px;
	margin:0 auto;
}
.connectwrapper .bodyarea .codearea table{
	width:100%;
}
.connectwrapper .bodyarea .codearea table th{
	text-align:center;
}
.connectwrapper .bodyarea .codearea table th,td{
	padding:10px;
}
.connectwrapper .bodyarea .codearea table td{
	width:50%;
}
.connectwrapper .bodyarea .codearea table td.shop{
	text-align:right;
}


}


@media screen and (max-width: 767px) {

.connectwrapper{
	margin:20px;
}
.connectwrapper .headarea{
	text-align:center;
	padding-bottom:30px;
	border-bottom: 1px solid #eeeeee;
}
.connectwrapper .headarea img{
	width:145px;
}
.connectwrapper .headarea p.title{
	font-size: 20px;
	margin-top: 30px;
}
.connectwrapper .loginbtn{
	width: 180px;
	margin: 0 auto;
	background-color: #d12222;
	color: #fff;
	font-size: 18px;
	margin-top: 30px;
	transition: 0.4s;
	position:relative;
	text-align:center;
}
.connectwrapper .loginbtn:hover{
	background-color: #000;
	transition: 0.4s;
}
.connectwrapper .loginbtn a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.connectwrapper .bodyarea{
	width: 100%;
	margin: 0 auto;
}
.connectwrapper .bodyarea p.title{
	font-size: 16px;
	margin-top: 30px;
	text-align:center;
}
.connectwrapper .bodyarea p.txt{
	margin:15px 0;
}
.connectwrapper span.red{
	color:#d12222;
}

.connectwrapper .bodyarea .codearea{
	width:100%;
	margin:0 auto;
}
.connectwrapper .bodyarea .codearea table{
	width:100%;
}
.connectwrapper .bodyarea .codearea table th{
	text-align:center;
}
.connectwrapper .bodyarea .codearea table th,td{
	padding:10px;
}
.connectwrapper .bodyarea .codearea table td{
	width:50%;
}
.connectwrapper .bodyarea .codearea table td.shop{
	text-align:right;
}



}

