@charset "UTF-8";


/* main-visual */
@media all {
	.main-header {
		/* overflow: hidden; */
		position: relative;
		/* z-index: 1001; */
	}
	.main-header img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.mv {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		filter: blur(20rem);
		transition: opacity 1s, filter 1s;
	}
	.mv3 {transition-delay: .75s;}
	.loaded .mv {
		opacity: 1;
		filter: blur(0);
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.main-header {aspect-ratio: 50 / 36;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		
		/* pc */
		@media (min-width: 1025px) {
			.main-header {height: 730rem;}
		}

		/* tab */
		@media (max-width: 1024px) {
			.main-header {height: 70vw;}
		}
	}
}

/* info-section */
@media all {
	.info-header,
	.info-content {
		text-align: center;
	}
	.info-header-ttl-ja,
	.info-header-ttl-en,
	.info-theatre,
	.ttl-date {
		display: block;
		margin: 0 auto;
	}
	.info-ttl {
		display: block;
	}

	.info-list {
		margin: 18rem auto;
		background-color: var(--orange);
		border: var(--min1px) solid #000;
		font-weight: 500;
		color: #000;
		line-height: 1.5;
	}

	.info-text-catch {
		border-top: var(--min1px) solid var(--main-color);
		border-bottom: var(--min1px) solid var(--main-color);
		color: var(--main-color);
	}
	.en .info-text-main {text-align: left;}
	

	/* sp */
	@media only screen and (max-width: 767px) {
		.ttl-huge {display: none;}

		.info-header-ttl-ja {width: 160rem;}
		.info-header-ttl-en img {
			margin-top: 10rem;
			width: 300rem;
		}

		.info-content-wrapper {
			margin-top: 50rem;
		}
		.info-theatre {width: 180rem;}
		.info-content {padding: 0 10rem;}
		.en.info-content {margin-top: 30rem;}

		.ja .ttl-date {
			margin-top: 10rem;
			width: 260rem;
		}

		.ja .info-list {padding: .5em 4.5em;}
		.en .info-list {padding: .5em 1em;}
		.info-list li::before {
			content: '★ ';
		}

		.ja .ttl-time {margin-top: 1em;}
		
		.info-text {
			position: relative;
			margin: 40rem auto 0;
			padding: 0 20rem;
		}
		.info-text-catch {
			margin: 0 auto;
			width: 240rem;
			font-size: 27rem;
			text-align: center;
		}
		.en .info-text-catch {
			margin-top: 10rem;
			padding: 20rem 0;
		}
		.info-text-catch img {width: 100%;}
		.info-text-main {padding: 20rem 20rem;}

	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.info-section {
			padding-top: 55rem;
			padding-bottom: 100rem;
		}
		.info-header-ttl-ja {width: 315rem;}
		.info-header-ttl-en {
			margin-top: 20rem;
			width: 950rem;
		}
		.info-content-wrapper {
			margin-top: 80rem;
		}
		.info-theatre {width: 266rem;}
		.info-content {
			margin: 0 auto;
			width: 570rem;
		}
		.ja .ttl-date {
			margin-top: 20rem;
			width: 439rem;
		}
		.ja .ttl-time {margin-top: 20rem;}
		.info-content.en {
			position: relative;
			z-index: 2;
			margin-top: 40rem;
			font-size: 18rem;
		}
		.info-ttl {
			font-size: 20rem;
			line-height: 1.7;
		}
		.en .info-ttl {font-size: 18rem;}
		.info-list {
			padding: .75em 0;
			width: 100%;
			font-size: 16rem;
			line-height: 1.5625;
		}
		.info-list li {display: inline;}
		.info-list li + li::before {
			content: ' ／ ';
		}
		.en .info-list li + li::before { content: ' - ';}
		.info-text {
			display: flex;
			justify-content: space-between;
			margin: 160rem auto 0;
			width: calc(100% - 20rem);
			max-width: 900rem;
		}
		.ttl-huge.kienbanjo {
			order: 2;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: -60rem;
			padding-left: 1.75%;
			width: 20%;
			font-size: 96rem;
		}
		.info-text-content {
			width: 40%;
		}
		.info-text-content.ja {order: 1; transition-delay: .2s;}
		.info-text-content.en {order: 3; transition-delay: .4s;}
		.info-text-catch {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: min(33.33vw, 300rem);
		}
		.ja .info-text-catch img {width: 100%;}
		.en .info-text-catch {font-size: 40rem;}
		.info-text-main {
			margin-top: 30rem;
		}
		.ja .info-text-main {
			font-size: 20rem;
			line-height: 1.75;
		}
		.en .info-text-main {
			font-size: 18rem;
			line-height: 1.62;
		}

		/* pc */
		@media (min-width: 1025px) {}

		/* tab */
		@media (max-width: 1024px) {
			.info-header-ttl-en {
				width: 602rem;
			}
		}
	}
}

/* news-section */
@media all {
	.news-archive {text-align: right;}
	.a_arrow::before {
		content: '';
		display: inline-block;
		margin-right: .75em;
		width: 1.25em;
		height: .625em;
		border-right: var(--min1px) solid #000;
		border-bottom: var(--min1px) solid #000;
		transform: skewX(40deg);
	}

	/* sp */
	@media only screen and (max-width: 767px) {
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.news-section {
			padding-bottom: 200rem;
		}
		.ttl-huge.news {
			position: absolute;
			top: 140rem;
			right: max(-25rem, calc(50% - 565rem));
			transition-delay: .15s;
		}

		/* pc */
		@media (min-width: 1025px) {}

		/* tab */
		@media (max-width: 1024px) {
		.ttl-huge.news {
			right: -20rem;
			font-size: 100rem;
		}
	}
	}
}

/* performers-section */
@media all {
	.performers-content {position: relative;}
	.performers-content + .performers-content::before {
		content: '';
		position: absolute;
		z-index: 2;
		top: 0;
		left: calc(50% - 75rem);
		display: block;
		width: 112rem;
		height: 2rem;
		background-color: var(--main-color);
		transform: rotate(-45deg);
	}
	.performers-cont-ttl {
		position: relative;
		z-index: 2;
		font-weight: 500;
		text-align: center;
		line-height: 2.125;
	}
	.performers-list {
		position: relative;
		z-index: 2;
		display: flex;
		flex-wrap: wrap;
	}

	.performer-ttl {
		font-weight: 500;
		text-align: center;
		line-height: 1.6667;
	}
	.performer-ttl.ja + .en {margin-top: 1.5em;}
	.performer-thumb {margin-bottom: 1.5em;}
	.performer-thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.mcs-p {
		padding: 0 20rem;
		font-weight: 500;
		text-align: center;
		line-height: 2;
	}
	h3 + .mcs-p {margin-top: 30rem;}


	.performers-notice-cont {
		margin: 4em auto 0;
		width: calc(100% - 40rem);
		font-weight: 500;
		text-align: center;
		line-height: 1.5;
	}

	.performers-content.coming-soon {
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--main-color);
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.performers-content + .performers-content::before {
			left: calc(50% - 35rem);
			width: 70rem;
			height: 2rem;
			background-color: var(--main-color);
			transform: rotate(-45deg);
		}
		.performers-cont-ttl.ja {
			margin-top: 50rem;
			padding-top: 50rem;
			font-size: 16rem;
		}
		.content-toshima .performers-cont-ttl.ja {
			margin-top: 0;
		}
		.performers-cont-ttl.en {font-size: 12rem;}
		.performers-list {
			justify-content: center;
			margin-top: 30rem;
			padding: 0 10rem;
		}
		.performers-item + .performers-item {margin-top: 40rem;}
		
		
		.performer-thumb {
			overflow: hidden;
			margin: 0 auto 10rem;
			width: 60%;
			border-radius: 10rem 10rem 0 0;
		}
		
		.performer-ttl.ja {font-size: 14rem;}
		.performer-ttl.ja + .en {margin-top: 10rem;}
		.performer-ttl.memo {font-size: 11rem;}


		.performers-content.coming-soon {
			height: 320rem;
			font-size: 30rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.performers-section {padding-bottom: 220rem;}

		.ttl-huge.performers {
			position: absolute;
			top: 1500rem;
			top: 50rem;
			left: max(-10rem, calc(50% - 545rem));
			transition-delay: .15s;
		}
		.performers-content.content-toshima {margin-top: -50rem;}
		.performers-cont-ttl.ja {
			margin-top: 60rem;
			padding-top: 70rem;
			font-size: 25rem;
		}
		.performers-cont-ttl.en {font-size: 16rem;}
		.performers-list {
			display: flex;
			justify-content: center;
			margin: 50rem auto 0;
			max-width: 945rem;
		}
		.performers-item {
			margin: 0 22.5rem 30rem;
			width: 270rem;
		}
		.performers-item a img {transition: transform .3s;}
		.performers-item a:hover img {transform: scale(1.05);}
		.performer-thumb {
			overflow: hidden;
			transition: scale .3s, 1s opacity, 1s filter, 1s transform;
			width: 270rem;
			height: 200rem;
		}
		.performer-thumb img {
			width: 100%;
			transition: scale .3s;
		}
		.performer-ttl.ja {font-size: 18rem;}
		.performer-ttl.ja.area {font-size: 16rem;}
		.performer-ttl.memo {font-size: 12rem;}

		.performers-content.coming-soon {
			height: 600rem;
			font-size: 40rem;
		}
		/* pc */
		@media (min-width: 1025px) {}

		/* tab */
		@media (max-width: 1024px) {
			.performers-list {
				width: 630rem;
			}
		}
	}
}

/* schedule-section */
@media all {
	.schedule-bnr {color: #fff;}
	.schedule-box-wrapper {
		position: relative;
	}

	.schedule-content.coming-soon {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		background-color: rgba(255,255,255,.4);
		background-color: #66b0b5;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.schedule-section {
			padding-bottom: 130rem;
		}
		.schedule-content {
			margin-top: 50rem;
			padding: 0 10rem;
		}
		.schedule-box img {
			width: 100%;
		}

		.schedule-mc {
			margin-top: 24rem;
			text-align: center;
		}
		.mc:lang(en) {
			margin-top: 4rem;
			font-size: 12rem;
		}
		.mc-notice {
			margin-top: 8rem;
			font-size: 13rem;
		}

		.schedule-content.coming-soon {
			margin: 40rem auto 0;
			width: 280rem;
			height: 280rem;
			font-size: 30rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.schedule-section {padding-bottom: 256rem;}

		.ttl-huge.schedule {
			position: absolute;
			top: 100rem;
			right: max(-25rem, calc(50% - 600rem));
			color: #fff;
		}

		.schedule-content {
			margin: 100rem auto 0;
			padding: 0 30rem;
			max-width: 865rem;
		}
		.schedule-box {
			overflow: auto;
			padding-bottom: 20rem;
		}
		.schedule-box img {
			width: 802rem;
			max-width: none;
		}
		.schedule-content.coming-soon {
			width: calc(100% - 100rem);
			max-width: 800rem;
			height: 490rem;
			font-size: 40rem;
		}
		@media (max-width: 920px) {
			/* .schedule-box-wrapper::after {
				content: '';
				position: absolute;
				top: 0;
				right: 0;
				display: block;
				width: 20rem;
				height: calc(100% - 20rem);
				background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
			} */
		}
		
		.schedule-mc {
			margin-top: 12rem;
			text-align: center;
		}
		.mc:lang(ja) {font-size: 15rem;}
		.mc:lang(en) {
			margin-top: 4rem;
			font-size: 13rem;
		}
		.mc-notice {
			margin-top: 8rem;
			font-size: 15rem;
		}

		/* pc */
		@media (min-width: 1025px) {}

		/* tab */
		@media (max-width: 1024px) {
			.schedule-content.coming-soon {mix-blend-mode: lighten;}
		}
	}
}

/* access-section */
@media all {
	.access-info strong {font-weight: 200;}
	.venue-name span {display: inline-block;}

	/* sp */
	@media only screen and (max-width: 767px) {
		.access-section {padding: 40rem 0 150rem;}
		.map {
			margin-top: 30rem;
			padding: 0 10rem;
		}
		.access-info {
			margin-top: 20rem;
			padding: 0 20rem;
			font-size: 12rem;
		}
		.access-info .en {
			margin-top: 16rem;
			text-align: left;
		}
		.access-from {margin-top: 1em;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.access-section {
			padding-bottom: 200rem;
		}
		.ttl-huge.access {
			position: absolute;
			top: 180rem;
			left: -8rem;
		}
		.map {
			margin: 60rem auto 0;
			width: calc(100% - 120rem);
			max-width: 800rem;
		}
		.access-info {
			display: flex;
			justify-content: space-between;
			margin: 60rem auto 0;
			width: calc(100% - 20rem);
			max-width: 800rem;
		}
		.access-info .ja {
			width: 380rem;
			font-size: 16rem;
		}
		.access-info .en {
			margin-left: 3em;
			width: 380rem;
			font-size: 13rem;
			line-height: 2.2;
		}
		.ja .access-from {margin-top: 2em;}

		/* pc */
		@media (min-width: 1025px) {}

		/* tab */
		@media (max-width: 1024px) {}
	}
}

/* streaming-section */
@media all {
	.streaming-section {
		font-weight: 500;
		text-align: center;
	}
	.streaming-section > div + div {margin-top: 30rem;}
	.streaming-section a {
		text-decoration: underline;
		transition: .3s;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.streaming-section {padding-bottom: 180rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.streaming-section {padding-bottom: 280rem;}
		.streaming-section a:hover {opacity: .7;}
		.streaming-section > div.ja {margin-top: 40rem;font-size: 18rem;}
		.ttl-huge.streaming {
			position: absolute;
			top: -45rem;
			right: max(-10rem, calc(50% - 570rem));
			transition-delay: .15s;
		}

		/* pc */
		@media (min-width: 1025px) {}

		/* tab */
		@media (max-width: 1024px) {}
	}
}



/* deco */
@media all {
	.deco {transition: transform .25s linear;}
	.deco img {
		display: block;
		width: 100%;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.deco-c1, .deco-c2, .deco-c3, .deco-c4 {display: none;}

		.deco-1 {
			top: 10rem;
			width: 110rem;
			left: 2rem;
		}
		/* .deco-2 {
			width: 60rem;
			top: 0rem;
			right: 3rem;
		}
		.deco-3 {
			width: 80rem;
			top: 1060rem;
			left: 0rem;
			opacity: .7;
		} */
		.deco-4 {
			width: 60rem;
			top: 80rem;
			right: 2rem;
		}
		.deco-5 {
			width: 80rem;
			top: 280rem;
			left: 2rem;
		}
		.deco-6 {
			width: 70rem;
			top: -80rem;
			left: 80rem;
		}
		.deco-7 {
			width: 80rem;
			top: -100rem;
			right: 0rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.deco-c1 {
			width: 236rem;
			left: calc(50% - 600rem);
			top: 300rem;
		}
		.deco-c2 {
			z-index: -1;
			width: 243rem;
			right: max(-54rem, calc(50% - 564rem));
			top: 470rem;
		}
		.deco-c3 {
			width: 273rem;
			top: 250rem;
			right: calc(50% - 600rem);
		}
		.deco-c4 {
			width: 260rem;
			left: calc(50% - 460rem);
			top: 650rem;
		}

		.deco-1 {
			top: 0;
			width: 314rem;
			left: max(-30rem, calc(50% - 640rem));
		}
		.deco-2 {
			width: 239rem;
			top: 5rem;
			right: max(-30rem, calc(50% - 466rem));
		}
		.deco-3 {
			width: 247rem;
			top: 800rem;
			left: max(-30rem, calc(50% - 580rem));
		}
		.deco-4 {
			width: 106rem;
			top: 200rem;
			right: max(-10rem, calc(50% - 600rem));
		}
		.deco-5 {
			width: 230rem;
			top: 300rem;
			left: max(0rem, calc(50% - 400rem));
		}
		.deco-6 {
			width: 156rem;
			top: -140rem;
			left: 200rem;
		}
		.deco-7 {
			width: 165rem;
			top: -80rem;
			right: 150rem;
		}


		/* pc */
		@media (min-width: 1025px) {}

		/* tab */
		@media (max-width: 900px) {
			.deco-c1 {
				width: 118rem;
				left: 10rem;
				top: 200rem;
			}
			.deco-c2 {
				width: 122rem;
				right: 0rem;
			}
			.deco-c3 {
				width: 273rem;
				width: 137rem;
				right: 5rem;
				top: 400rem;
			}
			.deco-c4 {
				width: 130rem;
				left: 70rem;
				top: 650rem;
			}

			.deco-1 {
				top: 0;
				width: 314rem;
				width: 240rem;
				left: 0;
			}


			.deco-4 {
				width: 106rem;
				width: 90rem;
				right: 5rem;
			}
			.deco-5 {
				width: 230rem;
				width: 180rem;
				top: 300rem;
				left: 80rem;
			}
			.deco-6 {
				width: 120rem;
				top: -120rem;
				left: 200rem;
			}
			.deco-7 {
				width: 165rem;
				width: 135rem;
				top: -100rem;
				right: 75rem;
			}
		}
	}
}


/* template-section */
@media all {

	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {

		/* pc */
		@media (min-width: 1025px) {}

		/* tab */
		@media (max-width: 1024px) {}
	}
}