@charset "UTF-8";

/*************************************************************
 *	SBI Neo festival NEXUM 2023 valorant.css
 ************************************************************/


/* --------------------------------------------------
		override
-------------------------------------------------- */
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
		parts
-------------------------------------------------- */
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
		visual
-------------------------------------------------- */
.visual__image .frame--01 {
	background-image: url(https://sbinexum.com/assets/img/esports/valorant/visual_02_1.png);
}
.visual__image .frame--02 {
	background-image: url(https://sbinexum.com/assets/img/esports/valorant/visual_02_2.png);
}
.visual__image .frame--03 {
	background-image: url(https://sbinexum.com/assets/img/esports/valorant/visual_02_3.png);
}
.visual__image .frame--04 {
	background-image: url(https://sbinexum.com/assets/img/esports/valorant/visual_02_4.png);
}
.visual__image .frame--05 {
	background-image: url(https://sbinexum.com/assets/img/esports/valorant/visual_02_5.png);
}
.visual__image .frame--06 {
	background-image: url(https://sbinexum.com/assets/img/esports/valorant/visual_02_6.png);
}
.visual__image .frame--07 {
	background-image: url(https://sbinexum.com/assets/img/esports/valorant/visual_02_7.png);
}
.visual__image .frame--08 {
	background-image: url(https://sbinexum.com/assets/img/esports/valorant/visual_02_8.png);
}
.visual__image .frame--09 {
	top: 50%;
	left: 50%;
	width: calc(1548 / 1920 * 100%);
	height: calc(754 / 1080 * 100%);
	transform: translate(-50%, -50%);
	background-position: center center;
	background-image: url(https://sbinexum.com/assets/img/esports/valorant/visual_02_9.png);
}
.visual__title {
	width: calc(534 / 1226 * 100%);
}
.visual__date {
	width: calc(892 / 1920 * 100%);
	max-width: 892px;
	bottom: 75px;
}
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.visual__image:after {
		background-image: url(https://sbinexum.com/assets/img/esports/valorant/visual_02_sp.png);
	}
	.visual-unit {
		top: calc(var(--px) * 19);
	}
	.visual__title {
		width: calc(var(--px) * 30.8);
	}
	.visual__date {
		width: calc(var(--px) * 62);
		max-width: none;
		bottom: calc(var(--px) * 5);
	}
}


/* --------------------------------------------------
		lead
-------------------------------------------------- */
.lead__title {
	max-width: 600px;
}
.lead__title .line--01 {
	width: calc(110 / 600 * 100%);
	height: calc(4 / 208 * 100%);
	top: calc(38 / 208 * 100%);
	left: calc(105 / 600 * 100%);
}
.lead__title .line--02 {
	width: calc(198 / 600 * 100%);
	height: calc(4 / 208 * 100%);
	top: calc(38 / 208 * 100%);
	left: calc(236 / 600 * 100%);
}
.lead__title .line--03 {
	width: calc(341 / 600 * 100%);
	height: calc(63 / 208 * 100%);
	top: calc(72 / 208 * 100%);
	left: calc(210 / 600 * 100%);
}
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.lead__title {
		margin: 0 calc(var(--px) * 1.5) calc(var(--px) * 5);
	}
}


/* --------------------------------------------------
		overview
-------------------------------------------------- */
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
		players
-------------------------------------------------- */
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 978px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
		broadcast
-------------------------------------------------- */
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
		rule
-------------------------------------------------- */
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
		schedule
-------------------------------------------------- */
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
		cast
-------------------------------------------------- */
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
		movie
-------------------------------------------------- */
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
		c-bg__wrap
-------------------------------------------------- */
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
		※※※※※
-------------------------------------------------- */
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}