/*--------------------------------------------------------------
# first_view
--------------------------------------------------------------*/
#first_view {
	position: relative;
	/* height: 100vh;
	min-height: 100vh; */
	margin-bottom: var(--grid-gap);
	overflow: hidden;
}

#first_view .container {
	height: 100%;
	z-index: 2;
}

#first_view .flex_wrapper {
	gap: 1.5rem;
	width: 100%;
	height: 100%;
}

#first_view::before,
#first_view::after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: scale(1);
}

#first_view::before {
	background: #fff;
	z-index: 60;
}

#first_view::after {
	background: #000;
	z-index: 61;
}

html.wf-active #first_view::before,
html.wfno-load #first_view::before {
	animation-name: mainVisualOpen;
	animation-duration: .4s;
	animation-delay: .4s;
	animation-fill-mode: forwards;
	transform-origin: top left;
}

html.wf-active #first_view::after,
html.wfno-load #first_view::after {
	animation-name: mainVisualOpen;
	animation-duration: .4s;
	animation-fill-mode: forwards;
	transform-origin: top left;
}

.first_view_bg {
	animation-duration: .5s;
	animation-delay: .8s;
	animation-fill-mode: forwards;
	position: relative;
	width: 100%;
	height: 100%;
	transform: scale(1.2);
	transform-origin: center center;
	opacity: 0;
	z-index: 0;
}

.first_view_logo,
.animate_logo {
	animation-duration: .25s;
	/* animation-delay: 1.5s; */
	animation-delay: .8s;
	animation-fill-mode: forwards;
	width: 100%;
	/* max-width: 800px; */
	/* filter: drop-shadow(0 0 10px #000); */
	opacity: 0;
}

.first_view_date {
	animation-duration: .4s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
	width: 90%;
	max-width: 480px;
	filter: blur(1);
	opacity: 0;
}

html.wf-active .first_view_bg,
html.wfno-load .first_view_bg {
	animation-name: mainVisualBg;
}

html.wf-active .first_view_logo,
html.wf-active .animate__show.animate_logo,
html.wfno-load .first_view_logo,
html.wf-load .animate__show.animate_logo {
	animation-name: mainVisualLogo;
}

html.wf-active .first_view_date,
html.wfno-load .first_view_date {
	animation-name: mainVisualDate;
}

@keyframes mainVisualOpen {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1, 0);
	}
}

@keyframes mainVisualLogo {
	0% {
		transform: scale(2);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes mainVisualDate {
	0% {
		filter: blur(1);
		opacity: 0;
	}
	100% {
		filter: blur(0);
		opacity: 1;
	}
}

@keyframes mainVisualBg {
	0% {
		transform: scale(1.2);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/*--------------------------------------------------------------
# news
--------------------------------------------------------------*/
#news h2.front_h2 {
	font-size: var(--vw24);
	margin: 0;
	padding: var(--vw24);
}

.scroll_wrapper {
	position: relative;
	background: var(--color-background-sub);
}

.scroll_area {
	height: fit-content;
	max-height: 65vh;
	overflow-y: scroll;
	padding: 1.5rem;
	padding: var(--vw24);
}

.scroll_area::-webkit-scrollbar {
	width: 3px;
}

.scroll_area::-webkit-scrollbar-thumb{
	background: #fff;
	border-radius: 4px;
}

.post_meta {
	font-size: min(var(--vw16), 1rem);
}

.post_entry:not(:last-child) {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--color-text-primary);
}

.post_header {
	margin-bottom: var(--vw16);
}

.post_date {
	display: inline;
	font-size: min(var(--vw16), 1rem);
	font-weight: 700;
}

.post_date::after {
	content: '/';
	display: inline-block;
	padding: 0 var(--vw16);
}

h3.post_title {
	display: inline;
	font-size: min(var(--vw16), 1rem);
}

@media screen and (min-width: 768px) {
	#news h2.front_h2,
	.scroll_area {
		padding: var(--vw40);
	}

	#news h2.front_h2 {
		text-align: right;
	}

	#news .area_grid {
		grid-template-columns: 1fr 3fr;
	}

	.post_entry:not(:last-child) {
		margin-bottom: 2rem;
		padding-bottom: 2rem;
	}

	#news .area_grid_item:first-child::before,
	#news .area_grid_item:first-child::after {
		transform-origin: top left;
	}
}

/*--------------------------------------------------------------
# title
--------------------------------------------------------------*/
.event_logo_section .container {
	width: var(--container-width);
	max-width: var(--container-max-width);
	padding: var(--vw40) 0;
	overflow: hidden;
}

.event_logo_wrapper {
	margin: auto;
}

.event_logo_wrapper .img_wrapper_contain {
	width: 80vw;
	margin: auto;
}

.title_section .area_grid {
	grid-template-columns: 3fr 5fr;
}

.title_section h2.title_h2 {
	font-family: var(--font-accent);
	font-size: var(--vw20);
	font-style: italic;
	font-weight: 500;
	width: fit-content;
	line-height: 1em;
	margin-right: auto;
	margin-left: auto;
	padding: .5em 1.5em;
	border: 1px solid var(--color-text-primary);
}

.title_section h2.title_h2:not(:last-child) {
	margin-bottom: var(--vw16);
}

.title_section h3.title_h3 {
	font-size: var(--vw20);
}

.title_section .area_grid_item,
.title_section .area_grid_item .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.title_section .area_grid_item {
	height: 100%;
	min-height: 72vw;
}

.title_section .area_grid_item .container {
	padding: var(--vw40) var(--vw32);
}

.title_section .area_grid_item_header .container {
	gap: var(--vw16);
	padding: var(--vw40) var(--vw24) var(--vw40) calc(var(--vw24) - 10%);
}

