@charset "UTF-8";


/* -------------------------------------
mail magazine
------------------------------------- */
.maincap {
	margin-bottom:35px;
	padding-top:16.1%;
	background-color:#ffe1e0;
}
.maincap img {
	width:72%;
	height:auto;
	display:block;
	margin:0 auto 16.1% auto;
}
.maincap span {
	font-size:36px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:1.0;
	letter-spacing:0.1em;
	display:block;
	padding:25px 20px;
	background-color:#b28d7a;
}
.maincap span span {
	font-size:28px;
	letter-spacing:0.2em;
	display:block;
	padding:0;
}
.maincap span span::before {
	content:"";
	width:80px;
	height:1px;
	display:block;
	background-color:#fff;
	margin:25px auto;
}

#register {
	padding:40px 20px;
	margin-bottom:35px;
	border:2px solid #e6e6e6;
}
#register .in {
	max-width:655px;
	margin:0 auto;
}
#register h2 {
	font-size:17px;
	font-weight:bold;
	color:#6e9fdd;
	margin-bottom:5px;
}
/*#register input[name="unsubscribe"] {
	display:none;
}*/
.s2_message:last-child {
	margin-top:20px;
}
.s2_error {
	font-weight:bold;
	text-align:center;
	color:#9f213b;
	margin-top:20px;
}


form {
	max-width:655px;
	display:block;
	margin:0 auto;
}
form p {
	text-align:center;
}
form .fm_mail {
	font-size:0;
	text-align:left;
	margin:10px 0 25px 0;
}
form .fm_mail label, form .fm_mail input {
	display:inline-block;
	vertical-align:middle;
}
form .fm_mail label {
	font-size:14px;
	width:190px;
	padding-right:15px;
	box-sizing:border-box;
}
#mailpoet_form_2 .mailpoet_form {
	padding:0!important;
}
form .mailpoet_paragraph {
	font-size:0;
	text-align:left;
	margin:10px 0 25px 0;
}
form .mailpoet_paragraph label, form .mailpoet_paragraph input {
	display:inline-block!important;
	vertical-align:middle;
}
form .mailpoet_paragraph label {
	font-size:14px;
	width:200px;
	padding-right:15px;
	box-sizing:border-box;
}
form input[type="email"] {
	font-size:14px;
	line-height:14px;
	vertical-align:middle;
	width:calc(100% - 200px)!important;
	padding:10px 10px;
	border:2px solid #e6e6e6;
	border-radius:4px;
	background-color:#fff;
	box-shadow:none;
	box-sizing:border-box;
	transition:background-color 0.3s;
	-webkit-appearance:none;
}
form input[type="email"]:focus{
	background-color:rgba(242,242,242,1.0);
	outline:0;
}
form input[type="submit"] {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	letter-spacing:1em;
	width:220px!important;
	display:block!important;
	padding:10px 10px 10px 1.5em;
	margin:0 auto!important;
	border:none;
	background-color:#87b73e;
	box-shadow:none;
	-webkit-appearance:none;
	cursor:pointer;
	outline:0;
	transition:background-color 0.3s;
}
form input[type="submit"]:not(:last-child) {
	margin-right:20px;
}
form input[type="submit"]:hover {
	background-color:#333;
}
.parsley-errors-list {
	font-size:14px!important;
	text-align:center;
	margin:12px 0 5px 0!important;
}


#benefits {
	margin-bottom:80px;
}
#benefits li {
	width:calc((99.9% - 30px) / 2);
	float:left;
	border:2px solid #e6e6e6;
}
#benefits li:not(:last-child) {
	margin-right:30px;
}
#benefits li dt {
	font-size:22px;
	font-weight:bold;
	text-align:center;
	color:#808080;
	line-height:1.2;
	letter-spacing:0.15em;
	padding:10px 10px 11px 10px;
	background-color:#ffe1e0;
}
#benefits li dd {
	line-height:1.8;
	text-align:center;
	padding:20px 25px 25px 25px;
}

