@charset "utf-8";
/* CSS Document */

:root {
	--main-font: 'Oswald', sans-serif;
	--secondary-font: font-family: 'Lato', sans-serif;
	--main-color: rgba(98,220,10,1.0);
	--main-color_03: rgba(0,179,255,0.3);
	--main-color_05: rgba(0,179,255,0.5);
	--main-color_08: rgba(0,179,255,0.8);
	--third-color: rgba(255,255,255,0.9);
	--main-backcolor: rgba(255,255,255,0.75);
	--secondary-backcolor: #161616;
	--link-color: rgba(38,87,139,1.0);	/* #26578b */

	--mainParty-color: rgba(98,220,10,1.0);
	--afterParty-color: rgba(222,4,98,1.0);
}
body {
	background: var(--main-backcolor);
	overflow-x: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
	-webkit-overflow-style: none;
}
.backImage {
	position: fixed;
	display: block;
	z-index: -1;
	filter: grayscale(90%);
}
@media screen and (min-width: 768px) {
	.backImage {
		margin-top: -12.0vw;
	}
}
@media all and (max-width: 767px) {
	.backImage {
		margin-top: 0;
	}
}
.backImage.color {
	animation-name: animation-color;
	animation-duration: 2s;
	animation-iteration-count: 1; /*アニメーション繰り返し回数*/
	filter: grayscale(5%);
}
@keyframes animation-color {
	0% {
		filter: grayscale(90%);
	}
	100% {
		filter: grayscale(5%);
	}
}

#main {
}
.topContentBox {
	width: 100vw;
}
.topContent {
	margin: 0 auto;
}
.topContentTitle {
	font-family: var(--main-font) !important;
	font-weight: normal;
	color: var(--main-color);
}
.topContentTitle span {
}
.newsBox {
	font-family: 'Noto Sans JP', sans-serif !important;
}
#news .newsBox {
	overflow: auto !important;
}


/* modal
-------------------------------------------------- */
/* モーダル表示中はスクロールロックするクラス */
html.scroll-lock,
body.scroll-lock {
	overflow: hidden;
}

/* モーダルの全体（黒い背景＋中身） */
#lineup .modalContent {
	position: fixed;
	inset: 0;                /* top:0; right:0; bottom:0; left:0; と同じ */
	z-index: 999;
	display: none;           /* JSでfadeInする前提 */
}

/* ここは今のままでOK */
#lineup .modalContentInn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: auto;
	background: initial !important;
}







.modal {
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}
.overlay {
	position: absolute;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.9);
}
.closeBtn {
	position: absolute;
	cursor: pointer;
}
.closeBtn .modalClose {
	display: block;
}
.closeBtn .modalClose:before,
.closeBtn .modalClose:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	width: 100%;
	height: 2px;
	background: #fff;
}
.closeBtn .modalClose:before {
	transform: rotate(-45deg);
}
.closeBtn .modalClose:after {
	transform: rotate(45deg);
}


/* パララックス
-------------------------------------------------- */
.parallaxBox {
	position: relative;
}
.parallaxBox:before {
}
.parallaxBox .parallaxInn {
}
.parallaxBox .mainImage01 {
	display: block;
}
.parallaxBox .mainImage02Box {
	width: 100%;
}
.parallaxBox .mainImage02 {
	display: block;
	margin: 0 auto;
}
.parallaxBox .mainImage03 {
	display: block;
}



/* トップイベント
-------------------------------------------------- */
#event {
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.67) 10%,rgba(0,0,0,0.75) 100%);
}

/* eventTitle */
#event .eventTitle {
	font-family: var(--main-font);
	color: rgba(255,255,255,0.9);
	font-weight: 700;
	text-align: center;
}
#event .eventTitle .eventTitle01 {
}
#event .eventTitle .eventTitle02 {}
#event .eventTitle .eventTitle02_inn {}
#event .eventTitle .text_jp {
	font-weight: 900;
}

/* thankyou */
.thankyou {
}
.thankyou .thankyouImage {
	display: block;
	width: 100%;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
}
.thankyou .thanksTitle {
	font-family: var(--main-font);
	font-weight: bold;
	text-align: center;
}
.thankyou .thanksTxt {
}


/* timetable */
.timetable {
}
.timetable .timetableTitle {
	font-family: var(--main-font);
	color: var(--main-color);
	text-align: center;
}
.timetable picture {
	display: block;
	border-style: solid;
	border-color: var(--main-color_03);
}
.timetable .timetableImage {
	display: block;
	width: 100%;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
}

/* flyer */
.flyer {
}
.flyer .flyerImage {
	display: block;
	width: 100%;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
}
.flyer .flyer_title {
	font-family: var(--main-font);
	color: #eee;
	text-align: center;
	text-shadow: 0 5px 10px rgb(0, 0, 0);
}
.flyer .flyer_text {
	font-family: var(--main-font);
	color: #eee;
	text-shadow: 0 5px 10px rgb(0, 0, 0);
}
.flyer .flyer_text a {
	color: #eee;
	text-decoration: underline;
}
.flyer .Readmore .Readmore_btn_more,
.flyer .Readmore .Readmore_btn_close {
}

#event .introductionTxt:before {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 33%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 33%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 33%,rgba(0,0,0,1) 100%);
}
#event .introductionBtn {
	color: var(--third-color);
	border: 1px solid var(--third-color);
}
#event .introductionTxt {
	color: var(--third-color);
}
#event .introductionLink {
	color: var(--main-color);
}

/* eventLink */
.eventLink {
	font-family: 'Noto Sans JP', sans-serif;
}
.eventLink .eventLink_link {
	display: block;
	color: #4f3563;
	font-weight: bold;
}
.eventLink .eventLink_image {
	display: block;
}
.eventLink .eventLink_text {
	display: block;
}


/* news
-------------------------------------------------- */
#news {
	background-color: rgba(0,0,0,0.5);
}
#news .newsTitle {
	color: var(--main-color);
	font-weight: 500;
}
#news .new_newsitems .new_newsday {
	color: rgba(255,255,255,0.9);
}
#news .new_newsitems .new_newstitle {
	color: rgba(255,255,255,0.9) !important;
}
#news .new_newsitems .new_newsitem {
}
#news .newsItem .newsItem01 {
	color: var(--third-color);
}
#news .newsItem .newsItemTitle {
	color: var(--main-color);
}
#news .newsItem02InnTxt {
	color: var(--third-color);
	font-weight: normal !important;
	line-height: 1.5 !important;
}
#news .newsItem02InnTxt .news_txtLink {
	color: var(--third-color);
}
#news .newsItem .moreLink {
	color: var(--third-color);
	font-weight: normal !important;
	border-color: var(--third-color);
}


/* lineup
-------------------------------------------------- */
#lineup {
	background: rgba(0,0,0,0.6);
}
#lineup .lineup_wrap {
}
#lineup .lineupInn {}
#lineup .lineup_items {
}
#lineup .lineupBox {
}
#lineup .lineupBox .floorName {
	font-family: var(--main-font);
}

#mainFloor .floorName .floorName01 {
	color: var(--third-color);
	text-shadow: 0 0 15px rgba(0,179,255,0.9);
}
#mainFloor .lineupBoxTitle {
	color: var(--third-color);
}
#wombLounge .floorName .floorName01 {
	color: var(--third-color);
	text-shadow: 0 0 15px rgba(224,92,226,0.9);
}
#wombLounge .lineupBoxTitle {
	color: var(--third-color);
}
#vipFloor .floorName .floorName01 {
	color: var(--third-color);
	text-shadow: 0 0 15px rgba(255,170,5,0.9);
}
#vipFloor .lineupBoxTitle {
	color: var(--third-color);
}