.area_grid_item_img {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.area_grid_item_img,
.img_wrapper_filter,
.img_wrapper_character,
.img_wrapper_bg {
	clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
}

.area_grid_item_img > * {
	position: absolute;
}

.img_wrapper_filter {
	width: 100%;
	height: 100%;
	filter: brightness(0);
	z-index: 3;
}

.img_wrapper_filter > img {
	object-fit: contain;
	transform: scale(1.2) translateX(-5%);
	overflow: hidden;
}

.img_wrapper_character {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 2;
}

.img_wrapper_character > img {
	object-fit: contain;
	transform: scale(1.2) translateX(-5%);
}

.img_wrapper_bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

.img_wrapper_bg > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.animate__show .img_wrapper_filter {
	animation: filterOut .4s 1.4s forwards;
}

.area_grid_item_header {
	z-index: 1;
}

.area_grid_item_header .tri_bg {
	content: '';
	position: absolute;
	background: var(--color-background-sub);
	top: 0;
	left: -12.3%;
	width: calc(12.3% + 1px);
	height: 100%;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	overflow: hidden;
}

@keyframes filterOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media screen and (max-width: 767px) {
	.area_grid_item_overview {
		grid-column: span 2;
	}

	.area_grid_item .container.pc {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.area_grid_item.sp {
		display: none !important;
	}

	.title_section .area_grid {
		row-gap: 0;
	}

	.area_grid_item_img {
		grid-row: span 2;
	}

	.event_logo_section .container {
		padding: var(--vw64) 0;
	}

	.event_logo_wrapper .img_wrapper_contain {
		width: 35vw;
	}

	.title_section .area_grid_item_header .container {
		min-width: 65%;
		padding: var(--vw64) var(--vw24) var(--vw64) calc(var(--vw24) - 10%);
	}

	.title_section .dl_overview {
		width: 100%;
	}
}

@media screen and (min-width: 992px) {
	.title_section .area_grid_item {
		min-height: 48vw;
	}

	.event_logo_section .container {
		padding: var(--vw80) 0;
	}
}

.img_title_logo {
	width: 100%;
	max-height: 26vw;
}

.img_title_logo > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.area_grid_item_overview .container {
	width: 100%;
	max-width: 100%;
}

.dl_overview {
	display: grid;
	grid-template-columns: 5.5em 1fr;
	gap: 1em;
	font-size: var(--vw16);
	margin: 0;
}

.dl_overview dt {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--vw16);
	font-weight: 400;
	margin: 0;
	line-height: 1.75em;
	text-align: center;
	border: 1px solid var(--color-text-primary);
}

.dl_overview dd {
	font-size: var(--vw16);
	line-height: 1.75em;
	margin: 0;
}

#day2.title_section,
#day3.title_section {
	margin-bottom: var(--grid-gap);
}

#day2.title_section .area_grid {
	grid-template-columns: 5fr 3fr;
}

#day2 .area_grid_item:first-child {
	order: 2;
}

#day2 .area_grid_item:nth-child(2) {
	order: 1;
}

#day2 .area_grid_item:nth-child(3) {
	order: 3;
}

#day2 .area_grid_item_img,
#day2 .img_wrapper_filter,
#day2 .img_wrapper_character,
#day2 .img_wrapper_bg {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}

#day2 .area_grid_item_header .tri_bg {
	left: initial;
	right: -12.3%;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

#day2.title_section .area_grid_item_header .container {
	padding: var(--vw40) calc(var(--vw24) - 10%) var(--vw40) var(--vw24);
}

#day2.title_section .img_wrapper_bg > img {
	object-position: 40% center;
}

#day3 .img_wrapper_character > img,
#day3 .img_wrapper_filter > img {
	transform: scale(1.5) translate(-3%, 18%);
}

#day1 .img_wrapper_character > img,
#day1 .img_wrapper_filter > img {
	transform: scale(1.6) translate(-18%, 5%);
}

.title_section .area_grid_item_header .container {
	transition: opacity .4s 1.4s;
	opacity: 0;
}

.title_section .animate__show.area_grid_item_header .container {
	opacity: 1;
}

@media screen and (max-width: 767px) {
	.dl_overview {
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.img_title_logo {
		width: 40vw;
		max-height: 18vw;
	}

	.title_section .area_grid_item_header .container:not(.pc),
	#day2.title_section .area_grid_item_header .container:not(.pc) {
		padding-bottom: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#day1 .img_wrapper_character > img,
	#day1 .img_wrapper_filter > img {
		transform: scale(1.6) translate(-18%, 0%);
	}

	#day3 .img_wrapper_character > img,
	#day3 .img_wrapper_filter > img {
		transform: scale(1.5) translate(-5%, 10%);
	}
}

@media screen and (min-width: 992px) {
	.img_title_logo {
		width: 32vw;
		max-height: 12vw;
	}

	#day1 .img_wrapper_character > img,
	#day1 .img_wrapper_filter > img {
		transform: scale(1.3) translate(-18%, 5%);
	}
}

.title_section .btn_wrapper {
	display: grid;
	gap: var(--vw16);
	width: 100%;
	margin-top: var(--vw32);
}

.title_section a.btn_bordered > span {
	display: flex;
	justify-content: space-between;
	align-items: center;
	white-space: nowrap;
}

@media screen and (min-width: 992px) {
	.title_section .btn_wrapper {
		grid-template-columns: repeat(2, 1fr);
		margin-top: var(--vw24);
		margin-bottom: 2px;
	}

	.title_section .btn_wrapper > * {
		flex: 1;
	}

	.title_section a.btn_bordered > span {
		min-width: 16vw;
		padding: var(--vw16);
	}

	.title_section .btn_wrapper .btn_tonamel {
		grid-column: span 2;
	}
}

/*--------------------------------------------------------------
# 会場
--------------------------------------------------------------*/
.venue_section {
	margin-bottom: var(--grid-gap);
	padding: 0 var(--grid-gap);
	overflow: hidden;
}

.venue_section h2.front_h2,
.schedule_section h2.front_h2 {
	font-size: var(--vw20);
	font-weight: 400;
	width: fit-content;
    line-height: 1em;
    margin-right: auto;
    margin-left: auto;
    padding: .5em 1.5em;
    border: 1px solid var(--color-text-primary);
}

