@charset "utf-8";
/*--------------------------------------------
  login.css
  ログイン系の共通CSS
--------------------------------------------*/

#loginInputGroup{
	width: 59%;
	float: left;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	padding: 10px 20px;
	min-height: 470px;
	position: relative;
}

#memberRegisterGroup,
#netMemberAddGroup{
	width: 39%;
	float: right;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	padding: 10px 20px;
	min-height: 225px;
	margin-bottom: 20px;
	position: relative;
}

#loginIdThSurround {
	width: 190px;
}
#saveLoginId_label,
#memberReminderLink_link{
	display: inline-block;
	margin-top: 10px;
}

@media screen and (max-width: 641px) {
	#loginInputGroup{
		width:100%;
		float:none;
		min-height:auto;
	}
	#memberRegisterGroup,
	#netMemberAddGroup{
		width:100%;
		float:none;
		min-height:auto;
		margin-top:10px;
	}
	#loginIdThSurround,
	#loginIdTdSurround{
		width:100%;
	}
}

#loginInputGroup .includeExplain {
	margin-bottom: 15px;
}

#loginInputGroup .table {
	margin-bottom: 30px;
}

.loginInputTitle,
.memberRegisterTitle,
.netMemberAddTitle,
.loginInputTitle.level_h2,
.memberRegisterTitle.level_h2,
.netMemberAddTitle.level_h2 {
	font-size: 1.35em;
	margin-bottom: 15px;
  text-align: center;
}

.topGroupName .loginInputGroup .buttonArea,
.topGroupName .registerGroup .buttonArea {
	margin: 20px 0 10px;
}

/* ----- ログイン ----- */
input[type="submit"].loginButton {
	max-width: 100%;
  width:  320px;
	margin-right: auto;
	margin-left: auto;
}


/* ----- 新規会員登録 ----- */
#memberRegisterGroup a.btn_1 {
  width: 320px;
  max-width: 100%;
}

/* ----- ネット会員登録 ----- */
#netMemberAddGroup a.btn_1 {
  width: 320px;
  max-width: 100%;
}

/* ----- イベント購入 ----- */
#guestButtonGroup input.btn_1 {
  width: 320px;
  max-width: 100%;
}

/* ----- インクルードパーツ ----- */
#topLoginButtonIncludeItemWrap,
#bottomLoginButtonIncludeItemWrap {
	text-align: left;
}

#topLoginButtonIncludeItemWrap {
	margin-bottom: 10px;
}
#bottomLoginButtonIncludeItemWrap {
	margin-top: 10px;
}