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

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a:hover{
	text-decoration:underline;
}

.clear2 {
	display: block;
	width: 100%;
	height: 1px;
	overflow: hidden;
}

.textCenter{
	text-align:center!important;
}

.box_login2{
	width:100%;
	margin:10px auto 30px auto;
	padding:20px;
	background:#F2F2F2;
	/* font-size:85%; */
}

.box_login2 h1{
	margin:0 0 15px 0;
	text-align:center;
	font-size:180%!important;
}

.box_login2 h2{
	margin:0 0 15px 0;
	padding:0!important;
	font-size:180%;
}

.box_login2 input{
	width:100%;
	padding:5px;
	border:2px solid #32ABC3;
}
.log_off2 p.textCenter.mb20 {
	margin-bottom: 20px!important;
}
.btnlogin2 {
	background: #32ACC4 url(/member/login/images/btn_cursol.png) no-repeat 96% center;
	display: block;
	border-bottom: #268294 5px solid;
	color:#fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff!important;
	width: 100%;
	padding: 13px 0 11px;
	margin:0 auto 25px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

.btnlogin2:hover{
	border-bottom: none;
	margin: 25px auto 25px;
	text-decoration:none;
}

.box_login2 .join{
	padding-top:20px;
	border-top:2px solid #C4C4C4;
	text-align:center;
}

.box_login2 .join p{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.box_login2 .join .link {
	width:13.5em;
	margin:0 auto 10px auto !important;
	padding-left:12px;
	background-image: url(/member/login/images/icon_ar02.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:12px 12px;
	font-size:140%;
	display:block;
}
.box_login2 .join .link.textLarge,

.box_login2 .join .link_login{
	width:8em!important;
	text-align:left;
	padding-left: 20px!important;
}


/*ログインページ
----------------------------------------------*/
.login2 {
	font-size: 13px;
}
.login2 #MainWidth{
	width:1000px;
	max-width: 1000px;
	padding-left:0;
	padding-right:0;
}

.login2 #MainWidth .box_login2{
	width:1000px;
	padding:30px 20px 20px 20px;
}

.join2 p{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.login2 h1{
	margin:15px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #32abc3;
	color: #32abc3;
	font-weight: bold;
	font-size: 180%!important;
}

.login2 .box_login2{
	font-size:100%;
}

.login2 .box_login2 .textCenter{
	text-align:left;
}

.login2 .btnlogin2,
.login2 .btnlogout {
	width:330px;
	margin:0 0 25px 0;
}

.login2 .btnlogin2:hover,
.login2 .btnlogout:hover{
	border-bottom: none;
	margin:5px auto 15px;
	text-decoration:none;
}


/*追加分*/

.login2 .box_login2 dl{
	width:420px;
	margin:0 auto;
}
.box_login2 .join {
	text-align:center !important;
}
.login2 .box_login2 dl dt{
	float:left;
	width:120px;
	padding:7px 0;
}

.login2 .box_login2 dl dd{
	float:left;
	width:300px;
}

.login2 .box_login2 dl dt{
	float:left;
	width:120px;
	padding:7px 0;
	margin-left: -60px;
}

.login2 .btnlogin2,
.login2 .btnlogout {
	width:330px;
	margin:0 auto 15px auto;
}

.login2 .box_login2 .pass_reset{
	width:550px;
	margin:0 auto;
	text-align:center;
}

/*追加分*/



.login2 .join{
	margin-bottom:50px;
	text-align:center;
}

.login2 .join .link{
	margin:0 auto 15px auto;
	padding-left:18px;
	background-image: url(/member/login/images/icon_ar02.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:12px 12px;
	font-size:140%;
	font-weight:bold;
	display:inline-block;
}

.login2 .join .link_login{
	width:8em!important;
}

.login2 .join .link_join{
	padding-left:18px;
}

.login2 .snsBlock,
.login2 .footer_bnr{
	display:none;
}


@media screen and (max-width: 640px){
	
	.box_login2 h2{
		margin:0 0 20px 0;
	}
	
	.box_lead_right input{
		display:none;
	}
	
	.login2 .btnlogin2:hover,
	.login2 .btnlogout:hover{
		border-bottom: none;
		margin:25px auto 25px;
		text-decoration:none;
	}
	
	.box_login2 .join .link{
		width:14.5em;
		padding-left:15px;
		font-size:110% !important;
		
	}

	.box_login2 .join .link.registration {
		margin: 0 auto !important;
		text-align:left;
	}
	
	/*ログインページ
	----------------------------------------------*/
	.login2 h1 {
		text-align:center;
	}
	.login2 #MainWidth > p {
		margin-left: 2%;
		margin-right: 2%;
	}
	.login2 #MainWidth .box_login2{
		width:100%;
		padding:20px 30px;
	}
	
	
	.login2 .btnlogin2,
	.login2 .btnlogout {
		width:100%;
		margin:0 0 25px 0;
	}
	
	.login2 .box_login2 input{
		width:100%;
	}
	
	/*追加分*/
	
	.login2 .box_login2 dl{
		width:100%;
		margin:0;
	}
	
	.login2 .box_login2 dl dt,
	.login2 .box_login2 dl dd{
		float:none;
		width:100%;
		margin-left: 0;
	}
	
	.login2 .btnlogin2,
	.login2 .btnlogout {
		width:100%;
	}
	
	.login2 .btnlogin2,
	.login2 .btnlogout {
		margin:0 0 15px 0;
	}
	
	.login2 .btnlogin2:hover,
	.login2 .btnlogout:hover{
		margin:5px auto 15px;
	}
	
	.login2 .box_login2 .pass_reset{
		width:100%;
	}
	/*追加分*/
	
	.login2 .join{
		margin-bottom:0;
	}
	
	.login2 .join p{
		text-align:center;
	}
	
	.login2 .join .link{
		display: inline-block;
	}
	
	.login2 .join .link_join{
		padding:0;
	}

}