@charset "utf-8";
/*-----------------------------------------------
 * 00. sub共通（header/ パンくず)
-------------------------------------------------*/
/* COMMON */
#fullWrap{
	min-width: 1200px;
	min-height: 620px;
	width: 100%;
	background: url(../img/common/common_bg.jpg) repeat;
	overflow: hidden;
	position: relative;
}
@media screen and (max-width: 768px){
	#fullWrap{
		min-width: 100%;
		min-height: auto;
	}
}

/* HEADER(SUB COMMON) */
#stage_header{
	width: 100%;
	min-height: 592px;
	height: calc(100vh - 48px);
	position: relative;
}
#stageMainLogo{
	position: absolute;
	width: 13%;
	left: 6.667%;
	top: 160px;
	bottom: -380px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	z-index: 2;
	opacity: 0;
	transition: 1s ease-in-out;
	pointer-events: none;
}
#stageMainLogo.on{
	opacity: 1;
}
#stage_header_bg{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
}
#stage_header_bg_sp{
	display: none;
}
@media screen and (max-width:768px){
	#stage_header_bg{
		display: none;
	}
	#stage_header_bg_sp{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#stage_header{
		height: calc(100vh - 72px);
		max-height: 1024px;
	}
	#stageMainLogo{
		bottom: 30px;
		background-position: left bottom;
		width: 25%;
	}
}

/* Contents MENU */
#MenuWrap{
	width: 100%;
	min-width: 1200px;
	padding: 24px 2% 0;
	position: fixed;
	top: 0;
	z-index: 1000;
}
#MenuIn{
	width: 100%;
	padding: 4px;
	position: relative;
	background-color: rgba(255,255,255,.8);
	backdrop-filter: blur(4px);
}
.menu_frame{
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	background: url(../img/common/menu_frame/common_menu_frame_left_top.png),url(../img/common/menu_frame/common_menu_frame_left_bottom.png),url(../img/common/menu_frame/common_menu_frame_right_top.png),url(../img/common/menu_frame/common_menu_frame_right_bottom.png);
	background-position: left top,left bottom,right top,right bottom;
	background-size: 8px 8px;
	background-repeat: no-repeat;
}
.menu_frame .menu_frame_tb{
	position: absolute;
	top: 0;
	right: 8px;
	bottom: 0;
	left: 8px;
	background: url(../img/common/menu_frame/common_menu_frame_top_line.png),url(../img/common/menu_frame/common_menu_frame_bottom_line.png);
	background-position: center top, center bottom;
	background-size: 1px 8px;
	background-repeat: repeat-x;
}
.menu_frame_rl{
	position: absolute;
	top: 8px;
	right: 0;
	bottom: 8px;
	left: 0;
	background: url(../img/common/menu_frame/common_menu_frame_right_line.png),url(../img/common/menu_frame/common_menu_frame_left_line.png);
	background-position: right center, left center;
	background-size: 8px 1px;
	background-repeat: repeat-y;
}
#MenuIn .common__menuWrap{
	padding: 0px 28px;
}
#MenuWrap .common__menuWrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#MenuWrap .common__menuLists{
	display: flex;
}
#MenuWrap .common__menuList{
	height: 54px;
	margin-right: 8px;
}
#MenuWrap .common__menuList:last-child{
	margin-right: 0;
}
#MenuWrap .common__menuList_link{
	line-height: 54px;
}
#MenuWrap .common__menuList_link_a{
	padding: 0 8px;
	position: relative;
	background: linear-gradient(#fff, #d0a72d) right center/0 2px no-repeat;
	transition: background-size 0.25s ease;
}
#MenuWrap .common__menuList a:hover .common__menuList_link_a{
	background-position: left center;
	background-size: 100% 2px;
}
#MenuWrap .common__menuList_link .is-active{
	background-position: left center!important;
	background-size: 100% 2px!important;
	color: #d0a72d;
}

