@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: #910000;
}

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

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

.blood-bg {
	background-color: #5b0707;
}

@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;
}

.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;
}

.tts {
	background-image: linear-gradient(to right, white 33%, rgba(255, 255, 255, 0) 0%);
	background-position: bottom;
	background-size: 3px 1px;
	background-repeat: repeat-x;
}

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

.MbNav {
	max-height: 0;
	transition: max-height 0.25s ease-out;
	overflow: hidden;
}
.MbNav.show {
	max-height: 420px;
}

.swiper-container {
	/*margin: 0 12px;*/
	/*padding: 0 24px;*/
}

.ct-abs {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #910101;
}

.grid-5 {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: 1fr 1fr;
}
.grid-5 .item {
	display: flex;
	grid-column-end: span 2;
}

.text-abs {
	position: absolute;
	top: 50%;
	left: 49%;
	transform: translate(-50%, -50%);
	color: #900000;
	text-transform: uppercase;
}
@media screen and (min-width: 768px) {
	.swiper-container {
		width: calc(100%);
	}
  .text-abs {
    left: 50%;
  }
}


.accordion-box {
	background-color: #fff;
  border-radius: 4px;
  overflow: hidden !important;
}
.accordion-box .header {
  padding: 12px;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
}
.accordion-box .content {

  max-height: 0;
  transition: .25s;
}
.accordion-box .content .context {
  color: darkgray;
  padding: 12px;
  font-size: 12px;
}
.accordion-box .content.expand {
  max-height: 100px;
}