@charset "UTF-8";

.dispFlex{ display: flex;}
.dispNone{ display: none;}


.sectionInner .top-title{ background-image: unset;}

.sectionInnerBox{  width: 50%; margin: auto;}


#idpassDl{
	display: flex;
    align-content: center;
    justify-items: center;
    align-items: center;
    flex-flow: column wrap;
    justify-content: center;
    height: 100%;
    padding-bottom: 1.5em;
  /*  border-bottom: 2px #d3c3b2 dashed;*/
}

#idpassDl #id_logo{
	margin: 40px auto;
   /* background-color: rgb(150 209 191);*/
    text-align: center;
    width: 80%;
    max-width: 500px;
}
#id_logo img{ width: 100%; image-rendering: -webkit-optimize-contrast;}

#idpassDl form{ width: 90%; margin: 10px auto; padding: 20px 15px;}

#idpassDl dt{ vertical-align: unset; text-align: center;}
#idpassDl dd p{ width: fit-content; margin: auto; font-size: 90%;}
#idpassDl dt input{ margin: auto;  padding: 3px 5px; width: 70%; height: 2rem;}
#idpassDl dd{ width: 100%; margin: auto;}




#idpassDl .pointMsg{ font-size: 83%; color: #ff3a2b; margin-bottom: 15px;}



#idpassDl #passwordSetting{ margin-top: 30px;}
#new_member dt,
#passwordSetting dt{
	font-size: 110%;
    font-weight: 500;
    width: 230px;
    margin: auto;
    border: solid 4px #96d1bf;
    cursor: pointer;
}
#passwordSetting dt{ border: solid 2px #96d1bf;}
#new_member dt:hover,
#passwordSetting dt:hover{ opacity: 0.7;}
#new_member dt a:hover,
#passwordSetting dt a:hover{ text-decoration: unset;}
#new_member dt a p,
#passwordSetting dt a p{
	width: auto;
    text-align: center;
    padding: 2px 15px 0;
    color: #6ea896;
    text-align-last: justify;
    font-size: 100%;
}
#new_member dd,
#passwordSetting dd{
	margin-top: 5px;
	text-align: center;
	font-size: 78%;
	color: #756520;
}


#idpassDl #loginMail,
#idpassDl #loginCustomer{ margin-top: 15px;}
#loginMail dt,
#loginCustomer dt{
	font-size: 110%;
    font-weight: 500;
    width: 230px;
    margin: auto;
    border: solid 4px #96d1bf;
    cursor: pointer;
    background-color: #96d1bf;
    color: #FFF;
    padding: 2px 0 0;
    margin-bottom: 5px;
}
#loginMail dt p,
#loginCustomer dt p{
	width: auto;
    text-align: center;
    padding: 0 15px;
    font-size: 100%;
    color: #FFF;
}
#loginMail .loginOpen{ text-align-last: justify;}

#loginMail dt:hover,
#loginCustomer dt:hover{ opacity: 0.7;}
#loginMail dd,
#loginCustomer dd{
	margin-top: 5px;
	text-align: center;
	font-size: 78%;
	color: #756520;
}

#loginMail .loginBox p,
#loginCustomer .loginBox p{ color: #000000; font-size: 90%;}


#idpassDl .loginBox{ display: none;}

#idpassDl .loginBox form{ border-top: solid 1px #d3c3b2; border-bottom: solid 1px #d3c3b2; text-align: center;}
#idpassDl .loginBox dt{
	width: 100%;
	border: none;
    background-color: unset;
}
#idpassDl .loginBox dd{ font-size: 100%;}
#idpassDl .loginBox dd button{ font-size: 100%;}

#idpassDl #btn_login,
#idpassDl #btn_login_old{
	width: 150px;
    padding: 4px;
    font-weight: bold;
    color: #947f28;
    background-color: #FFF;
    border: solid 1px #947f28;
    font-size: 94%;
    cursor: pointer;
    margin-top: 15px;
}


#loginForm #pwdDisp label{
	padding: unset;
    color: #000;
    width: 70%;
    margin: auto 0 auto auto;
	align-items: center;
}
#loginForm #pwdDisp label input{
	width: auto;
    margin: 0;
}
#loginForm #pwdDisp label p{
	margin: unset;
    width: unset;
    font-size: 80%;
}



@media screen and (max-width: 950px) {

	#idpassDl form{ width: 95%; padding: 20px 5px;}

	.sectionInner dd:last-child{ text-align: center; margin: 10px auto 0;}
	.sectionInnerBox{ width: 90% !important;}


	/* 入力フォーム改善CSS 240604 */
    input,
	textarea{ font-size: 16px!important;}

}