* {
	box-sizing: border-box;
}

html {
	-webkit-overscroll-behavior: none;
	overscroll-behavior: none;
}

body {
	margin: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	/* font-family: "游ゴシック体", "YuGothic", "游ゴシック Extra Bold",
		"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",
		"ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; */
	font-family: 'Noto Sans JP', 'メイリオ', 'ヒラギノ角ゴ StdN w6', sans-serif;
	background: url(../images/main/body_bg.jpg) no-repeat center top / 100% #000;
	color: #fff;
}

body.open_nav {
	overflow-y: hidden;
}

a {
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	transition: opacity 0.2s;
}

@media (hover: hover) and (pointer: fine) {
	a:hover {
		opacity: 0.7;
	}
}

h2,
p,
ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

b {
	font-family: 'メイリオ';
}

img {
	max-width: 100%;
	vertical-align: bottom;
	height: auto;
}

main {
	position: relative;
	margin: 160px auto 0;
	width: 100%;
	min-height: calc(100vh - 214px);
	background: url("../images/main/center_bg.jpg") no-repeat center / cover;
}

@media (max-width: 1199px) {
	main {
		width: 984px;
		min-height: calc(100vh - 239px);
		background-image: url("../images/main/center_bg_sp.jpg");
	}
}

@media screen and (max-width: 500px) {
	main {
		min-height: calc(100vh - 163px);
	}
}

main::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	background: url("../images/main/center_line.png") no-repeat top 340px center / contain;
}

.grayout {
	pointer-events: none;
}

@media screen and (max-width: 1199px) {
	.forsp {
		display: block !important;
	}

	.forpc {
		display: none !important;
	}
}

@media screen and (min-width: 1200px) {
	.forsp {
		display: none !important;
	}

	.forpc {
		display: block !important;
	}

	#center_box header {
		width: clamp(1000px, calc(100% - 200px), 1165px) !important;
	}

}

#all_wrapper {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	text-align: center;
	max-width: 1366px;
	margin: auto;
}

/* --- 左のバー --- */
#left_kotei_box {
	position: sticky;
	top: 0;
	z-index: 99;
	width: 100px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	background-color: #143A7D;
	transform: translateX(1px);
}

#left_kotei_box.move {
	z-index: 102;
}

#left_box {
	background: #143A7D;
	height: 100vh;
	width: 100px;
	z-index: 24;
}

#left_logo_btn {
	margin-top: 25px;
	height: 225px;
}

.nav_btn {
	width: 41px;
	height: 54px;
	position: relative;
	cursor: pointer;
	margin: auto;
}

.nav_btn .line {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 3px;
	margin: 0 auto;
	background: #fff;
	transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (max-width: 1199px) {
	.nav_btn .line {
		height: 5px;
	}
}

.nav_btn .line.white {
	background: #fff;
}

.nav_btn .line.top {
	top: 0px;
}

.nav_btn .line.middle {
	top: 12px;
}

.nav_btn .line.bottom {
	top: 24px;
}

.nav_btn.move .line.top {
	transform: rotate(135deg);
	top: 12px;
}

.nav_btn.move .line.middle {
	width: 0;
	opacity: 0;
}

.nav_btn.move .line.bottom {
	transform: rotate(-135deg);
	top: 12px;
}

@media screen and (max-width: 1199px) {
	.nav_btn .line.middle {
		top: 20px;
	}

	.nav_btn .line.bottom {
		top: 41px;
	}

	.nav_btn.move .line.top {
		transform: rotate(135deg);
		top: 20px;
	}

	.nav_btn.move .line.bottom {
		transform: rotate(-135deg);
		top: 20px;
	}
}

.nav_btn .nav_btn_text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

#nav_container_left {
	position: absolute;
	left: 0;
	top: 160px;
	width: min(calc(100vw - 200px), 1165px);
	height: calc(100vh - 160px);
	background: rgba(20, 58, 125, 0.9);
	padding-left: 30px;
	overflow-y: auto;
	will-change: transform;
	transform: translateX(100px) scaleX(0);
	transition: transform 0.5s cubic-bezier(0.19, 0.8, 0.22, 1);
	transform-origin: left;
	z-index: 23;
}

@media screen and (max-width: 1199px) {
	#nav_container_left {
		top: 100px;
		height: calc(100vh - 100px);
	}
}

@media screen and (max-width: 500px) {
	#nav_container_left {
		top: 70px;
		height: calc(100vh - 70px);
	}
}

#nav_container_left.move {
	transform: translateX(100px) scaleX(1);
}

#nav_container_left::-webkit-scrollbar {
	display: none;
}

#nav_wrapper_left {
	text-align: left;
	margin-top: 42px;
	padding-bottom: 250px;
	opacity: 0;
	padding-right: 20px;
	/* transition: opacity 0.5s; */
}

#nav_container_left.move #nav_wrapper_left {
	opacity: 1;
}

#nav_wrapper_left .nav_title {
	font-weight: bold;
	cursor: pointer;
	font-size: 22px;
}

#nav_wrapper_left .nav_title .nav_title_arrow {
	display: inline-block;
	margin-left: 20px;
	transform: rotate(0deg) translateY(-5px);
	transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

#nav_wrapper_left .nav_title.up .nav_title_arrow {
	transform: rotate(180deg) translateY(-5px);
}

#nav_wrapper_left .nav_title .nav_title_arrow::after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	border-left: solid 5px #fff;
	border-top: solid 5px #fff;
	transform: rotate(225deg) translate(2px, -2px);
	transform-origin: center;
}

