img, canvas {
	display: block;
}

html, body {
	background:  repeat;
}

@media screen and (max-width: 1201px) {
	.container-fluid {
		font-size: 1vw !important;
	}
}

@media screen and (max-width: 1024px) {
	.container {
		width: 100% !important;
	}
}

@media screen and (min-width: 750px) {
	.mb {
		display: none !important;
	}
}

@media screen and (max-width: 749px) {
	.pc {
		display: none !important;
	}
}

h2 {
	color: #1a2852;
	margin: 10% 0 9% !important;
	position: relative;
	font-size: 3.125em !important;
	background:  no-repeat left bottom 30%;
	background-size: 100% auto;
	line-height: 100%;
	font-weight: bold;
	text-align: center;
}

h2 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translate(0, 100%);
	color: #ddd1cb;
	font-size: 0.52em;
	font-weight: normal;
}

h2.tcoupons span {
	text-indent: 1em;
	letter-spacing: 0.8em;
}

h2.tvideos span {
	text-indent: 1.5em;
	letter-spacing: 1.2em;
}

h2.tnewfocus span {
	text-indent: 0.5em;
	letter-spacing: 0.4em;
}

.qrcode {
	margin: -4.5% auto 9%;
	width: 70%;
}

.coupon img {
	border-radius: 5px;
}

.news {
	width: 100% !important;
}

.news .row {
	margin-bottom: 9%;
	position: relative;
}

.news_text {
	background:  no-repeat center center;
	background-size: 95% 100%;
	background-origin: padding-box;
	padding: 2% 5%;
	position: absolute;
	top: 0;
	bottom: 0;
}

.news_text .title {
	color: #1a2852;
	font-size: 1.625em;
	font-weight: bold;
	line-height: 130%;
	text-align: justify;
	line-height: 150%;
}

.news_text .intro {
	color: #9d9d9d;
	margin-top: 5%;
	text-align: justify;
	line-height: 150%;
}

.news_text a {
	display: block;
	width: 30%;
	background-color: #1c4473;
	white-space: nowrap;
	padding: 1% 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	position: absolute;
	left: 11%;
	bottom: 8%;
}

@media screen and (min-width: 750px) {
	.news .row:nth-child(even) > div:first-child {
		left: 50%;
	}

	.news .row:nth-child(even) > div:last-child {
		right: 50%;
	}

	.news .row:nth-child(odd) > div:first-child {
		left: 0;
	}

	.news .row:nth-child(odd) > div:last-child {
		right: 0;
	}
}


@media only screen and (max-width: 749px) {
   .news_text .intro {
		color: #9d9d9d;
		margin-top: 5%;
		text-align: justify;
		line-height: 150%;
		font-size:12px;
	}   

	.news_text .title {
		color: #1a2852;
		font-size: 16px;
		font-weight: bold;
		line-height: 130%;
		text-align: justify;
		line-height: 150%;
	}
	a {font-size: 12px;}

	.coupon > div~div {
		margin-top: 5%;
	}

	.news_text {
		background-size: 90% 100%;
		padding: 5% 10%;
		margin-top: 5%;
		position: relative;
	}

	.news_text a {
		position: static;
		margin-top: 5%;
		width: 40%;
		padding: 3% 0;
	}
}