.subscription_bg{
	

	background-image:url("../images/bg_flute_subscription.jpg" );
	background-position: center;
		
		
}
	.subscription_bg1{
	

	 width: 100%;
	background-position: center center;
		
		
}
.subscription_bg2{
  height: 100%;
  background: rgba(1,1,1,0.4);
}

.errors{
	font-size: 70%;
	color: lightsalmon;
}
.subscription_main{
	position: relative;
	max-width: 1440px;
	
}
#subscriptionWrapper{
	
	margin-left:auto;
	margin-right:auto;
	max-width:1280px;

	width:100%;
	padding:80px 0px 50px;
	min-height:900px; 
	
	}
	


#subscriptionWrapper .h3{
	padding: 30px 50px;
	line-height: 180%;
	max-width:560px;

}

#subscriptionWrapper .loginbox .text{
	padding: 6px;
	line-height: 180%;
	margin-top: 14px;

}


	.subscriptionGroup{
	display:flex;
	flex-wrap: wrap;
	}
	
	.subscription_item{
	
	margin-left:auto;
	margin-right:auto;
	max-width:350px;

	width:100%;	
	background-color:#DED8D0;
	border-radius:10px;
	padding:20px;
	margin:20px;
	}
	
	.subscription_item .itemTitle{
		font-size:18px;
		padding:10px 0;
		line-height:1.2;
	}
	
	.subscription_item .price,
	#subscription_rightbox .price{
		font-size:24px;
		text-align: right;
	}
	.subscription_item .start{
		font-size:14px;
		background-color: #504C49;
		color: #FFF;
		padding: 4px;
	}
		.subscription_item .small,
	#subscription_rightbox .small{
		font-size:14px;
	}
	
