@charset "UTF-8";

/*******************************************************************************
** Overwrite 2020/09/04
*******************************************************************************/

/* page_mypage_login
----------------------------------------------------------------------------- */

body#page_mypage_login #login_mypage{
	margin-bottom:0px !important;
}
body#page_mypage_login .ec-login {
	max-width:1200px !important;
	margin:0 auto !important;
}
body#page_mypage_login .ec-login .ec-login__input,
body#page_mypage_login .ec-grid2 {
	height: 442px !important;
	padding:37px 82px 0 !important;
}

body#page_mypage_login .ec-login .ec-login__input h2,
body#page_mypage_login .ec-grid2 h2 {
	margin-top:0 !important;
	margin-bottom: 47px !important;
	color:#222222 !important;
	font-size: 25px !important;
}
body#page_mypage_login .ec-login .ec-login__input div {
	margin-bottom: 0px !important;
}
body#page_mypage_login .ec-input #login_email,
body#page_mypage_login .ec-input #login_pass {
	height: 50px !important;
	margin-bottom:20px !important;
	border-radius: 3px !important;
  font-family: "Noto Serif JP", sans-serif !important;
  font-size: 16px;
}
body#page_mypage_login .ec-input #login_email::placeholder,
body#page_mypage_login .ec-input #login_pass::placeholder {
	font-family: "Noto Serif JP", sans-serif !important;
}
body#page_mypage_login .ec-login__input .ec-checkbox {
	margin:23px 0 0 0 !important;
	color:#222222 !important;
	font-size:14px !important;
}
body#page_mypage_login .ec-login__input .ec-checkbox label {
	vertical-align:top;
	padding:2px 0 0 5px;
}
body#page_mypage_login .ec-login__actions .ec-blockBtn--cancel {
	width: 320px !important;
	height:60px !important;
	margin: 18px auto 0 !important;
	font-family: "Noto Serif JP", sans-serif !important;
}
body#page_mypage_login .ec-login__link {
	margin:25px 0 0 0 !important;
}
body#page_mypage_login .ec-link {
	margin:0 !important;
	color:#222222 !important;
	font-size:14px !important;
}
body#page_mypage_login .ec-login__input .ec-login__link .ec-link {
	text-decoration:underline !important;
}
body#page_mypage_login .login_partitio{
	width: 1px !important;
}
body#page_mypage_login .ec-grid2 .ec-grid2__cell p {
	margin-top:-8px !important;
	line-height:29px !important;
	letter-spacing:1px !important;
}
body#page_mypage_login .ec-login__link.new_member {
	width: 320px !important;
	height:60px !important;
	border: 1px solid #999999 !important;
	margin: 104px auto 0 !important;
	padding:0 !important;
	line-height:58px !important;
}
body#page_mypage_login .login_partitio_bottom {
	margin: 85px 100px -18px !important;
}

/* エラーメッセージ */
body#page_mypage_login .ec-login .ec-errorMessage{
	margin: -28px 0 7px !important;
}

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

body#page_mypage_login .ec-pageHeader {
	margin-bottom:0 !important;
}
body#page_mypage_login .ec-login .ec-login__input,
body#page_mypage_login .ec-grid2 {
	height: auto !important;
	padding:0px 20px 0 !important;
}
body#page_mypage_login .ec-login .ec-login__input h2,
body#page_mypage_login .ec-grid2 h2 {
	margin-top:7px !important;
	margin-bottom: 30px !important;
	font-size: 20px !important;
}
body#page_mypage_login .ec-login .ec-login__input div {
}
body#page_mypage_login .ec-input #login_email,
body#page_mypage_login .ec-input #login_pass {
	height: 40px !important;
	margin-bottom:20px !important;
}
body#page_mypage_login .ec-login__input .ec-checkbox {
}
body#page_mypage_login .ec-login__input .ec-checkbox label {
}
body#page_mypage_login .ec-login__actions .ec-blockBtn--cancel {
	width: 100% !important;
	height:50px !important;
	line-height:50px !important;
	margin: 38px auto 0 !important;
}
body#page_mypage_login .ec-login__link {
	margin:24px 0 0 0 !important;
	padding-bottom:47px;
}
body#page_mypage_login .ec-link {
}
body#page_mypage_login .ec-login__input .ec-login__link .ec-link {
}
body#page_mypage_login .login_partitio{
	width: 1px !important;
	margin-bottom:39px !important;
}
body#page_mypage_login .ec-grid2 .ec-grid2__cell p {
	color:#222 !important;
	line-height:28px !important;
}
body#page_mypage_login .ec-login__link.new_member {
	width: 100% !important;
	height:50px !important;
	margin: 36px auto 0 !important;
	line-height:48px !important;
}
body#page_mypage_login .login_partitio_bottom {
	margin: 50px 0px 0px !important;
}

/* エラーメッセージ */
body#page_mypage_login .ec-login .ec-errorMessage{
	margin: -3px 0 7px !important;
}

}

/*******************************************************************************
*******************************************************************************/

.ec-blockBtn--cancel img{
  width: 16px;
  position: absolute;
  top: 38%;
  right: 15px;
}

.new_member img{
  width: 16px;
  position: absolute;
  top: 35%;
  right: 15px;

}



