@charset "utf-8";
/**********************************************
サンリフレ
会員登録関係CSS
***********************************************/
#contents{
	max-width: 910px;
}
#auth {
	width: 630px;
	margin: 0 auto;
	overflow:hidden;
}
#auth .lead {
	padding-bottom: 20px;
}
#auth .lead img {
	margin-right: 3px;
}
#auth .lead b {
	font-weight: bold;
	font-size: 18px;
}
.signupFinish {
	margin: 0 0 300px 10px;
}

.auth_pageTitle{
  background: #319b03;
  font-size: 20px;
  color: #fff;
  padding: 10px 15px;
  font-weight: bold;
  margin-bottom: 20px;
  box-sizing: border-box;
  width:100%;
	
}
.auth_login{
  margin: 30px;
}
.login_detail_txtArea {
  margin-bottom: 20px;
}
h3.auth_hdg3 {
  margin-bottom: 5px;
  font-size: 20px;
}
.auth_loginForm {
  width: 100%;
}
th.auth_loginForm_txt {
  width: 25%;
  padding-bottom: 20px;
  font-size: 17px;
  font-weight: bold;
  text-align: right;
  border: none;
  background: none;
}
td.auth_loginForm_input {
  width: 70%;
  padding-bottom: 20px;
  padding-left: 20px;
  border: none;
}
td.auth_loginForm_input input {
  width: 75%;
  padding: 10px;
  font-size: 15px;
}
.login_forgotDetail {
  margin: 30px auto;
  width: 75%;
}
.login_forgotDetail p {
  margin-bottom: 10px;
}
.login_forgotDetail p a{
  color: #222 !important;
  font-weight: bold;
  font-size: 15px;
  text-decoration: underline;
}
.auth_borderArea {
  border-bottom: 1px solid #bbb;
}
.member_registration {
  margin: 30px;
}
.member_registration_detail_txtArea {
  margin-bottom: 30px;
}
.member_registration_detail_txtArea p{
  margin-bottom: 10px;
}
.member_registration_detail_txtArea a{
  position: relative;
  color: #222 !important;
  text-decoration: underline;
}
.member_registration_detail_txtArea a:after {
  content: "";
  background-image: url(/img/freeform/common/sp_blank.png);
  display: inline-block;
  background-size: contain;
  vertical-align: sub;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}

/*  パスワード再発行
----------------------------------------------------------------------*/
.reissueTable {
	width: 100%;
	margin-bottom: 20px;
}
.reissueTable th,
.reissueTable td {
	padding: 10px;
}
.reissueTable th {
	border-right: none;
	text-align: right;
}
.reissueTable td {
	border-left: none;
}
.reissueTable .error {
	background: #c00;
}
.reissueTable .errorMessage {
	font-weight: bold;
	margin: 5px 0 0;
	color: #fffba5;
}

.reissueTable img {
	vertical-align: middle;
}
.reissueTable .reload {
	margin-left: 10px;
}
.reissueTable .mail {
	width: 240px;
}
.reissueTable .randam {
	width: 120px;
	margin-bottom: 10px;
}

.reissueFinish {
	margin: 0 0 320px 10px;
}

.spBtn {
	text-align: center;
}
.spLogIn {
	background: #319b03;
	color: white;
}
.spSignUp {
	background: #F98B02;
	color: white;
}
.spLogIn, .spSignUp {
	padding: 5px;
	margin: 5px;
	font-size: 17px;
	font-weight: bold;
	height: 47px;
	width: 300px;
	border-radius: 5px;
	border: none;
	cursor: pointer;
}
#passwordForgot > span {
	display: inline-block;
}