#subscription_rightbox .plan{
		font-size:20px;
}

	input.submitBtn{
		padding:20px;
		width:100%;
		background-image: linear-gradient(0deg, #C9A659, #EFDBA3); /* グラデーション */
		border: 1px solid #C9A659; /* 枠線 */
		font-size:24px;
		margin: 10px 0;

	}
	input.submitBtn2{
		padding:10px;
		width:100%;
		background-image: linear-gradient(0deg, #C9A659, #EFDBA3); /* グラデーション */
		border: 1px solid #C9A659; /* 枠線 */
		font-size:24px;
		margin: 10px 0;


	}
	input.submitBtn:hover{
	
		background-image: linear-gradient(0deg, #F7D57F, #EFDBA3); /* グラデーション */

	}

input.noBtn{
		padding:20px;
		width:40%;
		background-image: linear-gradient(0deg, #C9A659, #EFDBA3); /* グラデーション */
		border: 1px solid #C9A659; /* 枠線 */
		font-size:24px;

	}
	input.noBtn:hover{
	
		background-image: linear-gradient(0deg, #F7D57F, #EFDBA3); /* グラデーション */
		

	}
	input[type*="button"]{
		cursor:pointer;
	}

	
	#subscriptionWrapper .loginboxM{
	background-color:#f1eee6;
	padding:2% 3% 3%;
	width: 52%;
	margin-left: 4%;
	margin-right: 1%;
	float: left;
	border-top: solid 6px #59c1c5;
	height: 540px;
	position: relative;
	}

	.loginbox{
	float: left;
	width: 40%;
	margin-left:0px;	
}

.loginboxM .loginbtnbox{
	float: right;
	width: 50%;
	margin-top:50px;	
}

	.entryboxN .loginbox{
	float: left;
	width: 100%;
	margin-left:0px;	
}

.loginboxM .loginbtnbox .loginbtn{
		width: 90%;
  background: #b3a67d;
  background-image: -webkit-linear-gradient(top, #b3a67d, #857144);
  background-image: -moz-linear-gradient(top, #b3a67d, #857144);
  background-image: -ms-linear-gradient(top, #b3a67d, #857144);
  background-image: -o-linear-gradient(top, #b3a67d, #857144);
  background-image: linear-gradient(to bottom, #b3a67d, #857144);
  -webkit-border-radius: 40;
  -moz-border-radius: 40;
  border-radius: 40px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 16px 5% 16px 5%;
  text-decoration: none;
border-left-color: none;		
border-width: 0.5px;		
border-top-style:dotted;		
		
}
	.entryboxN .loginbtn {
		width: 80%;
  background: #fcb63c;
  background-image: -webkit-linear-gradient(top, #fcb63c, #d99734);
  background-image: -moz-linear-gradient(top, #fcb63c, #d99734);
  background-image: -ms-linear-gradient(top, #fcb63c, #d99734);
  background-image: -o-linear-gradient(top, #fcb63c, #d99734);
  background-image: linear-gradient(to bottom, #fcb63c, #d99734);
  -webkit-border-radius: 40;
  -moz-border-radius: 40;
  border-radius: 40px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 12px 20px 12px 20px;
  text-decoration: none;
border-left-color: none;		
border-width: 0.5px;		
border-top-style:dotted;		
		
}
.loginboxM .loginbtnbox .loginbtn:hover,
.entryboxN .loginbtn:hover {
 background: #ccbb7e;
  background-image: -webkit-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: -moz-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: -ms-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: -o-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: linear-gradient(to bottom, #ccbb7e, #a38d55);
  text-decoration: none;
}
	.loginboxM h2{
		color: #59c1c5;
		font-size: 90%;
	
}

	.subscription_new_box h4{
	font-size: 14px;
	margin: 10px 10px 5px;
	width: 200px;
	float: left;
	}
	.entryboxN h4{
	font-size: 14px;
	margin: 10px 10px 5px;
	width: 100%;
	float: left;
	}

	.entryboxN p.text_login{
		margin: 0px 10px 0px;
		width: 92%;
		float: left;
}
	.entryboxN .loginbox p.text_login{
		margin: 0px 10px 10px;
		width: 92%;
		float: left;
}
	.entryboxN .entry_new_box p.text_login{
		margin: 0px 10px 20px;
		width: 92%;
		float: left;
}

	.entryboxN .signupbtn {
			width: 100%;
	
   background: #fcb63c;
  background-image: -webkit-linear-gradient(top, #fc9335, #d9680c);
  background-image: -moz-linear-gradient(top, #fc9335, #d9680c);
  background-image: -ms-linear-gradient(top, #fc9335, #d9680c);
  background-image: -o-linear-gradient(top, #fc9335, #d9680c);
  background-image: linear-gradient(to bottom, #fc9335, #d9680c);
		
  -webkit-border-radius: 25;
  -moz-border-radius: 25;
  border-radius: 25px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
}

.entryboxN .signupbtn:hover {
 background: #ccbb7e;
  background-image: -webkit-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: -moz-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: -ms-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: -o-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: linear-gradient(to bottom, #ccbb7e, #a38d55);
  text-decoration: none;
}
.entryboxN a:hover {
  text-decoration: none;

}


	#subscriptionWrapper .entryboxM{
	background-color:#f1eee6;
	padding:30px;
	width:70%;
	position: absolute;
	top:350px;
	max-width:560px;
	margin-left: 200px;
	margin-right: auto;

	}
	
	#subscriptionWrapper .entryboxM .text_m{
	min-width:120px;	
	width:100%;	
	margin-right:50px;

	}


#subscriptionWrapper .entryboxN{
	background-color:#f1eee6;
	padding:30px;
	width: 41%;
	max-width: 450px;
	margin-right: 0%;
	float: right;
	border-top: solid 6px #fac764;
	height: 540px;
	position: relative;
	}

	.entry_new_box{
	background-color: #F9EBC9;
	position: absolute;
	bottom: 0;
	left:0;
	padding: 0% 6% 13%;
	width: 100%;
	height: 200px;
}

	input#token
{
	max-width:120px;	
	width:100%;	
	font-size:100%;
	padding:10px;	
	border:1px solid #ccc;
	border-radius:3px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	box-sizing:border-box;
	background-color: #F4F1EB;
	}

	
	input#email,input#usernm,input#password,input#onepass,input#newPasswd,input#newPasswdConfirm,input#shimei,input#kana
{
	max-width:450px;	
	width:100%;	
	font-size:100%;
	padding:10px;	
	border:1px solid #ccc;
	border-radius:3px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	box-sizing:border-box;
	margin-top: 5px;
	}

	input#birthday
{
	max-width:180px;	
	width:100%;	
	font-size:100%;
	padding:10px;	
	border:1px solid #ccc;
	border-radius:3px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	box-sizing:border-box;
	margin-top: 5px;

	}

	#step2 input[type*="checkbox"]{
		margin-right: 4px;
		margin-left: 15px;
	}
#step3 input::placeholder{
		color: #8A8888;
	}


#step2 ul.part_inst_ca  {
 float: left;
	width: 100%;
	margin: 10px 0 30px;
}
#step2 ul.part_inst_ca  li{
 float: left;
	padding: 5px 10px;
	width: auto;
	font-size: 90%;
	color: #111;
	display: block;

}
#step2 ul.part_inst_ca  li.is-active{
 float: left;
	padding: 5px 10px;
	width: auto;
	font-size: 90%;
	color: #fff;
	background-color: #b3b2ad;
	border: solid #C4C3C0 0.5px;
	display: block;

}
 #step2 ul.part_inst_ca li.is-active a{
	color: #fff;
	text-decoration: none;

}
 #step2 ul.part_inst_ca li:hover{

	color: #fff;
	text-decoration: none;
	background-color: #8D8A7D;
	cursor: pointer;

}
 #step2 ul.part_inst_ca li a:visited{

	color: #8D8A7D;
	text-decoration: none;
	background-color: #FFF;

}
 #step2 .check_part {
	display:none;

}

 #step2 .part_detail {
	margin: 0px 0 20px;


}

.subscription_new_box{
        background-color: #D1EEEF;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3% 4% 3%;
    }

	
	#subscription{
	color: #FFF;
	max-width:560px;
	margin-right: 4%;
	width:42%;
	padding:20px 30px;	
	background-color: #59c1c5;
	border-radius:10px;
	float: left;
	}
	
	#subscription.sp{
	color: #FFF;
	position: absolute;
	top:250px;
	max-width:560px;
	margin-left: 10px;	
	width:40%;
	padding:20px 30px;	
	background-color: #59c1c5;
	border-radius:10px;
	right: 5%;
	}


	#subscription h4{
	color: #FFF;
	font-size: 14px;
		margin: 0;
	padding: 5px 0;
	}
	#subscription h5{
	color: #FFF;
	font-size: 18px;
		margin: 0;
	padding: 5px 0;
	}


	#subscription a{
	color: #FFF;
	font-size: 20px;
	margin-top: 5px;
	}
	
	#subscription:hover{

	background-image: linear-gradient(0deg, #a79c86, #bcb5a7); /* グラデーション */		
	}
	.subscription_new_box .message {
	float: right;
		margin-top: 6px;
	font-size: 90%;
		width: 52%;
}
.subscription_new_box .message span{
	font-weight: 600;
	line-height: 3;
	font-size: 100%;
}
	
	


#entryWrapper{
	
	margin-left:auto;
	margin-right:auto;
	max-width:1160px;

	width:100%;
	padding:0px 0px;
	min-height:150px; 
	
	}

#subscriptionWrapper .entryboxmailcheck{
	background-color:#faf9f7;
	padding:20px;
	width:100%;
	margin-top:50px;
	max-width:980px;
	margin-left: auto;
	margin-right: auto;
	}
#subscriptionWrapper .entryboxmailcheck .text_m{
	min-width:120px;	
	width:100%;	
	margin-right:50px;

	}

	.subscription_main h3{
	padding: 50px 50px 10px 100px;
	}

