@charset "UTF-8";

/*************************************************************
 *	SBI Neo festival NEXUM 2023 urbansports.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 .u-cts {
	padding-top: 160px;
	margin-bottom: 140px;
}
.visual .u-cts__inner {
	padding: 0 0;
	max-width: none;
}
.visual__main {
	position: relative;
	height: calc(100vh - 260px);
}
.visual__image {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.visual__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.visual-unit {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(1226 / 1920 * 100%);
	max-width: 1226px;
	filter: drop-shadow(0 0 100px rgba(0, 0, 0, 1));
	opacity: 0;
}
.visual__logo {
	margin-bottom: 50px;
}
.visual__logo img {
	max-width: none;
	width: 100%;
}
.visual__title {
	margin: 0 auto;
}
.visual__date {
	position: absolute;
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0;
	opacity: 0;
}
.visual__nav {
	display: flex;
	max-width: 780px;
	margin: 30px auto 0;
	background-color: #fff600;
}
.visual__nav li {
	width: 60px;
	height: 60px;
}
.visual__nav li:nth-of-type(1) {
	flex: 1;
}
.visual__nav li .button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-size: 0;
}
.visual__nav li .button img {
	width: 36px;
}
.visual__nav li .button.broadcast {
	position: relative;
	display: block;
	background-color: #fff600;
	color: #000000;
	font-size: 2.0rem;
	padding: 0 20px;
}
.visual__nav li .button.broadcast > span {
	position: relative;
	overflow: hidden;
	display: inline-block;
	height: 100%;
	padding-right: 25px;
}
.visual__nav li .button.broadcast > span:after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 2px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	transform: rotate(-135deg);
}
.visual__nav li .button.broadcast > span span {
	position: relative;
	display: block;
	line-height: 60px;
}
.visual__nav li .button.youtube {
	background-color: #ff0000;
}
.visual__nav li .button.twitter {
	background-color: #1d9bf0;
}
.visual__nav li .button.coming {
	opacity: 0.25;
}
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
	.visual__main {
		min-height: 690px;
	}
	.visual__nav li a.button img {
		transition: transform .3s ease;
	}
	.visual__nav li a.button:hover img {
		transform: scale(1.1);
	}
	.visual__nav li a.button.broadcast:hover > span span {
		transform: translateY(-50%);
		transition: transform .3s ease;
	}
}
@media screen and (max-width: 767px) {
	.visual .u-cts {
		padding-top: calc(var(--px) * 14);
		margin-bottom: calc(var(--px) * 22);
	}
	.visual__main {
		height: calc(var(--px) * 75);
	}
	.visual-unit {
		transform: translate(-50%, 0);
		width: calc(var(--px) * 41.8);
		max-width: none;
	}
	.visual__logo {
		margin-bottom: calc(var(--px) * 4);
	}
	.visual__nav {
		max-width: none;
		margin-top: 0;
	}
	.visual__nav li {
		width: calc(var(--px) * 8);
		height: calc(var(--px) * 8);
	}
	.visual__nav li .button img {
		width: calc(var(--px) * 4.8);
	}
	.visual__nav li .button.broadcast {
		font-size: calc(var(--px) * 2.8);
		padding: 0 calc(var(--px) * 3);
	}
	.visual__nav li .button.broadcast > span {
		padding-right: calc(var(--px) * 4);
	}
	.visual__nav li .button.broadcast > span:after {
		top: calc(50% - var(--px) * 1);
		right: calc(var(--px) * 0.4);
		width: calc(var(--px) * 1.4);
		height: calc(var(--px) * 1.4);
		border-top-width: calc(var(--px) * 0.2);
		border-left-width: calc(var(--px) * 0.2);
	}
	.visual__nav li .button.broadcast > span span {
		line-height: calc(var(--px) * 8);
	}
}


/* --------------------------------------------------
		lead
-------------------------------------------------- */
.lead .u-cts {
	z-index: 2;
	padding-bottom: 200px;
}
.lead__title {
	position: relative;
	text-align: center;
	margin: 0 auto;
	opacity: 0;
}
.lead__title .text {
	position: relative;
	z-index: 1;
	display: block;
}
.lead__title .line {
	position: absolute;
	overflow: hidden;
}
.lead__title .line span {
	position: relative;
	display: block;
	width: 0;
	height: 100%;
	background-color: #ffffff;
}
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.lead .u-cts {
		padding-bottom: calc(var(--px) * 18);
	}
	.lead__text {
		max-width: none;
	}
}