#MenuWrap .common__menuList_subListsWrap{
	position: absolute;
	display: flex;
	align-items: center;
	left: -2.0834%;
	right: -2.0834%;
	height: 0px;
	top: 58px;
	background-color: rgba(0,0,0,.8);
	padding: 0 3.4723%;
	transition: .2s ease;
	overflow: hidden;
	z-index: 100;
}
@media screen and (min-width: 768px){
	#MenuWrap .menu_stage:hover .common__menuList_subListsWrap{
		height: 72px;
		opacity: 1;
	}
	.common__menuList_subListsWrapIn{
		height: 72px;
		display: flex;
		align-items: center;
	}
}
#MenuWrap .common__menuList_subLists{
	display: flex;
}
#MenuWrap .common__menuList_subList{
	margin-right: 8px;
}
#MenuWrap .common__menuList_subList:last-child{
	margin-right: 0;
}
#MenuWrap .common__menuList_subListsTitle{
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	padding-right: 32px;
}
#MenuWrap .common__menuList_subList a{
	color: #fff;
}
#MenuWrap .common__shareLists{
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
}
#MenuWrap .common__shareLists dt{
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	font-family: 'Cinzel', serif;
}
.shareLists__item{
	padding: 0 12px;
}
.share_twi{
	padding-left: 32px;
}
.share_twi a{
	display: block;
	width: 20px;
	height: 18px;
	background: url(../img/common/sns_tw_b.svg) no-repeat center center / contain;
}
.share_fb a{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/common/sns_fb_b.svg) no-repeat center center / contain;
}
.share_li a{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/common/sns_line_b.svg) no-repeat center center / contain;
}


