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

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

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

#memberRegisterGroup,
#netMemberAddGroup {
	min-height: 225px;
}

#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,
	#sevenShopLinkGroup {
		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;
}

/* ----- 新規会員登録 ----- */
h2#memberRegisterTitle_innerId {
    line-height: 1.6;
}
#memberRegisterTitle_innerId > span {
    display: inline-block;
    padding-left: 28px;
    background-image: url("../images/common/login-beginner-icon.png");
    background-repeat: no-repeat;
}
#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%;
}