#lineup .lineupBox .floorName .floorName01 {
}
#lineup .lineupBox .floorName .floorName02 {
	color: var(--third-color);
}
#lineup .lineupBox .floorWrap {
}
#lineup .lineupBox .lineupBoxTitle {
	font-family: var(--main-font);
}
#lineup .lineup_item {
	background: rgba(255,255,255,0.5);
}
#lineup .lineup_link {}
#lineup .lineupTmb {
	aspect-ratio: 1/1;
	overflow: hidden;
}
#lineup .lineupTmb_img {}
#lineup .lineup_name {
	font-family: var(--main-font);
	color: #111;
}
#lineup .lineup_name .artistName {
}
#lineup .lineup_name .lineup_nameInn {
	font-weight: 100;
	font-style: italic;
}

/* モーダル内 */
#lineup .userModal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	white-space: nowrap;
}
#lineup .userModal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#lineup .userModal.active {
}
#lineup .modalContentInn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: auto;
	background: initial !important;
}
#lineup .modalContentInn.active {
}
#lineup .userModal_wrap {}
#lineup .userModalInfo {
}
#lineup .userModalInfo_wrap {
}
#lineup .userModalInfo_img {
}

/* modalArtistBox */
#lineup .modalArtistBox {
}
#lineup .modalArtistBox .userModal_name {
	font-family: var(--main-font);
	color: #fff;
}
#lineup .modalArtistBox .userModal_label {
	font-family: var(--main-font);
	color: #fff;
	font-weight: 100;
}
#lineup .modalArtistBox .sns_items {
	position: initial !important;
	width: initial !important;
	justify-content: initial !important;
	background: initial !important;
}
#lineup .modalArtistBox .sns_item {
}
#lineup .modalArtistBox .sns_link {
	background: rgba(255,255,255,0.88);
}
.sns_link .fa-facebook-f { color: #3B5998; }
.sns_link .fa-soundcloud { color: #FE5000; }
.sns_link .fa-mixcloud { color: #000; }
.sns_link .fa-paperclip { color: rgba(0,104,16,1.0); }
.sns_link .fa-instagram { color: #E1306C; }
.sns_link .fa-youtube { color: #F80103; }
.sns_link .fa-twitter { color: #1DA1F2; }

#lineup .sns_link .label_icon {
	display: block;
	height: auto;
}
#lineup .userModalInfo_txt {
	color: #fff;
}
#lineup .userModalInfo_txt a {
	color: var(--main-color);
}


/* stage
-------------------------------------------------- */
#stage {
	background-color: rgba(0,0,0,0.4);
}
#stage .list {
}
#stage .listItem {
}
#stage .listTitle {
	font-family: var(--main-font);
	color: var(--main-color);
}


/* listMiniBox */
#stage .listMiniBox {
}
#stage .listMiniBox:last-child {
	margin-bottom: 0;
}
#stage .listMiniTxt {
	font-family: var(--main-font);
	color: #bad000;
	font-weight: 300;
}
#stage .listMiniBox .listMiniTitle {
	font-family: var(--main-font);
	color: #f2bf74;
	font-weight: 600;
	font-style: italic;
}
#stage .listMiniBox .playerList {
}
#stage .listMiniBox .playerListItem {
	font-family: var(--main-font);
}
#stage .listMiniBox .playerListItem:last-child {
	margin-bottom: 0;
}
#stage .listMiniBox .playerListItem01 {
	color: #eee;
}
#stage .listMiniBox .playerListItem02 {
	color: #999;
	font-style: italic;
}


/* eventInfo
-------------------------------------------------- */
#eventInfo {
	background-color: rgba(0,0,0,0.5);
}
.eventInfoList {
	font-family: var(--main-font);
}
.eventInfoList .eventInfoListItem {
}
.eventInfoList .eventInfoTitle {
}
.eventInfoList .eventInfoTxt {
	color: var(--third-color);
}
.eventInfoList .eventInfoTxt.center {
	width: 100%;
	text-align: center;
}
.eventInfoList .eventInfoTxt i {
	font-style: normal;
}
.eventInfoList .eventInfoTxt_link {
	color: #fff;
	border-bottom: 1px solid #fff;
}
.eventInfoList .eventInfoTxt_link:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f04b";
}
.eventInfoList .price {
	position: relative;
}
.eventInfoList .price:before {
	content: "¥";
	position: absolute;
}
.eventInfoList .eventInfoInn {
	color: var(--third-color);
}
.eventInfoList .eventInfoInnTxt {
}
.eventInfoList .eventInfoInnTable {
}
.eventInfoList .eventInfoInnTable01 {
}
.eventInfoList .eventInfoInnTable02 {
}
.eventInfoList .eventInfoInnLink {
}

/* eventInfoNote */
#eventInfo .eventInfoNote {
	color: var(--third-color);
}
#eventInfo .eventInfoNoteList {
}
#eventInfo .eventInfoNoteList.jp {}
#eventInfo .eventInfoNoteList.en {}
#eventInfo .eventInfoNoteListItem {}
#eventInfo .eventInfoNoteList.jp .eventInfoNoteListItem {}
#eventInfo .eventInfoNoteList.en .eventInfoNoteListItem {}

/* covid19 */
.covid19 {
}
.covid19 .covid19__text {
	color: var(--third-color);
}

/* movie
-------------------------------------------------- */
#movie {
}
#movie .lineupMovie {}
#movie .lineupMovie_items {}
#movie .lineupMovie_item {}
#movie .iframe {}

/* message
-------------------------------------------------- */
#message {
	background: var(--secondary-backcolor);
}
#message .importantTitle {
}
#message .importantList {
}
#message .importantListItem {
	color: #eee;
}

/* footer
-------------------------------------------------- */
footer {
	font-family: var(--main-font) !important;
}