/* パンくず */
#breadcrumbWrap{
	width: 100%;
	height: 48px;
	padding: 0 6.667%;
	background-color: #000;
	color: #FFF;
	font-size: 14px;
	display: flex;
	align-items: center;
}
.breadcrumb ul {
	display: flex;
}
.breadcrumb li{
	padding-right: 45px;
	position: relative;
	flex-shrink: 0;
}
.breadcrumb li::before {
	content: "";
	width: 13px;
	height: 11px;
	background: url(../img/common/breadcrumb_arrow.svg)no-repeat center center / contain;
	position: absolute;
	top: calc(50% - 5.5px);
	right: 18px;
}
.breadcrumb li:last-child{
	padding-right: 0;
}
.breadcrumb li:last-child::before {
	content: unset;
}
.breadcrumb li a{
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	transition: .2s ease;
}
.breadcrumb li a:hover{
	opacity: .7;
}
.breadcrumb li:last-child{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.subContent{
	/*padding: 80px 13.334% 240px;*/
	padding: 150px 0 160px;
}
@media screen and (max-width:768px){
	.subContent{
		padding: 72px 0 192px;
	}
}

/*-----------------------------------------------
 * 01. STAGE COMMON
-------------------------------------------------*/
/* TOP CONTENTS COMMON */
.top__h2{
	width: 100%;
	height: 80px;
	display: block;
	margin: 0 auto;
	position: relative;
}
.top__h2:before{
	content: '';
	height: 1px;
	width: 112px;
	background-color: rgba(0,0,0,.4);
	transform: rotate(-45deg);
	position: absolute;
	top: calc(50% + 1px);
	left: calc(50% - 56px);
}
.top__h2_en{
	width: calc(50% - 16px);
	font-size: 32px;
	line-height: 28px;
	font-weight: 700;
	font-family: 'Cinzel', serif;
	color: #d0a72d;
	position: absolute;
	top: 8px;
	left: 0;
	text-align: right;
}
.top__h2_ja{
	width: calc(50% - 16px);
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	height: 16px;
	color: #000;
	position: absolute;
	bottom: 8px;
	right: 0;
}
.top__more{
	padding-top: 40px;
	text-align: right;
}
.moreBtn{
	font-size: 16px;
	line-height: 14px;
	font-weight: 700;
	font-family: 'Cinzel', serif;
	padding-right: 40px;
	position: relative;
	text-decoration: none;
}
.moreBtn:after{
	content: '';
	width: 24px;
	height: 6px;
	position: absolute;
	bottom: 6px;
	right: 6px;
	background: url(../img/common/common_moreBtn.svg) no-repeat center center / contain;
	transition: .2s ease;
}
.moreBtn:hover::after{
	right: 0;
}

@media screen and (max-width: 768px){
	.top__h2{
		height: 134px;
	}
	.top__h2:before{
		width: 190px;
		left: calc(50% - 95px);
	}
	.top__h2_en{
		width: calc(50% - 24px);
		font-size: 4rem;
		line-height: 36px;
		top: 16px;
	}
	.top__h2_ja{
		width: calc(50% - 24px);
		font-size: 2.8rem;
		line-height: 1;
		height: 28px;
		color: #000;
		bottom: 16px;
	}
	.moreBtn{
		font-size: 2.4rem;
		line-height: 20px;
		padding-right: 72px;
	}
	.moreBtn:after{
		width: 48px;
		height: 12px;
		bottom: 12px;
		right: 0px;
	}
}

.stageContIn{
	margin-top: 48px;
}
.stageLinkWrap{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.stageLink{
	display: inline-block;
	text-align: center;
	width: auto;
	margin: 0 12px;
}
.stageLink a{
	min-width: 280px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: url(../img/common/subLink_btn_frame/subLink_btn_side_l.png),url(../img/common/subLink_btn_frame/subLink_btn_side_r.png);
	background-repeat: no-repeat;
	background-size: 8px 40px;
	background-position: center left, center right;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	transition: .2s ease;
}
.stageLink a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 8px;
	bottom: 0;
	left: 8px;
	background: url(../img/common/subLink_btn_frame/subLink_btn_side_tb.png) repeat center center / contain;
	transition: .2s ease;
}
.stageLink a span {
	position: relative;
	color: #000;
	transition: .2s ease;
	padding: 0 50px 0 20px;
}
.stageLink a span:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 6px;
	top: calc(50% - 3px);
	right: 16px;
	background: url(../img/common/common_moreBtn.svg) no-repeat center center / contain;
	transition: .2s ease;
}
.stageLink a:hover{
	color: #fff;
	background: url(../img/common/subLink_btn_frame/subLink_btn_side_l_hv.png),url(../img/common/subLink_btn_frame/subLink_btn_side_r_hv.png);
	background-repeat: no-repeat;
	background-size: 8px 40px;
	background-position: center left, center right;
}
.stageLink a:hover::before{
	background: url(../img/common/subLink_btn_frame/subLink_btn_side_tb_hv.png) repeat center center / contain;
}
.stageLink a:hover span{
	color:#fff;
}
.stageLink a:hover span::after{
	right: 10px;
	background: url(../img/common/common_moreBtn_wh.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.stageLink{
		margin: 24px auto;
	}
	.stageLink a{
		min-width: 558px;
		height: 64px;
		background-size: 12.8px 64px;
		font-size: 24px;
	}
	.stageLink a:before {
		right: 12.8px;
		bottom: 0;
		left: 12.8px;
	}
	.stageLink a span {
		padding: 0 80px 0 40px;
	}
	.stageLink a:hover{
		background-size: 12.8px 64px;
	}
	.stageLink a span:after{
		width: 48px;
		height: 12px;
		top: calc(50% - 6px);
		right: 8px;
	}
	.stageLink a:hover span::after{
		right: 0;
	}
}


/*-----------------------------------------------
 * 02. STAGE
-------------------------------------------------*/
/* LOADING */
#loading{
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* stage__stage-liveWrap */
#stage__stage-liveWrap{
	width: 100%;
	padding-bottom: 160px;
	display: flex;
	justify-content: center;
}
#stage__stage{
	width: 100%;
	padding: 0 6.667%;
	display: block;
}
#stage__live{
	width: 100%;
	padding: 0 6.667%;
	display: block;
	position: relative;
}
#stage__live:before{
	content: '';
	position: absolute;
	top: 8px;
	bottom: 0;
	left: 0;
	width: 1px;
	background-color: rgba(0,0,0,.2 );
}
.stage__stage-live_ttl{
	font-size: 32px;
	line-height: 2;
	font-weight: 700;
	text-align: center;
	margin-bottom: 16px;
}
.stage__stage-live_p{
	font-size: 20px;
	line-height: 2;
	font-weight: 700;
	text-align: center;
}
#stage__stage-liveWrap .stageContIn{
	margin-bottom: 48px;
}

@media screen and (max-width:768px){
	#stage__stage-liveWrap{
		flex-wrap: wrap;
		padding-bottom: 96px;
	}
	#stage__stage,
	#stage__live{
		padding: 0 24px;
	}
	#stage__live{
		padding-top: 72px;
	}
	#stage__live:before{
		content: unset;
	}
	.stage__stage-live_p{
		font-size: 28px;
	}
}

