/*
ambカスタマイズあり。更新の際は注意
 */
@charset "utf-8";
/* CSS Document */

html, body {
  font-family: "Eina01-Bold",'nunito-light','メイリオ', Meiryo, sans-serif;
}
h1, h2, h3, h4 {
  font-family: "Eina01-Bold",'nunito-light', Meiryo, sans-serif;
}
p, a, span, div, select, option, textarea, label, ul, li, dl, dt, dd {
  font-family: 'メイリオ',"Eina01-Bold", Meiryo, sans-serif;
}

.login-oauth {
	margin-top: 1rem}
.login-banner {
	background-image: url('../images/account.jpg');
	background-position-y: 40%
	}
.total-items-label {
	font-weight: 700;
	margin-bottom: 0.25rem
	}
.total-price {
	font-weight: 700;
	margin-bottom: 0.25rem
	}
.registration-page .privacy-policy {
	margin-top: 1rem
	}
.equal-height .card {
	width: 100%
	}

.hero {
	background: #fff;
	height: 85px
	}
.hero .title-contain {
	margin: 0 auto;
	padding-top: 38px
	}
.hero h1.page-title {
	color: #000;
	background: 0 0;
	text-transform: uppercase;
	font-size: 28px;
	font-family: "Eina01-Bold",'nunito-light','メイリオ', Meiryo, sans-serif;
	font-weight: 600;

	margin: 0;
	padding: 0 15px;
	left: 0;
	letter-spacing: 1px;
	display: block
	}
.hero hr {
	position: absolute;
	bottom: 0;
	width: 90%;
	left: 5%;
	border-top: 1px solid #000
	}
@media(min-width:544px) {
  .hero h1.page-title::before {
	width: 0
	}
}
@media(min-width:991px) {
  .hero {
	height: auto
	}
  .hero::after {
	border-left-width: 0
	}
  .hero .title-contain {
	padding-top: 90px
	}
}


/*--▼ログイン①②フォーム▼------------------------*/
.login-form-nav .form-control.form-field {
    border-radius: 1.7em;
	/* amb コメントアウト colortype.cssを適用するため */
    /*background: linear-gradient(to right, #d11e47, #ef7922);*/
    /*background: -webkit-gradient(to right, #d11e47, #ef7922);*/
    /*background: -o-linear-gradient(to right, #d11e47, #ef7922);*/
    padding: 0 25px;
    color: #fff;
    height: 3.5rem;
	}
.request-password-container .login-form-nav .form-control.form-field {
    border-radius: 1.7em;
	/* amb コメントアウト */
    /*background: linear-gradient(to right, #d11e47, #ef7922);*/
    /*background: -webkit-gradient(to right, #d11e47, #ef7922);*/
    /*background: -o-linear-gradient(to right, #d11e47, #ef7922);*/
    padding: 0 25px;
    color: #999;
    height: 3.5rem;
	}

.form-group.required .form-control-label::before {
	content: "*";
	color: #c00;
	}
.form-group label.form-control-label {
    position: absolute;
    top: 1em;
    left: 1em;
    color: #fff;
    letter-spacing: 0.5px;
    transition: 0.3s;
	}
.request-password-container .form-group label.form-control-label {
    top: 0;/*1em*/
	}
.login-form-nav .form-group.login-group label,
.form-group.required label.form-control-label::before {
    color: #fff;
	}
.request-password-container .form-group.required label.form-control-label::before,
.request-password-container .form-group label.form-control-label {
    color: #999;
	}
.login-form-nav .form-label {
    padding: 14px 30px;
    max-width: 530px;
	}
.login-form-nav .form-group.login-group label::before {
    color: #fff;
    position: relative;
    left: 0.24em;
	}
.request-password-container .form-group .form-control:focus ~ label, .form-group .form-control.has-content ~ label {
    top: -1.08em;
}
.request-password-container .form-control:focus ~ label, .login-form-nav .form-control.has-content ~ label {
    top: -0.8543em;
    padding-left: 0px;/*38px*/
    opacity: 1;
	color: #999;
}
.login-page .login-form-nav .form-control:focus ~ label, .login-form-nav .form-control.has-content ~ label {
    top: -0.1em;
    padding-left: 0px;
    opacity: 1;
    color: #fff;
}



.form-group .form-control {
    padding: 0.2857em 0.1429em;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 0;
    background-color: transparent;
    height: 2em;
	}
.form-group .form-control:focus {
    border-bottom: 1px solid #fff;
    outline: none;
    box-shadow: none;
	}
.login-form-nav .form-control {
    font-size: 1.0714rem;
	}