/* #nav_wrapper_left .nav_title .nav_title_arrow img {
	vertical-align: baseline;
} */

.menu__title {
	text-align: center;
	font-size: 36px;
	color: transparent;
	background: linear-gradient(0deg, #BA9E38 10%, #FFF88F 50%, #BA9E38 70%);
	-webkit-background-clip: text;
	filter: drop-shadow(0 0 10px #000);
}

@media screen and (max-width: 1199px) {
	.menu__title {
		font-size: min(8vw, 52px);
	}
}

.menu__list--pickup-l {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 45px auto 0;
	width: 860px;
	font-weight: bold;
}

.menu__list--pickup-r {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 45px auto 0;
	width: 860px;
	font-weight: bold;
}

@media screen and (max-width: 1199px) {

	.menu__list--pickup-l,
	.menu__list--pickup-r {
		margin-top: min(7vw, 45px);
		width: min(100%, 750px);
	}
}

.menu__list--pickup-l li,
.menu__list--pickup-r li {
	margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {

	.menu__list--pickup-l li,
	.menu__list--pickup-r li {
		margin-bottom: 3%;
		width: 49%;
	}
}

/* .menu__list--pickup-l li:not(:nth-child(3n + 1)) {
	margin-left: 20px;
}
@media screen and (max-width: 1199px) {
	.menu__list--pickup-l li:not(:nth-child(3n + 1)) {
		margin-left: 0;
	}
} */
.menu__list--pickup-l li:not(:nth-child(4n + 1)),
.menu__list--pickup-r li:not(:nth-child(4n + 1)) {
	margin-left: 20px;
}

@media screen and (max-width: 1199px) {

	.menu__list--pickup-l li:not(:nth-child(4n + 1)),
	.menu__list--pickup-r li:not(:nth-child(4n + 1)) {
		margin-left: 0;
	}
}

@media screen and (max-width: 1199px) {

	.menu__list--pickup-l li:nth-child(even),
	.menu__list--pickup-r li:nth-child(even) {
		margin-left: 2%;
	}
}

@media screen and (max-width: 1199px) {
	.menu__list--pickup-l li:nth-of-type(6) {
		margin-left: 0;
		order: 1;
	}

	.menu__list--pickup-l li:nth-of-type(7) {
		margin-left: 2%;
	}

	.menu__list--pickup-l li:nth-of-type(8) {
		order: 1;
	}
}

.menu__link--left {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	cursor: pointer;
	margin: auto;
	width: 200px;
	height: 87px;
	text-align: center;
	font-size: 20px;
	letter-spacing: -0.5px;
	line-height: 1.2em;
	color: #143A7D;
	background: url("../images/main/white_btn.png") no-repeat center / cover;
}

@media screen and (max-width: 1199px) {
	.menu__link--left {
		width: 100%;
		height: min(15vw, 114px);
		font-size: min(3.6vw, 30px);
		background: url("../images/main/white_btn_sp.png") no-repeat center / 100% 100%;
	}
}

.menu__link--right {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	cursor: pointer;
	width: 200px;
	height: 87px;
	text-align: center;
	font-size: 20px;
	letter-spacing: -0.5px;
	line-height: 1.2em;
	color: #C11D34;
	background: url("../images/main/white_btn.png") no-repeat center / cover;
}

@media screen and (max-width: 1199px) {
	.menu__link--right {
		width: 100%;
		height: min(15vw, 114px);
		font-size: min(3.6vw, 30px);
		background: url("../images/main/white_btn_sp.png") no-repeat center / 100% 100%;
	}
}

.grayout .menu__link--left,
.grayout .menu__link--right {
	filter: grayscale(1);
}

.dento-btn {
	font-size: 16px;
}

@media screen and (max-width: 1199px) {
	.dento-btn {
		font-size: min(3vw, 23px);
	}
}

.menu__list--pickup-l p,
.menu__list--pickup-r p {
	margin-top: 5px;
	width: 60%;
}

@media screen and (max-width: 1199px) {

	.menu__list--pickup-l p,
	.menu__list--pickup-r p {
		width: 55%;
	}
}

.menu__list--pickup-l img,
.menu__list--pickup-r img {
	width: 100%;
}

.menu__list--global {
	display: flex;
	justify-content: space-between;
	margin: 50px auto 0;
	width: 1000px;
	color: #fff;
}

@media screen and (max-width: 1199px) {
	.menu__list--global {
		flex-flow: column;
		margin-top: min(7vw, 50px);
		width: min(95%, 750px);
	}
}

.menu__item--global {
	width: 32%;
}

@media screen and (max-width: 1199px) {
	.menu__item--global {
		margin: min(1.5vw, 10px) 0;
		width: 100%;
	}
}

.big-banner__wrapper {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 50px auto 0;
	width: 1000px;
}

@media screen and (max-width: 1199px) {
	.big-banner__wrapper {
		margin-top: min(7vw, 50px);
		width: min(95%, 750px);
	}
}

.big-banner__item {
	display: inline-block;
	width: min(90%, 300px);
}

.big-banner__item img {
	width: 100%;
}

#nav_wrapper_left ul.nav_each_btns {
	overflow: hidden;
	transition: max-height 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

#nav_wrapper_left ul.nav_each_btns li {
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	padding: 4px 8px;
	width: 100%;
	border-radius: 3px;
	color: #143A7D;
	background-color: #fff;
	height: 32px;
}

@media (hover: hover) and (pointer: fine) {
	#nav_wrapper_left ul.nav_each_btns li:hover {
		opacity: 0.7 !important;
	}
}

#nav_wrapper_left ul.nav_each_btns li a {
	display: block;
	color: #143A7D;
}