/* 重要なお知らせ */
#top__importantInfo{
	width: 100%;
	background: url(../img/top/top__importantInfo_bg.png) repeat;
	background-color: #000;
	padding: 20px 13.334%;
}
#top__importantInfoIn{
	display: flex;
	justify-content: center;
	align-items: center;
}
.top__importantInfo_title{
	width: 160px;
	height: 32px;
	background: url(../img/top/top__importantInfo_title_frame.svg) no-repeat center center / contain;
	font-size: 16px;
	line-height: 2;
	text-align: center;
	color: #d0a72d;
	font-weight: bold;
	margin-right: 40px;
}
.top__importantInfo_news{
	width: calc(100% - 200px);
}
.top__importantInfo_newsList{
	color: #fff;
	display: flex;
	font-size: 16px;
	margin-bottom: 6px;
}
.top__importantInfo_newsLists li:last-child{
	margin-bottom: 0;
}
.top__importantInfo_newsDate{
	padding-right: 40px;
	position: relative;
	font-family: 'Cinzel', serif;
}
.top__importantInfo_newsDate::after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	right: 16px;
	top: 8px;
	background: url(../img/top/top__importantInfo_newsDate_dot.svg) no-repeat center center / contain;
}
.top__importantInfo_newsTitle{
	color: #fff;
	text-decoration: none;
}
.top__importantInfo_newsTitle span{
	position: relative;
	background: linear-gradient(#fff, #000) right bottom/0 2px no-repeat;
	transition: background-size 0.25s ease;
}
.top__importantInfo_newsTitle:hover span{
	background-position: left bottom;
	background-size: 100% 2px;
}

@media screen and (max-width: 768px){
	#top__importantInfo{
		padding: 3.2% 21.334% 3.2% 6.4%;
	}
	#top__importantInfoIn{
		display: block;
	}
	.top__importantInfo_title{
		width: 266px;
		height: 50px;
		font-size: 2.4rem;
	}
	.top__importantInfo_news{
		width: 100%;
		padding-top: 3.6904%;
	}
	.top__importantInfo_newsList{
		font-size: 2.4rem;
	}
	.top__importantInfo_newsDate::after{
		width: 12px;
		height: 12px;
		top: 16px;
		right: 14px;
	}
}

/* TOP NEWS&MOVIE */
#top_contents_news-movieWrap{
	width: 100%;
	padding: 160px 6.667% 0;
	/*padding: 1px 6.667% 0; /* ティザー */
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: 160px;
}
#top_contents_news-movieWrap:after{
	content: '';
	position: absolute;
	width: 1px;
	background-color: rgba(0,0,0,.2);
	top: 168px;
	bottom: 0;
	left: 50%;
	transform: translateX(50%);
}
#top__news{
	width: 42.308%;
}
.newsLists{
	width: 100%;
}
#top__news .newsLists{
	padding-top: 8px;
}
.newsList{
	position: relative;
}
.newsList:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 1px;
	background-color: rgba(0,0,0,.2);
}
.newsList a{
	padding: 40px 0;
	display: flex;
	font-size: 16px;
	text-decoration: none;
	position: relative;
}
#top__news .newsList a{
	line-height: 16px;
}
.newsList .newsList__date{
	min-width: 140px;
	padding-right: 40px;
	position: relative;
	font-family: 'Cinzel', serif;
}
.newsList__date:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	right: 16px;
	top: 10px;
	fill:#000;
	background: url(../img/common/common__newsDate_dot.svg) no-repeat center center / contain;
}
#top__news .newsList__date:after{
	top: 4px;
}
@media screen and (min-width: 768px){
	#top__news .newsList__ttl{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.newsList a .newsList__ttl{
		color: #000;
		position: relative;
		background: linear-gradient(#fff, #d0a72d) right bottom/0 2px no-repeat;
		transition: background-size 0.25s ease,color 0.25s ease;
	}
	.newsList a:hover .newsList__ttl{
		background-position: left bottom;
		background-size: 100% 2px;
	}
}
.newsList a:hover .newsList__ttl{
	color: #d0a72d;
}

@media screen and (max-width: 768px){
	#top_contents_news-movieWrap{
		padding: 72px 48px 0;
		display: block;
		width: 100%;
		margin-bottom: 72px;
	}
	#top_contents_news-movieWrap:after{
		content: none;
	}
	#top__news{
		width: 100%;
	}
	#top__news .newsLists{
		padding-top: 0px;
	}
	.newsList a{
		font-size: 2.4rem;
	}
	#top__news .newsList a{
		line-height: 1.8;
	}
	.newsList .newsList__date{
		min-width: 180px;
		padding-right: 50px;
	}
	.newsList__date:after {
		content: '';
		width: 12px;
		height: 12px;
		position: absolute;
		right: 20px;
		top: 16px;
	}
	#top__news .newsList__date:after{
		top: 16px;
	}
	.newsList a:hover .newsList__ttl{
		background: no-repeat;
	}
}


#top__movie{
	width: 42.308%;
}