/* --------------------------------------------------
		overview
-------------------------------------------------- */
.overview .u-cts {
	padding-bottom: 180px;
}
.overview-cols {
	position: relative;
	padding-left: calc((118 / 1200 * 100%) + 92px);
}
.overview__movie {
	margin: 0 -120px 30px 0;
}
.overview__body .cols {
	display: flex;
	align-items: flex-start;
}
.overview__info {
	flex: 1;
	margin-right: calc(60 / 990 * 100%);
}
.overview__info table {
}
.overview__info th {
	font-weight: 700;
	width: 5.0em;
}
.overview__info td {
	position: relative;
	font-weight: 300;
	padding-left: 3.0em;
}
.overview__info td span {
	display: inline-block;
	font-weight: 700;
	margin-left: -3.0em;
	width: 3.0em;
}
.overview__prize {
	width: 290px;
	display: flex;
	justify-content: space-between;
}
.overview__prize .title {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 3.0rem;
	font-weight: 700;
	line-height: 1;
	align-self: flex-end;
}
.overview__prize .title span {
	font-size: 1.6rem;
}
.overview__prize .list {
	width: 240px;
}
.overview__prize .list li {
	position: relative;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
	color: #000000;
	padding: 18px 20px;
	text-align: right;
	background-color: #ffffff;
}
.overview__prize .list li + li {
	margin-top: 2px;
}
.overview__prize .list li span {
	position: absolute;
	top: calc(50% - 15px);
	left: 0;
	background-color: #000000;
	color: #ffffff;
	font-size: 1.6rem;
	padding: 7px 4px 7px 10px;
}
.overview__prize .list li span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	height: 100%;
	width: 10px;
	background-image: url(https://sbinexum.com/assets/img/urbansports/arrow_01.png);
	background-size: 100% 100%;
	background-position: left center;
	background-repeat: no-repeat;
}
.overview__title {
	position: absolute;
	top: 0;
	left: 0;
	width: 92px;
}
@media screen and (max-width: 1457px) {
	.overview__movie {
		margin-right: calc((100vw - 1337px) * -0.5 - 60px);
	}
}
@media screen and (max-width: 1336px) {
	.overview__movie {
		margin-right: calc(60 / 1320 * -100% - 17px);
	}
}
@media screen and (max-width: 977px) {
	.overview__body .cols {
		display: block;
	}
	.overview__info {
		margin-bottom: 30px;
	}
	.overview__prize {
		flex-direction: row-reverse;
	}
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.overview .u-cts {
		padding-bottom: calc(var(--px) * 18);
	}
	.overview-cols {
		padding-left: 0;
	}
	.overview__movie {
		margin: 0 calc(var(--px) * -6) calc(var(--px) * 9) 0;
	}
	.overview__body {
		position: relative;
	}
	.overview__body .cols {
		padding-right: calc(var(--px) * 12);
	}
	.overview__info {
		margin: 0 0 calc(var(--px) * 6);
	}
	.overview__info table {
	}
	.overview__info th {
		display: block;
		margin-top: 1.0em;
	}
	.overview__info tr:first-child th {
		margin-top: 0;
	}
	.overview__info td {
		display: block;
		padding-left: 0;
	}
	.overview__info td span {
		margin-left: 0;
		width: 3.0em;
	}
	.overview__prize {
		width: 100%;
	}
	.overview__prize .title {
		font-size: calc(var(--px) * 3);
	}
	.overview__prize .title span {
		font-size: calc(var(--px) * 1.6);
	}
	.overview__prize .list {
		width: calc(var(--px) * 46);
	}
	.overview__prize .list li {
		font-size: calc(var(--px) * 4);
		padding: calc(var(--px) * 2.6) calc(var(--px) * 2);
	}
	.overview__prize .list li + li {
		margin-top: calc(var(--px) * 0.4);
	}
	.overview__prize .list li span {
		top: calc(50% - calc(var(--px) * 3));
		font-size: calc(var(--px) * 3);
		padding: calc(var(--px) * 1.6) calc(var(--px) * 0.4) calc(var(--px) * 1.6) calc(var(--px) * 3);
	}
	.overview__prize .list li span:after {
		width: calc(var(--px) * 2);
	}
	.overview__title {
		left: auto;
		right: calc(var(--px) * -3);
		width: calc(var(--px) * 9.2);
	}
}