.venue_section h3 {
	font-size: var(--vw24);
	text-align: center;
}

.venue_section_wrapper {
	overflow: hidden;
}

.venue_section .img_wrapper_cover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: scale(1.3);
	filter: grayscale(1) contrast(1.6);
	transition: transform .4s 1s;
}

.venue_section .animate__show .img_wrapper_cover {
	transform: scale(1);
}

.venue_section .container {
	background: linear-gradient(to right, rgba(159, 10, 132, .2) 0%, rgba(37,114,186,.2) 100%);
	width: 100%;
	height: 100%;
	padding: var(--vw80) var(--vw40);
}

.venue_content {
	transition: opacity .4s 1.6s;
}

.venue_content .btn_wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--vw16);
	margin-top: var(--vw32);
}

@media screen and (min-width: 768px) {
	.venue_content {
		width: 50%;
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (min-width: 992px) {
	.venue_content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}

	.venue_section_wrapper {
		aspect-ratio: 5 / 2;
	}

	.venue_content .btn_wrapper {
		flex-direction: row;
	}

	.venue_content .btn_wrapper > * {
		flex: 1;
	}

	.venue_section .img_wrapper_cover > img {
		object-position: center 70%;
	}
}

/*--------------------------------------------------------------
# 案内
--------------------------------------------------------------*/
.information_section {
	margin: var(--grid-gap) 0;
	padding: 0 var(--grid-gap);
	overflow: hidden;
}

.information_section h2.front_h2 {
	font-size: var(--vw20);
	font-weight: 700;
	width: fit-content;
    line-height: 2.5em;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 0;
    padding: .5em 0;
	text-align: center;
}

.information_section_wrapper {
	overflow: hidden;
}

.information_section .img_wrapper_cover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: scale(1.3);
	filter: grayscale(1) contrast(1.6) brightness(.5);
	transition: transform .4s 1s;
}

.information_section .animate__show .img_wrapper_cover {
	transform: scale(1);
}

.information_section .container {
	background: linear-gradient(to right, rgba(159, 10, 132, .4) 0%, rgba(37,114,186,.4) 100%);
	width: 100%;
	height: 100%;
	padding: var(--vw40);
}

.information_content {
	transition: opacity .4s 1.6s;
}

.information_content .btn_wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--vw16);
	margin-top: var(--vw24);
}

@media screen and (min-width: 768px) {
	.information_content {
		width: 75%;
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (min-width: 992px) {
	.information_content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}

	.information_content .btn_wrapper {
		flex-direction: row;
	}

	.information_content .btn_wrapper > * {
		flex: 1;
	}

	.information_section .img_wrapper_cover > img {
		object-position: center 70%;
	}

	.information_section h2.front_h2 {
		font-size: var(--vw24);
	}

	.information_section a.btn_bordered {
		max-width: 400px;
		margin: auto;
	}

	.information_section .container {
		padding: var(--vw80) 0;
	}
}


/*--------------------------------------------------------------
# スポンサー, 展示会
--------------------------------------------------------------*/
.sponsor_section .container,
.display_section .container {
	width: var(--container-width);
	padding: var(--vw40) 0;
	overflow: visible;
}

.display_section .container {
	padding: var(--vw80) 0 var(--vw40);
}

.sponsor_section_wrapper,
.display_section_wrapper {
	position: relative;
	padding-top: var(--vw24);
}

.sponsor_h2,
.display_h2 {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--vw24);
	top: 0;
	z-index: 3;
}

.display_h2 {
	font-size: var(--vw20);
}

.sponsor_h2 > span,
.display_h2 > span {
	display: block;
	background: var(--color-background);
	clip-path: polygon(0 0, 100% 10%, 96% 87%, 4% 100%);
	padding: 1em 1.5em;
}

.sponsor_h2::before,
.display_h2::before {
	content: '';
	position: absolute;
	display: block;
	background: linear-gradient(to right, rgb(39, 62, 141, 1) 0%, rgb(110, 41, 136, 1) 100%);
	clip-path: polygon(0 0, 100% 8%, 96% 89%, 5% 100%);
	width: 105%;
	height: 105%;
}

.display_h2 > span {
	clip-path: polygon(0 2%, 100% 10%, 98% 90%, 1% 98%);
}

.display_h2::before {
	background: linear-gradient(to right, rgb(39, 62, 141, 1) 0%, rgb(156, 11, 131, 1) 100%);
	clip-path: polygon(0 0, 100% 8%, 98% 96%, 2% 100%);
}

h3.sponsor_h3 {
	position: relative;
	font-family: var(--font-accent);
	font-size: var(--vw16);
	font-weight: 500;
	font-style: italic;
	color: #fff;
	background: linear-gradient(to right, rgb(39, 62, 141, 1) 0%, rgb(110, 41, 136, 1) 100%);
	width: fit-content;
	line-height: 1em;
	margin-right: auto;
	margin-left: auto;
	clip-path: polygon(0 5%, 100% 0, 98% 100%, 2% 96%);
	margin-bottom: var(--vw16);
	padding: 4px;
	letter-spacing: .25em;
}

h3.sponsor_h3:not(:first-child) {
	margin-top: var(--vw32);
}

.sponsor_h3 > span {
	display: block;
	background: var(--color-background);
	clip-path: polygon(0 5%, 100% 0, 98% 100%, 2% 96%);
	padding: .5em 2em;
}

.sponsor_body_wrapper,
.display_body_wrapper {
	position: relative;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding: calc(var(--vw16) / 2);
}

.sponsor_body_wrapper::after,
.display_body_wrapper::after {
	content: '';
	position: absolute;
	display: block;
	background: linear-gradient(to right, rgb(39, 62, 141, 1) 0%, rgb(159, 10, 131, 1) 100%);
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	top: 50%;
	left: 50%;
	clip-path: polygon(1% 0, 100% 2.5%, 97.5% 98.5%, 1% 99.5%);
	transform: translate(-50%, -50%);
}