.ec-categoryNaviRole {
    display: none;
}

[name="login_mypage"] .ec-login{
  background: none;
  display: flex;
  margin: 0;
  padding: 0;
}

.ec-login{
  display: flex;
}
.ec-login .ec-login__input{
      padding: 60px 30px 60px 150px;
}
.ec-grid2{
      padding: 60px 150px 60px 30px;
}

.ec-login .ec-login__input, .ec-grid2{
  display: inline-block;
  width: 600px;
  height: 500px;
  text-align: center;
    margin: 0 auto;
}
.ec-role{
  padding: 0;
}
.ec-layoutRole .ec-layoutRole__contents, .ec-role{
     max-width: 100%;
}

.ec-off2Grid .ec-off2Grid__cell{
    width: 1400px;
    margin:30px auto 0px auto;
}

.ec-login__link .ec-link{
  margin-bottom: 40px;
}

.ec-link{
color: #444444;
}
.ec-link:hover{
  opacity:0.7;
}
.ec-login__actions .ec-blockBtn--cancel{
  border-color: #444444;
  background-color: #444444;
  width: 300px;
  margin: 0 auto;
  border-radius:3px;
  position:relative;
}

.ec-grid2 .ec-grid2__cell{
  text-aline: center;
  width :auto;
}

.ec-input #login_email,.ec-input #login_pass{
  height: 45px;
  border-radius: 4px;
}

.ec-login__input h2, .ec-grid2 h2{
  margin-bottom: 40px;
  font-size: 26px;
}

.ec-login__input div {
    margin-bottom: 30px;
}
.ec-login__input div.ec-checkbox div.form-check,
.ec-login__input div.ec-checkbox div.form-check #login_memory,
.ec-login__input div.ec-checkbox div.form-check .form-check-label,
.ec-login__input div.ec-checkbox label{
    margin: 0;
}

.login_partitio{
      width: 2px;
      background-color: #D8D8D6;
}

#login_mypage{
  margin-bottom: 60px;
}

.login_partitio_bottom{
  height: 1px;
  /*width: 1200px;*/
  margin: 0 auto;
  background-color: #D8D8D6;
}

.ec-login__link.new_member{
  border: 1px solid #444444;
  padding: 18px 10px;
  width: 300px;
  margin: 0 auto;
  margin-top: 120px;
  border-radius:3px;
  position:relative;
}

.chiso_logo{
  text-align: center;
}

.chiso_logo img{
  width: 200px;
}

.ec-footerRole{
  margin-top: 0;
}
/* エラーメッセージ */
.ec-login .ec-errorMessage{
  color: #9F3142;
  margin-bottom: 0;
  font-size: 15px;
  text-align: left;
}
.ec-input .ec-errorMessage+#login_email,
.ec-input .ec-errorMessage+#login_email+#login_pass{
  border-color: #9F3142;
  background-color: #F6E7E9;
}

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

  .ec-overlayRole{
    display:none;
  }

  .ec-off2Grid .ec-off2Grid__cell{
    width:100%;
  }

  [name="login_mypage"] .ec-login{
    display:block;
    width:100%;
  }

  .ec-login .ec-login__input{
    width:100%;
  }

  .ec-login .ec-login__input {
    padding: 0 40px;
  }

  .ec-login__actions .ec-blockBtn--cancel{
    width:100%;
  }

  .ec-login__input .ec-login__link{
    border-bottom: 1px solid #ccc;
    padding-bottom: 60px;
  }

  .ec-grid2 {
    display: inline-block;
    width: 100%;
    padding:0 40px;
    height: 100%;
  }

  .ec-grid2__cell p{
    width: 60%;
    margin: 0 auto;
    text-align: left;
  }
  .ec-login__link.new_member{
    width:100%;
    border-radius:3px;
    margin-top: 40px;
  }




}
@media screen and (max-width: 480px){
  .ec-grid2__cell p{
    width: 100%;
  }
}


.login_link_new_member {
  margin-top: 104px;
}
.login_link_new_member a {
  display: inline-block;
  max-width: 320px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: transparent;
  color: #222222;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-image: url('/html/template/default/assets/svg/icon_arrow_sr.svg');
  background-size: 18px;
  background-repeat:  no-repeat;
  background-position:  95% 50%;
  transition: color .5s cubic-bezier(.23,1,.32,1);
	transition-property: color,background,border;
}

.login_action {
  margin-top: 18px;
}
.login_action .login_action_btn {
  display: inline-block;
  max-width: 320px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #ffffff;
  background-color: #444444;
  border: solid 1px #444444;
  border-radius: 3px;
  background-image: url(/html/template/default/assets/svg/icon_arrow_sr-wt.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 95% 50%;
  transition: color .5s cubic-bezier(.23,1,.32,1);
	transition-property: color,background,border;
}

.login_action .login_action_btn:hover, .login_link_new_member a:hover {
  background: #aa8420;
  color: #fff;
  border: 1px solid #999999;
  background-image: url(/html/template/default/assets/svg/icon_arrow_sr-wt.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 95% 50%;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .login_link_new_member a,.login_action .login_action_btn {
    max-width: 100%;
    height: 50px;
    line-height: 50px;
  }
  .login_link_new_member {
    margin-top: 40px;
  }
}