/* --------------------------------------------------
		special
-------------------------------------------------- */
.special .u-cts {
	color: #000000;
	background-color: #ffffff;
	padding: 90px 0;
	margin-bottom: 180px;
}
.special__line {
	position: absolute;
	left: 0;
	width: 100%;
	height: 94px;
	background-image: url(https://sbinexum.com/assets/img/urbansports/special_01.png);
	background-size: auto 100%;
	background-repeat: repeat-x;
}
.special__line.line--upper {
	top: -6px;
	background-position: 0 0;
	animation: specialLineToLeft 24s linear 0s infinite;
}
.special__line.line--under {
	bottom: -6px;
	background-position: 0 0;
	animation: specialLineToRight 24s linear 0s infinite;
}
.special-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 60px calc(60 / 1200 * 100%) 0;
	margin-bottom: 40px;
}
.special-main__image {
	width: calc(460 / 1080 * 100%);
	margin-right: calc(60 / 1080 * 100%);
	text-align: center;
}
.special-main__body {
	width: calc(560 / 1080 * 100%);
}
.special-main__body .title {
	font-size: 4.0rem;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 30px;
}
.special-main__body .text p + p {
	margin-top: 1.2em;
}
.special-more {
	padding: 40px calc(40 / 1200 * 100%);
	margin-bottom: 80px;
	background-color: #f2f2f2;
	border: 20px solid #000000;
	border-image: url(https://sbinexum.com/assets/img/urbansports/line_01.png) 20 / 20px;
}
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.special .u-cts {
		padding: calc(var(--px) * 9) 0;
		margin-bottom: calc(var(--px) * 18);
	}
	.special__line {
		height: calc(var(--px) * 9.4);
	}
	.special__line.line--upper {
		top: calc(var(--px) * -0.6);
	}
	.special__line.line--under {
		bottom: calc(var(--px) * -0.6);
	}
	.special-main {
		display: block;
		padding: calc(var(--px) * 8) 0 0;
		margin-bottom: calc(var(--px) * 8);
	}
	.special-main__image {
		width: 100%;
		margin-right: 0;
	}
	.special-main__body {
		width: 100%;
		margin-top: calc(var(--px) * 6);
	}
	.special-main__body .title {
		font-size: calc(var(--px) * 4.4);
		margin-bottom: calc(var(--px) * 4);
	}
	.special-more {
		padding: calc(var(--px) * 5) calc(var(--px) * 2);
		margin: 0 calc(var(--px) * -3) calc(var(--px) * 8);
		border-width: calc(var(--px) * 4);
		border-image: url(https://sbinexum.com/assets/img/urbansports/line_02.png) 40 / calc(var(--px) * 4);
	}
}
@keyframes specialLineToLeft {
	  0% { background-position: 0 0; }
	100% { background-position: -930px 0; }
}
@keyframes specialLineToRight {
	  0% { background-position: 0 0; }
	100% { background-position: 930px 0; }
}


/* --------------------------------------------------
		players
-------------------------------------------------- */
.players .u-cts {
	padding-bottom: 180px;
}
.players__title {
	max-width: 543px;
	margin: 0 auto 60px;
}
.players__list {
	display: flex;
	margin: 0 calc(30 / 1200 * -100%);
}
.players-list__item {
	width: 50%;
	padding: 0 calc(30 / 1260 * 100%);
}
@media screen and (max-width: 1336px) {
}
@media screen and (max-width: 977px) {
	.players__list {
		display: block;
		margin: 0 0;
	}
	.players-list__item {
		width: 100%;
		max-width: 600px;
		padding: 0 0;
		margin: 0 auto;
	}
	.players-list__item + .players-list__item {
		margin-top: 60px;
	}
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.players .u-cts {
		padding-bottom: calc(var(--px) * 18);
	}
	.players__title {
		max-width: none;
		width: calc(var(--px) * 48.9);
		margin-bottom: calc(var(--px) * 6);
	}
	.players-list__item {
		max-width: none;
	}
	.players-list__item + .players-list__item {
		margin-top: calc(var(--px) * 6);
	}
}


/* --------------------------------------------------
		judge
-------------------------------------------------- */
.judge .u-cts {
	padding-bottom: 180px;
}
.judge .u-cts:before {
	content: "";
	position: absolute;
	top: 160px;
	left: 0;
	width: 100%;
	height: calc(100% + 80px);
	background-image: url(../img/bg_03.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 1920px auto;
}
.judge__title {
	max-width: 422px;
	margin: 0 auto 40px;
}
.judge__list .p-players__unit .button .name {
	font-size: 1.6rem;
}
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.judge .u-cts {
		padding-bottom: calc(var(--px) * 18);
	}
	.judge .u-cts:before {
		top: calc(var(--px) * 4);
		height: calc(100% + var(--px) * 6);
		background-position: -10% 0;
		background-size: 260% auto;
	}
	.judge__title {
		max-width: none;
		width: calc(var(--px) * 37.8);
		margin-bottom: calc(var(--px) * 4);
	}
	.judge__list .p-players__unit .button .name {
		font-size: calc(var(--px) * 2.6);
	}
}


/* --------------------------------------------------
		mc
-------------------------------------------------- */
.mc .u-cts {
	padding-bottom: 180px;
}
.mc-cols {
	display: flex;
	justify-content: center;
}
.mc-cols .col {
	width: calc(420 / 1200 * 100%);
	padding: 0 calc(30 / 1200 * 100%);
}
.mc__title {
	max-width: 202px;
	margin: 0 auto 60px;
}
.mc .p-players__unit .name {
	font-size: 1.6rem;
}
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.mc .u-cts {
		padding-bottom: calc(var(--px) * 18);
	}
	.mc-cols {
		margin: 0 calc(var(--px) * -3);
	}
	.mc-cols .col {
		width: 50%;
		padding: 0 calc(var(--px) * 3);
	}
	.mc__title {
		max-width: none;
		width: calc(var(--px) * 18);
		margin-bottom: calc(var(--px) * 6);
	}
	.mc .p-players__unit .name {
		font-size: calc(var(--px) * 2.6);
	}
}


