@charset "shift_jis";
/* CSS Document */
/* Mailmagazine PAGE */
/* panel area */
@media screen and (max-width:999px){
	section.mmag-domain{
		padding:0 1%;
	}
}
@media screen and (min-width:1000px){
	section.mmag-domain{
		padding:0 5%;
	}
}

/* mmag-registration area */
@media screen and (max-width:999px){
	section.mmag-registration li{
		width: 100%;
	}
	section.mmag-registration li .mmag-registration-area{
		padding:2%;
	}
	section.mmag-registration li .mmag-registration-area #mailmagazine-form form p.add-input input{
		width:74%;
	}
	section.mmag-registration li .mmag-registration-area #mailmagazine-form form p.btn input{
		width:80px;
		height:80px;
	}
}
@media screen and (min-width:1000px){
	section.mmag-registration li{
		width: 50%;
	}
	section.mmag-registration li .mmag-registration-area{
		padding:50px 78px;
	}
	section.mmag-registration li .mmag-registration-area #mailmagazine-form form p.add-input input{
		width:86%;
	}
	section.mmag-registration li .mmag-registration-area #mailmagazine-form form p.btn input{
		width:120px;
		height:120px;
	}
}
section.mmag-registration li:first-child{
    border:2px solid #ff1964;
}
section.mmag-registration li:last-child{
    border:2px solid #ff1964;
}
section.mmag-registration li:first-child h3{
	background-color:#ff1964;
	color:#ffffff;
}
section.mmag-registration li:last-child h3{
	background-color:#000000;
	color:#ffffff;
}
section.mmag-registration li .mmag-registration-area h4{
	color:#ff1964;
	border-bottom:1px solid #000000;
}
section.mmag-registration li .mmag-registration-area #mailmagazine-form form p.btn{
	margin: 7% 20% 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
section.mmag-registration li .mmag-registration-area #mailmagazine-form form p.btn input{
    border-radius: 50%;
	color:#ffffff;
	cursor: pointer;
}
section.mmag-registration li .mmag-registration-area #mailmagazine-form form p.btn input#mail_regist_btn,
section.mmag-registration li .mmag-registration-area #mailmagazine-form form p.btn input#mail_reject_btn:hover{
	background-color:#ff1964;
}
section.mmag-registration li .mmag-registration-area #mailmagazine-form form p.btn input#mail_reject_btn,
section.mmag-registration li .mmag-registration-area #mailmagazine-form form p.btn input#mail_regist_btn:hover{
	background-color:#000000;
}
section.mmag-registration li .mmag-registration-area p:last-child{
	margin-top: 3%;
}

/* mmag-domain area */
@media screen and (max-width:999px){
	section.mmag-domain .mmag-domain-txt p{
		margin-bottom:4%;
	}
	section.mmag-domain .mmag-domain-btn{
		margin-top:4%;
	}
	section.mmag-domain .mmag-domain-btn a.mmag_btn{
		width:80px;
		height:80px;
	}
	section.mmag-domain .mmag-domain-btn a.mmag_btn span{
		left:5%;
		top:30%;
	}
}
@media screen and (min-width:1000px){
	section.mmag-domain .mmag-domain-txt{
		width:86%;
	}
	section.mmag-domain .mmag-domain-btn{
		padding-left:4%;
	}
	section.mmag-domain .mmag-domain-btn a.mmag_btn{
		width:120px;
		height:120px;
	}
	section.mmag-domain .mmag-domain-btn a.mmag_btn span{
		left:21%;
		top:37%;
	}
}
section.mmag-domain{
	margin-top:5.5%;
}
section.mmag-domain .mmag-domain-txt h5:before{
	content:"\30fb";
}
section.mmag-domain .mmag-domain-btn a.mmag_btn{
	border-radius: 50%;
	color:#ffffff;
	cursor: pointer;
	background-color:#ff1964;
	position: relative;
	display: inline-block;
}
section.mmag-domain .mmag-domain-btn a.mmag_btn:hover{
	background-color:#000000;
}
section.mmag-domain .mmag-domain-btn a.mmag_btn span{
	display: inline-block;
	position:absolute;
}





/* mail-magazine */
.pb5vh {
	padding-bottom: 5vh;
}
.text-contents {
	line-height: 2;
}
/* registration */
.regist-area p {
	line-height: 2;
}
.regist-area .regist-button {
	margin: 3vh auto;
}
.regist-area .regist-button p a {
	display: inline-block;
	padding: 1em 4em;
	color: #fff;
	background: linear-gradient(225deg, transparent .5em, #ff1964 .5em);
}
.regist-area .regist-info p {
	color: #e1273e;
	font-weight: 700;
	margin-bottom: .5em;
}
.regist-area .regist-info input[type="text"] {
	padding: .3em 1em;
	font-size: 120%;
}
.regist-guide li {
	padding-bottom: 5vh;
}
.regist-guide em {
	color: #ff1964;
}
.regist-help a {
	color: #ff1964;
	text-decoration: underline;
}
@media screen and (min-width:1000px) {
	.regist-area {
		text-align: center;
	}
}