@charset "utf-8";
/*---メール会員募集---*/
.member_tx {
	width: 91.6%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	border: 1px solid #cccccc;
	padding-bottom: 16px;
	padding-top: 16px;
	padding-right: 4%;
	padding-left: 4%;
	margin-top: 40px;
}
.member_ti {
	width: auto;
	float: left;
	background-image: url(../images/common/img_05.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 150%;
	padding-left: 35px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
}

.member_btn_wrap{
	width: 350px;
	margin: 0 auto;
	padding: 50px 0;
}
.member_btn{
	margin: 0 auto 40px;
	
}
.member_btn a{
	width: 80%;
	display: inline-block;
	padding: 10px 15px;
	color: #e50112;
	border: 1px solid #e50112;
	border-radius: 60px;
	background-color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.member_btn a:hover{
	color: #ffffff;
	border: 1px solid #e50112;
	background-color: #e50112;
	opacity: 1;
}
.sent_btn_wrap{
	width: 300px;
	margin: 20px auto;
}
.sent_btn{
	width: 80%;
	display: inline-block;
	padding: 10px 15px;
	color: #e50112;
	border: 1px solid #e50112;
	border-radius: 60px;
	background-color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
.sent_btn:hover{
	color: #ffffff;
	border: 1px solid #e50112;
	background-color: #e50112;
	opacity: 1;
}
/*---メール会員登録フォーム---*/
.contact_01-2 p label {
	margin-right: 50px;
	
}
/* ラジオボタンのボタン変更*/
input[type="radio"] {
  display: none;
}
.radio-text{
	position: relative;
	display: inline-block;
	padding-left: 30px;
	padding-right: 50px;	
	padding: 0px 0px 0px 30px;
	margin: 4px 0;
}
.radio-text:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  padding: 3px;
  background-clip: content-box;
	position: absolute;
	top: -0px;
	left: 0;
}
input[type="radio"]:not(:checked) + .radio-text:before {
  border-color: #4E4D4D;
}
input[type="radio"]:checked + .radio-text:before {
	border: 2px solid #0075ff;
  background-color: #0075ff;
}
input[type="checkbox"] {
  width: 25px;
}
/*-------ボックス-------*/
.checkbox{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px;
}
.ch_box{
	position: relative;
	padding-left: 33px;
}
.checkbox input[type=checkbox] {
	width:			19px;
	height:			19px;
	position: absolute;
	top:-2px;
	left:0px;
}
.memo{
	text-align: center;
	padding-bottom: 40px;
}
.rw{
	padding-top: 30px;
	padding-bottom: 40px;
}


#birth_y {
	width: 100px;
}
#birth_m {
	width: 50px;
}
#birth_d{
	width: 50px;
}
#other{
	width: 250px;
	border: none;
}
/* 画面サイズが501px以上の場合に適用 */
@media only screen and (min-width: 501px) {


}
/* 画面サイズが769px以上の場合に適用 */
@media only screen and (min-width: 769px) {
.member_tx {
	width: 95.6%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	border: 1px solid #cccccc;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 2%;
	padding-left: 2%;
}

}
/* 画面サイズが850px以上の場合に適用 */
@media only screen and (min-width: 849px) {

}