@media screen and (min-width: 768px) {
	.parallaxBox::before {
		background-position: center top !important;
	}
	.topContentBox {
		padding: 50px 0;
	}
	.topContent {
		max-width: 1280px;
		padding: 0;
	}
	.topContentTitle {
		font-size: 7.0rem !important;
		text-align: left !important;
	}
	.pcNone {
		display: none;
	}


	.backImage {
		width: 100%;
		height: auto;
	}


	/* modal
	-------------------------------------------------- */
	.closeBtn {
		top: -30px;
		right: -30px;
	}
	.closeBtn .modalClose {
		width: 30px;
		height: 30px;
	}


	/* パララックス
	-------------------------------------------------- */
	.parallaxBox {
	}
	.parallaxBox:before {
	}
	.parallaxBox .parallaxInn {
		top: 55%;
	}
	.parallaxBox .mainImage01 {
		width: 600px;
		max-width: 60%;
		margin: 0 auto 14vh;
	}
	.parallaxBox .mainImage02Box {
		width: 62.5%;
		min-width: 500px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+10,000000+50,000000+90&0+10,1+50,0+90 */
		background: -moz-linear-gradient(left,  rgba(0,0,0,0) 10%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 90%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 10%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 90%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(0,0,0,0) 10%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
		margin: 0 auto;
		padding: 20px 80px;
	}
	.parallaxBox .mainImage02 {
		width: 100%;
	}
	.parallaxBox .mainImage03 {
		width: 1200px;
		max-width: 90%;
		margin: 0 auto 14vh;
	}

	/* トップイベント
	-------------------------------------------------- */
	#event {
		padding-bottom: 80px;
	}

	/* eventTitle */
	#event .eventTitle {
		margin-bottom: 80px;
	}
	#event .eventTitle .eventTitle01 {
		font-size: 80px;
	}
	#event .eventTitle .eventTitle02 {
		font-size: 60px;
		line-height: 1.2;
	}
	#event .eventTitle .eventTitle02_inn {
		display: block;
		font-size: 60px;
	}
	#event .eventTitle .eventTitle02 .text_jp.text01 {
		display: block;
		font-size: 150px;
	}
	#event .eventTitle .eventTitle02 .text_jp.text02 {
		display: block;
		font-size: 85px;
	}
	#event .eventTitle .eventTitle02 .text_jp.text03 {
		display: block;
		font-size: 75px;
		margin-bottom: 20px;
	}

	/* thankyou */
	.thankyou {
		width: 1080px;
		max-width: 90%;
		scroll-margin-top: 100px;
		margin: 0 auto 80px;
	}
	.thankyou .thankyouImage {
		margin-bottom: 7px;
	}
	.thankyou .thanksTitle {
		font-size: 6.8rem;
		line-height: 1.0;
		margin-bottom: 12px;
	}
	.thankyou .thanksTxt {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.6;
		padding: 0 12px;
	}

	/* timetable */
	.timetable {
		width: 1080px;
		max-width: 90%;
		scroll-margin-top: 100px;
		margin: 0 auto 80px;
	}
	.timetable .timetableTitle {
		font-size: 12rem;
		font-weight: bold;
		line-height: 1.0;
		margin-bottom: 10px;
	}
	.timetable picture {
		border-width: 10px;
	}
	.timetable .timetableImage {
		margin-bottom: 40px;
	}
	.timetable .timetableImage:last-child {
		margin-bottom: 0;
	}

	/* flyer */
	.flyer {
		width: 1080px;
		max-width: 90%;
		margin: 0 auto;
	}
	.flyer .flyerImage {
	}
	.flyer .flyer_title {
		font-size: 3.6rem;
		margin: 10px 0;
	}
	.flyer .flyer_text {
		font-size: 1.8rem;
		line-height: 1.8;
		padding: 0 20px;
	}
	.flyer .flyer_text a {
	}
	.flyer .Readmore .Readmore_btn_more,
	.flyer .Readmore .Readmore_btn_close {
	}


	/* eventLink */
	.eventLink {
		padding: 40px 0;
	}
	.eventLink .eventLink_link {
		width: 900px;
		margin: 0 auto;
		padding: 20px 0;
	}
	.eventLink .eventLink_image {
		display: block;
		width: 100%;
		border: 5px solid #4f3563;
	}
	.eventLink .eventLink_text {
		font-size: 28px;
		text-align: center;
		margin-top: 5px;
	}


	/* eventInfoList
	-------------------------------------------------- */
	#eventInfo {
	}
	.eventInfoList {
	}
	.eventInfoList .eventInfoListItem {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}
	.eventInfoList .eventInfoListItem:last-child {
		margin-bottom: 0;
	}
	.eventInfoList .eventInfoTitle,
	.eventInfoList .eventInfoTxt {
		font-size: 4.8rem;
	}
	.eventInfoList .eventInfoTitle {
		font-weight: normal;
		margin-right: 20px;
	}
	.eventInfoList .eventInfoTxt {
	}
	.eventInfoList .eventInfoTxt .txt01 {
		font-style: normal;
		font-size: 100px;
		font-weight: bold;
	}
	.eventInfoList .eventInfoTxt .txt02 {
		font-style: normal;
		font-size: 50px;
		font-weight: bold;
	}
	.eventInfoList .eventInfoTxt .txt03 {
		font-style: normal;
		font-weight: bold;
	}
	.eventInfoList .OfficialLink {
		display: flex;
		align-items: center;
	}
	.eventInfoList .eventInfoTxt_link {
		display: flex;
		align-items: center;
		font-size: 2.4rem;
		margin: 20px 0 0 20px;
	}
	.eventInfoList .eventInfoTxt_link:after {
		font-size: 10px;
		margin-top: 1px;
		margin-left: 4px;
	}
	.eventInfoList .price {
		font-size: 4.8rem;
		padding-left: 24px;
	}
	.eventInfoList .price:before {
		font-size: 3.6rem;
		bottom: 1px;
		left: 2px;
	}
	.eventInfoList .eventInfoInn {
		font-size: 1.7rem;
		margin-left: 20px;
	}
	.eventInfoList .eventInfoInnTxt {
		margin-bottom: 2px;
	}
	.eventInfoList .eventInfoInnTable {
		display: flex;
		align-items: center;
	}
	.eventInfoList .eventInfoInnTable01 {
		margin-right: 5px;
	}
	.eventInfoList .eventInfoInnTable01:after {
		content: ":";
		margin-left: 5px;
	}
	.eventInfoList .eventInfoInnTable02 {
		margin-right: 7px;
	}
	.eventInfoList .eventInfoInnLink {
		font-size: 1.7rem;
		color: #fff;
		text-decoration: underline;
	}
	.eventInfoList .deadline {
		font-size: 1.4rem;
		color: var(--main-color);
		font-weight: bold;
		border: 1px solid var(--main-color);
		background: rgba(255,255,255,0.4);
		border-radius: 4px;
		padding: 1px 10px;
	}
	.eventInfoList .deadline:before {
		content: '締切';
		font-size: 1.2rem;
		margin-right: 3px;
	}
	.eventInfoList .deadline:after {
		content: 'まで';
		font-size: 1.2rem;
		margin-left: 1px;
	}


	/* eventInfoNote */
	.eventInfoList .eventInfoNote {
		display: flex;
	}
	.eventInfoList .eventInfoNoteList {}
	.eventInfoList .eventInfoNoteListItem {
		font-size: 3.0vw;
		margin-bottom: 1vw;
	}
	.eventInfoList .eventInfoNoteList.jp .eventInfoNoteListItem {
		padding-left: 1em;
		text-indent: -1em;
	}
	.eventInfoList .eventInfoNoteList.en .eventInfoNoteListItem {
		padding-left: 0.75em;
		text-indent: -0.75em;
	}

	/* eventInfoNote */
	#eventInfo .eventInfoNote {
		display: flex;
		margin-bottom: 30px;
	}
	#eventInfo .eventInfoNoteList {
	}
	#eventInfo .eventInfoNoteList.jp {
		font-size: 1.7rem;
		line-height: 1.5;
		margin-right: 20px;
	}
	#eventInfo .eventInfoNoteList.en {
		font-size: 1.7rem;
		line-height: 1.5;
	}
	#eventInfo .eventInfoNoteListItem {}

	/* covid19 */
	.covid19 {
	}
	.covid19 .covid19__text {
		font-size: 1.7rem;
	}

	/* eventLink */
	.eventLink {
		padding: 40px 0;
	}
	.eventLink .eventLink_link {
		width: 900px;
		margin: 0 auto;
		padding: 20px 0;
	}
	.eventLink .eventLink_image {
		display: block;
		width: 100%;
		border: 5px solid #4f3563;
	}
	.eventLink .eventLink_text {
		font-size: 28px;
		text-align: center;
		margin-top: 5px;
	}

	/* news
	-------------------------------------------------- */
	#news {
		width: 100%;
	}
	#news .newsTitle {
	}
	#news .new_newsitems .new_newsday {
	}
	#news .new_newsitems .new_newstitle {
	}
	#news .new_newsitems .new_newsitem {
	}

	/* lineup
	-------------------------------------------------- */
	#lineup {
	}
	#lineup .lineup_wrap {
	}
	#lineup .lineupInn {
		display: flex;
		flex-wrap: wrap;
	}
	#lineup .lineupBox {
		width: 100%;
		margin-bottom: 30px;
	}
	#lineup .lineupBox:last-child {
		margin-bottom: 0;
	}
	#lineup .lineupBox .floorName {
		text-shadow: 1px 1px 4px rgba(255,255,255,0.4);
	}
	#lineup .lineupBox .floorName .floorName01 {
		font-size: 100px;
		margin-right: 20px;
	}
	#lineup .lineupBox .floorName .floorName02 {
		font-size: 44px;
	}
	#lineup .lineupBox .floorWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#lineup .lineupBox .lineupBoxTitle {
		display: flex;
		align-items: baseline;
		justify-content: center;
		font-size: 3.8rem;
		line-height: 1.0;
		margin-bottom: 20px;
	}
	#lineup .lineupBox .lineupBoxTitle_text {
		display: block;
		white-space: nowrap;
		margin-right: 3px;
	}
	#lineup .lineupBox .border {
		width: 100%;
		height: 2px;
		background-color: rgba(0,179,255,0.4);
	}
	#lineup .lineup_items {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0 1px;
	}
	#lineup .lineup_item {
		width: 312px;
		height: 377px;
		margin: 0 10px 10px 0;
		padding: 10px;
	}
	#lineup .lineup_item:nth-child(4n-4),
	#lineup .lineup_item:last-child {
		margin-right: 0;
	}
	#lineup .lineup_link {
	}
	#lineup .lineupTmb {
		margin: 0 0 5px;
	}
	#lineup .lineupTmb_img {
		width: 292px;
		height: 292px;
		object-fit: cover;
		transition: .4s all;
		opacity: 1.0;
	}
	.lineup_link .lineupTmb_img:hover {
		transform: scale(1.15,1.15);
		opacity: 1.0;
	}
	#lineup .lineup_name {
		display: flex;
		flex-direction: column;
		margin-top: 2px;
		padding: 6px 2px;
	}
	#lineup .lineup_name .artistName {
		font-size: 2.3rem;
		line-height: 1.0;
	}
	#lineup .lineup_name .lineup_nameInn {
		display: inline-block;
		font-size: 1.5rem;
		margin-left: 1px;
	}

	/* アーティストが1人だった場合 */
	#lineup .lineupBox.oneArtist {
		width: 312px;
		margin-right: 10px;
	}
	#lineup .lineupBox.oneArtist .lineup_item {
	}
	/* アーティストが2人だった場合 */
	#lineup .lineupBox.twoArtist {
		width: 636px;
	}
	/* アーティストが3人だった場合 */
	#lineup .lineupBox.threeArtist {
		width: 958px;
		margin-right: 10px;
	}

	#mainFloor #visual {
		margin-right: 10px;
	}

	/* モーダル内 */
	#lineup .userModal {
		opacity: 0;
		background: rgba(0,0,0,0.9);
		z-index: -1;
	}
	#lineup .userModal:before {
	}
	#lineup .userModal.active {
		opacity: 1;
		z-index: 99999998;
	}
	#lineup .modalContentInn {
		width: 90%;
		max-width: 970px;
		max-height: 90%;
	}
	#lineup .modalContentInn.active {
		opacity: 1 !important;
		transform: scale(1) !important;
		z-index: 99999999 !important;
	}
	#lineup .userModal_wrap {
		padding: 30px;
		cursor: auto;
		text-align: left;
	}
	#lineup .userModalInfo {
		min-height: 440px;
		max-height: 75vh;
		overflow-y: auto;
		border: 1px solid rgba(255,255,255,0.8);
		margin-top: 10px;
		padding: 20px;
	}
	#lineup .userModalInfo_wrap {
		position: relative;
		float: left;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	#lineup .userModalInfo_img {
		float: left;
		max-width: 400px;
	}

	/* modalArtistBox */
	#lineup .modalArtistBox {
	}
	#lineup .modalArtistBox .userModal_name {
		font-size: 6.0rem;
		line-height: 1.0;
	}
	#lineup .modalArtistBox .userModal_label {
		font-size: 2.2rem;
		font-weight: bold;
	}
	#lineup .modalArtistBox .sns_items {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		padding: 15px 0;
	}
	#lineup .modalArtistBox .sns_item {
		margin-right: 10px;
	}
	#lineup .modalArtistBox .sns_item:last-child {
		margin-right: 0;
	}
	#lineup .modalArtistBox .sns_link {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 35px;
		height: 35px;
		font-size: 20px;
	}
	#lineup .sns_link .label_icon {
		width: 22px;
	}
	#lineup .userModalInfo_txt {
		font-size: 1.5rem;
		line-height: 1.6;
	}


	/* stage
	-------------------------------------------------- */
	#stage {
	}
	#stage .list {
		display: flex;
	}
	#stage .listItem {
		width: 32.66%;
		background: rgba(0,0,0,0.4);
		padding: 25px 20px 20px;
	}
	#stage .listItem:nth-child(3n+2) {
		margin-right: 1%;
		margin-left: 1%;
	}
	#stage .listTitle {
		font-size: 5.0rem;
		line-height: 1.0;
		text-align: center;
		text-shadow: 0 0 15px rgba(255,255,255,0.9);
		margin: 0 0 30px;
	}

	/* listMiniBox */
	#stage .listMiniBox {
		margin: 0 0 20px;
	}
	#stage .listMiniTxt {
		font-size: 2.4rem;
		text-align: center;
		margin-bottom: 10px;
	}
	#stage .listMiniBox .listMiniTitle {
		font-size: 2.4rem;
		line-height: 1.0;
		margin-bottom: 5px;
	}
	#stage .listMiniBox .playerList {
	}
	#stage .listMiniBox .playerListItem {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		margin-bottom: 5px;
	}
	#stage .listMiniBox .playerListItem01 {
		font-size: 2.6rem;
		margin-right: 10px;
	}
	#stage .listMiniBox .playerListItem02 {
		font-size: 1.8rem;
		font-weight: 100;
	}


	/* movie
	-------------------------------------------------- */
	#movie {
	}
	#movie .lineupMovie {
	}
	#movie .lineupMovie_items {
	}
	#movie .lineupMovie_item {
	}
	#movie iframe {
		width: 100%;
		height: 400px;
		vertical-align: top;
	}


	/* introduction
	-------------------------------------------------- */
	#event .introduction {
		margin-top: 10px;
	}
	.introduction .introductionBtn {
		bottom: -10px;
		width: 400px;
		font-size: 1.6rem;
		padding: 10px 0;
	}

	.introduction .introductionTxt {
		font-size: 1.8rem;
		line-height: 1.8;
		overflow: hidden;
		letter-spacing: 0.07em;
		margin: 0 0 10px;
		padding: 0 2px;
	}
	.introduction .introductionTxt.is-hide {
		height: 150px; /*隠した後の高さ*/
	}
	.introduction .introductionTxt:before {
		bottom: 0;
		height: 90px; /*グラデーションで隠す高さ*/
	}
	.introduction .introductionBtn.is-show {
		bottom: -50px;
	}

	/* message
	-------------------------------------------------- */
	#message {
	}
	#message .importantTitle {
	}
	#message .importantList {
	}
	#message .importantListItem {
		font-size: 1.7rem;
		line-height: 1.5;
		margin-bottom: 12px;
	}
	#message .importantListItem:last-child {
		margin-bottom: 0;
	}

}