@media (min-width: 768px){
  .login-form-nav .form-control {
    font-size: 1.2857rem;
    height: 2rem;
	}
}
.login-form-nav .btn {
    display: inline-block;
    font-family: "Eina01-Bold", 'メイリオ', Meiryo, sans-serif;
    font-size: 1.0714rem;
    padding: 1em 1.67em;
    min-width: 9em;
    border-radius: 1.7em;
    transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in, box-shadow 0.2s ease-in;
    box-shadow: 0 2px 7px -2px #333;
    color: #272727;
    background-color: #fff;
    border: 1px solid #f5f5f5;
}
.btn:hover, .btn:focus {
    text-decoration: none;
	}
.login-form-nav .btn:hover {
    color: #fff;
    background-color: #272727;
    border-color: #272727;
	}
.login-form-nav .form-group.login-group .clear-text {
    display: inline-block;
    background-color: #fff;
    color: transparent;
    font-size: 0.786rem;
    width: 1.3em;
    height: 1.3em;
    position: absolute;
    right: 5%;
    top: 35%;
    cursor: pointer;
    border-radius: 50%;
	}
.login-form-nav .form-group.login-group .clear-text::before {
    font-family: "AT-icons";
    content: "\E904";
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 0.5rem;
    line-height: 10px;
    transition: all 0.2s ease-in-out;
    transition: transform 1s cubic-bezier(0.3, 0, 0.2, 1);
    transform: translate(-50%, -50%);
	/* amb コメントアウト */
    /*background: linear-gradient(to right, #d11e47, #ef7922);*/
    /*background: -webkit-gradient(to right, #d11e47, #ef7922);*/
    /*background: -o-linear-gradient(to right, #d11e47, #ef7922);*/
    display: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.login-form-nav .login .btn-signin {
    max-width: 160px;
    font-size: 1.0714rem;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
	}



.container {
	background-color: #fff;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	}
.arrowed {
	display: block;
	float: right;
	margin-top: 8px
	}
.arrowed .arrow-1 {
	height: 8px;
	width: 8px;
	border: 1px solid #000;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg)
	}
.login-page {
	max-width: 980px;
	margin-top: 1em
	}
.login-page .login {
	margin-bottom: 0.938em}
	/*
.login-page .login-form-nav {
	margin-bottom: 1.25em}
	*/
.login-page .login .error-message-form {
	padding: 0.625em;
	background-color: #c00;
	color: #fff;
	border-radius: 0.188em
	}
.login-page .veil .underlay {
	position: fixed}
.login-banner .title-contain {
	max-width: 980px}

@media(min-width:769px) {
  .arrowed {
	margin-top: 24px
	}
  .login-page {
	margin-bottom: 10em
	}
}

.card {
	border: none
	}
.card .card-body {
	padding: 0
	}
.card .card-body .login-form-nav p {
	font-family: 'CamphorW01-Regular','メイリオ', Meiryo, sans-serif;
	}
.card .card-body .login-form-nav .facebook-login {
	display: none
	}
.card .card-body .login-form-nav .login-oauth .form-group a {
    display: inline-block;
	min-width: 9em;
	height: 3.5rem;
	padding: 0.8em 1.67em;
    font-family: "Eina01-Bold",'メイリオ', Meiryo, sans-serif;
	transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in, box-shadow 0.2s ease-in;
	color: #272727;
    font-size: 1.0714rem;
    box-shadow: 0 2px 7px -2px #333;
    background-color: #fff;
    border: 1px solid #f5f5f5;
	border-radius: 1.7em;

}
.card .card-body .login-form-nav .login-oauth .form-group a:hover {
    color: #fff;
    background-color: #272727;
    border-color: #272727;
}
.card .card-body .login-form-nav .login-oauth .form-group.facebook-login {
	float: left;
	width: 48%
	}
.card .card-body .login-form-nav .login-oauth .form-group .facebook-login+.email-login {
	float: right;
	width: 48%
	}

@media(min-width:769px) {
  .card .card-body .login-form-nav .login-oauth {
	width: 42.4%;
	float: right;
	margin-top: -25px
	}
  .card .card-body .login-form-nav .login-oauth .form-group.checkout-login {
	margin-top: 2.2rem;
	}
}
.card .card-body .login-form-nav div.or-sign-in {
	/*
	border-collapse: separate;
	color: #000;
	display: table;
	font-family: 'CamphorW01-Regular','nunito-light', 'メイリオ', Meiryo, sans-serif;
	font-size: 1.2857rem;
	line-height: .25;
	margin: 1em 0 0.5em;
	table-layout: auto;
	text-align: center;
	white-space: nowrap;
	width: 100%
	*/
}
/*
.card .card-body .login-form-nav div.or-sign-in::before,
.card .card-body .login-form-nav div.or-sign-in::after {
	border-top: 1px #000;
	content: '';
	display: table-cell;
	width: 45%;
	border-top-style: solid
}
*/
.card .card-body .login-form-nav .login-oauth-custom .form-group .btn-outline-primary.oauth-facebook {
		border-color: #094f8d;
		background-color: #094f8d;
		color: #fff
}
.card .card-body .login .forgot-password {
		margin: 20px 0 10px;
		text-decoration: underline
}
@media(min-width:769px) {
	/*
  .card .card-body .login-form-nav div.or-sign-in {
	width: 15%;
	padding-left: 2%;
	padding-right: 2%
	}
  .card .card-body .login-form-nav div.or-sign-in::before,
  .card .card-body .login-form-nav div.or-sign-in::after {
	width: 35%
	}
	*/
  .card .card-body .login-form-nav .login-oauth-custom {
	width: 42.5%;
	clear: both
	}
  .card .card-body .login {
	width: 42.5%;
	float: left;
	margin-top: -11px
	}
}
header~.container a:not(.btn-primary):not(.btn-outline-primary) {
	color: #b5b4b4
	}
.login-form-nav .form-control {
	font-size: 1.0714rem
	}
@media(min-width:769px) {
  .login-form-nav .form-control {
	font-size: 1.2857rem;
	height: 2rem
	}
}

.login-form-nav .checkout-login {
	display: none
	}
.login-form-nav .form-group .forgot-password-link {
	border-bottom: 1px solid #b5b4b4
	}
.reset-password-banner .title-contain,
.new-password-banner .title-contain {
	max-width: 610px;
	padding-top: 25px
	}
.request-password-container,
.set-new-password {
	margin: 20px 0 10px
	}
@media(min-width:769px) {
  .request-password-container,
  .set-new-password {
	margin: 0 auto;
	max-width: 580px;
	padding: 0 0 285px
	}
}
.request-password-container .request-password-body p,
.set-new-password .request-password-body p {
	margin-bottom: 2rem;
	font-size: 1.1429rem
	}
.request-password-container .send-email-btn,
.set-new-password .send-email-btn {
	margin-top: 58px;
	margin-bottom: 35px
	}
@media(min-width:544px) {
  .request-password-container .send-email-btn,
  .set-new-password .send-email-btn {
	width: 85%;
	margin: 58px auto 35px;
	}
}
.request-password-container .btn,
.set-new-password .btn {
	color: #000;
	background-color: #fff;
	border: 2px solid #000;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'CamphorW01-Regular','nunito-light', 'メイリオ', Meiryo, sans-serif;
	padding: 5px 10px;
	border-radius: 0;
	background-color: #000;
	color: #fff
	}
.request-password-container .btn:hover,
.request-password-container .btn:focus,
.set-new-password .btn:hover,
.set-new-password .btn:focus {
	background-color: #000
	}
.request-password-container .btn:focus,
.set-new-password .btn:focus {
	box-shadow: none
	}
.set-new-password {
	margin-top: 3em;
	margin-bottom: 60px
	}
.set-new-password .btn-submit {
	margin-top: 30px
	}
.set-new-password .btn-submit .btn {
	width: 92%;
	margin: 0 auto
	}
.nomenu-header {
	height: 3.57142em;
	border-bottom: 2px solid #dfdfdf;
	margin: 0 15px;
	font-size: 1rem;
	font-size: 1.7857rem
	}
.nomenu-header .brand {
	width: 8em;
	margin-left: -4em;
	height: auto;
	padding-top: 1.14285em
	}
.login-form-nav .checkout-login {
	display: block}
.login-form-nav .form-group input.form-control {
	font-size: 1rem}
.login-form-nav .form-group .btn-signin {
	margin-top: 0.35714em}
	/*
.card .card-body .login-form-nav div.or-sign-in {
	margin-top: 1.5em}
*/
.login-form-nav .login-wrapper .login {
	width: 100%;
	float: none;
	margin-top: 0
	}
.login-form-nav .login-wrapper .oauth-facebook {
	border-color: #094f8d;
	background-color: #094f8d;
	color: #fff
	}
@media(max-width:768px) {
  .login-form-nav .login-wrapper {
		border-bottom: solid #c2c2c2 1px;
	}
	.login-oauth {
    margin-top: 2.2rem;
	}
	.form-group.login-btn-wrap {
		text-align: center;
	}
}
@media(min-width:769px) {
	.login-form-nav .login-wrapper .login {
		width: 85%;
		float: none;
		margin-top: 0
	}
  .nomenu-header {
	font-size: 1.4286rem
	}
  .login-form-nav .login-wrapper {
	width: 50%;
	float: left;
	margin-top: -11px;
	border-right: solid #c2c2c2 1px;
	}
}
/*--▼ログイン③パスワードの再発行▼------------------------*/
.reset-password-banner .title-contain, .new-password-banner .title-contain {
    max-width: 700px;/*610*/
    padding-top: 25px;
	}
.reset-password-banner .title-contain .page-title, .new-password-banner .title-contain .page-title {
    text-transform: none;
    font-size: 1.7rem;
    font-family: 'CamphorW01-Regular','nunito-light', 'メイリオ', Meiryo, sans-serif;
	}
.request-password-container{
	padding-right: 15px;
    padding-left: 15px;
	}
.request-password-container, .set-new-password {
    margin: 20px 0 10px;
	}
.request-password-container .request-password-body p, .set-new-password .request-password-body p {
    font-family: 'CamphorW01-Regular','nunito-light', 'メイリオ', Meiryo, sans-serif;
    margin-bottom: 2rem;
    font-size: 1.07rem;
	}

.request-password-container .send-email-btn, .set-new-password .send-email-btn {
    margin-top: 58px;
    margin-bottom: 35px;
    text-align: center;
	}
.request-password-container .btn, .set-new-password .btn {
    display: inline-block;
    font-family: eina01-bold;
    font-size: 1.0714rem;
    padding: 1em 1.67em;
    border-radius: 1.7em;
    transition: color .2s ease-in,background-color .2s ease-in,border-color .2s ease-in,box-shadow .2s ease-in;
    box-shadow: 0 2px 7px -2px #333;
    color: #272727;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    max-width: 160px;
    min-width: 16em;
    padding-top: .53em;
    padding-bottom: .53em;
    width: auto;
    min-width: 18em;
}
.request-password-container .btn:hover, .set-new-password .btn:hover {
    color: #fff;
    background-color: #272727;
    border-color: #272727;
}
@media (min-width: 576px){
  .reset-password-banner .title-contain, .new-password-banner .title-contain {
    margin-left: 0;
	}
  .request-password-container .send-email-btn, .set-new-password .send-email-btn {
    width: 85%;
    margin: 0 auto;
    margin-top: 58px;
    margin-bottom: 35px;
    margin-left: 0;
	}
}
@media (min-width: 768px){
  .reset-password-banner .title-contain, .new-password-banner .title-contain {
    padding-top: 86px;
    margin-left: 10%;
	}
  .request-password-container, .set-new-password {
    margin: 0 auto;
    max-width: 630px;
    margin-left: 10%;
    margin-top: 3%;
    padding-bottom: 7%;
	}
  .request-password-container .send-email-btn, .set-new-password .send-email-btn {
    text-align: left;
	}
}
@media (min-width: 992px){
  .request-password-container .btn, .set-new-password .btn {
    min-width: 16em;
    font-size: 1.1429rem;
    padding-top: .45em;
    padding-bottom: .45em;
	}
.reset-password-banner .title-contain .page-title, .new-password-banner .title-contain .page-title {
    font-size: 1.9rem;
	}
}
@media (min-width: 1200px){
  .request-password-container, .set-new-password {
    max-width: 670px;
	}
}

/* 20210826 追記
.form-group select.form-control:not([size]):not([multiple]) {
  position: relative;
}
*/
.login-page h1 {
  position: relative;
  font-weight: bold;
  padding-bottom: 2.143rem;
  margin-bottom: 4rem;
}
.login-page h1:after {
  position: absolute;
  z-index: 2;
  content: ' ';
  display: block;
  padding: 5px 20px;
  border-radius: 15px;
  bottom: 0;
	background: linear-gradient(to right, #d11e47, #ef7922);
  background: -webkit-gradient(to right, #d11e47, #ef7922);
  background: -o-linear-gradient(to right, #d11e47, #ef7922);
  background: -moz-linear-gradient(to right, #d11e47, #ef7922);
  background: -webkit-linear-gradient(to right, #d11e47, #ef7922);
}
.login-oauth p {
	margin: revert;
}
@media (max-width: 991px){
  .login-page h1 {
    font-size: 1.7rem;
    padding-top: 25px;
	}
}
@media (min-width: 992px) {
  .container.register-page, .container.login-page {
    max-width: 920px;
    margin: 0 auto;
    padding-top: 86px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
	.container.login-page {
		margin-bottom: 10rem;
  }
}
.only400 {
  display: none;
}
@media (max-width: 400px) {
  .only400 {
    display: block;
  }
  .form-control-label.reset-position {
    top: unset!important;
    bottom: 0;
  }
}