.subscription_main p{
	line-height: 120%;
}
	
.subscription_main table.mailcheckbox td{
		width: 50%;
		border: solid #f0efe9;

	}
.mailcheck{
	float: left;
	width: 68%;
	
}
.mailcheckbox{
	width: 62%;
	margin-left: 80px;
	
}
.attentionbox{
	float: right;
	width: 30%;
	max-width: 260px;
	background-color: #F7E3E3;
	font-size: 75%;
	color: #B07B9D;
	padding: 30px;
	line-height: 200%;
	margin: 10% 0% 2%;
}

.step-navi{
	width: 100%;
	background-color: rgba(77,165,171,0.8) ;
	margin-left: auto;
	margin-right: auto;
	z-index: 90;

}

.step-navi.fixed{
    position: fixed;
    top: 0;
}
.step-navi ul{
	margin-left: auto;
	margin-right: auto;
	display: flex;
	width: 100%;
	max-width: 1280px;
	color: #FFF;
}

.step-navi ul li{
	width: 20%;
}
.step-navi ul li.active{
	background-color:#FFF;
		width: 22%;

	color: cadetblue;
}
.step-navi ul li div{
	padding: 20px;
	font-size: 11px;
}
.step-navi ul li div h2{
	font-size: 20px;
	margin-bottom: 10px;
}