.sponsor_body_wrapper::after {
	clip-path: polygon(1% 0, 100% 1%, 97.5% 98.5%, 1% 99%);
}

.sponsor_body,
.display_body {
	position: relative;
	background: #fff;
	padding: var(--vw80) var(--vw24) var(--vw40);
	clip-path: polygon(1% 1%, 100% 2.3%, 98.5% 98.5%, 2.3% 99%);
	z-index: 2;
}

.sponsor_body {
	padding: var(--vw80) var(--vw24) var(--vw64);
	clip-path: polygon(1% 1%, 100% 1.3%, 98.5% 98.5%, 2.3% 98.75%);
}

.sponsor_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: var(--vw16);
	list-style: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}

.sponsor_list_item {
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 2 / 1;
	width: 100%;
}

.sponsor_list a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.sponsor_list a > img {
	object-fit: contain;
	width: 90%;
	height: 90%;
}

.sponsor_list:not(:last-child) {
	margin-bottom: var(--vw24);
}

.sponsor_list_kyousai,
.sponsor_list_kyousanGold {
	width: 80%;
}

.sponsor_list_kyousanGold .sponsor_list_item {
	width: 100%;
}

.sponsor_list_kouen .sponsor_list_item,
.sponsor_list_kyousanSilver .sponsor_list_item {
	width: calc((100% - var(--vw16)) / 2);
}

.sponsor_list_kyousanBlonze,
.sponsor_list_kyouryoku {
	gap: calc(var(--vw16) / 2);
}

.sponsor_list_kyousanBlonze .sponsor_list_item,
.sponsor_list_kyouryoku .sponsor_list_item {
	width: calc((100% - (var(--vw16) / 2) * 2) / 3);
}

@media screen and (min-width: 768px) {
	.sponsor_list {
		gap: var(--vw24);
	}

	.sponsor_body_wrapper,
	.display_body_wrapper {
		padding: var(--vw16);
	}

	.display_body {
		clip-path: polygon(1% 1%, 100% 2%, 98.5% 98.5%, 2% 99%);
		padding: var(--vw80);
	}

	.sponsor_body {
		clip-path: polygon(1% 1%, 100% 1.2%, 98.5% 98.5%, 2% 99%);
		padding: var(--vw80);
	}

	.display_body_wrapper::after {
		clip-path: polygon(1% 0, 100% 2.5%, 97.5% 98%, 1% 100%);
	}

	.sponsor_body_wrapper::after {
		clip-path: polygon(1% 0, 100% 0.5%, 97.5% 98.5%, 1% 100%);
	}

	.sponsor_h2::before,
	.display_h2::before {
		background: linear-gradient(to right, rgb(39, 62, 141, 1) 0%, rgb(77, 52, 138, 1) 100%);
		width: 110%;
		height: 110%;
	}

	.sponsor_list_kyousai,
	.sponsor_list_kyousanGold {
		width: 95%;
	}

	.sponsor_list_kyousai .sponsor_list_item,
	.sponsor_list_kyousanGold .sponsor_list_item {
		width: calc((100% - var(--vw24)) / 2);
	}

	.sponsor_list_kouen .sponsor_list_item,
	.sponsor_list_kyousanSilver .sponsor_list_item {
		width: calc((100% - (var(--vw24) * 2)) / 3);
	}

	.sponsor_list_kyousanBlonze .sponsor_list_item,
	.sponsor_list_kyouryoku .sponsor_list_item {
		width: calc((100% - (var(--vw24) * 3)) / 4);
	}	
}

@media screen and (min-width: 992px) {
	.sponsor_section .container {
		width: 80%;
		padding: var(--vw80) 0;
	}

	.display_section .container {
		width: 80%;
		padding: calc(var(--vw80) * 2) 0 var(--vw80);
	}

	.sponsor_h2::before {
		background: linear-gradient(to right, rgb(39, 62, 141, 1) 0%, rgb(62, 56, 139, 1) 100%);
	}

	.sponsor_list_kyousai,
	.sponsor_list_kyousanGold {
		width: 80%;
	}
}

@media screen and (min-width: 1200px) {
	.sponsor_section .container {
		width: 65%;
	}
}

/* 小さいロゴ用 */
.sponsor_list #sotetsu a > img,
.sponsor_list #otayado a > img {
	width: 100%;
	height: 100%;
}

/* 大きいロゴ用 */
.sponsor_list #yokohama-shi a > img,
.sponsor_list #senzan-group a > img,
.sponsor_list #kajima a > img,
.sponsor_list #viale a > img,
.sponsor_list #yusei a > img {
	width: 80%;
	height: 80%;
}

/* その他ロゴ用 */
.sponsor_list #daiwa-house a > img,
.sponsor_list #okayama a > img,
.sponsor_list #taisei a > img {
	width: 110%;
	height: 110%;
}

.sponsor_list #sega-puyopuyo a > img {
	width: 120%;
	height: 120%;
}

/*--------------------------------------------------------------
# 展示会
--------------------------------------------------------------*/
.display_body {
	display: flex;
	flex-direction: column;
	gap: var(--vw32);
}

.display_parag,
.display_section .dl_overview {
	color: var(--color-background);
}

.display_section .dl_overview dt {
	border-color: var(--color-background);
}

.display_credit {
	font-size: calc(var(--vw16) * .75);
	color: var(--color-background);
	text-align: right;
}

.display_credit a {
	display: inline;
}

@media screen and (max-width: 767px) {
	.display_section .dl_overview {
		grid-template-columns: 1fr;
	}

	.display_section .dl_overview dt {
		margin-top: .5em;
	}
}

@media screen and (min-width: 992px) {
	.display_body {
		flex-direction: row;
	}

	.display_body > * {
		flex: 1;
	}

	.display_img_wrapper {
		max-width: 400px;
	}
}

@media screen and (min-width: 1200px) {
	.display_img_wrapper {
		max-width: 480px;
	}
}