#nav_wrapper_left ul.nav_each_btns li.grayout a {
	color: #9e9e9e;
}

.left_radius_btns,
.right_radius_btns {
	display: flex;
	cursor: pointer;
	transition: color 0.3s, background 0.3s;
}

.left_radius_btns.pickup_racer,
.right_radius_btns.pickup_racer {
	line-height: 1;
	padding: 10px;
}

.radious_btns_arrow {
	position: absolute;
	right: 30px;
	top: -20px;
	bottom: 0;
	font-size: 16px;
	margin: auto;
	height: 25px;
	transform: rotate(138deg);
}

.right_radius_btns .radious_btns_arrow::before {
	background: #C11D34;
}

.right_radius_btns .radious_btns_arrow::after {
	background: #C11D34;
}

@media (hover: hover) and (pointer: fine) {

	.left_radius_btns:hover .radious_btns_arrow::before,
	.left_radius_btns:hover .radious_btns_arrow::after,
	.right_radius_btns:hover .radious_btns_arrow::before,
	.right_radius_btns:hover .radious_btns_arrow::after {
		background: #fff;
	}
}

#left_nav_dento {
	margin-top: 50px;
	width: 96%;
}

#left_nav_dento img {
	cursor: pointer;
}

#left_nav_pickup_racer {
	margin-top: 15px;
	width: 96%;
}

#left_nav_pickup_racer img {
	cursor: pointer;
}

#left_nav_photo {
	margin-top: 15px;
	width: 96%;
}

#left_nav_photo img {
	cursor: pointer;
}

#nav_container_right {
	position: absolute;
	right: 0;
	top: 160px;
	width: min(calc(100vw - 200px), 1166px);
	height: calc(100vh - 160px);
	background: rgba(193, 29, 52, 0.9);
	color: #fff;
	padding-left: 30px;
	overflow-y: auto;
	transform-origin: right;
	transform: translateX(-100px) scaleX(0);
	transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	will-change: transform;
	z-index: 22;
}

@media screen and (max-width: 1199px) {
	#nav_container_right {
		top: 100px;
		height: calc(100vh - 100px);
	}
}

@media screen and (max-width: 500px) {
	#nav_container_right {
		top: 70px;
		height: calc(100vh - 70px);
	}
}

#nav_container_right.move {
	transform: translateX(-100px) scaleX(1);
}

#nav_container_right::-webkit-scrollbar {
	display: none;
}

#nav_wrapper_right {
	text-align: left;
	margin-top: 42px;
	padding-bottom: 250px;
	opacity: 0;
	padding-right: 20px;
	/* transition: opacity 0.5s; */
}

#nav_container_right.move #nav_wrapper_right {
	opacity: 1;
}

#nav_wrapper_right .nav_title {
	font-weight: bold;
	cursor: pointer;
	font-size: 22px;
	text-align: center;
}

#nav_wrapper_right .nav_title .nav_title_arrow {
	display: inline-block;
	margin-left: 20px;
	transform: rotate(0deg);
	transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

#nav_wrapper_right .nav_title.up .nav_title_arrow {
	transform: rotate(180deg) translateY(-5px);
}

#nav_wrapper_right .nav_title .nav_title_arrow::after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	border-left: solid 5px #fff;
	border-top: solid 5px #fff;
	transform: rotate(225deg);
	transform-origin: center;
}

#nav_wrapper_right .nav_title .nav_title_arrow img {
	vertical-align: baseline;
}

#nav_wrapper_right ul.nav_each_btns {
	overflow: hidden;
	transition: max-height 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

#nav_wrapper_right ul.nav_each_btns li {
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	padding: 4px 8px;
	width: 100%;
	border-radius: 3px;
	color: #fff;
}

@media (hover: hover) and (pointer: fine) {
	#nav_wrapper_right ul.nav_each_btns li:hover {
		opacity: 0.7 !important;
	}
}

#nav_wrapper_right ul.nav_each_btns li a {
	display: block;
	text-decoration: none;
	color: #fff;
}

#nav_wrapper_right ul.nav_each_btns li.grayout a {
	color: #9e9e9e;
}

#right_nav_dento {
	margin-top: 50px;
	width: 96%;
}

#right_nav_dento img {
	cursor: pointer;
}

#right_nav_pickup_racer {
	margin-top: 15px;
	width: 96%;
}

#right_nav_pickup_racer img {
	cursor: pointer;
}

#right_nav_photo {
	margin-top: 15px;
	width: 96%;
}

#right_nav_photo img {
	cursor: pointer;
}

/* ハンバーガーメニューディレイ */
.delay_contents {
	transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
}

#nav_container_left.move .delay_contents,
#nav_container_right.move .delay_contents {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
}

#nav_container_left.move .menu__list--pickup-l li:first-child,
#nav_container_right.move .menu__list--pickup-r li:first-child {
	transition-delay: 0.1s;
}


#nav_container_left.move .menu__list--pickup-l li:nth-of-type(2),
#nav_container_right.move .menu__list--pickup-r li:nth-of-type(2) {
	transition-delay: 0.2s;
}

#nav_container_left.move .menu__list--pickup-l li:nth-of-type(3),
#nav_container_right.move .menu__list--pickup-r li:nth-of-type(3) {
	transition-delay: 0.3s;
}


#nav_container_left.move .menu__list--pickup-l li:nth-of-type(4),
#nav_container_right.move .menu__list--pickup-r li:nth-of-type(4) {
	transition-delay: 0.4s;
}