#register_method {
	margin-bottom:60px;
}
.method h3 {
	font-size:21px;
	font-weight:bold;
	color:#6e9fdd;
	margin-bottom:13px;
}
.method .in {
	padding:40px;
	border:2px solid #e6e6e6;
}
.method .chapter:not(:last-child) {
	margin-bottom:40px;
}
.method .chapter h4 {
	font-size:18px;
	font-weight:bold;
	color:#fff;
	background-color:#6e9fdd;
	line-height:1.2;
	padding:10px;
	margin-bottom:10px;
}
.method .chapter .text {
	padding:0 15px;
}
.method .chapter p:not(:last-child) {
	margin-bottom:20px;
}
.method .chapter .text .left {
	width:calc((99.9% - 25px) * 0.35);
	float:left;
}
.method .chapter .text .right {
	width:calc((99.9% - 25px) * 0.65);
	float:right;
	border:1px solid #e6e6e6;
}

.method .chapter .text .imgbdr {
	max-width:768px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #e6e6e6;
}


#release {
	max-width:655px;
	margin:0 auto;
}
#release h5 {
	font-size:17px;
	font-weight:bold;
	color:#6e9fdd;
	margin-bottom:5px;
}
#release input[name="subscribe"] {
	display:none;
}

.s2_message.err {
	font-weight:bold;
	color:#9f213b;
}


