@charset "UTF-8";


/* //////////////////////////////////////////////////
[共通]
////////////////////////////////////////////////// */

#login,#memberLogOut
 {
	width:860px;
	margin:0 auto;
	padding:10px 0 0 0;
}


/* //////////////////////////////////////////////////
[ログイン画面]
////////////////////////////////////////////////// */


#login h2 {
	text-align:center;
	border-bottom:1px solid #e0d7cb;
	border-top:1px solid #e0d7cb;
	margin:0 0 15px 0;
}
#login h2 img {
	margin:10px 0;
}
#login .heading-medium {
  background: #706457;
  color: #fff;
  margin: 0;
  padding: 10px;
  font-size: 18px;
  border-radius: 5px 5px 0 0;
  border: none;
}
#login .loginBoxWarp {
	margin:0 0 15px 0;
}
#login .loginBoxWarp .loginBox {
	background-color:#e0d7cb;
	padding:7px 10px 10px 10px;
	overflow:hidden;
}
#login .loginBoxWarp .loginBox h3 {
	border-left:5px solid #433a2b;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
	font-size:107%;
}
#login .loginBox .snsLogin {
	width:395px;
  height: 324px;
	background-color:#FFFFFF;
	float:left;
	padding:10px;
  position: relative;
}
#login .regist-btn {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
}
#login .text-wrap {
  background: #FBFAF7;
  border: 1px solid #F4F0E8;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 80px;
  font-size: 13px;
  padding: 10px;
  box-sizing: border-box;
  color: #706457;
  width: calc(100% - 30px);
}
#login .text-wrap dt {
  font-weight: bold;
}
#login .loginBox .kakakuLogin {
	width:395px;
	background-color:#FFFFFF;
	float:right;
	padding:10px;
}
#login .loginBox .kakakuLogin span.mail {
	display:block;
	font-size:69%;
	text-indent:-5px;
}
#login .loginBox .kakakuLogin dl {
	overflow:hidden;
	margin:0 0 5px 0;
}
#login .loginBox .kakakuLogin dl dt {
	width:90px;
	float:left;
	padding:0 0 0 10px;
}
#login .loginBox .kakakuLogin dl dd {
	float:left;
}
#login .loginBox .kakakuLogin dl dt.passTxt {
	line-height:30px;
}


#login input#mail_address {
	width:270px;
}
#login input#password {
	width:270px;
}

#login p#auto-login {
	margin:15px 0 0 0;
	text-align:center;
}
#login .loginBoxWarp .loginBox .kakakuLogin p.btn {
	width:236px;
	margin:10px auto;
}
#login.kakakuLogin p.link {
	text-align:center;
	margin:5px 0 0 0;
}

#login_form div.kakakuLogin p.link {
  text-align: center;
  padding: 6px 0;
}
#log .link a{
  background: url(/ui/utility/common/svg/iconAP_arrow_txtlink_dkblue.svg) 60px 2px / 10px no-repeat;
  display: block;
  line-height: 1.2;
  padding: 0 0 0 15px;
}
.grecaptcha-badge{
  margin: 0 auto;
}
#log .rc-anchor-invisible-text.smalltext{
  font-size: 94%;
}
#login .loginBox .kakakuLogin dl dd input {
	border-color: #999999 #E0E0E0 #E0E0E0 #999999;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	font-size: 118%;
	height: 20px;
	margin-right: 12px;
	padding: 5px;
}
* html input {
	height: 30px;
}
#login .loginBoxWarp .registration {
	padding:10px;
	background-color:#fff;
	text-align:center;
}
#login .registration p.btn {
	width:285px;
	margin:10px auto;
}

#recaptcha_area, #recaptcha_table {
    margin: auto;
}
#login_form div.kakakuLogin table#login_form {
	margin-top:10px;
}

/* //////////////////////////////////////////////////
[ログアウト]
////////////////////////////////////////////////// */

#memberLogOut h2 {
	background: url(/ui/utility/pc/images/png/h2_tit.png) repeat-x scroll center bottom rgba(0, 0, 0, 0);
	border-color: #936F0E #DCD7CA #DCD7CA;
	border-radius: 5px;
	border-style: solid;
	border-width: 3px 1px 1px;
	box-shadow: 0 0 2px 0 #D6D6D6;
	color: #333333;
	font-size: 150%;
	line-height: 1.3;
	margin: 0 0 20px;
	padding: 8px 20px 10px;
	text-shadow: 1px 1px 0 #CCCCCC;
	font-size:167%;
}
#memberLogOut p.txt {
	text-align:center;
	font-size:125%;
	margin:30px 0;
	font-weight:bold;
}