#nav_container_left.move .menu__list--pickup-l li:nth-of-type(5),
#nav_container_right.move .menu__list--pickup-r li:nth-of-type(5) {
	transition-delay: 0.5s;
}

#nav_container_left.move .menu__list--pickup-l li:nth-of-type(6),
#nav_container_right.move .menu__list--pickup-r li:nth-of-type(6) {
	transition-delay: 0.7s;
}

#nav_container_left.move .menu__list--pickup-l li:nth-of-type(7),
#nav_container_right.move .menu__list--pickup-r li:nth-of-type(7) {
	transition-delay: 0.8s;
}

#nav_container_left.move .menu__list--pickup-l li:last-child {
	transition-delay: 1s;
}

@media screen and (max-width: 1199px) {
	#nav_container_left.move .menu__list--pickup-l li:nth-of-type(6) {
		transition-delay: 0.8s;
	}

	#nav_container_left.move .menu__list--pickup-l li:nth-of-type(7) {
		transition-delay: 0.7s;
	}
}

#left_live_and_replay {
	margin-top: 10px;
}

#left_dento {
	margin-top: 40px;
}

.hover_fade_ani {
	position: relative;
	display: inline-block;
}

.fade_hover_second-image {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
	.hover_fade_ani:hover .fade_hover_second-image {
		opacity: 1;
	}
}

#left_dento img {
	cursor: pointer;
}

#left_sns_btns {
	margin-top: 40px;
}

#left_sns_btns ul {
	margin: 0;
	padding: 0;
}

#left_sns_btns li+li {
	margin-top: 13px;
}

#right_kotei_box {
	position: sticky;
	top: 0;
	z-index: 23;
	width: 100px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	background-color: #C11D34;
}

#right_kotei_box.move {
	z-index: 102;
}

#right_box {
	background: #C11D34;
	height: 100vh;
	width: 100px;
	z-index: 24;
}

#right_logo_btn {
	margin-top: 25px;
	height: 225px;
}

#right_live_and_replay {
	margin-top: 10px;
}

#right_dento {
	margin-top: 40px;
}

#right_dento img {
	cursor: pointer;
}

#right_sns_btns {
	margin-top: 40px;
}

#right_sns_btns ul {
	margin: 0;
	padding: 0;
}

#right_sns_btns li+li {
	margin-top: 13px;
}

.to_top_btn {
	position: fixed;
	bottom: 80px;
	right: calc(50% - min(38vw, 540px));
	width: 40px;
	opacity: 0;
	pointer-events: none;
	transition: opacity .6s;
}

@media screen and (max-width: 1199px) {
	.to_top_btn {
		/* bottom: clamp(120px, 30vw, 180px); */
		bottom: 12%;
		right: min(8vw, 50px);
		width: 10vw;
	}
}

.to_top_btn.show {
	opacity: 1;
	pointer-events: all;
}

/* .to_top_btn img {
	width: 100%;
} */


#center_box header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 105;
	width: calc(100% - 200px);
	margin: auto;
}

@media (min-width: 1200px) {
	#center_box header {
		width: clamp(1000px, calc(100% - 200px), 1165px);
	}
}

@media screen and (max-width: 1199px) {
	.header_sp {
		display: block;
	}
}

@media screen and (min-width: 1200px) {
	.header_sp {
		display: none;
	}

	.header_pc {
		display: block;
	}
}

#header_wrapper h1 {
	display: inline-block;
	cursor: pointer;
	margin: 0;
}

.center_box {
	position: relative;
	width: 100%;
}

.center_box #header_wrapper {
	background-color: rgba(0, 0, 0, 0.8);
	height: 160px;
}

.center_box header ul {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.center_box header li+li {
	margin-left: 70px;
	cursor: pointer;
}

.center_box header ul li a {
	font-size: 24px;
	color: #fff;
	text-decoration: none;
	position: relative;
	font-weight: bold;
	background: linear-gradient(0deg, #BA9E38 10%, #FFF88F 50%, #BA9E38 70%);
	-webkit-background-clip: text;
	transition: color 0.2s, filter 0.2s;
}

@media (hover: hover) and (pointer: fine) {
	.center_box header ul li a:hover {
		color: transparent;
		/* filter: drop-shadow(0 0 10px #000); */
		opacity: 1;
	}
}

#main_visual_container {
	/* filter: grayscale(1); */
	position: relative;
	margin: auto;
	width: 1000px;
}

@media screen and (max-width: 1199px) {
	#main_visual_container {
		width: min(100%, 750px);
	}
}

body.start_loading #main_visual_container {
	animation: grayscale 1.2s 3.4s forwards;
}

body.start_loading.second_time #main_visual_container {
	animation: none;
}

@keyframes grayscale {
	0% {
		filter: grayscale(1) brightness(1);
	}

	30% {
		filter: grayscale(1) brightness(1);
	}

	40% {
		filter: grayscale(0) brightness(10);
	}

	100% {
		filter: grayscale(0) brightness(1);
	}
}

.second_time #main_visual_container {
	filter: grayscale(0);
	animation: none;
}

.mv_img_mv {
	width: 100%;
}

.mv_img_title_w {
	position: absolute;
	left: 5%;
	bottom: 6.3%;
	width: 42.6%;
	/* opacity: 0;
	visibility: hidden;
	transform: translateX(-100%);
	transition: opacity 1s 1.4s, transform 0.6s 1.4s; */
}

@media screen and (max-width: 1199px) {
	.mv_img_title_w {
		bottom: 2%;
		width: 59%;
	}
}