.entryform_info{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 370px;
	padding:0 0 30px;
}
#subscriptionWrapper .errors{
	float: left;

	padding:0 0 0px;
	font-size: 75%;
	color: #D36A00;
	line-height: 180%;
	width: 100%;
}
#subscriptionWrapper .errors li{
	margin-top: 10px;
}



#subscriptionWrapper .step th {
	background-color:#E5E1D3;
	padding: 10px 10px 10px 50px;
	width: 250px;
}

#subscriptionWrapper .step td {
	background-color:#F4F1EB;
	padding: 15px 20px;
}

#subscriptionWrapper .step td input.text_m{
	max-width:240px;	
	width:100%;	
	padding:10px;	
	border:1px solid #ccc;
	border-radius:3px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
		box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	}
	
#subscription_leftbox {
	width:60%;

	float: left;
	margin-left: 10%;
}

	.subscription_item img{
			width:100%;	
	}


.l-checkbox:before



.l-checkbox:after{
	
	position:absolute;
	top: 50%;
	display: block;
	width: 16px;
	height: 16px;
	border: 2px solid #ccc;
	border-radius: 4px;

}

#subscription_rightbox {
	float: right;
	background-color:#d8f2e9;
	padding:30px;
	width:20%;
	max-width:280px;
	margin:10px;
	position: fixed;
	top:250px;
	right: 0px;
	}
	
.member-box .step .entryform {
		display: block;
		width: 100%;
		padding: 0;
	}
.member-box .step table.entryform {
	
		border: 0;
	 border-collapse:  collapse;
	}


.member-box .step .entryform tr{
		width: 100%;
	
	}

.member-box .step .entryform th{
		width: 25%;
		background-color:#E5E1D3;
		padding: 10px 20px;

	}
.member-box .step .entryform td{
		width: 50%;
		background-color:#F4F1EB;
		padding: 15px 6%;
	}
.member-box .step .entryform td.col2{
		width: 36%;
		background-color:#F4F1EB;
		padding: 15px 6%;
	}
.member-box .step .entryform td table.sss tr{
		width: 700px;
		padding: 10px 20px;
	}
.member-box .step .entryform td table.sss td{
		width: 500px;
		padding: 10px 20px;
	}



.step .table3 {
		display: block;
		width: 100%;
		border: solid 1px #f0efe9;
		padding: 0;
	}
	.table3 tbody{
		display: block;
		width: 100%;

	}
.step .table3 tr{
		width: 100%;
	}

.table3 th{
		width: 200px;
	}
.table3 td{
		width: 620px;
	}
	.table3 td label{
		margin: 10px 0;
		line-height: 200%;
	}
	#subscriptionWrapper .step table.sss th{
		width: 20%;
	padding: 10px;
	}
	#subscriptionWrapper .step table.sss td{
		width: 78%;
		padding: 10px;

	}

	.step .left #btn_send{
		margin:50px 40px 50px 0;
		
	}
	#acInst dt{
display:block;
line-height:50px;
text-align:center;
cursor:pointer;
background-color: #F4F1EB;
		text-decoration: underline;

}
#acInst dd{
	background-color: #F4F1EB;
	line-height:50px;
	display:none;
	}
.rule_tag{
	background-color: #EF857D;
	color: #FFF;
	margin: 2px 10px;
	padding: 4px 10px;
	font-size: 8px;
}


.pricebox{
	padding: 15px 10px;
	font-size: 11px;
}

#subscriptionWrapper .trans{
		width: 96%;
		margin-left:0px;
		padding: 1%;
		height:50px;
	}



.toggle_wrap:last-of-type {
  border-bottom: 1px solid gray;
}
.toggle_switch {
  position: relative;
  cursor: pointer;
  padding: 15px 10px;
}
.toggle_switch.open {
  border-bottom: 1px solid gray;
}
.toggle_switch:hover {
  background-color: #E5E1D3;
}

.toggle_contents {
  display: none;
  padding: 0px;
}


.select {
    width: 225px;
    height: 40px;
    cursor: pointer;
    background-color: #FFF;
    border-radius: 2px;
    border: 1px solid #BBB8B1;
	
}
.tablet{
	display: none;
}

input::placeholder,
#step3 input::placeholder
{
  color: #D1A3A4;
  font-size: 1em;
}