@media all and (max-width: 767px) {

	.parallaxBox {
		height: 70vh !important;
	}

	.topContentBox {
		padding: 8vw 0;
	}
	.topContent {
		padding: 0 3vw;
	}
	.topContentTitle {
		font-size: 7.5vw !important;
		text-align: left !important;
	}
	.spBlock {
		display: block;
	}
	.spNone {
		display: none;
	}

	.backImage {
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		width: auto;
		height: 122vh;
	}

	/* modal
	-------------------------------------------------- */
	.closeBtn {
		top: -1.5vw;
		right: -6vw;
	}
	.closeBtn .modalClose {
		width: 5vw;
		height: 5vw;
	}
	.closeBtn .modalClose:before,
	.closeBtn .modalClose:after {
		background: #ccc;
	}

	/* パララックス
	-------------------------------------------------- */
	.parallaxBox {
	}
	.parallaxBox:before {
	}
	.parallaxBox .parallaxInn {
		top: 53%;
	}
	.parallaxBox .mainImage01 {
	}
	.parallaxBox .mainImage01 {
		width: 65%;
		margin: 0 auto 17vh;
	}
	.parallaxBox .mainImage02Box {
		width: 100%;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0+0,1+30,1+70,0+100 */
		background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 30%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
		margin: 0 auto;
		padding: 2.5vw 0;
	}
	.parallaxBox .mainImage02 {
		width: 88%;
	}
	.parallaxBox .mainImage03 {
		max-width: 98vw;
		margin: 0 auto 13vh;
	}

	/* トップイベント
	-------------------------------------------------- */
	#event {
		padding-top: 10vw !important;
		padding-bottom: 10vw;
	}

	/* eventTitle */
	#event .eventTitle {
		margin-bottom: 8vw;
	}
	#event .eventTitle .eventTitle01 {
		font-size: 8vw;
		line-height: 1.0;
		margin-bottom: 4vw;
	}
	#event .eventTitle .eventTitle02 {
		font-size: 5vw;
		line-height: 0.8;
	}
	#event .eventTitle .eventTitle02 .text_jp.text01 {
		display: block;
		font-size: 10vw;
		padding: 1vw 0;
	}
	#event .eventTitle .eventTitle02 .text_jp.text02 {
		display: block;
		font-size: 7.5vw;
		padding: 2vw 0;
	}
	#event .eventTitle .eventTitle02 .text_jp.text03 {
		display: block;
		font-size: 5.5vw;
		padding: 2vw 0 4vw;
	}
	#event .eventTitle .eventTitle02_inn {
		display: block;
		font-size: 6vw;
		margin-bottom: 2.5vw;
	}

	/* thankyou */
	.thankyou {
		scroll-margin-top: 20vw;
		margin-bottom: 5vw;
	}
	.thankyou .thankyouImage {
		margin-bottom: 2.25vw;
	}
	.thankyou .thanksTitle {
		font-size: 6.5vw;
		line-height: 1.0;
		margin-bottom: 2.5vw;
	}
	.thankyou .thanksTxt {
		font-size: 3vw;
		font-weight: bold;
		line-height: 1.6;
		padding: 0 3vw;
	}

	/* timetable */
	.timetable {
		scroll-margin-top: 20vw;
		margin-bottom: 5vw;
	}
	.timetable .timetableTitle {
		font-size: 11vw;
		font-weight: bold;
		line-height: 1.0;
		letter-spacing: 0.03em;
		margin-bottom: 1.5vw;
	}
	.timetable picture {
		border-width: 4px;
	}
	.timetable .timetableImage {
		margin-bottom: 3vw;
	}
	.timetable .timetableImage:last-child {
		margin-bottom: 0;
	}

	/* flyer */
	.flyer {
	}
	.flyer .flyerImage {
	}
	.flyer .flyer_title {
		font-size: 5.125vw;
		margin: 2vw 0 1.5vw;
	}
	.flyer .flyer_text {
		font-size: 3.33vw;
		line-height: 1.7;
		padding: 0 2.5vw;
	}
	.flyer .flyer_text a {
	}
	.flyer .Readmore .Readmore_btn_more,
	.flyer .Readmore .Readmore_btn_close {
		font-size: 3.33vw;
	}


	/* eventInfo
	-------------------------------------------------- */
	#eventInfo {
	}
	.eventInfoList {
		margin-bottom: 2.5vw;
	}
	.eventInfoList .eventInfoListItem {
		margin-bottom: 3.5vw;
	}
	.eventInfoList .eventInfoListItem:first-child {
		flex-direction: column;
	}
	.eventInfoList .eventInfoListItem:last-child {
		margin-bottom: 0;
	}
	.eventInfoList .eventInfoTitle,
	.eventInfoList .eventInfoTxt {
		font-size: 5.85vw;
		line-height: 1.3;
	}
	.eventInfoList .eventInfoTitle {
		margin-right: 2.5vw;
		font-weight: 500;
	}
	.eventInfoList .eventInfoTxt {
		font-weight: 500;
	}
	.eventInfoList .eventInfoTxt .txt01 {
		font-style: normal;
		font-size: 10vw;
		font-weight: bold;
	}
	.eventInfoList .eventInfoTxt .txt02 {
		font-style: normal;
		font-size: 5vw;
		font-weight: bold;
	}
	.eventInfoList .eventInfoTxt .txt03 {
		font-style: normal;
		font-size: 5vw;
		font-weight: bold;
	}
	.eventInfoList .eventInfoTxt_mini {
		font-size: 5.0vw;
	}
	.eventInfoList .eventInfoTxt_inn {
		font-weight: 600;
	}
	.eventInfoList .OfficialLink {
		display: flex;
		align-items: center;
	}
	.eventInfoList .eventInfoTxt_link {
		display: flex;
		align-items: center;
		font-size: 3.5vw;
		margin: 1vw 0 0 3vw;
	}
	.eventInfoList .eventInfoTxt_link:after {
		font-size: 10px;
		margin-top: 1px;
		margin-left: 4px;
	}
	.eventInfoList .price {
		padding-left: 3.5vw;
	}
	.eventInfoList .price:before {
		font-size: 5.0vw;
		top: 1.9vw;
		left: 0;
	}
	.eventInfoList .eventInfoInn {
	}
	.eventInfoList .eventInfoInnTxt {
		font-size: 3.25vw;
		color: #f33;
		font-weight: 600;
		margin-top: 1vw;
	}
	.eventInfoList .eventInfoInnTable {
		width: 90%;
		overflow: hidden;
		background: var(--link-color);
		border-radius: 100px;
		margin: 2vw auto 0;
		padding: 2.0vw 0;
		position: relative;
	}
	.eventInfoList .eventInfoInnTable:after {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		right: 2.5vw;
		font-family: "Font Awesome 5 Free";
		font-weight: bold;
		content: "\f105";
		font-size: 5.0vw;
		color: #ddd;
	}
	.eventInfoList .eventInfoInnTable01 {
	}
	.eventInfoList .eventInfoInnTable02 {
		line-height: 1.0;
		text-align: center;
	}
	.eventInfoList .eventInfoInnLink {
	}
	.eventInfoList .eventInfoInnLink .ticket_venue {
		display: block;
		font-size: 5.5vw;
		color: #fff;
		font-weight: bold;
		line-height: 1.0;
		text-align: center;
		margin-bottom: 0.4vw;
	}
	.eventInfoList .eventInfoInnLink .ticket_text {
		font-size: 3.25vw;
		color: rgba(255,255,255,0.8);
	}
	.eventInfoList .ticket_note {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 5.25vw;
		font-weight: bold;
		line-height: 1;
		margin-top: 1vw;
	}
	.eventInfoList .ticket_note:before {
		content: '締切';
		font-size: 4vw;
		margin: 0.8vw 0.9vw 0 0;
	}
	.eventInfoList .ticket_note:after {
		content: 'まで';
		font-size: 4vw;
		margin: 0.8vw 0 0 0.6vw;
	}

	/* eventInfoNote */
	#eventInfo .eventInfoNote {
		font-weight: 600;
		margin: 0.75vw 0 2.5vw;
	}
	#eventInfo .eventInfoNoteList {
	}
	#eventInfo .eventInfoNoteList.jp {
	}
	#eventInfo .eventInfoNoteList.en {
	}
	#eventInfo .eventInfoNoteListItem {
		font-size: 3.5vw;
		line-height: 1.2;
		margin-bottom: 2vw;
	}
	#eventInfo .eventInfoNoteList.jp .eventInfoNoteListItem {
		padding-left: 0.75em;
		text-indent: -0.75em;
	}
	#eventInfo .eventInfoNoteList.en .eventInfoNoteListItem {
		padding-left: 0.75em;
		text-indent: -0.75em;
	}

	/* covid19 */
	.covid19 {
	}
	.covid19 .covid19__text {
		font-size: 3.5vw;
		color: var(--third-color);
		font-weight: 600;
		line-height: 1.5;
	}


	/* introduction
	-------------------------------------------------- */
	.introduction {
	}
	.introduction .introductionBtn {
		bottom: -7.0vw;
		width: 70vw;
		font-size: 3.5vw;
		padding: 2vw 0;
	}
	.introduction .introductionTxt {
		font-size: 3.75vw;
		line-height: 1.6;
		overflow: hidden;
	}
	.introduction .introductionTxt a {
		color: #0E94FB;
	}
	.introduction .introductionTxt.is-hide {
		height: 10vh; /*隠した後の高さ*/
	}
	.introduction .introductionTxt:before {
		bottom: -7vw;
		height: 7.5vh; /*グラデーションで隠す高さ*/
	}
	.introduction .introductionBtn.is-show {
	}

	/* eventLink */
	.eventLink {
		padding: 0 3vw;
	}
	.eventLink .eventLink_link {
		padding: 4vw 0;
	}
	.eventLink .eventLink_image {
		display: block;
		width: 100%;
		border: 2px solid #4f3563;
	}
	.eventLink .eventLink_text {
		font-size: 3.5vw;
		text-align: center;
		margin-top: 0.75vw;
	}

	/* news
	-------------------------------------------------- */
	#news {}
	#news .newsTitle {
	}
	#news .new_newsitems .new_newsthum {
		margin-bottom: 1.5vw;
	}
	#news .new_newsitems .new_newsday {
		font-size: 4.75vw;
	}
	#news .new_newsitems .new_newstitle {
		font-size: 4.5vw;
	}
	#news .new_newsitems {
		padding: 0 0.5vw;
	}
	#news .new_newsitems .new_newsitem {
		margin-bottom: 5vw;
	}
	#news .new_newsitems .new_newsitem:last-child {
		margin-bottom: 0;
	}
	#news .newsItem .moreLink {
		width: 50vw;
		font-size: 3.5vw;
		color: #666;
		border: 1px solid #666;
		background: rgba(255,255,255,0.0);
		margin: 2.5vw auto 1vw;
		padding: 0.5vw 0;
	}
	#news .newsItem .newsItem01 {
		margin-bottom: 0.5vw;
	}
	#news .newsListItem {
		border-bottom: 1px solid #333;
		padding: 2vw 0 4vw;
	}
	#news .newsItem .newsItemTitle {
		margin-bottom: 1.5vw;
	}

	
	/* lineup
	-------------------------------------------------- */
	#lineup {
	}
	#lineup .lineup_wrap {
	}
	#lineup .lineupInn {}
	#lineup .lineup_items {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 3vw;
	}
	#lineup .lineupBox {
	}
	#lineup .lineupBox .floorName {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		margin-bottom: 3vw;
	}
	#lineup .lineupBox .floorName .floorName01 {
		font-size: 15.0vw;
		line-height: 1;
		margin-bottom: 0.5vw;
	}
	#lineup .lineupBox .floorName .floorName02 {
		font-size: 4.0vw;
	}
	#lineup .lineupBox .floorWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#lineup .lineupBox .lineupBoxTitle {
		font-size: 7.25vw;
		line-height: 1.0;
		margin-bottom: 2.5vw;
	}
	#lineup .lineup_item {
		width: calc((100% - 2vw) / 2);
		height: 61vw;
		margin-bottom: 2vw;
		padding: 0.2vw 0.2vw 3vw;
	}
	#lineup .lineup_link {}
	#lineup .lineupTmb {}
	#lineup .lineupTmb_img {
		display: block;
		width: 100%;
		height: auto;
	}
	#lineup .lineup_name {
		display: flex;
		flex-direction: column;
		line-height: 1.3;
		margin-top: 1.25vw;
		padding: 0 0.8vw;
	}
	#lineup .lineup_name .artistName {
		font-size: 5vw;
	}
	#lineup .lineup_name .lineup_nameInn {
		font-size: 3vw;
		font-weight: 300;
	}

	/* アーティストが一人だった場合 */
	#lineup .lineupBox.oneArtist {
		width: calc((100% - 2vw) / 2);
	}
	#lineup .lineupBox.oneArtist .lineup_item {
		width: 100% !important;
	}

	/* モーダル内 */
	#lineup .userModal {
		display: none;
		background: rgba(0,0,0,0.9);
		z-index: 99998;
	}
	#lineup .userModal:before {
	}
	#lineup .userModal.active {
		display: block;
	}
	#lineup .modalContentInn {
		top: 45% !important;
		display: inline-block;
		width: 85vw;
		vertical-align: middle;
		cursor: auto;
		white-space: normal;
		z-index: 999999;
		margin: 0 auto;
		padding: 2.5vw 0;
		position: relative;
	}
	#lineup .modalContentInn.active {
	}
	#lineup .userModal_wrap {
		padding: 4vw;
		cursor: auto;
		text-align: left;
	}
	#lineup .userModalInfo {
		margin-top: 2vw;
	}
	#lineup .userModalInfoInn {
		height: 70vh;
		overflow: auto;
		border: 1px solid #444;
		padding: 4vw;
		scrollbar-width: none;
		-ms-overflow-style: none;
		-webkit-overflow-style: none;
	}
	#lineup .userModalInfo_wrap {
		width: 80%;
		margin: 0 auto;
		position: relative;
	}
	#lineup .userModalInfo_img {
		width: 100%;
		margin-bottom: 2vw;
	}

	/* modalArtistBox */
	#lineup .modalArtistBox {
		margin-bottom: 1vw;
	}
	#lineup  .modalArtistBox .userModal_name {
		font-size: 6vw;
		line-height: 1.0;
		margin-bottom: 1vw;
	}
	#lineup .modalArtistBox .userModal_label {
		font-size: 4vw;
		line-height: 1.0;
	}
	#lineup .modalArtistBox .sns_items {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.75);
		padding: 3vw 0;
	}
	#lineup .modalArtistBox .sns_item {
		margin-right: 10px;
	}
	#lineup .modalArtistBox .sns_item:last-child {
		margin-right: 0;
	}
	#lineup .modalArtistBox .sns_link {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 10vw;
		height: 10vw;
		font-size: 4vw;
		background: #FFF;
		border-radius: 100%;
	}
	#lineup .sns_link .label_icon {
		width: 5vw;
	}
	#lineup .userModalInfo_txt {
		font-size: 3.75vw;
		line-height: 1.7;
	}


	/* stage
	-------------------------------------------------- */
	#stage {
	}
	#stage.topContentBox {
		padding: 0 !important;
	}
	#stage .stageInn {
		padding-top: 8vw;
		padding-bottom: 8vw;
	}
	#stage .list {
		display: flex;
		flex-direction: column;
	}
	#stage .listItem {
		background: rgba(0,0,0,0.4);
		margin: 0 0 2.5vw;
		padding: 4.25vw;
	}
	#stage .listItem:last-child {
		margin-bottom: 0;
	}
	#stage .listTitle {
		font-size: 10vw;
		line-height: 1.0;
		text-align: center;
		margin-bottom: 5vw;
		position: relative;
	}
	#stage .listTitle::after {
		position: absolute;
		bottom: -3vw;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		content: '';
		width: 10vw;
		height: 1px;
		background: rgba(170,170,170,1.0);
	}

	/* listMiniBox */
	#stage .listMiniBox {
		margin: 0 0 3.75vw;
		padding: 0;
	}
	#stage .listMiniTxt {
		font-size: 4.5vw;
		margin-bottom: 1.5vw;
	}
	#stage .listMiniBox .listMiniTitle {
		font-size: 4.5vw;
		font-weight: 300;
		line-height: 1.0;
		margin: 0 0 1.5vw;
		padding: 0;
	}
	#stage .listMiniBox .playerList {
	}
	#stage .listMiniBox .playerListItem {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		margin-bottom: 0.5	vw;
		padding: 0 0.5vw;
	}
	#stage .listMiniBox .playerListItem01 {
		font-size: 5.75vw;
		margin-right: 2vw;
	}
	#stage .listMiniBox .playerListItem02 {
		font-size: 4vw;
		font-weight: 300;
	}


	/* movie
	-------------------------------------------------- */
	#movie {
	}
	#movie .lineupMovie {
	}
	#movie .lineupMovie_items {
	}
	#movie .lineupMovie_item {
	}
	#movie iframe {
		width: 100%;
		height: 200px;
		vertical-align: top;
	}

	/* message
	-------------------------------------------------- */
	#message {
	}
	#message .importantTitle {
	}
	#message .importantList {
	}
	#message .importantListItem {
		font-size: 3.25vw;
		line-height: 1.5;
		margin-bottom: 2.25vw;
	}
	#message .importantListItem:last-child {
		margin-bottom: 0;
	}
}