body.start_loading .mv_img_title_w {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.mv_img_title_e {
	position: absolute;
	right: 4%;
	bottom: 6.3%;
	width: 42.2%;
	/* opacity: 0;
	visibility: hidden;
	transform: translateX(100%);
	transition: opacity 1s 1.4s, transform 0.6s 1.4s; */
}

@media screen and (max-width: 1199px) {
	.mv_img_title_e {
		top: 0.9%;
		bottom: auto;
		width: 57%;
	}
}

body.start_loading .mv_img_title_e {
	opacity: 1;
	transform: translateX(0);
	visibility: visible;
}

.mv_img_logo_w {
	position: absolute;
	left: 3%;
	top: 23.2%;
	width: 10.7%;
	/* opacity: 0;
	visibility: hidden;
	transform: translateY(-100%);
	transition: opacity 1s 2s, transform 0.6s 2s; */
}

@media screen and (max-width: 1199px) {
	.mv_img_logo_w {
		top: auto;
		bottom: 5%;
		left: auto;
		right: 4%;
		width: 15.3%;
	}
}

body.start_loading .mv_img_logo_w {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.mv_img_logo_e {
	position: absolute;
	right: 2.3%;
	top: 24.6%;
	width: 10.7%;
	/* opacity: 0;
	visibility: hidden;
	transform: translateY(100%);
	transition: opacity 1s 2s, transform 0.6s 2s; */
}

@media screen and (max-width: 1199px) {
	.mv_img_logo_e {
		top: 7.1%;
		left: 3.7%;
		right: auto;
		width: 15.3%;
	}
}

body.start_loading .mv_img_logo_e {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.mv_img_catch {
	position: absolute;
	top: 4%;
	left: 50%;
	transform: translateX(-50%);
	width: 58.8%;
	/* opacity: 0;
	visibility: hidden; */
	/* transform: scale(5) translateX(-50%); */
	/* transform-origin: center left;
	transition: opacity 1.3s 2.7s, transform 1.1s 2.7s cubic-bezier(0.075, 0.82, 0.165, 1); */
}

@media screen and (max-width: 1199px) {
	.mv_img_catch {
		top: 51%;
		left: 50.6%;
		width: 83%;
		/* transform: scale(5) translate(-50%, -50%); */
		transform-origin: top left;
	}
}

body.start_loading .mv_img_catch {
	opacity: 1;
	visibility: visible;
	transform: scale(1) translateX(-50%);
}

@media screen and (max-width: 1199px) {
	body.start_loading .mv_img_catch {
		transform: scale(1) translate(-50%, -50%);
	}
}

.mv_img_dynamite {
	position: absolute;
	right: 3%;
	top: 3.5%;
	width: 15%;
}

@media screen and (max-width: 1199px) {
	.mv_img_dynamite {
		right: auto;
		top: 2.4%;
		left: 4%;
		width: 11%;
	}
}

/* --- ピックアップボタン --- */
.pickup__container {
	position: relative;
	padding: 20px 0;
	background-color: rgba(0, 0, 0, 0.85);
}

@media screen and (max-width: 1199px) {
	.pickup__container {
		padding: 10px;
	}
}

.pickup__list {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: auto;
	max-width: 750px;
}

@media screen and (max-width: 1199px) {
	.pickup__list {}
}

.pickup__item {
	margin: 10px 0;
}

.pickup__item:nth-of-type(3) {
	margin-left: 15px;
}

@media screen and (max-width: 1199px) {
	.pickup__item {
		margin: 5px 0;
		width: 50%;
	}

	.pickup__item:nth-of-type(3) {
		margin-left: 0;
	}
}

.pickup__item:first-child {
	width: 100%;
}

@media screen and (max-width: 1199px) {
	.pickup__item:first-child img {
		width: 100%;
	}
}

.pickup__item img {
	pointer-events: none;
}


/* NEWS */
.news_container {
	margin-top: 25px;
	padding-bottom: 20px;
	position: relative;
}

@media screen and (max-width: 1199px) {
	.news_container {
		/* padding-bottom: clamp(70px, 25vw, 110px); */
		padding-bottom: min(10vw, 70px);
		;
	}
}

.news_container h3 {
	margin: 0;
	margin-bottom: 15px;
	font-weight: 800;
	font-size: 30px;
	color: transparent;
	background: linear-gradient(0deg, #BA9E38 10%, #FFF88F 50%, #BA9E38 70%);
	-webkit-background-clip: text;
	filter: drop-shadow(0 0 10px #000)
}

.news_wrapper {
	width: min(74%, 700px);
	margin: auto;
	background: rgba(255, 255, 255, 0.85);
	height: 182px;
	overflow-y: scroll;
	padding: 15px 10px 0 25px;
}

.news_wrapper::-webkit-scrollbar {
	width: 20px;
}

.news_wrapper::-webkit-scrollbar-thumb {
	background: #6F562C;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	background-clip: padding-box;
	height: 70px;
}

.news_wrapper::-webkit-scrollbar-track {
	background: transparent;
	margin-top: 5px;
	margin-bottom: 5px;
}

.news_wrapper {
	/* scrollbar-color: #6F562C #000; */
}

.news_wrapper h3 {
	margin: 0;
}

.news_wrapper .news_box {
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
}

.news_wrapper .news_date {
	font-size: 16px;
	margin-right: 0px;
	padding: 3px 12px;
	color: #fff;
	background-color: #6F562C;
}

.news_wrapper .news_text {
	margin: 0;
	font-size: 16px;
	padding: 10px 10px 10px 20px;
	text-align: justify;
	color: #6F562C;
}

.news_wrapper .news_box a {
	display: inline;
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
	color: #6F562C;
}

.news_wrapper .news_box_pc {
	display: flex;
}

.news_wrapper .news_box_sp {
	display: none;
}

.sp_sns {
	opacity: 0;
	transform: translateY(-100%);
	transition: opacity 0.4s, transform 0.4s;
}

.sp_sns.show {
	opacity: 1;
	transform: translateY(0);
}

.left_sns_box_sp,
.right_sns_box_sp {
	display: none;
}

footer {
	position: relative;
	margin: auto;
	padding: 20px 0;
	background-color: #000;
	z-index: 10;
}

@media screen and (max-width: 500px) {
	footer {
		padding: 15px 0;
	}
}

#to_suishou_page {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 95px;
	margin: auto;
	font-size: 20px;
	font-weight: bold;
}

@media (hover: hover) and (pointer: fine) {
	#to_suishou_page:hover {
		opacity: 0.8;
	}
}

#copyright_container {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* swiper */
.swiper_box {
	position: relative;
	max-width: 760px;
	margin: 50px auto 0;
	width: 100%;
	font-size: 12px;
}

.swiper {
	position: relative;
}

.swiper a {
	display: block;
}

.swiper img {
	width: 100%;
}

.swiper-button-prev {
	position: absolute;
	top: 50%;
	left: -40px;
	margin: auto;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
}

.swiper-button-prev::before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: solid 8px #fff;
	border-left: solid 8px #fff;
	transform: rotate(-45deg);
}

.swiper-button-next {
	position: absolute;
	top: 50%;
	right: -40px;
	margin: auto;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
}

.swiper-button-next::before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: solid 8px #fff;
	border-left: solid 8px #fff;
	transform: rotate(135deg);
}

.swiper_box_left .swiper-button-prev:after {
	content: "";
}

.swiper_box_left .swiper-button-next:after {
	content: "";
}

.swiper_box_right .swiper-button-prev:after {
	content: "";
}

.swiper_box_right .swiper-button-next:after {
	content: "";
}

/* 開幕アニメーション */
.double-bg {
	position: fixed;
	z-index: 120;
	background: linear-gradient(90deg, #ca0000 0%, #ca0000 100%);
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
}

.double img:first-of-type {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	margin: auto;
	margin-right: 56%;
	max-width: 40%;
	opacity: 0;
	transform: translateY(100px);
	z-index: 121;
	pointer-events: none;
}

.double img:first-of-type.active {
	opacity: 1;
	transform: translateY(0);
	transition: 1s;
}

.double img:nth-of-type(2) {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	margin: auto;
	margin-left: 56%;
	max-width: 40%;
	opacity: 0;
	transform: translateY(100px);
	z-index: 121;
	pointer-events: none;
}

.double img:nth-of-type(2).active {
	opacity: 1;
	transform: translateY(0);
	transition: 1s;
}

.double img:first-of-type.active2 {
	opacity: 0;
	transition: 1s;
}

.double img:nth-of-type(2).active2 {
	opacity: 0;
	transition: 1s;
}

.double-bg.active {
	transform: translateY(100%);
	transition: 2s;
}

.double-bg.active3 {
	transform: translateX(-100%);
}

.western-bg {
	background: linear-gradient(90deg, #00479d 0%, #00479d 100%);
	transform: translateX(-100%);
	position: fixed;
	z-index: 120;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
}

.eastern-bg {
	background: linear-gradient(90deg, #ca0000 0%, #ca0000 100%);
	transform: translateX(100%);
	position: fixed;
	z-index: 120;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
}

.western-bg.active {
	transform: translateX(0%);
	transition: .8s;
}

.western-bg.active2 {
	transform: translateX(0%);
}

.western-bg.active3 {
	transform: translateX(100%);
	transition: 0.8s;
}

.eastern-bg.active {
	transform: translateX(0%);
	transition: 0.8s;
}

.eastern-bg.active2 {
	transform: translateX(0%);
}

.eastern-bg.active3 {
	transform: translateX(-100%);
	transition: 0.8s;
}

.single_western img {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	margin: auto;
	z-index: 121;
	pointer-events: none;
	opacity: 0;
}

.single_western img.active {
	opacity: 1;
	transition: .8s;
}

.single_western img.active2 {
	opacity: 1;
}

.single_western img.active3 {
	opacity: 0;
	transition: .8s;
	pointer-events: none;
}


.single_eastern img {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	margin: auto;
	z-index: 121;
	pointer-events: none;
	opacity: 0;
}

.single_eastern img.active {
	opacity: 1;
	transition: .8s;
}

.single_eastern img.active2 {
	opacity: 1;
}

.single_eastern img.active3 {
	opacity: 0;
	transition: .8s;
	pointer-events: none;
}


/* jstreamマルチ */
.jstream_multi_box {
	text-align: center;
}

.jstream_multi_box.single {
	margin: 0px auto;
	margin-top: 10px;
	max-width: 640px;
}

.jstream_multi_box iframe {
	width: 100%;
	height: 70vh;
	max-height: 640px;
}

.jstream_multi_box.single iframe {
	height: 420px;
}

.br {
	display: none;
}

#left_logo_btn_sp,
#left_live_and_replay_sp,
#right_logo_btn_sp,
#right_live_and_replay_sp {
	display: none;
}

.scroll_anime {
	opacity: 0;
	visibility: hidden;
	transform: translateY(50%);
	transition: all 0.5s;
	overflow: hidden;
}

.scroll_anime.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

@media (min-width: 1921px) {
	/* #all_wrapper {
		justify-content: space-between;
		max-width: none;
	} */

	/* #left_kotei_box {
		width: 41%;
		background-size: contain;
		background-repeat: repeat;
	}

	#right_kotei_box {
		width: 41%;
		background-size: contain;
		background-repeat: repeat;
	} */
}

@media (max-width: 1199px) {
	body {
		overflow-y: visible;
	}

	#all_container {
		overflow-x: hidden;
	}

	#loading-wrapper #loading-text,
	#loading-circle1 {
		/* width: 40%; */
	}

	#loading-circle2,
	#loading-circle3 {
		width: 50%;
	}

	#loading-text span .ml100,
	#loading-circle1 p .ml100 {
		margin-left: 20%;
	}

	#center_box {
		width: 100%;
	}

	#center_box header {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		width: 100%;
		z-index: 15;
		/* background: url("../images/main/body_bg.jpg") center / contain; */
	}

	#center_box header#header {
		background: url("../images/main/body_bg.jpg") center / contain;
	}

	#center_box #header_sp {
		display: flex;
		position: fixed;
		left: 0;
		top: 0;
		right: auto;
		bottom: auto;
		width: 100%;
		height: 85px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	#center_box #header_sp h1 {
		width: 75%;
		margin: auto;
		max-width: 586px;
		cursor: pointer;
	}

	#header_wrapper h1 {
		display: none;
	}

	#center_box #header_wrapper {
		padding: 10px 0;
		/* height: clamp(90px, 23vw, 115px); */
		height: auto;
		background-color: rgba(0, 0, 0, 0.85);
	}

	#center_box header ul {
		justify-content: space-around;
	}

	#center_box header ul li a {
		font-size: min(4.4vw, 30px);
	}

	#center_box header li+li {
		margin-left: 0;
	}

	#sns_cam_link {
		display: inline-block;
	}

	.top_line_height_1 {
		line-height: 1;
	}

	.br {
		display: block;
	}

	main {
		width: 100%;
		margin-top: 185px;
	}

	#left_kotei_box,
	#right_kotei_box {
		position: -webkit-fixed;
		position: fixed;
		width: 100%;
		top: 85px;
	}

	#left_box,
	#right_box {
		display: flex;
		position: absolute;
		left: 0;
		top: 0;
		width: 50%;
		max-width: none;
		height: 100px;
	}

	#right_box {
		left: auto;
		right: 0;
	}

	#left_logo_btn,
	#left_sns_btns,
	#left_western,
	#left_dento,
	#left_live_and_replay,
	#right_logo_btn,
	#right_sns_btns,
	#right_dento,
	#right_live_and_replay {
		display: none;
	}

	.right_box {
		/* display: flex;
		width: 75%;
		justify-content: space-around;
		align-items: center; */
		padding: 0 8px;
	}

	#left_logo_btn_sp,
	#right_logo_btn_sp {
		/* max-width: 123px; */
	}

	#left_logo_btn_sp,
	#left_live_and_replay_sp,
	#right_logo_btn_sp,
	#right_live_and_replay_sp {
		display: inline-block;
	}

	#left_live_and_replay_sp,
	#right_live_and_replay_sp {
		margin-top: 8px;
	}

	/* #naruto_live_and_replay_link_sp,
	#tokoname_live_and_replay_link_sp {
		display: block;
		background: #fff;
		color: #143A7D;
		text-decoration: none;
		padding: 2px 20px;
		text-align: center;
		font-weight: bold;
		font-size: 14px;
		border-radius: 35px;
		border: 2px solid transparent;
		cursor: pointer;
		transition: color 0.3s, background 0.3s;
		position: relative;
	} */

	/* #tokoname_live_and_replay_link_sp {
		color: #C11D34;
	} */

	.right_box .radious_btns_arrow {
		right: 13px;
	}

	.flex_box {
		display: flex;
		justify-content: space-between;
		width: 100%;
		align-items: center;
	}

	#right_box .flex_box {
		justify-content: space-between;
		flex-direction: row-reverse;
	}

	.left_box,
	.right_box {
		cursor: pointer;
	}

	.nav_btn {
		width: 60px;
		height: 46px;
		margin-right: 10px;
	}

	.nav_btn_left {
		margin: 0 0 0 10px;
	}

	#left_live_and_replay,
	#right_live_and_replay {
		margin-top: 0px;
	}

	#left_dento,
	#right_dento {
		margin-top: 0px;
	}

	#nav_container_left,
	#nav_container_right {
		width: 100%;
		padding-left: 0;
		user-select: none;
		overflow-x: hidden;
		overflow-y: visible;
		transform: translateX(0) scaleX(0);
	}

	#nav_container_left.move,
	#nav_container_right.move {
		transform: translateX(0) scaleX(1);
	}

	#nav_wrapper_left,
	#nav_wrapper_right {
		margin: 20px auto 100px;
		padding: 0 10px 130px;
	}

	#nav_wrapper_left ul.nav_each_btns li,
	#nav_wrapper_right ul.nav_each_btns li {
		/* padding: 6px 10px; */
		font-size: clamp(14px, 3vw, 18px);
	}

	.news_wrapper {
		height: 300px;
		border: none;
		padding: 15px 1% 0;
		width: min(79%, 750px);
		scrollbar-width: none;
	}

	.news_wrapper .news_box_pc {
		display: none !important;
	}

	.news_wrapper .news_box_sp {
		display: flex;
	}

	.news_wrapper .news_box {
		display: block;
		text-align: left;
	}

	.news_wrapper .news_box+.news_box {
		margin-top: 15px;
	}

	.news_wrapper .news_text {
		padding: 4px 15px;
		font-size: 15px;
	}

	.news_wrapper .news_box a {
		font-size: 15px;
	}

	.news_wrapper .news_date {
		margin-left: 10px;
		display: inline-block;
	}

	.left_sns_box_sp,
	.right_sns_box_sp {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: min(7vw, 45px);
		background: #143A7D;
		padding: min(2%, 14px) min(1%, 4.6px);
		transform: translateY(-55%);
		transition: opacity 0.4s, transform 0.4s;
		opacity: 0;
		z-index: 12;
	}

	.left_sns_box_sp.show,
	.right_sns_box_sp.show {
		transform: translateY(-5%);
		opacity: 1;
	}

	.right_sns_box_sp {
		right: 0;
		left: auto;
		background: #C11D34;
	}

	.left_sns_box_sp ul,
	.right_sns_box_sp ul {
		margin: 0;
		padding: 0;
	}

	.left_sns_box_sp ul li,
	.right_sns_box_sp ul li {
		display: inline-flex;
	}

	.left_sns_box_sp ul li+li,
	.right_sns_box_sp ul li+li {
		margin-top: min(35%, 11px);
	}

	.left_sns_box_sp img,
	.right_sns_box_sp img {
		display: block;
	}

	.left_sns_box_sp #left_news_naruto_logo_sp {
		width: 18px;
	}

	.right_sns_box_sp #right_news_tokoname_logo_sp {
		width: 17px;
	}

	.news_wrapper::-webkit-scrollbar {
		display: none;
	}

	.swiper_box {
		width: min(60vw, 500px);
	}
}

