@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,300;0,400;0,600;0,700;1,300&display=swap');

/** start common styles */
a {
	text-decoration: none;
	color: inherit;
}

.flex {
	display: flex;
}

.justify-center {
	justify-content: center;
}

.justify-start {
	justify-content: start;
}

.justify-end {
	justify-content: end;
}

.justify-between {
	justify-content: space-between;
}

.aligns-center {
	align-items: center;
}

.aligns-start {
	align-items: start;
}

.aligns-end {
	align-items: end;
}

.aligns-stretch {
	align-items: stretch;
}

.flex-col {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.center-all {
	display: flex;
	align-items: center;
	justify-content: center;
}

.h-center {
	display: flex;
	justify-content: center;
}

.v-center {
	display: flex;
	align-items: center;
}

.text-nowrap {
	white-space: nowrap;
}

.tct {
	text-align: center;
}

.img {
	width: 100%;
}

/** end common styles */
* {
	margin: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Be Vietnam Pro', sans-serif;
	background-color: #900000;
}

.main-container {
	width: 100%;
	max-width: 1290px;
	margin: 0 auto;
}

.plumb-bg {
	background-color: #910000;
}

.blood-bg {
	background-color: #910000;
}

@keyframes z00m2 {
	0% {
		transform: scale(1);
	}
	12.5% {
		transform: scale(1.1) rotate(25deg);
	}
	25% {
		transform: scale(1);
	}
	37.5% {
		transform: scale(1.1) rotate(25deg);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}
.ans {
	animation: z00m2 1.5s linear infinite;
}

@keyframes zzom {
	0% {
		transform: scale(1);
	}
	12.5% {
		transform: scale(1.05);
	}
	25% {
		transform: scale(1);
	}
	37.5% {
		transform: scale(1.05);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}

.zzo {
   animation: zzom 1.5s linear infinite;
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #ededed;
	margin: 0 8px !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fccf34;
}

.point-bg {
	background-image: url(assets/bg_01.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.glist-bg {
	background-image: url(assets/bg_02.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.infix-link {
	border: 2px solid #fff8a3;
	display: flex;
	background: linear-gradient(0deg, rgb(248, 215, 125) 0%, rgb(250, 207, 101) 39%, rgb(255, 236, 179) 100%);
	padding: 2px;
	border-radius: 555px;
	aspect-ratio: 73/13;
}
.infix-link .order {
	width: 15%;
	align-self: center;
	display: flex;
	justify-content: center;
	height: 12px;
}
.infix-link .suffix img {
	height: 12px;
}
.infix-link .nav-nur {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #f4cc59;
	font-size: 12px;
	font-weight: 600;
	flex: 1;
	background: rgb(120, 0, 0);
	background: linear-gradient(0deg, rgb(120, 0, 0) 0%, rgb(149, 36, 36) 50%, rgb(120, 0, 0) 100%);
}
.infix-link .dv {
	display: flex;
	align-items: center;
	padding-left: 8px;
	margin-right: 6px;
	font-size: 12px;
	font-weight: bold;
	background: #d24207;
	background: linear-gradient(to top, #d24207 0%, #752013 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media screen and (min-width: 620px) {
	.infix-link .dv,
	.infix-link .nav-nur {
		font-size: 20px;
	}
	.infix-link .order {
		height: 20px;
	}
	.infix-link .suffix img {
		height: 20px;
	}
}
@media screen and (min-width: 980px) {
	.infix-link .dv,
	.infix-link .nav-nur {
		font-size: 30px;
	}
	.infix-link .order {
		height: 30px;
	}
	.infix-link .suffix img {
		height: 30px;
	}
}

.txs {
	color: #d98285;
}

.container {
	max-width: 1280px !important;
	width: 100% !important;
} /*# sourceMappingURL=style.css.map */

.MbNav {
  position: fixed;
  inset: 0;
	transition: 0.25s;
	overflow: hidden;
  transform: translateX(-100%);
}
.MbNav.show {
  transform: translateX(0);
}

.swiper-container {
	/*margin: 0 12px;*/
    /*padding: 0 24px;*/
}
@media screen and (min-width: 768px) {
	.swiper-container {
		width: calc(100%);
	}
}