/* アニメーション */
.fade-in-bottom {
	opacity: 0;
	animation-name: fadein-bottom;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}




.eventMessage {
}
.eventMessage .eventMessage_title {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	color: #111;
	font-weight: bold;
	text-align: center;
}
.eventMessage .eventMessage_text {
	font-family: 'Noto Sans JP', sans-serif;
	color: #111;
}
.eventMessage .eventMessage_more,
.eventMessage .eventMessage_close {
	display: block;
	color: #111;
	text-align: center;
	border-radius: 100px;
	border: 1px solid #111;
}
.eventMessage .eventMessage_close {
	display: none;
}
@media screen and (min-width: 768px) {
	.eventMessage {
		width: 1080px;
		max-width: 90%;
		margin: 15px auto 0;
	}
	.eventMessage .eventMessage_title {
		font-size: 2.4rem;
		margin-bottom: 4px;
	}
	.eventMessage .eventMessage_text {
		font-size: 1.6rem;
		line-height: 1.6;
		padding: 0 10px;
	}
	.eventMessage .eventMessage_more,
	.eventMessage .eventMessage_close {
		width: 200px;
		font-size: 1.6rem;
		margin: 10px auto 0;
		padding: 10px 0;
	}
}
@media all and (max-width: 767px) {
	.eventMessage {
		margin-top: 3vw;
	}
	.eventMessage .eventMessage_title {
		font-size: 3.3vw;
		margin-bottom: 1vw;
	}
	.eventMessage .eventMessage_text {
		font-size: 3.125vw;
		line-height: 1.6;
		padding: 0 2vw;
	}
	.eventMessage .eventMessage_more,
	.eventMessage .eventMessage_close {
		width: 45.0vw;
		font-size: 3.125vw;
		margin: 2vw auto 0;
		padding: 2vw 0;
	}
}

