@charset "utf-8";
:root{
	--vw-min:1200;
	--font-en :"Dela Gothic One", sans-serif;
	--color-orange2:#E94218;
	--color-orange:#FF9500;
}
@media screen and (max-width:768px){
	:root{
		--vw-min:750;
	}
}


.loading__logo {
    width: calc(560 / var(--vw-min) * 100vw);
    height: calc(285 / var(--vw-min) * 100vw);
	background:url(../img/event_logo.png) no-repeat center center / contain;
	z-index: 2;
	transition: all .4s ease;
	opacity: 0;
	filter: blur(10px);
}
#loading.-ani2{
	pointer-events: none;
}

#fullWrap{
	width: 100%;
	min-width: unset;
	background: transparent;
}
#fullWrap:before{
	z-index: -2;
	background: url(../img/page_bg2.jpg) no-repeat center center / cover;
}

/* --------------------
NAV
-------------------- */
.eventNavBlock{
	background-color: rgba(0, 0, 0, .8);
	padding: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.eventNavLists{
	display: flex;
	justify-content: center;
    flex-wrap: wrap;
	gap: min(calc(10/ var(--vw-min) * 100vw),10px) 0;
}
.eventNavItem{
	padding-right: min(calc(20/ var(--vw-min) * 100vw),20px);
}
.eventNavLists .eventNavItem__link{
	color: #FF9500;
	border: 2px solid #FF9500;
    padding:0 10px;
	width: min(calc(225 / var(--vw-min) * 100vw), 225px);
    height: min(calc(56/ var(--vw-min) * 100vw), 56px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
	background-color: #000;
	font-weight: 700;
	text-decoration: none;
	line-height: 1;
	font-size: min(calc(18/ var(--vw-min) * 100vw),18px);
	transition:  0.4s ease;
}
.eventNavItem__txt{
	width: 100%;
	text-align: center;
	transition:  0.4s ease;
}
.eventNavItem__en{
	display: block;
	width: 100%;
	margin-top: min(calc(5/ var(--vw-min) * 100vw),5px);
	height: min(calc(12/ var(--vw-min) * 100vw),12px);
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	background-color: var(--color-orange);
	transition:  0.4s ease;
}
.eventNavItem__en._cast-artist{
	mask-image: url(../img/nav_castartist_en.png);
}
.eventNavItem__en._program{
	mask-image: url(../img/nav_program_en.png);
}
.eventNavItem__en._schedule{
	mask-image: url(../img/nav_schedule_en.png);
}
.eventNavItem__en._ticket{
	mask-image: url(../img/nav_ticket_en.png);
}
.eventNavItem__en._benefit{
	mask-image: url(../img/nav_benefit_en.png);
}
.eventNavItem__en._goods{
	mask-image: url(../img/nav_goods_en.png);
}
.eventNavItem__en._notice{
	mask-image: url(../img/nav_notice_en.png);
}

@media screen and (hover:hover) and (pointer: fine){
	.eventNavItem__link:hover{
		background-color: var(--color-orange);
		color: #F9F9EF;
	}
	.eventNavItem__link:hover .eventNavItem__en{
		background-color: #FFF;
	}
	.eventNavItem__link:hover .deco_arrow{
		transform: scale(1.08);
	}
}
@media screen and (max-width:767px){
	.eventNavBlock{
		background-color: rgba(0, 0, 0, .8);
		padding: calc(40 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw)  calc(40 / var(--vw-min) * 100vw) calc(35 / var(--vw-min) * 100vw);
	}
	.eventNavLists{
		gap: calc(20/ var(--vw-min) * 100vw) 0;
		flex-wrap: wrap;
		justify-content: flex-start;
		flex-direction: row;
		margin-bottom:  0;
	}
	.eventNavItem{
		width: 50%;
		padding-right:calc(20/ var(--vw-min) * 100vw);
	}
	.eventNavLists .eventNavItem__link{
		padding:0 calc(10 / var(--vw-min) * 100vw);
		width: 100%;
		height: calc(80 / var(--vw-min) * 100vw);
		font-size: calc(26/ var(--vw-min) * 100vw);
	}
	.eventNavItem__en{
		margin-top: calc(10/ var(--vw-min) * 100vw);
		height: calc(16/ var(--vw-min) * 100vw);
	}
}

/* --------------------
TITLE AREA
-------------------- */
/* TITLE AREA */
.eventTtlArea{
    flex-direction: column;
	display: flex;
	align-items: center;
    justify-content: center;
	position: relative;
	padding-bottom: min(calc(72 / var(--vw-min) * 100vw), 72px);
}
.eventTtlWrap{
	display: block;
	height: 100dvh;
	width: 100%;
}
.eventTtlWrap{
	display: flex;
	align-items: center;
    justify-content: center;
	flex-direction: column;
	position: relative;
	z-index: 3;
}
.eventTtl__logo{
	display: block;
	width:calc(560 / var(--vw-min) * 100vw);
	height:calc(285 / var(--vw-min) * 100vw);
	background: url(../img/event_logo.png) no-repeat center center / contain;
	z-index: 4;
}
.eventTtl__date{
	display: block;
	margin-top: calc(56 / var(--vw-min) * 100vw);
	width:calc(560 / var(--vw-min) * 100vw);
	height:calc(165 / var(--vw-min) * 100vw);
	background: url(../img/ttl_date.png) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.eventTtl__logo{
		width: 100%;
		height: calc(339 / var(--vw-min) * 100vw);
	}
}

/* bg */
.ttlArea__bgWrap{
	z-index: -2;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}
.ttlArea__bg{
	display: block;
	z-index: 1;
	width: 100%;
	height: 100dvh;
	position: sticky;
	left: 0;
	top: 0;
	background: url(../img/page_bg.jpg) no-repeat center center / cover;
}
.fp-eventWrap{
	position: relative;
}
/* ticket */

.ttl__ticketBtnWrap{
	z-index: 5;
	pointer-events: none;
	position: sticky;
	right:0;
	bottom: 0;
	padding-right:calc(20 / var(--vw-min) * 100vw);
	padding-bottom:calc(20 / var(--vw-min) * 100vw);
	width: 100%;
	display: flex;
    justify-content: flex-end;
}

.ttl__ticketBtn{
	z-index: 5;
	width: min(calc(150 / var(--vw-min) * 100vw),150px);
	display: block;
	pointer-events: all;
	transition: all .4s ease;
}
.ttl__ticketBtn img{
	width: 100%;
	height: auto;
}
@media screen and (hover:hover) and (pointer: fine){
	.ttl__ticketBtn:hover{
		transform: scale(1.03);
	}
}
@media screen and (max-width:768px){
	.ttl__ticketBtn{
		width: calc(200 / var(--vw-min) * 100vw);
		right: calc(20 / var(--vw-min) * 100vw);
		bottom: unset;
		top: calc(20 / var(--vw-min) * 100vw);
	}
}
/* INTRODCTION */
.introTxt._txt1{
	width: max(calc(612 / var(--vw-min) * 100vw), 618px);
	height: max(calc(132 / var(--vw-min) * 100vw), 132px);
	background: url(../img/event_txt1.png) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.introTxt._txt1{
		width: calc(687 / var(--vw-min) * 100vw);
		height: calc(263 / var(--vw-min) * 100vw);
		background: url(../img/event_txt1_sp.png) no-repeat center center / contain;
		margin-bottom: calc(200 / var(--vw-min) * 100vw);;
	}
}

/* ----------------------------------------
CONTENTS COMMON
-------------------- */
/* sectionContents */
@media screen and (max-width:768px){
	.sectionContents__inner{
		width: 100%;
		padding:0 calc(42 / var(--vw-min) * 100vw);
	}
}
/* section > ttl */
.sectionTtlWrap{
	display: flex;
	align-items: center;
    justify-content: center;
	width: 100%;
	background-color: #000;
	padding:min(calc(20/ var(--vw-min) * 100vw),20px);
}

/* section > contents */
.sectionContents{
	padding: min(calc(80/ var(--vw-min) * 100vw),80px) 0;
}
.contListsWrap{
	margin-bottom: min(calc(64/ var(--vw-min) * 100vw),64px);
}
.contLists__ttlWrap{
	display: flex;
	justify-content: center;
	margin-bottom: min(calc(30/ var(--vw-min) * 100vw),30px);
}
.contListsWrap._cast .contLists__ttl{
	width: min(calc(708 / var(--vw-min) * 100vw), 708px);
    height: min(calc(101 / var(--vw-min) * 100vw), 101px);
    background: url(../img/cast_ttl.png) no-repeat center center / contain;
}

.contListsWrap._artist .contLists__ttl{
	width: min(calc(708 / var(--vw-min) * 100vw), 708px);
    height: min(calc(101 / var(--vw-min) * 100vw), 101px);
    background: url(../img/artist_ttl.png) no-repeat center center / contain;
}
.btmTxt{
	text-align: center;
	color: #000;
    filter: drop-shadow(0 0 5px #FFF) ;
	margin-top: min(calc(40/ var(--vw-min) * 100vw),40px);

}

/*contentsBox*/
.contentsBoxWrap{
	gap: min(calc(20/ var(--vw-min) * 100vw),20px);
	display: flex;
    flex-direction: column;
}
.contentsBox{
	border: 10px solid #000;
	width: min(calc(860/ var(--vw-min) * 100vw),860px);
	margin: 0 auto;
	font-weight: 700;
}
@media screen and (max-width:767px){
	.contentsBox{
		border: calc(10/ var(--vw-min) * 100vw) solid #000;
		width:100%;
	}
}
.contentsBoxHead{
	display: flex;
	align-items: center;
    justify-content: center;
	line-height: 1;
	background-color: #000;
	color: #FFF;
	min-height: min(calc(80/ var(--vw-min) * 100vw),80px);
	text-align: center;
	font-size: min(calc(30/ var(--vw-min) * 100vw),30px);
}
.contentsBoxHead small{
	font-size: min(calc(24/ var(--vw-min) * 100vw),24px);
}
/* orange */
.contentsBox._orange{
	border: 10px solid var(--color-orange);
}
.contentsBox._orange .contentsBoxHead{
	background-color: var(--color-orange);
}

.contentsBoxDetail{
	text-align: center;
	background-color: #FFF;
	padding: min(calc(24/ var(--vw-min) * 100vw),24px) min(calc(45/ var(--vw-min) * 100vw),45px);
	color: #000;
	font-size: min(calc(20/ var(--vw-min) * 100vw),20px);
}
.contentsBoxDetail img{
	width: 100%;
	height: auto;
}

.contentsBoxDetail img:not(:last-child){
	margin-bottom: min(calc(24/ var(--vw-min) * 100vw),24px);
}
/*btnLink*/
.btnLink{
	text-decoration: none;
	margin-top:min(calc(20/ var(--vw-min) * 100vw),20px);
	display: flex;
	height: 100%;
	align-items: center;
    justify-content: center;
	border: 2px solid #000;
	background: #FFF;
	font-size: min(calc(22/ var(--vw-min) * 100vw),22px);
	height: min(calc(80/ var(--vw-min) * 100vw),80px);
	width: 100%;
	color: #000;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	transition:all  .4s ease;
}
.btnLink._small{
	width: min(calc(330/ var(--vw-min) * 100vw),330px);
}
.btnLink__arrow{
	width: min(calc(39/ var(--vw-min) * 100vw),39px);
	height: min(calc(40/ var(--vw-min) * 100vw),40px);
	background: url(../img/ic_arrow_blak.svg) no-repeat center center / contain;
	position: absolute;
	right: max(calc(-20/ var(--vw-min) * 100vw),-20px);
	top: 0;
	bottom: 0;
	margin: auto;
	transition:all  .4s ease;
}
.contentsBox._orange .btnLink{
	border: 2px solid #FF9500;
	color: #FF9500;	
}
.contentsBox._orange .btnLink__arrow{
	transition:  .4s ease;
	background: url(../img/ic_arrow_orange.svg) no-repeat center center / contain;
}
@media screen and (hover:hover) and (pointer: fine){
	.btnLink:hover{
		background: #000;
		color: #FFF;
	}
	.contentsBox._orange .btnLink:hover{
		background-color: #FF9500;
		color: #FFF;
	}
	.btnLink:hover .btnLink__arrow{
		transform: scale(1.08);
	}
}
/* --------------------
CAST ARTIST
-------------------- */
.castArea .sectionContents__inner{
	width: min(calc(972/ var(--vw-min) * 100vw),972px);
	margin: 0 auto;
}
@media screen and (max-width:767px){
	.castArea .sectionContents__inner{
		width:100%;
	}
}

.castArea__ttl{
	display: block;
	width: min(calc(708 / var(--vw-min) * 100vw), 708px);
    height: min(calc(101 / var(--vw-min) * 100vw), 101px);
    background: url(../img/cast_artist_ttl.png) no-repeat center center / contain;
}

.castListsBlockWrap{
	display: flex;
	gap: min(calc(20/ var(--vw-min) * 100vw),20px);
}
.castListsBlock{
	margin-bottom: min(calc(64/ var(--vw-min) * 100vw),64px);
}
.castListsBlockWrap .castListsBlock{
	width: calc((100% - min(calc(20/ var(--vw-min) * 100vw),20px)) /2);
}
@media screen and (max-width:767px){
	.castListsBlockWrap{
		flex-direction: column;
		gap: min(calc(20/ var(--vw-min) * 100vw),20px);
	}
	.castListsBlockWrap .castListsBlock{
		width:100%;
	}
}
.castListsBlock__ttl{
	height: min(calc(64/ var(--vw-min) * 100vw),64px);
	display: flex;
	align-items: center;
    justify-content: center;
	background-color: #000;
	color: #FFF;
	font-size: min(calc(24/ var(--vw-min) * 100vw),24px);
	font-weight: 700;
	text-align: center;
	margin-bottom: min(calc(32/ var(--vw-min) * 100vw),32px);
}
.castListsBlock .contLists{
	width: 100%;
}
/* contents lists */
.contLists{
	display: flex;
	width: min(calc(974 / var(--vw-min) * 100vw), 974px);
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
	margin: 0 auto;
	flex-wrap: wrap;
}

.contItem{
	display: flex;
	width: min(calc(225 / var(--vw-min) * 100vw), 225px);
}
@media screen and (max-width:768px){
	.contLists{
		width: 100%;
		gap: calc(20 / var(--vw-min) * 100vw);
		padding:0 0;
		margin: 0 auto;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.contLists.opedLists{
		width:100%;
		padding:0;
	}
	.contItem{
		width: calc((100% - calc(20 / var(--vw-min) * 100vw))/2);
	}
}

.contItem__inner,
.contItem__link{
	width: 100%;
	height: 100%;
	border: 2px solid var(--color-orange);
	background-color: #000;
	text-decoration: none;
}

.contItem .imgBox{
	width: 100%;
	position: relative;
	padding-top: 130%;
	overflow: hidden;
}
.contItem .imgBox img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .4s ease;
}

@media screen and (hover:hover) and (pointer: fine){
	.contItem__link:hover .imgBox img{
		transform: scale(1.06);
	}
}
/* txt */
.contItem .txtBox{
	border-top: 2px solid var(--color-orange);
	padding: 0 10px;
	height: min(calc(70 / var(--vw-min) * 100vw), 70px);
	display: flex;
	align-items: center;
    justify-content: center;
    flex-direction: column;
	position: relative;
}
.chara_name{
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	line-height: 1;
	margin-bottom: min(calc(5 / var(--vw-min) * 100vw), 5px);
}
.chara_cv{
	font-size: min(calc(26 / var(--vw-min) * 100vw), 26px);
	color: var(--color-orange);
	line-height: 1;
}
@media screen and (max-width:768px){
	.contItem .txtBox{
		height: calc(95 / var(--vw-min) * 100vw);
	}
	.chara_name{
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
	.chara_cv{
		font-size: calc(30 / var(--vw-min) * 100vw);
	}
}

.deco_arrow{
	display: block;
	width: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height:min(calc(31 / var(--vw-min) * 100vw), 31px);
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
	right: max(calc(-15 / var(--vw-min) * 100vw), -15px);
	transition: all .4s ease;
}
.deco_arrow::before{
	content: "";
	display: block;
	width: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height:min(calc(31 / var(--vw-min) * 100vw), 31px);
	background:url(../../img/special/f-project/arrow_frame.svg) no-repeat center center /contain;
	position: absolute;
	inset: 0;
	margin: auto;
	transition: all .4s ease;
}
.deco_arrow::after{
	display: block;
	content: "";
	width: min(calc(6 / var(--vw-min) * 100vw), 6px);
	height:min(calc(6 / var(--vw-min) * 100vw), 6px);
	-webkit-mask:url(../../img/special/f-project/arrow_right.svg) no-repeat center center /contain;
	mask:url(../../img/special/f-project/arrow_right.svg) no-repeat center center /contain;
	background-color: var(--color-orange);
	position: absolute;
	inset: 0;
	margin: auto;
	transition: all .4s ease;
}
.deco_arrow.-btm::after{
	transform: rotate(90deg);
}
@media screen and (max-width:768px){
	.deco_arrow{
		display: block;
		width:calc(42 / var(--vw-min) * 100vw);
		height:calc(42 / var(--vw-min) * 100vw);
		right: calc(-20 / var(--vw-min) * 100vw);
	}
	.deco_arrow::before{
		width:calc(42 / var(--vw-min) * 100vw);
		height:calc(42 / var(--vw-min) * 100vw);
	}
	.deco_arrow::after{
		width:calc(8 / var(--vw-min) * 100vw);
		height:calc(8 / var(--vw-min) * 100vw);
	}
}


@media screen and (hover:hover) and (pointer: fine){
	.contItem__link:hover .deco_arrow{
		transform: scale(1.08);
	}
}


/* ARTIST */
.contListsWrap._artist .contItem .imgBox{
	padding-top: 56.25%; /* 16:9 */
}
.oped__title{
	font-weight: bold;
	font-size: min(calc(12/ var(--vw-min) * 100vw),12px);
}
.oped__artist{
	font-size: min(calc(20/ var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:767px){
	.oped__title{
		font-size: calc(16/ var(--vw-min) * 100vw);
	}
}
.contItem .txtBox{
	padding: min(calc(10/ var(--vw-min) * 100vw),10px) 10px;
}
@media screen and (max-width:767px){
	.contLists.opedLists .contItem{
		width: 100%;

	}
}
/* --------------------
SCHEDULE
-------------------- */
.scheduleArea{
	background-color: rgba(0, 0, 0, .8);
	color: #FFF;
}
.scheduleArea .sectionTtl{
	display: block;
	width: min(calc(708 / var(--vw-min) * 100vw), 708px);
    height: min(calc(101 / var(--vw-min) * 100vw), 101px);

	background: url(../img/schegule_ttl.png) no-repeat center center / contain;
}
.scheduleArea .sectionContents{
	padding: min(calc(64/ var(--vw-min) * 100vw),64px) 0;
}

.scheduleTxtWrap{
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}
.scheduleTxt{
    display: flex;
    margin: 0 auto min(calc(20 / var(--vw-min) * 100vw), 20px);
    justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
    flex-direction: column;
    align-items: center;
}
.scheduleTxt .small{
	font-size: min(calc(22/ var(--vw-min) * 100vw),22px);
}
.scheduleTxt__ttl span{
	display:inline-block;
	background-color: #FFF;
	color: #000;
	line-height: 1.2;
	padding: 0 5px;	
}

@media screen and (max-width:767px){
	.scheduleTxt{
		width:100%;
		margin: 0 auto calc(20 / var(--vw-min) * 100vw);
		font-size: calc(26/ var(--vw-min) * 100vw);
	}
}
/* --------------------
TICKET
-------------------- */
.ticketArea .sectionTtl{
	display: block;
	width: min(calc(708 / var(--vw-min) * 100vw), 708px);
    height: min(calc(101 / var(--vw-min) * 100vw), 101px);
	background: url(../img/ticket_ttl.png) no-repeat center center / contain;
}
.ticletInfo{
	text-align: left;
	font-weight: 400;
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
}
@media screen and (max-width:767px){
	.ticletInfo{
		font-size: calc(16 / var(--vw-min) * 100vw);
	}
}

.ticletInfo a{
	color: #000;
}
/* --------------------
BENEFIT
-------------------- */
.benefitArea .sectionTtl{
	display: block;
	width: min(calc(708 / var(--vw-min) * 100vw), 708px);
    height: min(calc(101 / var(--vw-min) * 100vw), 101px);
	background: url(../img/benefit_ttl.png) no-repeat center center / contain;
}


/* --------------------
GOODS
-------------------- */
.goodsArea{
	background-color: rgba(0, 0, 0, .8);
}
.goodsArea .sectionContents__inner{
	text-align: center;
	padding: min(calc(42 / var(--vw-min) * 100vw), 42px);
}
.goodsArea .sectionTtl{
	display: block;
	width: min(calc(708 / var(--vw-min) * 100vw), 708px);
    height: min(calc(101 / var(--vw-min) * 100vw), 101px);
	background: url(../img/goods_ttl.png) no-repeat center center / contain;
}
.comingsoon{
	display: block;
    filter: drop-shadow(0 0 5px #FFF) ;
	margin: 0 auto;
	width:  min(calc(351 / var(--vw-min) * 100vw), 351px);
    height: min(calc(80 / var(--vw-min) * 100vw), 80px);
	background: url(../img/txt_comingsoon.png) no-repeat center center / contain;
}
/* --------------------
NOTICE
-------------------- */
.noticeArea .sectionTtl{
	display: block;
	width: min(calc(708 / var(--vw-min) * 100vw), 708px);
    height: min(calc(101 / var(--vw-min) * 100vw), 101px);
	background: url(../img/notice_ttl.png) no-repeat center center / contain;
}
.noticeArea .contentsBoxDetail{
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);

}
.noticeArea a{
	color: #000;
}
.noticeLists{
	display: flex;
	flex-direction: column;
}
.noticeLists li{
	text-align: left;
	margin-bottom: 2em;
}


/* --------------------
PASTS
-------------------- */
.indent{
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}
.txt-red{
	color: #E94218;
}
.txt-orenge{
	color: var(--color-orange);
}
.txt-line{
	background: linear-gradient(transparent 70% , var(--color-orange) 70%);
}
.txt-strong{
	font-weight: bold;
	font-size: 130%;
}


.contItem__another{
	display: flex;
	align-items: flex-end;
	color: #000;
	font-weight: bold;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	filter: drop-shadow(0 0 5px #FFF);
}

.oneModal.-ph{
	background-color: #000;
}
.stonefes .commentContWrap,
.oneModal.-ph .oneModalIn__cont {
   padding:0;
}
.oneModal.-ph .modal__title{
	display: none!important;
}

.stonefes .modalBox:before{
	display: none;
}
.copyright{
	color: #000;
	text-align: center;
	text-shadow: #FFF 0px 0px 10px;
	padding-bottom: min(calc(24 / var(--vw-min) * 100vw), 24px);
}