.top_movieIn a{
	display: block;
	margin: 0 auto;
}
@media screen and (min-width:769px){
	.top_movieIn a{
		width: 440px;
		height: 248px;
	}
}
.youtubePlay{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.youtubePlay:before{
	content: '';
	width: 47px;
	height: 33px;
	background: url(../img/common/yt_play_arrow.svg) no-repeat center center / contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: .2s ease;
}
.yt_svg svg{
	fill: transparent;
	stroke: rgba(255,255,255,0.4);
	stroke-width: 1;
}
.yt_svg_h{
	position: absolute;
	top: 0;
	left: 0;
}
.yt_svg_h svg{
	transform: rotate(-90deg);
}
.yt_svg_h svg circle{
	fill: transparent;
	stroke: rgba(255,255,255,0);
	stroke-width: 1;
	/*animation: pCircle-out .8s ease;*/
}
.js-youtubeThumb:hover .yt_svg_h svg circle{
	animation: pCircle .8s ease;
	stroke: #fff;
}
.js-youtubeThumb:hover .youtubePlay::before{
	left: 55%;
}
@keyframes pCircle {
	0% {
		stroke-dasharray: 0 251.2; /*-- 円の直径(80)x3.14 --*/
	}
	26% {
		stroke-dasharray: 0 201;
	}
	100% {
		stroke-dasharray: 251.2 251.2;
	}
}
@keyframes pCircle-out {
	0% {
		stroke-dasharray: 251.2 251.2; /*-- 円の直径(80)x3.14 --*/
	}
	26% {
		stroke-dasharray: 251.2 251.2;
	}
	100% {
		stroke-dasharray: 0 251.2;
	}
}

.top_movieIn .js-youtubeThumbIn{
	display: block;
	width: 440px;
	height: 248px;
	margin: 48px auto 0;
	position: relative;
	background-position: center;
	background-size: cover;
}
.top_movieIn .js-youtubeThumbIn:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.4);
}
.top_movieIn .js-youtubeThumbIn:after{
	content: '';
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	background: url(../img/common/yt_thumb_frame.svg) no-repeat center center / contain;
}

@media screen and (max-width: 768px){
	#top__movie{
		width: 100%;
		padding-top: 72px;
	}
	.youtubePlay{
		width: 120px;
		height: 120px;
		border: 1px solid rgba(255,255,255,.4);
		border-radius: 50%;
	}
	.youtubePlay:before{
		content: '';
		width: 70px;
		height: 50px;
	}
	.yt_svg svg{
		display: none;
	}
	.top_movieIn .js-youtubeThumbIn{
		width: 558px;
		height: 314px;
	}
	.top_movieIn .js-youtubeThumbIn:after{
		top: 4px;
		right: 4px;
		bottom: 4px;
		left: 4px;
	}
}

/* stage__story */
#stage__story{
	width: 100%;
	margin-top: 160px;
	padding: 200px 6.667% 160px calc(6.667% + 10px);
	position: relative;
}
#stage__story .top__h2{
	width: 50%;
	position: absolute;
	top: 70px;
	left: 0;
}
.stage__story_txt{
	position: relative;
	z-index: 2;
	font-size: 16px;
	font-weight: 700;
	line-height: 2;
	color: #000;
	/*mix-blend-mode: difference;*/
}
.stage__story--bg{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 640px;
}
@media screen and (max-width:768px){
	#stage__story{
		padding: 256px 48px 96px;
	}
	#stage__story .top__h2{
		left: 50%;
		transform: translateX(-50%);
		top: 72px;
		z-index: 2;
	}
	.stage__story_txt{
		font-size: 24px;
	}
	.stage__story--bg{
		height: 448px;
	}
	#stage__story .stage__story_txt p{
		display: block;
		height: 100%;
		/* transition: .3s ease-in-out; */
	}
	#stage__story .stage__story_txt p.sp_close{
		display: none;
		padding-top: 48px;
	}
	#stage__story .more-close{
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 48px;
	}
	.js-stage_story_more-close{
		display: inline-block;
		position: relative;
		height: 48px;
		font-family: 'Cinzel', serif;
		font-weight: 700;
		padding: 0 72px;
		font-size: 2.4rem;
		line-height: 48px;
		text-align: center;
		text-decoration: none;
	}
	.more-close_icon{
		position: absolute;
		width: 48px;
		height: 48px;
		top: 0;
		right: 0;
		border: 1px solid #000;
		border-radius: 50%;
	}
	.more-close_icon:before{
		content: '';
		position: absolute;
		width: 24px;
		height: 1px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		background-color: #000;
	}
	.more-close_icon:after{
		content: '';
		position: absolute;
		width: 1px;
		height: 24px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		background-color: #000;
		transition: .3s ease;
		opacity: 1;
	}
	.js-stage_story_more-close.active .more-close_icon:after{
		transform: translate(-50%,-70%);
		opacity: 0;
	}
}
@media screen and (min-width:769px){
	#stage__story .more-close{
		display: none;
	}
	#stage__story .stage__story_txt p{
		margin-bottom: 24px;
	}
	#stage__story .stage__story_txt p.sp_close{
		margin-bottom: 0;
	}
}