/*--------------------------------------------------------------
# 大会ルール、ご案内
--------------------------------------------------------------*/
h1.regulation_h1,
h1.information_h1 {
	font-size: 1.5rem;
	line-height: 1.5em;
	margin-bottom: 2.5rem;
}

h1.regulation_h1 > *:first-child {
	font-size: 1rem;
}

h2.regulation_h2,
h2.information_h2 {
	display: inline-block;
	font-size: 1rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
	padding: .25em 1.5em;
	border: 1px solid var(--color-text-primary);
}

h2.information_h2 {
	margin-top: 2.5rem;
}

h3.information_h3 {
	display: flex;
	align-items: center;
	font-size: 1.1rem;
	margin: 1.75rem 0 .75rem;
}

h3.information_h3::before {
	content: '';
	display: inline-block;
	width: .25em;
	height: 1.25em;
	background: var(--color-text-primary);
	margin-right: .5em;
}

.regulation_table {
	margin: 0;
}

.regulation_table tr {
	display: grid;
	gap: .6rem;
	text-align: left;
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #8d8d8d;
}

.regulation_table td {
	font-size: .9rem;
}

@media screen and (min-width: 768px) {
	.regulation_table tr {
		grid-template-columns: 14rem 1fr;
	}
}

/*--------------------------------------------------------------
# スケジュール
--------------------------------------------------------------*/
.schedule_section .tab_area {
	padding: 1.5rem 0;
}

.schedule_grid {
	display: grid;
	grid-template-columns: calc(1.25rem * 4) 1fr;
	font-size: 1rem;
}

.schedule_section .area_grid_item {
	background: transparent;
}

.schedule_hour,
.schedule_program {
	padding: 1.25rem 1.5rem;
}

.schedule_hour {
	font-family: var(--font-number);
	font-style: normal;
	font-size: 1.25rem;
	font-weight: 600;
	padding-left: 0;
	border-right: 1px solid var(--color-text-primary);
	line-height: 1.5em;
	white-space: nowrap;
}

.schedule_hour_end {
	display: block;
	font-size: .9rem;
	padding-top: .5em;
	line-height: 1em;
}

.schedule_hour_end::before {
	content: '\f0da';
	font-family: 'Font Awesome 6 Sharp';
	font-weight: 700;
	padding-right: .5em;
}

.schedule_program {
	font-weight: 700;
	line-height: 1.75em;
}

.schedule_program_note {
	display: block;
	font-size: .9rem;
	font-weight: 500;
	padding-top: .5em;
}

.schedule_tab_menu {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .5rem;
	list-style: none;
	padding: 0;
}

.tab_menu_item a {
	display: block;
	font-family: var(--font-number);
	font-weight: 700;
	color: #777;
	background: var(--color-background);
	width: 100%;
	text-align: center;
	padding: .5rem 0;
	border: 1px solid;
}

.tab_menu_item.active a,
.tab_menu_item a:hover {
	color: var(--color-text-primary);
}

.schedule_section .area_grid {
	position: relative;
}

.schedule_section .area_grid_item:first-child {
	position: sticky;
	height: fit-content;
	top: 1rem;
	z-index: 2;
}

@media screen and (min-width: 768px) {
	.schedule_section .tab_area {
		padding: 0 5rem;
	}

	.schedule_program br {
		content: '';
		padding-left: .5em;
	}

	.schedule_section .area_grid {
		grid-template-columns: 1fr 3fr;
	}

	.schedule_tab_menu {
		grid-template-columns: 1fr;
	}
}

/*--------------------------------------------------------------
# キャスター
--------------------------------------------------------------*/
.cast_grid {
	display: grid;
	gap: var(--grid-gap);
}

.cast_grid_item {
	display: grid;
	gap: var(--grid-gap);
	width: 100%;
}

.img_wrapper_cast {
	width: 100%;
	height: 100%;
}

.img_wrapper_cast > img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

h2.cast_h2 {
	font-size: calc(var(--vw16) * .9);
	font-style: italic;
	font-weight: 500;
	width: fit-content;
	line-height: 1.5em;
	padding: .5em 1em;
	border: 1px solid var(--color-text-primary);
}

.cast_name {
	font-size: var(--vw20);
	font-weight: 700;
	line-height: 1em;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}

.cast_grid_text p {
	font-size: calc(var(--vw16) * .8);
	font-weight: 500;
	line-height: 2em;
}

.cast_grid_spacer_inner_before > span,
.cast_grid_spacer_inner_after > span,
.cast_grid_spacer_outer_before > span,
.cast_grid_spacer_outer_after > span {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.cast_grid_spacer_inner_before > span::before,
.cast_grid_spacer_inner_after > span::before,
.cast_grid_spacer_outer_before > span::before,
.cast_grid_spacer_outer_after > span::before {
	content: '';
	width: 100%;
	height: 100%;
	opacity: .75;
	filter: grayscale(1) contrast(1.5);
}

.cast_grid_spacer_inner_before > span::before,
.cast_grid_spacer_outer_before > span::before {
	background: url(../img/asset/bg_common.webp) 15% center / cover no-repeat;
}

.cast_grid_spacer_inner_after > span::before,
.cast_grid_spacer_outer_after > span::before {
	background: url(../img/asset/bg_common.webp) 85% center / cover no-repeat;
}

.cast_grid_spacer_inner_before > span::after,
.cast_grid_spacer_inner_after > span::after,
.cast_grid_spacer_outer_before > span::after,
.cast_grid_spacer_outer_after > span::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	mix-blend-mode: color;
	opacity: .5;
}

