@charset "UTF-8";

/* ---------------- common */
.mailmaga .color01 { color: #018ecc;}
.mailmaga .color02 { color: #0d308e;}
.mailmaga .bg-color01 { background-color: #018ecc;}
.mailmaga .bg-color02 { background-color: #0d308e;}

.mailmaga .pc-disp { display: block;}
.mailmaga .sp-disp { display: none;}

.mailmaga .mailmaga-inner { padding: 20px 50px;}


/* ---------------- btn */
.mailmaga .mailmaga-link {
	margin: 30px 0
;}
.mailmaga .mailmaga-link a {
	display: block;
	position: relative;
	width: 77%;
	margin: 0 auto;
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	padding: 19px 0 15px;
	border-radius: 6px;
}
.mailmaga .mailmaga-link a .btn-text {
	font-weight: bold;
	vertical-align: bottom;
}
.mailmaga .mailmaga-link a .btn-text-s {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	display: block;
	color: #1a8fdf;
}
.mailmaga .mailmaga-link a .btn-ico {
	position: absolute;
	top: 50%;
	right: 5%;
	margin-top: -14px;
	width: 28px;
	height: 28px;
	background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
}
.mailmaga .mailmaga-link.type01 a {
	background: #ff9100;
}
.mailmaga .mailmaga-link.type01 a .btn-ico {
	background: url(/mileinfo/pre/1609/image/ico_arrow01.png) no-repeat right center;
}


/*mailmaga-link03*/
.mailmaga .mailmaga-link03 {
	margin-top: 25px;
}
.mailmaga .mailmaga-link03 a {
	color: #1a8fdf;
	font-weight: bold;
	background: url(/mileinfo/pre/1609/image/ico_arrow03.png) no-repeat right center;
	padding-right: 25px;
	text-decoration: none;
}


/* ---------------- mailmaga-mv */
.mailmaga .mailmaga-mv {
	margin-top: 40px;
}

/* ---------------- mailmaga-ttl */
.mailmaga .mailmaga-ttl {
	color: #0d308e;
	border-bottom: 1px solid #0d308e;
	margin: 85px 0 26px;
	font-size: 24px;
	font-size: 2.4rem;
}
.mailmaga .mailmaga-ttl h2 {
	background: url(/mileinfo/pre/1609/image/bg_ttl_ico.png) no-repeat bottom right;
}
.mailmaga .mailmaga-sub-ttl {
	margin-bottom: 20px;
}
.mailmaga .mailmaga-sub-ttl p {
	font-size: 36px;
	font-size: 3.6rem;
}

/* ---------------- mailmaga-present-box */
.mailmaga .mailmaga-present-box {
	border: 5px solid #d9eaf2;
	padding: 15px;
}
.mailmaga .mailmaga-present-box .fleft { width: 60%;}
.mailmaga .mailmaga-present-box .fright {width: 35%;}

.mailmaga .mailmaga-present-box .present-box-ttl {
	border-bottom: 1px dotted #999999;
	color: #fff;
	padding-bottom: 15px;
}
.mailmaga .mailmaga-present-box .present-box-ttl dt {
	font-size: 16px;
	font-size: 1.6rem;
	background: #4fa8cf;
	padding: 10px;
}
.mailmaga .mailmaga-present-box .present-box-ttl dd {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 10px;
	background: url(/mileinfo/pre/1609/image/bg_present_ttl.png) repeat 0 0;
}
.mailmaga .mailmaga-present-box .amc-paragraph {
	line-height: 1.8;
}

/* ---------------- mailmaga-term */
.mailmaga .mailmaga-term {}
.mailmaga .mailmaga-term ul li {
	float: left;
	width: 8%;
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
}
.mailmaga .mailmaga-term ul li p {
	padding: 15px 6px;
}
.mailmaga .mailmaga-term ul li.term {
	width: 42%;
}
.mailmaga .mailmaga-term ul li.term p {
	padding: 15px;
}


/* ---------------- a-style-area */
.mailmaga .a-style-area {
	border-top: 1px solid #0d308e;
	padding-top: 38px;
	margin-top: 65px;
}
.mailmaga .a-style-area .fright {
	width: 500px;
}



@media (max-width: 780px) and (min-width: 571px) {
	.mailmaga .mailmaga-term ul li,
	.mailmaga .mailmaga-term ul li.term {
		width: 100%;
		text-align: center;
	}
}


@media (max-width: 570px) and (min-width: 0) {
	.mailmaga .pc-disp { display: none;}
	.mailmaga .sp-disp { display: block;}

	.mailmaga {
		padding-bottom: 80px !important;
	}
	.mailmaga .mailmaga-inner {
		padding: 0;
	}

	/* ---------------- btn */
	.mailmaga .mailmaga-link a {
		width: 100%;
		font-size: 18px;
		padding: 12px 0 10px;
	}
	.mailmaga .mailmaga-link.type02 a {
		padding: 5px 40px 5px 0;
	}

	/* ---------------- mailmaga-mv */
	.mailmaga .mailmaga-mv {
		min-height: 100px;
		margin: 0;
	}
	.mailmaga .mailmaga-mv h1 {
		background: #0d308e;
		color: #fff;
		font-size: 20px;
		text-align: left;
		padding: 10px;
	}
	.mailmaga .mailmaga-mv .lead {
		padding: 5px 10px;
	}

	/* ---------------- mailmaga-ttl */
	.mailmaga .mailmaga-ttl {
		margin-top: 40px;
		font-weight: bold;
		font-size: 16px;
	}
	.mailmaga .mailmaga-ttl h2 {
		font-weight: bold;
		min-height: 27px;
		background-size: 36px 27px;
		-webkit-background-size: 36px 27px;
	}
	.mailmaga .mailmaga-sub-ttl p {
		font-size: 22px;
		line-height: 1.2;
	}

	/* ---------------- mailmaga-present-box */
	.mailmaga .mailmaga-present-box {
		padding:10px;
	}
	.mailmaga .mailmaga-present-box .fleft,
	.mailmaga .mailmaga-present-box .fright {
		width: 100%;
		float: none;
	}
	.mailmaga .mailmaga-present-box .present-box-ttl dt {
		font-size: 14px;
		padding: 5px;
	}
	.mailmaga .mailmaga-present-box .present-box-ttl dd {
		line-height: 1.2;
	}

	/* ---------------- mailmaga-term */
	.mailmaga .mailmaga-term ul li {
		float: none;
		width: 100%;
	}
	.mailmaga .mailmaga-term ul li:nth-child(even){
		font-size: 16px;
	}
	.mailmaga .mailmaga-term ul li,
	.mailmaga .mailmaga-term ul li.term {
		width: 100%;
		text-align: center;
	}
	.mailmaga .mailmaga-term ul li p,
	.mailmaga .mailmaga-term ul li.term p {
		padding: 5px;
	}


	/*a-style-area*/
	.mailmaga .a-style-area .first p {
		text-align: center;
	}


}