@media screen and (min-width: 768px) {
	.eventInformation .eventInformation_text {
		font-size: 1.8rem;
		color: #fff;
		line-height: 1.8;
		padding: 0 10px;
	}
}

.new_newsitems .new_newsthum {
	aspect-ratio: 2/1;
	overflow: hidden;
	position: relative;
}
.new_newsitems .new_newsthum::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border-width: 5px;
	border-style: solid;
}
@media screen and (min-width: 768px) {
	.new_newsitems .new_newsthum::after {
		border-color: rgba(0,0,0,0.5) !important;
	}
}
@media all and (max-width: 767px) {
	.new_newsitems .new_newsthum::after {
		border-color: rgba(255,255,255,0.35) !important;
	}
}



.trailer {
	color: rgba(255,255,255,0.95);
	text-align: center;
}
.trailer .trailer_title {
	font-family: var(--main-font);
	font-weight: bold;
	text-shadow: 0 0 15px green;
	letter-spacing: -0.015em;
}
.trailer .trailer_text_01 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 10px green;
}
.trailer .trailer_text_02 {
	font-family: var(--main-font);
	text-align: center;
	text-shadow: 0 0 10px green;
}
@media screen and (min-width: 768px) {
	.trailer {
		width: 1080px;
		max-width: 90%;
		margin: 80px auto 150px;
	}
	.trailer .trailer_title {
		font-size: 90px;
	}
	.trailer .trailer_text_01 {
		font-size: 50px;
	}
	.trailer .trailer_text_02 {
		font-size: 46px;
	}
}
@media all and (max-width: 767px) {
	.trailer {
		margin: 12.5vw 0 5vw;
	}
	.trailer .sp_block {
		display: block;
	}
	.trailer .trailer_title {
		font-size: 12.5vw;
		line-height: 1.1;
		margin-bottom: 2.5vw;
	}
	.trailer .trailer_text_01 {
		font-size: 5.5vw;
		margin-bottom: 2.5vw;
	}
	.trailer .trailer_text_02 {
		font-size: 4.75vw;
	}
}