@media only screen and (max-width:835px) {
		
	#subscription_rightbox {
	float: left;
	background-color:#E5E1D3;
	padding:3%;
	max-width:100%;
	width:100%;
	margin:20px 0px;
	position:relative;
	top:0px;

	}
	#potal{
		width: 100%;
	}
	#subscriptionWrapper .entryboxM{
		margin-left: auto;
		margin-right: auto;
		position:initial;
		margin-top: 40px;
	}	
	.mailcheck p.text_2{
	float: left;
	width: 92%;	
	margin-top:0;	
	margin-left:4%;	
	}
	.mailcheckbox{
	width: 60%;
	margin-left:4%;	
	}
	.attentionbox{
		width: 30%;
		margin: 0;
	}
		
}
@media only screen and (max-width:1024px) {



	#subscription.sp{
	color: #FFF;
	position: absolute;
	top:250px;
	max-width:560px;
	margin-left: 10px;	
	width:40%;
	padding:20px 30px;	
	background-color: #59c1c5;
	border-radius:3px;
	right: 5%;
	}
}
@media only screen and (max-width:768px) {

		
	#subscriptionWrapper .loginboxM{
	background-color:#f1eee6;
	padding:2% 3% 3%;
	width:48%;
	margin-left: 2%;
	margin-right: 0%;
	float: left;	
	border-top: solid 6px #59c1c5;
	height: 700px;
	position: relative;

	}
		.loginboxM h1{
		font-size: 150%;
	
}
	
#subscriptionWrapper .entryboxN{
	background-color:#f1eee6;
	padding:30px;
	width:48%;
	margin-left: 2%;
	margin-right: auto;
	float: right;
	height: 700px;
	}
	#subscriptionWrapper .loginbox{
	float: left;
	width: 100%;
	margin-left:0px;	
}
	
	.loginboxM .loginbtnbox,
	.loginbtn{
	float: left;
	width: 100%;
	margin-top: 10px;
}
	.loginboxM .subscription_new_box{
            height: 367px;
        }	
	#subscription{
	color: #FFF;
	max-width:560px;
	margin-right: 4%;
	width:100%;
	padding:20px 30px;	
	background-color: #59c1c5;
	border-radius:10px;
	float: left;
	}
	.subscription_new_box .message {
	float: right;
		margin-top: 6px;
	font-size: 90%;
		width: 100%;
}
	
	.entry_new_box{
	background-color: #F9EBC9;
	position: absolute;
	bottom: 0;
	left:0;
	padding: 0% 6% 13%;
	width: 100%;
	height: 260px;
	}
	#potal {
	background-color: #FFFFFF;
	height: auto;
	min-height: 600px;
	
	margin-right: auto;
	margin-left: auto;
	padding: 1% 3% 5%; 
	
}
	#potal .step {
		margin-left:0;
	}
	.member-box .step .entryform td{
		width: 50%;
		background-color:#F4F1EB;
		padding: 15px 3%;
	}
.member-box .step .entryform td.col2{
		width: 36%;
		background-color:#F4F1EB;
		padding: 15px 3%;
	}
	#step2 ul.part_inst_ca li{
 	float: left;
	padding: 5px 7px;
	width: auto;
	font-size: 90%;
	color: #111;
	display: block;

}
		#step2 .part_detail input[type*="checkbox"]{
		margin-right: 4px;
		margin-left: 5px;
	}
	
	.member-box .step .trans{
		width:100%;
		text-align:center;
		background-color: #444;
		height: 60px;
		padding:15px 10px;
		margin-top:30px;
		margin-left: 0%;
	}
	.tablet_br{
	float: left;
	width: 100%;
	margin: 10px 0;	
	}
	.tablet{
	display: block;
	}
	
	.pc{
	display: none;
	}
	
}
@media only screen and (max-width:735px) {
	.pc{
		display: none;
	}
	#subscription_leftbox {
	width:100%;
	float: left;
	margin: 0%;
}

	#subscriptionWrapper .step  .sss th{
		width: 100%;
		display: block;
		padding:15px 0 10px;
	}
	#subscriptionWrapper .step .sss td{
		width: 100%;
		display: block;
		padding:0;
		line-height: 200%;

	}
	.subscription_bg{
	background-image:url("../images/bg_flute_subscription.jpg" );
	background-position:  bottom;
		
}
	
	.subscription_bg1{

	background-size:cover;	
		
}
	.subscription_main,
	#wrapper2 #main{
		width: 100%;
	}
	
	.subscription_main h3{
	padding: 5px;
	}
	
	#subscriptionWrapper{
		width: 96%;
		padding: 5% 2%;
		height: auto;
		min-height: 900px;
	}	
	
		
	#subscriptionWrapper .loginboxM{
	background-color:#f1eee6;
	padding:2% 3% 3%;
	width:60%;
	margin-left: 4%;
	margin-right: 1%;
	float: left;	
	border-top: solid 6px #59c1c5;
	height: 500px;
	position: relative;

	}

	#subscriptionWrapper .loginbox{
	float: left;
	width: 100%;
	margin-left:0px;	
}