/* --------------------------------------------------
		rule
-------------------------------------------------- */
.rule .u-cts {
	padding-bottom: 360px;
}
.rule-box {
	position: relative;
	z-index: 1;
	max-width: 1080px;
	margin: 0 auto;
}
.rule-box [class*=frame] {
	position: absolute;
	z-index: 1;
	display: block;
	width: 60px;
	height: 60px;
	pointer-events: none;
	opacity: 0;
}
.rule-box .frame--01 {
	top: 0;
	left: 0;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
}
.rule-box .frame--02 {
	top: 0;
	right: 0;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}
.rule-box .frame--03 {
	bottom: 0;
	left: 0;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
}
.rule-box .frame--04 {
	bottom: 0;
	right: 0;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}
.rule-box .inner {
	position: relative;
	padding: 90px calc(60 / 1200 * 100%);
	opacity: 0;
}
.rule__title {
	max-width: 232px;
	margin: 0 auto 50px;
}
.rule__text {
	text-align: center;
	margin-bottom: 60px;
}
.rule__table {
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
	border-collapse: collapse;
}
.rule__table th {
	font-weight: 700;
	background-color: #191919;
	border: 1px solid #333333;
	vertical-align: middle;
	text-align: center;
	width: 150px;
	padding: 15px 20px;
}
.rule__table td {
	color: #999999;
	font-weight: 300;
	border: 1px solid #333333;
	padding: 15px 20px;
}
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.rule .u-cts {
		padding-bottom: calc(var(--px) * 24);
	}
	.rule-box {
		margin: 0 calc(var(--px) * -3);
	}
	.rule-box [class*=frame] {
		width: calc(var(--px) * 6);
		height: calc(var(--px) * 6);
	}
	.rule-box .inner {
		position: relative;
		padding: calc(var(--px) * 9) calc(var(--px) * 3);
	}
	.rule__title {
		max-width: none;
		width: calc(var(--px) * 29.2);
		margin-bottom: calc(var(--px) * 4);
	}
	.rule__text {
		margin-bottom: calc(var(--px) * 6);
	}
	.rule__table {
		max-width: none;
		border-top: 1px solid #333333;
	}
	.rule__table th {
		width: 100%;
		border-top: none;
		padding: calc(var(--px) * 2) calc(var(--px) * 3);
		display: block;
		text-align: left;
	}
	.rule__table td {
		border-top: none;
		padding: calc(var(--px) * 2) calc(var(--px) * 3);
		display: block;
	}
}