.afterMovie {
}
.afterMovie .afterMovie_title {
	font-family: var(--main-font);
	color: var(--main-color);
	text-align: center;
}
.afterMovie video {
	width: 100%;
}
@media screen and (min-width: 768px) {
	.afterMovie {
		width: 1080px;
		max-width: 90%;
		margin: 0 auto 80px;
	}
	.afterMovie .afterMovie_title {
		font-size: 12rem;
		font-weight: bold;
		line-height: 1.0;
		margin-bottom: 10px;
	}
	.afterMovie video {
	}
}
@media all and (max-width: 767px) {
	.afterMovie {
		margin: 12.5vw 0 5vw;
	}
	.afterMovie .afterMovie_title {
		font-size: 11vw;
		font-weight: bold;
		line-height: 1.0;
		letter-spacing: 0.03em;
		margin-bottom: 1.5vw;
	}
	.afterMovie video {
	}
}


/* --------------------------------------------------
SpecialCategory
-------------------------------------------------- */
@media screen and (min-width: 768px) {
	.SpecialCategory {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}
	.SpecialCategory .lineupBox {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 45% !important;
		margin: 0 2.5% 30px !important;
	}
	.SpecialCategory .lineupBoxTitle {
		font-size: 5rem !important;
	}
	.SpecialCategory .lineup_item {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 1/1 !important;
	}
	.SpecialCategory .lineupTmb_img {
		width: 100% !important;
		height: 448px !important;
	}
	.SpecialCategory .artistName {
		font-size: calc( 2.3rem * 1.5 ) !important;
	}
}