@media screen and (max-width: 640px) {
	.top_area, .navi_area, .top_notice, .guide_area,
	.pageTitle, #footer, #header_second, #header_third,
	.pc_label, .pcBtn
	{
		display: none;
	}
	#wrapper, #contents {
		max-width: 100%;
	}
	.logo_sp_area {
		display: inline-block;
		margin-bottom: 3px;
		width: 100%;
	}
	.logo_dekirukun {
		width: 120px !important;
		display: inline-block;
	}
	.logo_dekirukun > a > img {
		width: 114px;
		margin: 10px 0 10px 19px;
	}
	.year19 {
		display: inline-block;
	}
	.year19 > img {
		width: 38px;
		margin: 6px 0 0 21px;
	}
	.shadow_sp_area {
		height: 33px;
		background: linear-gradient(to bottom, #eee, #fdfdfd 40%, #ffffff); 
	}
	.shadow_sp_area > div {
		display: inline-block;
		margin: 8px 0 0 23px;
	}
	.shadow_sp_area > div > a {
		font-size: 10px;
		text-decoration: underline;
	}
	.shadow_sp_area > div > span {
		font-size: 10px;
		color: #aaa;
		margin-left: 3px;
	}
	.arrow {
		color: #dedede !important;
	}
	.title_sp_area {
		background: #319b03;
		height: 40px;
		margin-bottom: 10px;
	}
	.return_sp_btn {
		position: absolute;
		top: 77px;
		left: 1px;
		height: 22px;
		display: inline-block;
		background: #ffffff;
		text-decoration: none;
		padding: 2px 16px 0 8px;
		margin: 8px 0 0 30px;
	}
	.triangle {
		position: absolute;
		top: 85px;
		left: 19px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 12px 12px 0;
		border-color: transparent #ffffff transparent transparent;
	}
	.return_sp_btn > a {
		color: #000000 !important;
		text-decoration: none !important;
		font-size: 13px;
	}
  .title_sp_area .un_loginTitle {
    padding: 0;
    position: unset;
    font-size: 18px;
  }
  .auth_pageTitle {
    display: none;    
  }
  .auth_login{
    margin: 0 20px;
  }
  .login_detail_txtArea {
    margin-bottom: 10px;
  }
  .login_detail_txtArea p {
    margin-bottom: 0 !important;
  }
  h3.auth_hdg3{
    font-size: 18px;
    margin-bottom: 0;
  }
  .auth_loginForm{
    margin-bottom: 10px;
  }
  th.auth_loginForm_txt {
    display: block;
    width: auto;
    text-align: left;
    padding: 0 10px;
  }
  td.auth_loginForm_input {
    display: flex;
    width: 95%;
    margin: 0 auto 10px;
    padding: 0;
    align-items: center;
  }
  td.auth_loginForm_input input {
    height: auto;
    padding: 10px;
  }
  .spLogIn, 
  .spSignUp{
    width: 250px;
  }
  .login_forgotDetail {
    width: auto;
    margin: 20px 0;
  }
  .login_forgotDetail p {
    margin-bottom: 10px !important;
    line-height: 24px;
  }
	.tCenter {
		margin: 10px;
		font-size: 14px;
	}
	.w630 {
		width: 100%;
	}
	.sp_form {
		display: inline-block;
		width: 90%;
		margin: 10px 0 10px 0;
		height: 20px;
		font-size: 16px;
	}
	.sp_form_area {
		text-align: center;
	}
	.sp_form_area > div > label {
		margin-left: 10px;
		float: left;
	}
	.formTable {
		margin: 0 10px 0 10px;
		border: none;
	}
	.formTable > tbody > tr > td {
		border: none;
	}
	.big {
		width: 90% !important;
		height: 30px;
		font-size: 16px;
	}
	.sp_label > td {
		font-size: 16px;
		font-weight: bold;
		padding: 0 15px;
	}
	.input_td {
		text-align: center;
	}
	.spSpace {
		margin-top: 10px;
	}
	#passwordForgot > span {
		width: 100%;
	}
	#passwordForgot {
		margin-left: 20px;
		margin-right: 20px;
		border-bottom: dotted 1px #b8b8b8;
		padding-bottom: 10px;
	}
  .member_registration {
    margin: 10px 20px;
  }
  .member_registration_detail_txtArea {
    margin-bottom: 20px;
  }
  .member_registration_detail_txtArea p {
    margin-bottom: 0;
    line-height: 24px;
  }
  .member_registration_detail_txtArea p span{
    display: none;
  }
  .spMailAddr a {
    color: #222 !important;
    text-decoration: underline !important;
  }
  .ly_footerSp {
    line-height: 1.75;
  }
}
@media screen and (min-width: 640px) {
	.logo_sp_area, .shadow_sp_area, .title_sp_area,
	.sp_label
	{
		display: none;
	}
	#passwordForgot {
		border-bottom: dotted 1px #b8b8b8;
		margin: 15px 0 20px 0;
		padding-bottom: 10px;
	}
}



/* system headerより移植 */