/* stage__staff-cast */
#stage__staff-cast{
	width: 100%;
	padding: 72px 6.667% 80px;
	background: url(../img/top/top__importantInfo_bg.png) repeat;
	background-color: #000;
	display: flex;
	justify-content: space-between;
	position: relative;
}
#stage__staff-cast:after{
	content: '';
	position: absolute;
	width: 1px;
	background-color: rgba(255,255,255,.2);
	top: 80px;
	bottom: 80px;
	left: 50%;
	transform: translateX(50%);
}
#stage__staff-cast .top__h2:before{
	background-color: rgba(255,255,255,.4);
}
#stage__staff-cast .top__h2 .top__h2_ja{
	color: #fff;
}
.stage__staff-castList{
	font-size: 16px;
	line-height: 2;
	display: flex;
	/*justify-content: center;*/
	position: relative;
}


/**
 * 各castリストのwidthを指定する
 * .w-50(50%), .w-100(100%)
 */
@media screen and (min-width:769px){
	.stage__staff-castList__lists{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.stage__staff-castList.w-50,
	.stage__staff-castList.w_pc-50 {
		min-width: 50%;
		justify-content: center;
	}
	.stage__staff-castList.w-100,
	.stage__staff-castList.w_pc-100 {
		width: 100%;
		justify-content: center;
	}
	.stage__staff-castList.w-100.pc_r{
		padding-right: 50%!important;
	}
	.stage__staff-castList.w_pc-30 {
		min-width: calc(100% / 3);
	}

	/**
	 * ３つずつ出した後に２つ並べる場合
	 * スペースが欲しいリストに.is-mb付与
	 */


	/**
	 * リストの下のスペースを空けたい場合
	 * スペースが欲しいリストに.is-mb付与
	 */
	.stage__staff-castList.is-mb,
	.stage__staff-castList.is-pc_mb{
		margin-bottom: 30px;
	}
}


#stage__staff .stage__staff-castList:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	left: calc(50% - 4px);
	top: 12px;
	background: url(../img/top/top__importantInfo_newsDate_dot.svg) no-repeat center center / contain;
}
.stage__staff-castLists{
	margin-top: 48px;
}
.stage__staff-cast_l{
	text-align: right;
	padding-right: 20px;
	position: relative;
}
.stage__staff-cast_r{
	color: #fff;
	padding-left: 20px;
}
.stage__staff-cast_r span{
	font-size: 12px;
	line-height: 32px;
}
#stage__staff{
	width: calc(42.308% + 10px);
    display: block;
    position: relative;
}
#stage__staff .stage__staff-cast_l,
#stage__staff .stage__staff-cast_r{
	width: 50%;
}
#stage__cast .stage__staff-cast_l,
#stage__cast .stage__staff-cast_r {
	width: 50%;
}
#stage__cast{
	width: calc(42.308% + 10px);
	display: block;
	position: relative;
}
#stage__cast .stage__staff-castLists,
#stage__staff .stage__staff-castLists{
	display: flex;
	 justify-content: center; 
	flex-wrap: wrap;
}
#stage__cast .stage__staff-castList{
	padding: 0 10px;
	flex-shrink: 0;
}
#stage__cast .stage__staff-cast_l:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	right: -4px;
	top: 12px;
	background: url(../img/top/top__importantInfo_newsDate_dot.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	#stage__staff-cast{
		padding: 72px 48px 96px;
		flex-wrap: wrap;
	}
	#stage__staff-cast:after{
		content: unset;
	}
	#stage__staff,#stage__cast{
		width: 100%;
	}
	.stage__staff-castList{
		font-size: 24px;
		justify-content: flex-start;
	}
	#stage__staff .stage__staff-castList:after{
		content: unset;
	}
	#stage__staff .stage__staff-cast_l, #stage__staff .stage__staff-cast_r{
		/* width: auto; */
		position: relative;
	}
	.stage__staff-cast_l{
		padding-right: 60px;
	}
	.stage__staff-cast_r{
		padding-left: 0;
	}
	#stage__staff .stage__staff-cast_l{
		flex-shrink: 0;
	}
	#stage__staff .stage__staff-cast_r{
		width: 100%;
	}
	#stage__staff .stage__staff-cast_l:after,
	#stage__cast .stage__staff-cast_l:after{
		content: '';
		width: 12px;
		height: 12px;
		position: absolute;
		right: 24px;
		top: 18px;
		background: url(../img/top/top__importantInfo_newsDate_dot.svg) no-repeat center center / contain;
	}
	.stage__staff-cast_r span{
		font-size: 20px;
		line-height: 48px;
	}
	#stage__cast{
		padding-top: 42px;
	}
	#stage__cast .stage__staff-castLists{
		justify-content: flex-start;
	}

	.stage__staff-castList__lists{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.stage__staff-castList.w-50,
	.stage__staff-castList.w_sp-50 {
		width: 50%;
	}
	.stage__staff-castList.w-100,
	.stage__staff-castList.w_sp-100{
		width: 100%;
	}
	.stage__staff-castList.w_sp-30{
		min-width: calc(100% / 3);
	}
	#stage__cast .stage__staff-castList{
		padding: 0 20px 24px 0;
	}
	/* #stage__cast .stage__staff-castList:nth-of-type(2n){
		padding-right: 0;
	} */

	/**
	 * リストの下のスペースを空けたい場合
	 * スペースが欲しいリストに.is-mb付与
	 */
	.stage__staff-castList.is-mb,
	.stage__staff-castList.is-sp_mb{
		margin-bottom: 30px;
	}


}


