@font-face {
	font-family: "Simple Joys";
	src: url("../fonts/SimpleJoys.eot");
	src:
		url("../fonts/SimpleJoys.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SimpleJoys.woff2") format("woff2"),
		url("../fonts/SimpleJoys.woff") format("woff"),
		url("../fonts/SimpleJoys.ttf") format("truetype"),
		url("../fonts/SimpleJoys.svg#SimpleJoys") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap; 
}

.campain-page .vertical_align {
	position: relative;
	z-index: 2;
	padding: 80px 15px;
	/*position: relative;*/
	/*top: 50%;*/
	/*-webkit-transform: translateY(-50%);*/
	/*transform: translateY(-50%);*/
}

.campain-page .vertical_align h1 {
	font-family: "Simple Joys", sans;
	font-size: 70px;
}

.campain-page .discount-list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding-top: 30px;
	padding-bottom: 40px;
}

.campain-page .discount-list .discount-item {
	width: 33.33%;
	padding: 0 30px;
	text-align: center;
}

.campain-page .discount-list .discount-item .front {
	position: relative;
	backface-visibility: hidden;
	cursor: pointer;
}

.campain-page .discount-list .discount-item .front .circle {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 250px;
	height: 250px;
	border-radius: 500px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
	background-size: 150px;
	background-position: center;
	left: 0;
	top: 0;
}

.campain-page .discount-list .discount-item .front:hover .circle {
	-webkit-transform: scale(1.13);
	transform: scale(1.13);
}

.campain-page .discount-list .discount-item .front img {
	max-height: 300px;
	position: relative;
	z-index: 2;
}

.campain-page .discount-list .not-selected {
	opacity: 0.3;
}

.campain-page .footer-note {
	text-align: center;
	padding-top: 30px;
}

.campain-page .code-text p {
	font-family: "Simple Joys", sans;
	font-size: 50px;
	text-align: center;
}

.campain-page .code-text .code {
	margin: 0 15px;
	position: relative;
	top: -6px;
	font-size: 70px;
}

.campain-page .code-text .code:after {
	content: "";
	width: 100%;
	height: 3px;
	display: inline-block;
	position: absolute;
	bottom: 20px;
	left: 0;
	border-bottom: 2px dashed #000;
}

.campain-page .big-intro img {
	width: 150px;
	margin-bottom: 20px;
}

.campain-page .deco-1 {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 400px;
}

.campain-page .deco-2 {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 700px;
}

.campain-page .onload_hide {
	position: absolute;

	opacity: 0.6;
	width: 100%;
	height: 100%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	z-index: 3;
	display: none;
}

.campain-page .onload_hide img {
	width: 100px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 1200px) {
	.campain-page .vertical_align h1 {
		font-size: 50px;
	}

	.campain-page .discount-list .discount-item .front .circle {
		width: 200px;
		height: 200px;
		left: calc((100% - 200px) / 2);
		background-size: 50%;
	}
	.campain-page .discount-list .discount-item .front img {
		max-height: 250px;
	}

	.campain-page .deco-1 {
		max-width: 300px;
	}
	.campain-page .deco-2 {
		max-width: 500px;
	}

	.campain-page .vertical_align {
		padding: 100px 20px 150px 20px;
	}

	.campain-page .code-text p {
		font-size: 43px;
		line-height: 46px;
	}

	.campain-page .code-text .code {
		font-size: 60px;
	}
}

@media (max-width: 768px) {
	.campain-page .deco-1 {
		max-width: 200px;
	}
	.campain-page .deco-2 {
		max-width: 300px;
	}

	.campain-page .discount-list .discount-item .front .circle {
		width: 100px;
		height: 100px;
		left: calc((100% - 100px) / 2);
		top: 0;
	}
	.campain-page .discount-list .discount-item .front img {
		max-height: 100px;
	}

	.campain-page .vertical_align h1 {
		font-size: 40px;
	}

	.campain-page .code-text p {
		font-size: 40px;
	}

	.campain-page .code-text .code {
		font-size: 54px;
		top: 1px;
		margin: 0 10px;
	}
}

@media (max-width: 680px) {
	.campain-page .vertical_align {
		padding: 50px 10px;
	}

	.campain-page .deco-1 {
		max-width: 100px;
	}

	.campain-page .deco-2 {
		max-width: 200px;
	}

	.campain-page .discount-list {
		padding-top: 10px;
		padding-bottom: 30px;
	}

	.campain-page .vertical_align {
		padding: 50px 10px 150px 10px;
	}
	.campain-page .code-text p {
        font-size: 31px;
        line-height: 1em;
    }
}

@media (max-width: 420px) {
	.campain-page .discount-list .discount-item .front .circle {
		width: 70px;
		height: 70px;
		left: calc((100% - 70px) / 2);
		top: 0;
	}
	.campain-page .discount-list .discount-item .front img {
		max-height: initial;
		height: 69px;
	}
	.prod_title a {
		-webkit-line-clamp: initial;
		height: auto;
	}

	.woocommerce ul.products li.product .prod_img.no-colors,
	.woocommerce-page ul.products li.product .prod_img.no-colors {
		margin-bottom: 0;
	}

}