/* --------------------------------------------------
		schedule
-------------------------------------------------- */
.schedule .u-cts {
	z-index: 1;
	padding: 180px 0;
	background-color: #ffffff;
}
.schedule__title {
	max-width: 679px;
	margin: 0 auto 60px;
}
.schedule .p-timetable__download .btn--01 span {
	-webkit-mask-image: url(../img/btn_download_02.svg);
	mask-image: url(../img/btn_download_02.svg);
}
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.schedule .u-cts {
		padding: calc(var(--px) * 18) 0;
	}
	.schedule__title {
		max-width: none;
		width: calc(var(--px) * 59.8);
		margin-bottom: calc(var(--px) * 6);
	}
}


/* --------------------------------------------------
		broadcast
-------------------------------------------------- */
.broadcast .u-cts {
	padding: 180px 0;
}
.broadcast .u-cts:before {
	content: "";
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	height: calc(100% + 80px);
	background-image: url(../img/bg_03.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 1920px auto;
}
.broadcast__title {
	max-width: 327px;
}
.broadcast-cols {
	display: flex;
	justify-content: space-between;
}
.broadcast__movie {
	width: calc(780 / 1200 * 100%);
}
.broadcast__movie.coming:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
}
.broadcast__movie.coming:after {
	content: "Coming Soon";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	font-size: 2.0rem;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}
.broadcast__body {
	width: calc(360 / 1200 * 100%);
}
.broadcast__sns {
	margin-bottom: 40px;
}
.broadcast__sns .sns__button {
	position: relative;
	display: block;
	border-radius: 10px 10px;
	text-align: center;
	height: 0;
	padding-bottom: 83.3333333333%;
}
.broadcast__sns .sns__button .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.broadcast__sns .sns__button .icon {
	display: block;
	margin: 0 auto 40px;
}
.broadcast__sns .sns__button .text {
	display: inline-block;
	background-color: #ffffff;
	width: 200px;
	padding: 6px 0;
	border-radius: 30px 30px;
}
.broadcast__sns .sns__button.twitter {
	background-color: #1d9bf0;
}
.broadcast__sns .sns__button.twitter .icon {
	width: 90px;
}
.broadcast__sns .sns__button.twitter .text {
	color: #1d9bf0;
}
.broadcast__sns .sns__button.coming:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
}
.broadcast__sns .sns__button.coming:after {
	content: "Coming Soon";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	font-size: 2.0rem;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}
