@charset "utf-8";

/* 共通
----------------------------------------------- */
div#windowcolumn {
    height: 100%;
    margin: 0 0;
    background: #fff;
}
div#window_area {
    margin: 15px auto 0 auto;
    padding-bottom: 20px;
    height: auto !important;
}
div#windowcolumn .membertitle {
  margin-top: 30px;
}

@media (max-width: 599px) {
  div#windowcolumn .membertitle {
    padding: 0 10px;
  }
}

div#windowcolumn .membertitle h1 {
  font-size: 2.0rem;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.1em;
}

div#windowcolumn .membertitle p.alignL {
  text-align: left;
  font-size: 1.4rem;
  margin-top: 20px;
  padding: 0 5%;
}

div#windowcolumn .membertitle p a{
  font-size: 1.4rem;
}

@media (max-width: 599px) {
  div#windowcolumn .membertitle h1 {
    font-size: 1.7rem;
  }
}

div#windowcolumn .entryfonrm {
  margin: 30px auto 0;
}

div#windowcolumn .entryfonrm p.send_mail {
  font-size: 1.3rem;
}


/* ヘッダー上部ポップアップ
----------------------------------------------- */
@media (min-width: 1025px) {
	.h_icon p.login {
		margin-right: 20px;
	}
	.h_icon .popup {
		display:none;
		position:absolute;
		top:60px;
		right:10px;
		left:auto;
		z-index:300;
		padding:10px;
		width:280px;
		background-color:#FFF;
	  -webkit-box-shadow: 4px 4px 3px rgba(16, 16, 16, 0.16);
	          box-shadow: 4px 4px 3px rgba(16, 16, 16, 0.16);
		border:1px solid #eaeaea;
	}
	.h_icon p a,
	.h_icon p a.true {
		position:relative;
		cursor:pointer;
	}

	#header_cart_area {
	  padding: 15px;
	}

	#header_cart_area .information {
	  margin-bottom: 30px;
	}

	#header_cart_area #cartin_off{
	  text-align: center;
	}

	#header_cart_area #cartin_off span{
	  font-size: 1.2rem;
	  font-weight: 600;
	}

	#header_cart_area .information span{
	  font-size: 1.2rem;
	  font-weight: 600;
	}

	#header_login_area #welcome {
	  margin-bottom: 30px;
	}

	#header_login_area #welcome span {
	  font-size: 1.2rem;
	  font-weight: 600;
	}

	#header_login_area form {
	  padding: 15px;
	}
	
	#header_login_area form .mailadd label span, #header_login_area form .pass label span {
	  display: block;
	  font-size: 1.2rem;
	  font-weight: 600;
	  margin-bottom: 4px;
	}
	
	#header_login_area form .mailadd input, #header_login_area form .pass input {
	  outline: 0;
	  width: 100%;
	  -webkit-box-sizing: border-box;
	          box-sizing: border-box;
	  line-height: 40px;
	  text-indent: 0.5em;
	  background-color: #F5F5F5;
	  border: none;
	}
	
	#header_login_area form .pass {
	  margin-top: 20px;
	}
	
	#header_login_area form button {
	  margin-top: 20px;
	  background-color: #121212;
	  border: none;
	  width: 100%;
	  text-align: center;
	  color: #ffffff;
	  font-weight: 600;
	  font-size: 1.4rem;
	  line-height: 36px;
	  cursor: pointer;
	}
	
	.link {
	  text-align: center;
	  margin-top: 25px;
	}
	
	.link li a span{
	  display: inline-block;
	  color: #0A4BFA;
	  text-align: center;
	  font-size: 1.15rem;
	  margin-bottom: 10px;
	  cursor: pointer;
	}
}

/* btn
----------------------------------------------- */
.btn_b a,
.btn_b a span{
  display: block;
  background-color: #121212;
  border: none;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 36px;
}
.btn_g a,
.btn_g a span{
  display: block;
  background-color: #d1d1d1;
  border: none;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 36px;
}