@media (max-width: 820px) {

	.news_wrapper {
		width: 85%;
	}

	.news_wrapper h3 {
		font-size: 16px;
	}
}

@media (max-width: 767px) {

	#left_live_and_replay_sp,
	#right_live_and_replay_sp {
		margin-top: 5px;
	}

	.right_box .radious_btns_arrow {
		top: -17px;
	}

	.swiper_box {
		width: min(55vw, 270px);
	}
}

@media (max-width: 620px) {
	#center_box #header_sp h1 a img {
		vertical-align: middle;
		/* position: relative;
		top: -6px; */
	}

	.delay_contents img {
		width: 100%;
	}

	#copyright_container {
		width: 85%;
		margin: auto;
	}
}

@media (max-width: 500px) {
	#center_box #header_sp {
		height: 50px;
	}

	.flex_box {
		justify-content: space-around;
	}

	main {
		margin-top: 120px;
	}

	#left_kotei_box,
	#right_kotei_box {
		top: 50px;
	}

	#left_box,
	#right_box {
		height: 70px;
	}

	.right_box .radious_btns_arrow {
		top: -19px;
	}

	.right_box .radious_btns_arrow::before {
		height: 8px;
	}

	.right_box .radious_btns_arrow::after {
		width: 8px;
	}

	.flex_box {
		padding: 8px 5px;
	}

	.nav_btn {
		width: 11vw;
		height: 13vw;
		margin: 2vw 0 0 0;
	}

	.nav_btn .line {
		width: 11vw;
	}

	.nav_btn .line.top {
		top: 2vw;
	}

	.nav_btn .line.middle {
		top: 5vw;
	}

	.nav_btn .line.bottom {
		top: 8vw;
	}

	.nav_btn.move .line.top,
	.nav_btn.move .line.bottom {
		top: 5.5vw;
	}

	.nav_btn .nav_btn_text {
		font-size: 12px;
		bottom: -8px;
	}

	.news_wrapper {
		width: 79%;
		height: 200px;
	}

	.jstream_multi_box iframe {
		height: 485px;
		max-height: none;
	}

	.jstream_multi_box.single iframe {
		height: 250px;
	}
}