#stage_faqlink{
	padding-top: 160px;
}
@media screen and (max-width:778px){
	#stage_faqlink{
		padding-top: 96px;
		padding-bottom: 96px;
	}
}


/**
 * NEW VISUAL
 */
#stage_header {
	height: auto;
	min-height: auto;
	padding-top: 79.8%;
}
#stage_header.stg0 {
	padding-top:100%;
}
.stage_newVsWrap {
	background: url(../img/stage/stage_re_visual_bg.jpg) no-repeat 0 0 / 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}
.stage_newVs_chara{
	background: url(../img/stage/stage_re_visual_chara.png) no-repeat 0 0 / 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	transition: opacity .8s ease-in-out;
	opacity: 0;
}
.stage_newVs_chara.on{
	opacity: 1;
}
.stage_newVs_bgon{
	background: url(../img/stage/stage_re_visual_bg_on.png) no-repeat 0 0 / 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}


.stage01_VsWrap {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
}
.mv01{
	background-image: url(../img/stage/stage01_img1.jpg?4);
}
.mv01:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:url(../fog/clouds.webp) repeat-x 0 0 / auto 100%;
	pointer-events: none;
	animation:cloud 120s linear infinite;
	opacity:0.8;
}
.mv01:after {
	content:'';
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:url(../fog/clouds.webp) repeat-x 0 0 / auto 100%;
	pointer-events: none;
	animation:cloud 133s linear infinite reverse;
	opacity:0.75;
}
.mv01 .logo {
	position: absolute;
	left: 40.1%;
	right: 40.5%;
	top: 10%;
	bottom: 0;
	z-index: 10;
	background:url(../img/stage/stage01_logo.png) no-repeat center center / contain;
	opacity:0;
	transition:all 1.5s ease;
}
.mv01 .logo.on {
	opacity:1;
	filter: blur(0);
}
@keyframes cloud {
	from {
		background-position: 0 0;
	}
	to {
		background-position:100% 0;
	}
}
.mv02{
	background-image: url(../img/stage/stage01_img2.jpg);
}
.stage01_VsWrap canvas {
	position: absolute;
	width:1200px;
	height:1200px;
	left:50%;
	top:50%;
	margin-left:-600px;
	margin-top:-600px;
}
#back {
	z-index:-1;
	width:1px;
	height:1px;
}
@media screen and (max-width:768px){
	#stage_header {
		padding-top: 139.8%;
	}
	#stage_header.stg0 {
		padding-top: 140.3%
	}
	.mv01 .logo {
		left: 34%;
		right: 36%;
		top: 0;
		bottom: 0;
	}
	.stage_newVsWrap {
		background-image: url(../img/stage/stage_re_visual_sp_bg.jpg);
	}
	.stage_newVs_chara {
		background-image: url(../img/stage/stage_re_visual_chara_sp.png);
	}
	.stage_newVs_bgon{
		background: url(../img/stage/stage_re_visual_bg_sp_on.png);
	}
	.stage_newVs_logo{
		background: url(../img/stage/stage_re_visual_bg_sp_logo.png) no-repeat 0 0 / 100%;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		transition: opacity 1s ease-in-out;
		opacity: 0;
	}
	.stage_newVs_logo.on{
		opacity: 1;
	}
	.mv01{
		background-image: url(../img/stage/stage01_img1_sp.jpg);
		padding-top: 140.3%;
	}
	.mv01:before,
	.mv01:after{
		background-image: url(../fog/clouds_sp.webp);
	}
	.mv02{
		background-image: url(../img/stage/stage01_img2_sp.jpg);
	}
}