.loginboxM .loginbtnbox{
	float: right;
	width: 50%;
	margin-top:50px;	
}

	.entryboxN .loginbox{
	float: left;
	width: 100%;
	margin-left:0px;	
}

.main_body .loginbtnbox .loginbtn{
		width: 90%;
  background: #b3a67d;
  background-image: -webkit-linear-gradient(top, #b3a67d, #857144);
  background-image: -moz-linear-gradient(top, #b3a67d, #857144);
  background-image: -ms-linear-gradient(top, #b3a67d, #857144);
  background-image: -o-linear-gradient(top, #b3a67d, #857144);
  background-image: linear-gradient(to bottom, #b3a67d, #857144);
  -webkit-border-radius: 40;
  -moz-border-radius: 40;
  border-radius: 40px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 16px 5% 16px 5%;
  text-decoration: none;
border-left-color: none;		
border-width: 0.5px;		
border-top-style:dotted;		
		
}
	.main_body .loginbtn {
		width: 90%;
   background: #fcb63c;
  background-image: -webkit-linear-gradient(top, #fcb63c, #d99734);
  background-image: -moz-linear-gradient(top, #fcb63c, #d99734);
  background-image: -ms-linear-gradient(top, #fcb63c, #d99734);
  background-image: -o-linear-gradient(top, #fcb63c, #d99734);
  background-image: linear-gradient(to bottom, #fcb63c, #d99734);
  -webkit-border-radius: 40;
  -moz-border-radius: 40;
  border-radius: 40px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 16px 5% 16px 5%;
  text-decoration: none;
border-left-color: none;		
border-width: 0.5px;		
border-top-style:dotted;		
		
}
	

	
	
.main_body .loginbtnbox .loginbtn:hover,
.main_body .loginbtn:hover {
 background: #ccbb7e;
  background-image: -webkit-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: -moz-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: -ms-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: -o-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: linear-gradient(to bottom, #ccbb7e, #a38d55);
  text-decoration: none;
}
	.loginboxM h2{
		color: #59c1c5;
		font-size: 90%;
	
}

	.subscription_new_box h4,
	.entryboxN h4{
	font-size: 14px;
		margin: 10px 10px 5px;
		width: 200px;
		float: left;
	}

	.entryboxN p.text_login{
		margin: 0px 10px 0px;
		width: 92%;
		float: left;
}
	.entryboxN .loginbox p.text_login{
		margin: 0px 10px 10px;
		width: 92%;
		float: left;
}
	.entryboxN .entry_new_box p.text_login{
		margin: 0px 10px 20px;
		width: 92%;
		float: left;
}

	.main_body .signupbtn {
			width: 100%;
	

   background: #fcb63c;
  background-image: -webkit-linear-gradient(top, #fc9335, #d9680c);
  background-image: -moz-linear-gradient(top, #fc9335, #d9680c);
  background-image: -ms-linear-gradient(top, #fc9335, #d9680c);
  background-image: -o-linear-gradient(top, #fc9335, #d9680c);
  background-image: linear-gradient(to bottom, #fc9335, #d9680c);
				
  -webkit-border-radius: 25;
  -moz-border-radius: 25;
  border-radius: 25px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
}

.main_body .signupbtn:hover {
 background: #ccbb7e;
  background-image: -webkit-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: -moz-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: -ms-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: -o-linear-gradient(top, #ccbb7e, #a38d55);
  background-image: linear-gradient(to bottom, #ccbb7e, #a38d55);
  text-decoration: none;
}
.entryboxN a:hover {
  text-decoration: none;

}

	
	.main_body .subscription_new_box{
	background-color: #D1EEEF;
	position: absolute;
	bottom: 0;
	left:0;
	padding:3% 4% 3%;

}

		.subscription_new_box .message {
	float: right;
		margin-top: 6px;
	font-size: 90%;
		width: 100%;
}
.subscription_new_box .message span{
	font-weight: 600;
	line-height: 3;
	font-size: 120%;
}
	
	
	#subscription{
	color: #FFF;
	max-width:560px;
	margin-right: 0%;
	width:80%;
	padding:10px 10%;	
	background-color: #59c1c5;
	border-radius:10px;
	float: left;
	}
	
	#subscription.sp{
	float: left;
	right:auto;
	top:auto;
	margin: 0% 5%;
	padding:28px;
	background-color: #59c1c5;
	position: relative;
	border-radius:3px;
	width: 74%;	
	
	}
		.entry_new_box{
	background-color: #F9EBC9;
	position: absolute;
	bottom: 0;
	left:0;
	padding:5% 10% 13%;
	width: 81%;
	height: 200px;
}

	
	
	#subscriptionWrapper .main_body{
	padding: 6%;
	margin: 10% 5%;
	margin-bottom: 0;	
	background-color:  #f1eee6;
	position: relative;
	height: 600px;
	}
	
	#subscriptionWrapper .main_body h1{
		font-size: 1.4em;
		line-height: 1.8;

	}
	#subscriptionWrapper .main_body h2{
								font-size: 0.8em;
		margin-block-end:0;
	}
	#subscriptionWrapper .main_body h4
	{
		font-size: 0.8em;
		margin-block-end:0;
		width: 100%;
		color: #484641;
	}
	
		#subscriptionWrapper .main_body .subscription_new_box h4
	{
		font-size: 1.2em;
		line-height: 2.4;
		margin-block-end:0;
		width: 100%;
	}

	
	#subscriptionWrapper .entryboxM{
		top:80px;
	}
	
	#subscriptionWrapper .entryboxM .text_m{
	min-width:120px;	
	width:100%;	
	margin-right:0px;
	margin-top: 10px;
	float: left;
	}
	#subscriptionWrapper .entryboxM p label{
		float: left;
		width:100%;	
		margin-top: 30px;
	}
	
	#subscriptionWrapper .errors{
		width: 95%;
		float: left;
		max-width: 320px;
	}
	#subscriptionWrapper .entryboxmailcheck{
	background-color:#faf9f7;
	padding:20px;
	width:90%;
	margin-top:50px;
	max-width:750px;
	margin-left: 5%;
	margin-right: 5%;
	}
	
	
	.mailcheck{
	float: left;
	width: 100%;	
	}
		
	.mailcheck p.text_2{
	float: left;
	width: 92%;	
	margin-left:10px;	
	}
	
	.mailcheckbox{
	width: 100%;
	margin-left: 0px;	
	}
	
	.attentionbox{
	float: left;
	width: 100%;
	max-width: 750px;
	background-color: #F7E3E3;
	font-size: 75%;
	color: #B07B9D;
	padding: 10px;
	line-height: 200%;
	margin: 0;
}
	.subscription_main table.mailcheckbox tr{
		width: 100%;
		border: solid #f0efe9;
	}
	
	.subscription_main table.mailcheckbox td{
		width: 100%;
		float: left;
		border: solid #f0efe9;

	}
	.member_main{
		width: 100%;

	}
	.member_main .table1{
		
	}
	
	.member_main table.mailcheckbox tr{
		width: 100%;
		border: solid #f0efe9;
	}
	
	.member_main table.mailcheckbox td{
		width: 92%;
		float: left;
		border: solid #f0efe9;

	}
	
	#member_Wrapper .entryboxmailcheck .attentionbox{
	float: left;
	width: 94%;
	max-width: 750px;
	background-color: #F7E3E3;
	font-size: 75%;
	color: #B07B9D;
	padding: 10px;
	line-height: 200%;
	margin: 0;
}
	
	#member_Wrapper .entryboxmailcheck{
	background-color:#faf9f7;
	padding:20px;
	width:80%;
	margin-top:50px;
	max-width:750px;
	margin-left: 4%;
	margin-right: 4%;
	}
	
	.member_main h3{
	font-size:  1.2rem;

	}
	
	.member_main #btn_top,
	.subscription_main #btn_top,
	#subscriptionWrapper #btn_send,
	#member_Wrapper #btn_send{
		margin-left: 0;
		max-width:400px;
	
		width:100%;	
	}
	.subscription_item img{
			width:100%;	
	}

	.entryform_info{
		margin-top: 20px;
	}
	
	.subscription_item{
	
	margin-left:auto;
	margin-right:auto;
	max-width:400px;

	width:100%;	
	background-color:#DED8D0;
	border-radius:10px;
	padding:20px;
	margin:20px;
	}
	
	#subscriptionWrapper .step  {
		margin-left: 0;
	}
	
	
	#subscriptionWrapper .step .table3 {
		display: block;
		width: 100%;
		border: solid 0px;
	}
	#subscriptionWrapper .table3 tbody{
		display: block;
		width: 100%;

	}
	#subscriptionWrapper .step .table3 {
					width: 90%;

	}

	#subscriptionWrapper .table3 tr,
	#subscriptionWrapper .table3 th,
	#subscriptionWrapper .table3 td{
		display: block;
		width: 100%;
	}
	
	