@media screen and (max-width:1280px) {
	.maincap {
		margin-bottom:33px;
	}
	.maincap span {
		font-size:34px;
	}
	.maincap span span {
		font-size:26px;
	}
	.maincap span span::before {
		margin:24px auto;
	}
	
	
	#register {
		padding:38px 20px;
		margin-bottom:33px;
	}
	
	
	#benefits {
		margin-bottom:75px;
	}
	#benefits li {
		width:calc((99.9% - 28px) / 2);
	}
	#benefits li:not(:last-child) {
		margin-right:28px;
	}
	#benefits li dt {
		font-size:21px;
	}
	#benefits li dd {
		padding:15px 24px 20px 24px;
	}
	
	
	#register_method {
		margin-bottom:56px;
	}
	.method h3 {
		font-size:20px;
	}
	.method .in {
		padding:36px;
	}
	.method .chapter:not(:last-child) {
		margin-bottom:38px;
	}
	.method .chapter h4 {
		font-size:17px;
	}
	.method .chapter p:not(:last-child) {
		margin-bottom:19px;
	}
}
@media screen and (max-width:1100px) {
	.maincap {
		margin-bottom:31px;
	}
	.maincap span {
		font-size:32px;
	}
	.maincap span span {
		font-size:24px;
	}
	.maincap span span::before {
		margin:23px auto;
	}
	
	
	#register {
		padding:36px 20px;
		margin-bottom:31px;
	}
	
	
	#benefits {
		margin-bottom:70px;
	}
	#benefits li {
		width:calc((99.9% - 26px) / 2);
	}
	#benefits li:not(:last-child) {
		margin-right:26px;
	}
	#benefits li dd {
		padding:15px 23px 20px 23px;
	}
	
	
	#register_method {
		margin-bottom:52px;
	}
	.method .in {
		padding:32px;
	}
	.method .chapter:not(:last-child) {
		margin-bottom:36px;
	}
	.method .chapter p:not(:last-child) {
		margin-bottom:18px;
	}
}
@media screen and (max-width:980px) {
	.maincap {
		margin-bottom:29px;
	}
	.maincap img {
		width:85%;
		max-width:600px;
	}
	.maincap span {
		font-size:29px;
	}
	.maincap span span {
		font-size:22px;
		letter-spacing:0.15em;
	}
	.maincap span span::before {
		margin:22px auto;
	}
	
	
	#register {
		padding:34px 20px;
		margin-bottom:29px;
	}
	
	
	#benefits {
		margin-bottom:65px;
	}
	#benefits li {
		width:calc((99.9% - 23px) / 2);
	}
	#benefits li:not(:last-child) {
		margin-right:23px;
	}
	#benefits li dt {
		font-size:20px;
	}
	#benefits li dd {
		padding:15px 22px 20px 22px;
	}
	
	
	#register_method {
		margin-bottom:48px;
	}
	.method h3 {
		font-size:19px;
	}
	.method .in {
		padding:28px;
	}
	.method .chapter:not(:last-child) {
		margin-bottom:34px;
	}
	.method .chapter h4 {
		font-size:16px;
	}
	.method .chapter p:not(:last-child) {
		margin-bottom:17px;
	}
}
@media screen and (max-width:768px) {
	.maincap {
		margin-bottom:27px;
	}
	.maincap span {
		font-size:27px;
	}
	.maincap span span {
		font-size:20px;
		letter-spacing:0.1em;
	}
	.maincap span span::before {
		margin:21px auto;
	}
	
	
	form .mailpoet_paragraph label {
		font-size:13px;
	}
	
	
	#register {
		padding:32px 20px;
		margin-bottom:27px;
	}
	#register h2 {
		font-size:16px;
	}
	form .fm_mail label {
		font-size:13px;
	}
	
	
	#benefits {
		margin-bottom:60px;
	}
	#benefits li {
		width:calc((99.9% - 20px) / 2);
	}
	#benefits li:not(:last-child) {
		margin-right:20px;
	}
	#benefits li dt {
		font-size:19px;
	}
	#benefits li dd {
		padding:15px 21px 20px 21px;
	}
	
	
	#register_method {
		margin-bottom:44px;
	}
	.method h3 {
		font-size:18px;
	}
	.method .in {
		padding:24px;
	}
	.method .chapter:not(:last-child) {
		margin-bottom:32px;
	}
	.method .chapter h4 {
		font-size:15px;
	}
	.method .chapter p:not(:last-child) {
		margin-bottom:16px;
	}
}
@media screen and (max-width:640px) {
	.maincap {
		margin-bottom:25px;
	}
	.maincap img {
		width:90%;
	}
	.maincap span {
		font-size:26px;
	}
	.maincap span span {
		font-size:19px;
	}
	.maincap span span::before {
		margin:20px auto;
	}
	
	
	#register {
		padding:30px 20px;
		margin-bottom:25px;
	}
	form .fm_mail label {
		width:100%;
		display:block;
		padding-right:0;
		margin-bottom:8px;
	}
	form .mailpoet_paragraph label, form .mailpoet_paragraph input {
		display:block;
	}
	form .mailpoet_paragraph label {
		width:100%;
		padding-right:0;
		margin-bottom:10px;
	}
	form input[type="email"] {
		width:calc(100% - 0px)!important;
		display:block;
	}
	form input[type="submit"] {
		letter-spacing:0.5em;
		width:calc((99.9% - 15px) / 2);
	}
	form input[type="submit"]:not(:last-child) {
		margin-right:15px;
	}
	
	
	#benefits {
		margin-bottom:55px;
	}
	#benefits li dt {
		font-size:18px;
	}
	#benefits li dd {
		padding:15px 20px 20px 20px;
	}
	
	
	#register_method {
		margin-bottom:40px;
	}
	.method h3 {
		font-size:17px;
	}
	.method .in {
		padding:20px;
	}
	.method .chapter:not(:last-child) {
		margin-bottom:30px;
	}
	.method .chapter p:not(:last-child) {
		margin-bottom:15px;
	}
	.method .chapter .text {
		padding:0 10px;
	}
}
@media screen and (max-width:500px) {
	.maincap span {
		font-size:24px;
	}
	.maincap span span {
		font-size:18px;
	}
	
	
	#benefits {
		margin-bottom:50px;
	}
	#benefits li {
		width:calc((100% - 0px) / 1);
		height:auto!important;
	}
	#benefits li:not(:last-child) {
		margin-right:0;
		margin-bottom:20px;
	}
	
	
	.method .in {
		padding:15px;
	}
	.method .chapter .text {
		padding:0;
	}
	.method .chapter .text .left {
		width:calc((100% - 0px) * 1.0);
		float:none;
		margin-bottom:20px;
	}
	.method .chapter .text .right {
		width:calc((100% - 0px) * 1.0);
		float:none;
	}
}
@media screen and (max-width:320px) {
	
}
@media screen and (min-width:769px) {
	
}