.stage__stage-live__dlWrap {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.stage__stage-live__item {
	display: flex;
	font-size: 20px;
    line-height: 2;
    font-weight: 700;
}
@media screen and (max-width:768px){
	.stage__stage-live__item {
		font-size: 23px;
		/*font-size: 28px;*/ /*本サイト*/
	}
}

#particleWrap {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 20001;
	overflow: hidden;
	pointer-events: none;
	opacity: 1;
	transition: .8s ease-in-out;
}
#particle {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	pointer-events: none;
}

/*-----------------------------------------------
 * 03. ティザーサイト
-------------------------------------------------*/
@media screen and (min-width: 769px){
.pc {
	display: block;
  }
  
.sp {
	display: none;
  }
}
.stage__stage-live__teaser{
	font-size: 20px;
	line-height: 1.5em;
	font-weight: 700;
	text-align: center;
	margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .stage__stage-live__teaser {
        font-size: 28px;
		margin-top: 25px;
    }
}
.staff_another{
	text-align: right;
    color: #fff;
	margin-right: 90px;
}
@media screen and (max-width: 768px) {
    .staff_another {
        font-size: 24px;
		margin-right: 350px;
    }
}

/*-----------------------------------------------
 * 04. 公演ごとの色
-------------------------------------------------*/
/* 山姥切国広 単独行 -日本刀史- */
.colorChange_tandokuko{
	background-color: #2a4846;
}

.colorChange_shiden {
	background-color: #6a021e;
}

/* 2024年新作 */
.colorChange_2024new {
	background-color: #921a48;
}

.fcolorChange__2024new {
	color: #921a48;
}

/* 2025年新作 */
.colorChange_2025new {
	background-color: #debd68;
}

.fcolorChange__2025new {
	color: #debd68;
}
/* ムービー非表示のときだけ */
/* #top__movie{
	display: none;
}
#top__news{
	width: 100%;
}
#top_contents_news-movieWrap::after{
	display: none;
} */
/* ムービー非表示のときだけ ここまで */


.stage02_newVsWrap {
	background-image: url(../img/stage/twitter_set.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	overflow: hidden;
}

.stage02_newVsWrap-kv-img {
	width: 100%;
	position: relative;
	padding-top: 152px;
}

.stage02_newVsWrap-kv-imgIn {
	width: 66.6666%;
	margin: 0 auto;
	position: relative;
}

.stage02_newVsWrap-kv-imgIn img {
	width: 100%;
}

.stage02_newVsWrap .stage02_newVsWrap-logo {
	position: absolute;
	left: 34.1%;
	right: 34.5%;
	top: 78%;
	bottom: 0;
	z-index: 10;
	background: url(../img/stage/shiden-logo.png) no-repeat center center / contain;
	opacity: 0;
	transition: all 2s ease;
}

.stage02_newVsWrap .stage02_newVsWrap-logo.on-active {
	opacity: 1;
	filter: blur(0);
}
#stage_header.stg_shiden2 {
  padding-top: 0;
  position: relative;
}

@media screen and (max-width: 768px) {
	.stage02_newVsWrap-kv-img {
		padding-top: 0;
	}

	.stage02_newVsWrap-kv-imgIn {
		width: 100%;
		margin: 0;
	}

	.stage02_newVsWrap .stage02_newVsWrap-logo {
		left: 25.1%;
		right: 25.5%;
		top: 76%;
		bottom: 0;
	}
}

.day_bottom_txt{
	text-align: center;
}
@media screen and (max-width: 768px) {
.day_bottom_txt{
	font-size: 2rem;
}
}