#subscriptionWrapper .step th,
#subscriptionWrapper .step td{
	padding: 10px 2%;
	background-color: #F4F1EB;
			width: 100%;
	float: left;

	}
	
#subscriptionWrapper .step th .text,
#subscriptionWrapper .step td .text{
	margin-top: 0px;
	}
	
	.table3 input.text_l,
	.table3 input.text_m{
		width: 80%;
		padding: 10px;
	}
	
	.table3 input.hiduke{
		width: 100px;
	}
	.subscription_main h3{
	font-size:  1.2rem;

	}
	
	#step1 h2,
	#step2 h2,
	#step3 h2,
	#step4 h2{
		font-size:  1.1rem;
	}
	#subscriptionWrapper .trans{
		width: 110%;
		margin-left:-15px;
		margin-right:-10px;
		padding: 10px;
	}
	#subscriptionWrapper .trans a {
		margin-left:0px;
		padding: 0 5%;
	}
	
	.step .center #btn_send{
		margin-left:0;
	}
	.step .left #btn_send{
		margin:50px 50px 50px 0;
		
	}
	
	#footer #footer_right,
	#footer #footer_left{
		width: 100%;
	}
	
	#subscriptionWrapper .entryboxM{
		background-color:#f1eee6;
		padding:20px;
		width:90%;
		max-width:560px;
		margin-top:50px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.text .right{
		padding-right: 0px;
	}
	.text .left{
		padding-left: 0px;
	}
		.member-box .step {
		margin-left:0px;
	}
		.member-box .step .trans{
		width: 96%;
		text-align:center;
		background-color: #37B1A9;
		height: 40px;
		padding: 15px 2%;
		margin:0px auto 0;
	}
	.member-box .step .trans a{
	color:#FFF;
	display:inline-block;
	padding:0 3px;
	height: 2rem;
	line-height: 3rem;
	}
	.member-box .SP_formText{
	width:98%;
	margin:0%;
	font-size:14px;
	line-height:200%;	
	}
	.member-box .step .entryform th{
	padding: 5px 6%;
	background-color:#F4F1EB;

	}

	.member-box .step .entryform td{
		width: 50%;
		background-color:#F4F1EB;
		padding: 5px 6%;
	}
	
/*中くらいテキストボックス*/
	input.text_m{
		width: 95%;
		padding:				15px;
		border:					1px solid #ccc;
		color:					#555555;
		border-radius:3px;
		margin-bottom: 10px;
	}
	input#email,input#usernm,input#password,input#onepass,input#newPasswd,input#newPasswdConfirm,input#shimei,input#kana
{
	max-width:450px;	
	width:100%;	
	font-size:100%;
	padding:15px 10px;	
	border:1px solid #ccc;
	border-radius:3px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	box-sizing:border-box;
	margin-top: 5px;
	}

	input#birthday
{
	max-width:180px;	
	width:100%;	
	font-size:100%;
	padding:10px;	
	border:1px solid #ccc;
	border-radius:3px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	box-sizing:border-box;
	margin-top: 5px;
	}

	#step2 input[type*="checkbox"]{
		margin-right: 4px;
		margin-left: 6px;
	}
	input::placeholder,
	#step3 input::placeholder
	{
  color: #D1A3A4;
  font-size: 1em;
	}

}

@media only screen and (max-width:321px) {
	.entryform_info{
		margin-top: 20px;
	}
	.subscription_main h3{
	padding: 10px;
	}
}