@media all and (max-width: 767px) {
	.SpecialCategory {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.SpecialCategory .lineupBox {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.SpecialCategory .lineupBoxTitle {
		font-size: 7.5vw !important;
	}
	.SpecialCategory .lineup_items {
		justify-content: center !important;
	}
	.SpecialCategory .lineup_item {
		width: 75% !important;
		height: auto !important;
		padding: 1vw !important;
	}
}


/* --------------------------------------------------
tab_main
-------------------------------------------------- */
.tab_main {
	display: none;
	transition-duration: 0.3s;
}
.tab_main.is_show {
	display: block;
}

.tabFix {
	opacity: 0;
	position: fixed;
	right: 0;
	transition: .6s;
	pointer-events: none;
}
.tabFix.active {
    display: block;
	transform: scale(1) rotate(0deg) !important;
	opacity: 1 !important;
	z-index: 1000;
	pointer-events: auto;
}
.tabFix .tab-list {
	display: flex;
	font-family: var(--main-font);
}
.tabFix .tab-menu {
	border: none;
	margin: 0 5px;
}
.tabFix .tab-menu a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 260px;
	height: 30px;
	font-size: 20px;
	color: #000;
	background: #eee;
}
.tabFix .tab-menu.current a {
	color: #fff;
}
.tabFix .tab-menuInn {
	font-size: 20px;
	margin: 0 0 0 5px;
}

.tabFix .tabFixInn {
	display: flex;
}
.tabFix .one_tab {
	margin: 0 5px;
}
.tabFix .one_tab a {
	display: flex;
	justify-content: center;
	align-items: center;
}
.tabFix .one_tab .tab_inner {
	font-family: var(--main-font);
}

.tabMain {
	background-color: rgba(0,0,0,0.5);
}
.tabMain .tab-list {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
	padding-top: 50px;
}
.tabMain .tab-menu {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    font-family: var(--main-font);
    font-size: 50px;
    font-weight: bold;
    line-height: 1;
	border-bottom-style: solid;
	border-bottom-width: 3px;
    padding: 20px 0;
    cursor: pointer;
}
.tabMain .tab-menuInn {
    font-size: 23px;
    font-weight: normal;
    margin-top: 4px;
}
@media all and (max-width: 767px) {
	.tabMain {
		padding: 0 2.5vw;
	}
	.tabMain .tab-menu {
		font-size: 5vw;
		padding: 3.5vw 0;
	}
	.tabMain .tab-list {
		padding-top: 0;
	}
}




.tab-list .mainParty,
.tab-list .afterParty {
	color: rgba(255,255,255,0.5);
	position: relative;
}
.tab-list .mainParty.current,
.tab-list .afterParty.current {
	color: white;
	border-radius: 2px;
}
.tab-list .mainParty.current:before,
.tab-list .afterParty.current:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	bottom: -15px;
	border-style: solid;
	border-width: 15px 15px 0 15px;
}

/* mainParty */
.tab-list .mainParty {
	background: var(--mainParty-color);
	border-color: var(--mainParty-color) !important;
}
.tab-list .mainParty.current:before {
	border-color: var(--mainParty-color) transparent transparent transparent;
}
.mainParty .eventInfoList .eventInfoTitle {
	color: var(--mainParty-color);
}
.mainParty.one_tab a {
	color: #fff;
	background: var(--mainParty-color);
}


/* afterParty */
.tab-list .afterParty {
	background: var(--afterParty-color);
	border-color: var(--afterParty-color) !important;
}
.tab-list .afterParty.current:before {
	border-color: var(--afterParty-color) transparent transparent transparent;
}
.afterParty .eventInfoList .eventInfoTitle {
	color: var(--afterParty-color);
}
.afterParty.one_tab a {
	color: #fff;
	background: var(--afterParty-color);
}

:root {
	--delay: 0;
	--duration: 800ms;
	--iterations: 1;
}
.eventInfoList .eventInfoListItem,
.eventInfoList .eventInfoListItem:after {
	animation-delay: var(--animation-delay, 2s);
	animation-iteration-count: var(--iterations, 1);
	animation-duration: var(--duration, 800ms);
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}
.eventInfoList .eventInfoListItem {
  --animation-delay: var(--delay, 0);
  --animation-duration: var(--duration, 800ms);
  --animation-iterations: var(--iterations, 1);
  position: relative;
  font-size: 10vw;
  animation-name: clip-text;
  color: #fff;
  white-space: nowrap;
  cursor: default;
}
.eventInfoList .eventInfoListItem:after {
    content: "";
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: rgba(0,0,0,0.85); */
    transform: scaleX(0);
    transform-origin: 0 50%;
    pointer-events: none;
    animation-name: text-revealer;
}


@keyframes clip-text {
	from {
		clip-path: inset(0 100% 0 0);
	}
	to {
		clip-path: inset(0 0 0 0);
	}
}
@keyframes text-revealer {
	0%, 50% {
		transform-origin: 0 50%;
	}
	60%, 100% {
		transform-origin: 100% 50%;   
	}
	60% {
		transform: scaleX(1);
	}
	100% {
		transform: scaleX(0);
	}
}

@media screen and (min-width: 768px) {
	.tabFix {
		background: rgba(255,255,255,0.35);
	}
	.tabMain .tab-menu:nth-child(2n+1) {
		margin-right: 10px;
	}
	.tabMain .tab-menu:nth-child(2n+2) {
		margin-left: 10px;
	}
	.tab_main.is_show {
	}
	.tabFix {
		top: 70px;
		padding: 10px 5px;
	}
	.tabFix .one_tab a {
		width: 250px;
		height: 40px;
	}
	.tabFix .one_tab .tab_inner {
		font-size: 20px;
	}
}
@media all and (max-width: 767px) {
	.tabFix {
		background: rgba(0,0,0,0.75);
	}
	.tabMain .tab-menu:nth-child(2n+1) {
		margin-right: 1vw;
	}
	.tabMain .tab-menu:nth-child(2n+2) {
		margin-left: 1vw;
	}
	.tab_main.is_show {
		padding: 0;
	}
	.tabFix {
		top: 60px;
		width: 100%;
		padding: 10px 5px;
	}
	.tabFix .tabFixInn {
		justify-content: space-around;
	}
	.tabFix .one_tab {
		width: 48%;
		margin: 0;
	}
	.tabFix .one_tab a {
		height: 10vw;
	}
	.tabFix .one_tab .tab_inner {
		font-size: 4vw;
	}
}

.new_newsitems .new_newstitle {
	font-size: 20px !important;
}