/*
#colors

@main-color #33b668
@text-color #333333
@base-color #fff
@body-color #eee
@form-color #f5f5f5
@notice-color #d9534f
@attention-color #b20000



*/
@media print, screen and (min-width: 768px) {
	.mailmagazine {
		padding-top: 40px;
	}

	.mailmagazine h2 {
		margin-bottom: 20px;
		color: #333;
		font-size: 2.2rem;
	}

	.mailmagazine table {
		margin: 0 auto;
	}

	.mailmagazine table th {
		padding-right: 2em;
		white-space: nowrap;
	}

	.mailmagazine table td {
		padding: 5px 0;
	}

	.mailmagazine table td input {
		width: 100% !important;
	}

	.mailmagazine small {
		display: block;
		margin: 15px 0 0 30px;
		font-size: 1.4rem;
	}

	.mailmagazine .submit-group {
		margin-top: 20px;
	}

	.mailmagazine .submit-group button {
		width: 45%;
		max-width: 200px;
	}

	.mailmagazine a.blank {
		display: inline-block;
		padding-right: 35px;
		background: url('/img/common/icon-blank2.png') no-repeat right;
		background-size: 25px auto;
		line-height: 2;
	}

	.mailmagazine.latest a.blank {
		font-weight: bold;
	}

	.mailmagazine ul {
		margin-top: 5px;
	}

	.grecaptcha-badge {
		bottom: 100px !important;
	}


}

@media print, screen and (max-width: 767px) {
	.mailmagazine {
		padding-top: 20px;
	}

	.mailmagazine h2 {
		margin-bottom: 5px;
		padding: 15px;
		color: #333;
		font-size: 1.6rem;
	}

	.mailmagazine p {
		font-size: 1.1rem;
	}

	.mailmagazine table {
		margin: 10px auto;
		font-size: 1.2rem;
	}

	.mailmagazine table th {
		padding-right: 2em;
	}

	.mailmagazine table td {
		padding: 5px 0;
	}

	.mailmagazine small {
		display: block;
		margin: 15px 0 0 30px;
		font-size: 1rem;
	}

	.mailmagazine .submit-group {
		margin-top: 20px;
	}

	.mailmagazine a.blank {
		display: inline-block;
		font-size: 1.1rem;
		line-height: 1.8em;
		vertical-align: baseline;
	}

	.mailmagazine a.blank i {
		display: inline-block;
		width: 17px;
		height: 1.8em;
		margin-left: 10px;
		background: url('/img/common/icon-blank2.png') no-repeat right;
		background-size: 17px auto;
	}

	.mailmagazine.latest a.blank {
		font-size: 1.2rem;
		font-weight: bold;
	}

	.mailmagazine ul {
		margin-top: 5px;
	}

	.mailmagazine ul li {
		font-size: 1.1rem;
	}

	.grecaptcha-badge {
		bottom: 50px !important;
	}

}