.cast_grid_spacer_inner_before > span::after,
.cast_grid_spacer_outer_before > span::after {
	background: linear-gradient(to right, rgba(159, 10, 132, 1) 0%, #7d3898 100%);
}

.cast_grid_spacer_inner_after > span::after,
.cast_grid_spacer_outer_after > span::after {
	background: linear-gradient(to right, #5757a9 0%, rgba(37,114,186, 1) 100%);
}

.cast_section .fadeIn {
	transition: opacity .4s 1.4s;
}

.cast_x {
	display: inline-block;
	margin-left: .5em;
	color: var(--color-text-primary);
}

@media screen and (max-width: 767px) {
	.cast_grid_item {
		grid-auto-columns: 100%;
		grid-template-columns: 1fr 3fr 1fr;
	}

	.cast_grid_spacer_inner_before,
	.cast_grid_spacer_inner_after {
		display: flex;
		width: 100%;
	}

	.cast_grid_spacer_inner_before > span,
	.cast_grid_spacer_inner_after > span,
	.cast_grid_spacer_inner_before > span::before,
	.cast_grid_spacer_inner_after > span::before,
	.cast_grid_spacer_inner_before > span::after,
	.cast_grid_spacer_inner_after > span::after {
		display: block;
	}

	.cast_grid_spacer_inner_before > span::before,
	.cast_grid_spacer_inner_after > span::before,
	.cast_grid_spacer_outer_before > span::before,
	.cast_grid_spacer_outer_after > span::before {
		transform: scale(1.5);
	}

	.cast_section .container {
		padding: var(--vw40) var(--vw32);
	}

	.cast_grid_text {
		grid-column: span 3;
	}

	.img_wrapper_cast {
		aspect-ratio: 3 / 4;
	}
}

/* @media screen and (min-width: 768px) and (max-width: 991px) {
	.cast_grid_item {
		display: flex;
		flex-direction: column;
	}

	.cast_grid_text {
		flex: 1;
	}
} */

@media screen and (min-width: 768px) {
	.cast_grid {
		grid-auto-columns: 100%;
		grid-template-columns: 1fr 6fr 1fr;
	}

	.cast_grid_spacer_inner_before,
	.cast_grid_spacer_inner_after {
		display: none;
	}

	.cast_grid_spacer_outer_before > span,
	.cast_grid_spacer_outer_after > span,
	.cast_grid_spacer_outer_before > span::before,
	.cast_grid_spacer_outer_after > span::before,
	.cast_grid_spacer_outer_before > span::after,
	.cast_grid_spacer_outer_after > span::after {
		display: block;
	}

	.cast_grid_item {
		grid-template-columns: 1fr 1.5fr;
	}

	.cast_grid_spacer_outer_before {
		grid-row: 1 / 6;
		grid-column: 1 / 2;
	}

	.cast_grid_spacer_outer_after {
		grid-row: 1 / 6;
		grid-column: -1 / -2;
	}

	.cast_grid_text .container {
		padding: var(--vw24);
	}

	/* .cast_grid_item:nth-child(4),
	.cast_grid_item:nth-child(5) {
		grid-template-columns: 1.5fr 1fr;
	}

	.cast_grid_item:nth-child(4) .cast_grid_image,
	.cast_grid_item:nth-child(5) .cast_grid_image {
		order: 2;
	} */
}

@media screen and (min-width: 992px) {
	.cast_grid {
		grid-auto-columns: 100%;
		grid-template-columns: 1fr 7fr 7fr 1fr;
	}

	.cast_grid_spacer_outer_before {
		grid-row: 1 / 3;
		grid-column: 1 / 2;
	}

	.cast_grid_spacer_outer_after {
		grid-row: 1 / 3;
		grid-column: -1 / -2;
	}
}

/*--------------------------------------------------------------
# プライバシーポリシー
--------------------------------------------------------------*/
h1.privacy_h1,
h1.contact_h1,
h1.page_h1 {
	font-size: 1.5rem;
	margin-bottom: 2.5rem;
}

h2.privacy_h2 {
	font-size: 1rem;
	margin-bottom: 1.5rem;
}

.privacy_section {
	margin-top: 2.5rem;
}

/*--------------------------------------------------------------
# リザルト
--------------------------------------------------------------*/
h2.result_h2 {
	font-family: var(--font-accent);
	font-size: var(--vw20);
	font-style: italic;
	font-weight: 500;
	width: fit-content;
	line-height: 1em;
	margin: var(--vw64) auto;
	padding: .5em 1.5em;
	border: 1px solid var(--color-text-primary);
}

.result_section .container {
	width: var(--container-width);
	margin-right: auto;
	margin-left: auto;
}

.result_wrapper_grid {
	display: flex;
	flex-wrap: wrap;
	gap: var(--grid-gap);
}

.result_item_winner {
	width: 100%;
}

.result_item_2nd {
	width: 100%;
}

.result_item_3rd,
.result_item_4th {
	width: calc((100% - var(--grid-gap)) / 2);
}

.result_item_inner {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
}

.result_item_inner::before {
	content: '';
	position: absolute;
	display: block;
	background: url(../img/asset/bg_edit.webp) center center / cover no-repeat;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.result_item_3rd .result_item_inner::before {
	background-position: left center;
}

.result_item_4th .result_item_inner::before {
	background-position: right center;
}

.result_item_inner::after {
	content: '';
	position: absolute;
	display: block;
	background: linear-gradient(to right top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
}

.result_item_winner .result_item_inner {
	aspect-ratio: 4 / 3;
}

.result_item_2nd .result_item_inner {
	aspect-ratio: 7 / 4;
}

.result_item_3rd .result_item_inner,
.result_item_4th .result_item_inner {
	aspect-ratio: 4 / 5;
}

.result_item_photo {
	position: absolute;
	width: 100%;
	z-index: 2;
}

.result_item_photo > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.result_item_inner_puyopuyo .result_item_photo {
	aspect-ratio: 16 / 9;
	width: 80%;
	top: 0;
	right: 0;
	border-left: 3px solid var(--color-background);
	border-bottom: 3px solid var(--color-background);
}

.result_item_2nd .result_item_inner_puyopuyo .result_item_photo {
	width: 65%;
}

.result_item_3rd .result_item_inner_puyopuyo .result_item_photo,
.result_item_4th .result_item_inner_puyopuyo .result_item_photo {
	width: 90%;
}

.result_item_character {
	filter: brightness(0) drop-shadow(8px 8px 0 #000);
	transition: filter .4s 1.4s;
}

.result_item_text {
	transition: opacity .4s 1.4s;
}

.animate__show.result_item .result_item_character {
	position: absolute;
	filter: brightness(1) drop-shadow(8px 8px 0 #000);
	z-index: 3;
}

.result_item_winner .result_item_character.result_item_character_ggst {
	width: 175%;
	max-width: none;
	top: 50%;
	left: 50%;
	transform: translate(-35%, -40%);
}

.result_item_2nd .result_item_character.result_item_character_ggst {
	width: 160%;
	max-width: none;
	top: 50%;
	left: 50%;
	transform: translate(-37%, -33%);
}

.result_item_3rd .result_item_character.result_item_character_ggst {
	max-width: none;
}

.result_item_3rd .result_item_character.result_item_character_ggst:first-child {
	width: 150%;
	top: 50%;
	left: 50%;
	transform: translate(-30%, -40%);
}

.result_item_3rd .result_item_character.result_item_character_ggst:nth-child(2) {
	width: 150%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -30%);
}

.result_item_3rd .result_item_character.result_item_character_ggst:nth-child(3) {
	width: 180%;
	top: 50%;
	left: 50%;
	transform: translate(-40%, -15%);
}

.result_item_4th .result_item_character.result_item_character_ggst {
	width: 175%;
	max-width: none;
	top: 50%;
	left: 50%;
	transform: translate(-35%, -50%);
}

.result_item_winner .result_item_character.result_item_character_gbvsr {
	width: 130%;
	max-width: none;
	top: 50%;
	left: 50%;
	transform: translate(-35%, -46%);
}

.result_item_2nd .result_item_character.result_item_character_gbvsr {
	width: 120%;
	max-width: none;
	top: 50%;
	left: 50%;
	transform: translate(-35%, -40%);
}

.result_item_3rd .result_item_character.result_item_character_gbvsr {
	width: 220%;
	max-width: none;
	top: 50%;
	left: 50%;
	transform: translate(-43%, -36%);
}

.result_item_4th .result_item_character.result_item_character_gbvsr {
	width: 210%;
	max-width: none;
	top: 50%;
	left: 50%;
	transform: translate(-49%, -28%);
}

.result_item_text {
	position: relative;
	font-weight: 500;
	top: auto;
	bottom: 0;
	padding: var(--vw16);
	filter: drop-shadow(0 0 1px #000);
	z-index: 4;
}

.result_item_ggst .result_item_text,
.result_item_gbvsr .result_item_text {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.result_item_title {
	font-size: calc(var(--vw16) * .75);
	font-weight: 700;
	line-height: 1.5em;
	margin-bottom: calc(var(--vw16) * .5);
}

.result_item_3rd .result_item_title,
.result_item_4th .result_item_title {
	margin-bottom: calc(var(--vw16) * .25);
}

.result_item_ggst .result_item_title,
.result_item_gbvsr .result_item_title {
	margin-bottom: auto;
}

.result_item_title > span {
	display: block;
}

.result_item_place {
	font-family: var(--font-accent);
	font-size: var(--vw32);
	font-weight: 700;
	font-style: italic;
	line-height: 1em;
	margin-bottom: var(--vw16);
}

.result_item_3rd .result_item_place,
.result_item_4th .result_item_place {
	font-size: var(--vw24);
	margin-bottom: calc(var(--vw16) * .5);
}

.result_item_ggst .result_item_place,
.result_item_gbvsr .result_item_place {
	margin-bottom: calc(var(--vw16) * .25);
}

.result_player {
	font-family: var(--font-accent);
	font-size: var(--vw20);
	font-weight: 700;
	line-height: 1em;
}

.result_item_3rd .result_player,
.result_item_4th .result_player {
	font-size: var(--vw16);
	line-height: 1em;
	letter-spacing: -0.05em;
}

.result_item_inner_puyopuyo .result_player {
	margin-bottom: var(--vw16);
}

.result_item_3rd .result_item_inner_puyopuyo .result_player,
.result_item_4th .result_item_inner_puyopuyo .result_player {
	margin-bottom: calc(var(--vw16) * .5);
}

.result_item_ggst .result_player,
.result_item_gbvsr .result_player {
	font-size: var(--vw32);
	line-height: 1.25em;
}

.result_item_ggst.result_item_3rd .result_player,
.result_item_ggst.result_item_4th .result_player,
.result_item_gbvsr.result_item_3rd .result_player,
.result_item_gbvsr.result_item_4th .result_player {
	font-size: var(--vw20);
	line-height: 1.25em;
}

.result_item_ggst .result_player,
.result_item_gbvsr .result_player {
	font-size: var(--vw32);
	line-height: 1.25em;
}

.result_player span {
	display: inline-block;
}

.result_player_unit {
	font-size: var(--vw16);
	font-weight: 700;
	line-height: 1.25em;
}

.result_player_unit span {
	display: inline-block;
}

.result_item_3rd .result_player_unit,
.result_item_4th .result_player_unit {
	font-size: calc(var(--vw16) * .75);
	line-height: 1.25em;
}

.result_player_unit span:not(:last-child){
	margin-right: .5em;
	padding-right: .5em;
	border-right: 1px solid var(--color-text-primary);
}

@media screen and (max-width: 991px) {
	.result_item_3rd .result_item_text,
	.result_item_4th .result_item_text {
		padding: calc(var(--vw16) * .5);
	}
}

@media screen and (min-width: 768px) {
	.animate__show .result_item_character {
		position: absolute;
		filter: brightness(1) drop-shadow(8px 8px 0 #000);
		z-index: 3;
	}

	.result_wrapper_grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}

	.result_item_winner {
		grid-column: span 2;
		grid-row: span 2;
	}

	.result_item_2nd {
		grid-column: span 2;
	}

	.result_item_3rd,
	.result_item_4th {
		width: 100%;
	}

	.result_item_winner .result_item_inner {
		aspect-ratio: auto;
		height: 100%;
	}

	.result_item_winner .result_item_place {
		font-size: var(--vw40);
		line-height: 1em;
	}

	.result_item_winner.result_item_puyopuyo .result_player {
		font-size: var(--vw32);
		letter-spacing: -0.05em;
		line-height: 1.25em;
	}

	.result_item_winner.result_item_ggst .result_player,
	.result_item_winner.result_item_gbvsr .result_player {
		font-size: var(--vw40);
		line-height: 1.25em;
	}

	.result_item_winner .result_item_inner_puyopuyo .result_item_photo {
		width: 95%;
	}

	.result_wrapper_grid.animate__show .removeCover::before {
		transform: scale(1, 0);
	}

	.result_wrapper_grid.animate__show .removeCover::after {
		transform: scale(1, 0);
	}

	.result_wrapper_grid.animate__show .fadeIn {
		opacity: 1;
	}
}

@media screen and (min-width: 992px) {
	.result_section .container {
		width: 85%;
	}

	.result_item_puyopuyo.result_item_3rd .result_item_inner,
	.result_item_puyopuyo.result_item_4th .result_item_inner {
		aspect-ratio: 1 / 1;
	}

	.result_item_2nd .result_item_inner_puyopuyo .result_item_photo {
		width: 80%;
	}

	.result_item_title {
		font-size: var(--vw16);
		line-height: 1.25em;
	}

	.result_item_inner_puyopuyo .result_player {
		font-size: var(--vw32);
	}

	.result_item_winner.result_item_puyopuyo .result_player {
		font-size: calc(var(--vw40) * 1.25);
		line-height: 1.25em;
		margin-bottom: calc(var(--vw16) * .5);
	}

	.result_item_2nd.result_item_puyopuyo .result_player {
		font-size: var(--vw40);
		line-height: 1.25em;
		margin-bottom: calc(var(--vw16) * .5);
	}

	.result_item_winner .result_player_unit {
		font-size: var(--vw32);
	}

	.result_item_2nd .result_player_unit {
		font-size: var(--vw24);
	}

	.result_item_3rd .result_player_unit,
	.result_item_4th .result_player_unit {
		font-size: var(--vw16);
		line-height: 1.25em;
	}

	.result_item_puyopuyo.result_item_2nd .result_item_place {
		font-size: var(--vw40);
		line-height: 1.25em;
		margin-bottom: calc(var(--vw16)* .25);
	}
	

	.result_item_puyopuyo.result_item_3rd .result_item_place,
	.result_item_puyopuyo.result_item_4th .result_item_place {
		font-size: var(--vw32);
		line-height: 1.25em;
		margin-bottom: calc(var(--vw16)* .5);
	}
	
	.result_item_ggst .result_item_place,
	.result_item_gbvsr .result_item_place {
		font-size: var(--vw32);
		line-height: 1.25em;
	}

	.result_item_ggst.result_item_2nd .result_item_place,
	.result_item_gbvsr.result_item_2nd .result_item_place {
		font-size: var(--vw40);
		line-height: 1.25em;
	}

	.result_item_winner .result_item_place {
		font-size: var(--vw64);
		line-height: 1.25em;
		margin-bottom: calc(var(--vw16)* .25);
	}

	.result_item_winner.result_item_ggst .result_player,
	.result_item_winner.result_item_gbvsr .result_player {
		font-size: var(--vw80);
		line-height: 1em;
	}

	.result_item_2nd.result_item_ggst .result_player,
	.result_item_2nd.result_item_gbvsr .result_player {
		font-size: calc(var(--vw40) * 1.5);
		line-height: 1em;
	}

	.result_item_ggst.result_item_3rd .result_player,
	.result_item_ggst.result_item_4th .result_player {
		font-size: calc(var(--vw32) * 1.25);
		line-height: 1.25em;
	}

	.result_item_gbvsr.result_item_3rd .result_player,
	.result_item_gbvsr.result_item_4th .result_player {
		font-size: var(--vw40);
		line-height: 1.25em;
	}
}

/*--------------------------------------------------------------
# 配信アーカイブ
--------------------------------------------------------------*/
.stream_section {
	margin-top: var(--vw80);
	overflow: hidden;
}

.stream_section .area_grid_item {
	padding-bottom: var(--vw80);
}

.stream_iframe_wrapper > iframe {
	display: block;
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

.splide__stream {
	position: relative;
}

.splide__stream .splide__inner {
	position: relative;
}

.splide__stream .splide__track {
	overflow: visible;
}

.splide__stream .splide__list {
}

.splide__stream .splide__arrows {
	position: absolute;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0 var(--vw16);
	z-index: 3;
	pointer-events: none;
}

.splide__stream .splide__arrows button {
	background: transparent;
	padding: 0;
	border: none;
	cursor: pointer;
	pointer-events: all;
}

.splide__stream .splide__arrows .splide__arrow--prev {
	transform: rotate(180deg);
}

.splide__stream .splide__arrows svg {
	width: var(--vw40) !important;
	height: var(--vw40) !important;
	filter: drop-shadow(1px 1px 0px #fff) drop-shadow(-1px -1px 0px #fff) drop-shadow(-1px 1px 0px #fff) drop-shadow(1px -1px 0px #fff);
}

@media screen and (max-width: 767px) {
	.splide__stream .splide__inner {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		overflow: hidden;
	}
}

@media screen and (min-width: 768px) {
	.splide__stream .splide__arrows svg {
		width: var(--vw64) !important;
		height: var(--vw64) !important;
	}

	.splide__stream .splide__arrows {
		padding: 0 10%;
	}
}

@media screen and (min-width: 768px) {
	.splide__stream .splide__arrows svg {
		width: var(--vw80) !important;
		height: var(--vw80) !important;
	}

	.splide__stream .splide__arrows {
		padding: 0 11.5%;
	}
}