@media screen and (max-width: 1336px) {
}
@media screen and (max-width: 977px) {
	.broadcast-cols {
		display: block;
	}
	.broadcast__movie {
		width: 100%;
		max-width: 780px;
		margin: 0 auto 40px;
	}
	.broadcast__body {
		width: 100%;
		max-width: 780px;
		margin: 0 auto;
		display: flex;
	}
	.broadcast__sns {
		width: calc(360 / 780 * 100%);
		margin: 0 calc(40 / 780 * 100%) 0 0;
	}
	.broadcast__title {
		flex: 1;
	}
}
@media screen and (min-width: 768px) {
	a.broadcast__movie {
		transition: transform .3s ease,
					opacity .3s ease;
	}
	a.broadcast__movie:hover {
		transform: scale(0.98);
		opacity: 0.8;
	}
	.broadcast__sns a.sns__button {
		transition: transform .3s ease,
					opacity .3s ease;
	}
	.broadcast__sns a.sns__button:hover {
		transform: scale(0.98);
		opacity: 0.8;
	}
}
@media screen and (max-width: 767px) {
	.broadcast .u-cts {
		padding: calc(var(--px) * 18) 0;
	}
	.broadcast .u-cts:before {
		top: 0;
		height: calc(100% + var(--px) * 6);
		background-position: 30% 0;
		background-size: 260% auto;
	}
	.broadcast__title {
		max-width: none;
		width: calc(var(--px) * 62.5);
		margin-bottom: calc(var(--px) * 6);
	}
	.broadcast__movie {
		margin-bottom: calc(var(--px) * 4);
	}
	.broadcast__body {
		max-width: none;
		display: block;
	}
	.broadcast__movie.coming:after {
		font-size: calc(var(--px) * 2.4);
	}
	.broadcast__sns {
		width: calc(var(--px) * 30);
		margin: 0 auto;
	}
	.broadcast__sns .inner {
		width: 100%;
	}
	.broadcast__sns .sns__button {
		border-radius: calc(var(--px) * 1) calc(var(--px) * 1);
	}
	.broadcast__sns .sns__button .icon {
		margin-bottom: calc(var(--px) * 3);
	}
	.broadcast__sns .sns__button .text {
		width: calc(260 / 300 * 100%);
		padding: calc(var(--px) * 0.6) 0;
		border-radius: calc(var(--px) * 5) calc(var(--px) * 5);
		font-size: calc(var(--px) * 2.2);
	}
	.broadcast__sns .sns__button.twitter .icon {
		width: calc(var(--px) * 9);
	}
	.broadcast__sns .sns__button.coming:after {
		font-size: calc(var(--px) * 2.4);
	}
}


/* --------------------------------------------------
		result
-------------------------------------------------- */
.result .u-cts {
	padding-bottom: 180px;
}
.result__title {
	max-width: 548px;
	margin: 0 auto 60px;
}
.result__list {
	max-width: 1080px;
	margin: 0 auto;
}
.result__list li + li {
	margin-top: 30px;
}
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.result .u-cts {
		padding-bottom: calc(var(--px) * 18);
	}
	.result__title {
		max-width: none;
		width: calc(var(--px) * 49.2);
		margin-bottom: calc(var(--px) * 6);
	}
	.result__list {
		max-width: none;
		width: auto;
		margin: 0 calc(var(--px) * -3);
	}
	.result__list li + li {
		margin-top: calc(var(--px) * 3);
	}
}


/* --------------------------------------------------
		c-bg__wrap
-------------------------------------------------- */
.c-bg__linewave.wave--01 {
	top: 0;
	height: calc(100vh + 200px);
}
.c-bg__linewave.wave--02 {
	bottom: -600px;
	height: 1200px;
}
.bg-light--01 {
	position: absolute;
	bottom: 500px;
	left: calc(50% - 1000px);
	width: 200px;
	height: 200px;
	background-color: #ffaa77;
	border-radius: 50% 50%;
	box-shadow: 0 0 300px 300px #ffaa77;
	opacity: 0.2;
}
.bg-light--02 {
	position: absolute;
	bottom: 1100px;
	left: calc(50% + 700px);
	width: 200px;
	height: 200px;
	background-color: #a956cc;
	border-radius: 50% 50%;
	box-shadow: 0 0 300px 300px #a956cc;
	opacity: 0.2;
}
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.c-bg__linewave.wave--01 {
		height: calc(var(--px) * 125);
	}
	.c-bg__linewave.wave--02 {
		height: calc(var(--px) * 120);
		bottom: calc(var(--px) * -60);
	}
	.bg-light--01 {
		bottom: calc(var(--px) * 80);
		left: -20%;
		width: calc(var(--px) * 20);
		height: calc(var(--px) * 20);
		box-shadow: 0 0 calc(var(--px) * 20) calc(var(--px) * 20) #ffaa77;
	}
	.bg-light--02 {
		bottom: calc(var(--px) * 180);
		left: 70%;
		width: calc(var(--px) * 20);
		height: calc(var(--px) * 20);
		box-shadow: 0 0 calc(var(--px) * 20) calc(var(--px) * 20) #a956cc;
	}
}


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