/* 2023/05/08 add */
.nav_each_btns .pc-none {
	display: none;
}

.nav_each_btns .tb-none {
	display: block;
}

@media (max-width: 1199px) {
	.nav_each_btns .pc-none {
		display: block;
	}

	.nav_each_btns .tb-none {
		display: none;
	}
}

/* 2023/05/09 add */
#center_box header ul li.grayout a {
	color: #9e9e9e;
}

@media(max-width: 1365px) {
	#left_kotei_box {
		transform: translateX(0px);
	}
}

#loading-back2.active {
	transform: translateX(0%);
	visibility: visible;
	transition: .8s;
}


#loading-circle2.active {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}


.slider {
	max-width: 750px;
	box-shadow: none;
	margin: 50px auto;
}


.slick-prev:before {
	content: '' !important;
	position: absolute;
	left: -20px;
	top: 0;
	width: 25px;
	height: 25px;
	border-top: solid 8px #fff;
	border-left: solid 8px #fff;
	transform: rotate(-45deg);
}

.slick-next:before {
	content: '' !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;
	height: 25px;
	border-bottom: solid 8px #fff;
	border-right: solid 8px #fff;
	transform: rotate(-45deg);
}

.slick-slide {
	text-align: center;
}

@media(max-width: 1024px) {
	.slider {
		max-width: 60%;
	}
}


@media(max-width: 400px) {
	.slider {
		max-width: 70%;
	}
}


#loading-wrapper #loading-back.active {
	transform: translateY(100%);
	transition: 3s;
}

#loading-wrapper.active {
	pointer-events: none;
}

#all_container.active {
	pointer-events: none;
}