@charset "UTF-8";
/*
  works / gloria
*/
.shadow, .box, .sec-actors .actor .actor-image-wrapper, .sec-actors .actor .actor-detail, table, .reservation-dev {
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2); }

.drop-shadow, .sec-actors .actor .actor-name-en, .section-head {
	filter: drop-shadow(5px 5px 4px rgba(0, 0, 0, 0.3)); }

.radius, .box {
	border-radius: 5px; }
	@media screen and (max-width: 750px) {
		.radius, .box {
			border-radius: 0.66667vw; } }

.box {
	padding: 20px;
	background-color: rgba(234, 234, 234, 0.5); }

/* fixed-background
----------------------------------------*/
.fixed-background {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	padding-top: 60px;
	padding-bottom: 60px; }
	@media screen and (max-width: 750px) {
		.fixed-background {
			padding-bottom: 17.33333vw;
			height: 100%; } }
	.fixed-background .background-inner {
		position: relative;
		width: 100%;
		height: calc(100% - 60px - 60px); }
		@media screen and (max-width: 750px) {
			.fixed-background .background-inner {
				height: calc(100% - 60px); } }
	.fixed-background .bg-illust {
		position: absolute;
		height: 100%;
		bottom: 0;
		opacity: 1;
		transition: opacity 0.3s ease-out; }
		@media screen and (max-width: 750px) {
			.fixed-background .bg-illust {
				opacity: 0.2;
				width: 51.2vw;
				height: auto;
				bottom: auto;
				top: 61px; } }
		.fixed-background .bg-illust.bg-illust-left {
			left: 0; }
		.fixed-background .bg-illust.bg-illust-right {
			right: 0; }
		@media screen and (min-width: 751px) and (max-width: 1600px) {
			.fixed-background .bg-illust {
				opacity: 0.3; } }
		@media screen and (max-width: 750px) {
			.fixed-background .bg-illust {
				opacity: 0.2; } }
		.fixed-background .bg-illust img {
			height: 100%; }
			@media screen and (max-width: 750px) {
				.fixed-background .bg-illust img {
					width: 100%;
					height: auto; } }
	.fixed-background .bg-logo {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 100%;
		margin: auto; }
		@media screen and (max-width: 750px) {
			.fixed-background .bg-logo {
				width: 80.93333vw;
				left: 9.73333vw;
				top: 0;
				height: auto;
				transform: none;
				opacity: 0.5; } }
		.fixed-background .bg-logo img {
			height: 100%; }
			@media screen and (max-width: 750px) {
				.fixed-background .bg-logo img {
					width: 100%;
					height: auto; } }

/* dammy
----------------------------------------*/
/* sec-title
----------------------------------------*/
.section.sec-title {
	position: relative;
	color: #ea5705;
	height: calc(100vh - 60px - 60px); }
	.section.sec-title .sec-title-inner {
		position: relative;
		width: 100%;
		height: 100%; }
		@media screen and (max-width: 750px) {
			.section.sec-title .sec-title-inner {
				height: auto; } }
	.section.sec-title .title-wrap {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 85.84687%;
		margin-top: -20px; }
		@media screen and (max-width: 750px) {
			.section.sec-title .title-wrap {
				margin-top: -2.66667vw;
				width: 100%;
				left: 0;
				top: 0;
				transform: none; } }
		.section.sec-title .title-wrap .title-logo {
			position: relative;
			height: 100%; }
			@media screen and (max-width: 750px) {
				.section.sec-title .title-wrap .title-logo {
					height: auto;
					width: 69.6vw;
					margin: 8.13333vw auto 0; } }
			.section.sec-title .title-wrap .title-logo img {
				height: 100%; }
				@media screen and (max-width: 750px) {
					.section.sec-title .title-wrap .title-logo img {
						height: auto;
						width: 100%; } }
		.section.sec-title .title-wrap .title-date {
			position: absolute;
			width: 49.23372%;
			left: 10.91954%;
			bottom: 17.97297%; }
			@media screen and (max-width: 750px) {
				.section.sec-title .title-wrap .title-date {
					width: 34.26667vw;
					left: 22.8vw;
					top: 77.06667vw; } }
			.section.sec-title .title-wrap .title-date img {
				width: 100%; }
		.section.sec-title .title-wrap .title-otw-logo {
			position: absolute;
			width: 21.45594%;
			left: -2.87356%;
			bottom: -3.37838%; }
			@media screen and (max-width: 750px) {
				.section.sec-title .title-wrap .title-otw-logo {
					width: 14.93333vw;
					left: 4vw;
					top: 94.4vw;
					bottom: auto; } }
			.section.sec-title .title-wrap .title-otw-logo img {
				width: 100%;
				vertical-align: bottom; }
		.section.sec-title .title-wrap .director {
			position: absolute;
			width: 14.75096%;
			right: -17.62452%;
			top: 0%; }
			@media screen and (max-width: 750px) {
				.section.sec-title .title-wrap .director {
					width: 9.86667vw;
					right: 3.73333vw;
					top: 8vw; } }
			.section.sec-title .title-wrap .director img {
				width: 100%; }
		.section.sec-title .title-wrap .bunkacho-icon {
			position: absolute;
			width: 5.9387%;
			right: 5.9387%;
			bottom: 4.18919%; }
			.section.sec-title .title-wrap .bunkacho-icon img {
				width: 100%; }
	.section.sec-title .awards {
		position: absolute;
		bottom: 0.5em;
		width: 100%;
		font-size: 16px;
		font-weight: bold;
		text-align: center; }
		@media screen and (max-width: 750px) {
			.section.sec-title .awards {
				bottom: auto;
				top: 88vw;
				width: auto;
				font-size: 9px;
				font-size: 2.8125vw;
				line-height: 1.5em;
				text-align: left;
				left: 22.66667vw;
				letter-spacing: -0.05em; } }

/* sec-description
----------------------------------------*/
.section.sec-description {
	margin-top: 0 !important;
	color: #FFF;
	background-color: #ea5705; }
	.section.sec-description .section-inner {
		padding: 100px 0; }
		@media screen and (max-width: 750px) {
			.section.sec-description .section-inner {
				padding: 13.33333vw 0; } }
	.section.sec-description .text-block {
		text-align: center; }
		.section.sec-description .text-block .title {
			font-weight: bold;
			font-size: 20px; }
			@media screen and (max-width: 750px) {
				.section.sec-description .text-block .title {
					font-size: 14px;
					font-size: 4.375vw; } }
		@media screen and (max-width: 750px) {
			.section.sec-description .text-block .director {
				margin-bottom: 6.66667vw; } }
		.section.sec-description .text-block .bunkacho {
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-align-items: center;
			align-items: center;
			font-size: 12px;
			line-height: 1.5em;
			margin-top: 20px; }
			@media screen and (max-width: 750px) {
				.section.sec-description .text-block .bunkacho {
					flex-wrap: wrap; } }
			@media screen and (max-width: 750px) {
				.section.sec-description .text-block .bunkacho {
					font-size: 10px;
					font-size: 3.125vw;
					margin-top: 2.66667vw; } }
			@media screen and (max-width: 750px) {
				.section.sec-description .text-block .bunkacho .bunkacho-icon {
					width: 100%;
					text-align: center; } }
			.section.sec-description .text-block .bunkacho .bunkacho-icon span {
				display: block;
				width: 20px;
				margin-right: 10px; }
				@media screen and (max-width: 750px) {
					.section.sec-description .text-block .bunkacho .bunkacho-icon span {
						display: inline-block;
						width: 5.33333vw;
						margin: 0; } }
			.section.sec-description .text-block .bunkacho p {
				text-align: left; }
				@media screen and (max-width: 750px) {
					.section.sec-description .text-block .bunkacho p {
						text-align: center; } }
	.section.sec-description .bunkacho-list {
		margin-top: 50px;
		border-radius: 20px;
		padding: 30px;
		background-color: #FFF;
		color: #ea5705;
		width: 600px;
		margin-left: auto;
		margin-right: auto; }
		@media screen and (min-width: 751px) and (max-width: 1000px) {
			.section.sec-description .bunkacho-list {
				margin-left: auto;
				margin-right: auto; } }
		@media screen and (max-width: 750px) {
			.section.sec-description .bunkacho-list {
				width: 92vw;
				margin-left: auto;
				margin-right: auto;
				margin-top: 6.66667vw;
				border-radius: 2.66667vw;
				padding: 4vw;
				display: block;
				box-sizing: border-box; } }
		.section.sec-description .bunkacho-list .bunkacho-item {
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-align-items: center;
			align-items: center;
			line-height: 1.5em;
			width: 100%; }
			@media screen and (max-width: 750px) {
				.section.sec-description .bunkacho-list .bunkacho-item {
					font-size: 10px;
					font-size: 3.125vw; } }
			.section.sec-description .bunkacho-list .bunkacho-item + .bunkacho-item {
				margin-top: 20px; }
				@media screen and (max-width: 750px) {
					.section.sec-description .bunkacho-list .bunkacho-item + .bunkacho-item {
						margin-top: 2.66667vw; } }
			.section.sec-description .bunkacho-list .bunkacho-item .icon {
				width: 54px;
				text-align: center; }
				@media screen and (max-width: 750px) {
					.section.sec-description .bunkacho-list .bunkacho-item .icon {
						width: 14.4vw; } }
				.section.sec-description .bunkacho-list .bunkacho-item .icon span {
					display: inline-block; }
			.section.sec-description .bunkacho-list .bunkacho-item .bunkacho-icon {
				margin-right: 10px; }
				@media screen and (max-width: 750px) {
					.section.sec-description .bunkacho-list .bunkacho-item .bunkacho-icon {
						margin-right: 1.33333vw; } }
		.section.sec-description .bunkacho-list .bunkacho-item-01 .bunkacho-icon span {
			width: 36px; }
			@media screen and (max-width: 750px) {
				.section.sec-description .bunkacho-list .bunkacho-item-01 .bunkacho-icon span {
					width: 7.46667vw; } }
		.section.sec-description .bunkacho-list .bunkacho-item-02 .bunkacho-icon span {
			width: 54px; }
			@media screen and (max-width: 750px) {
				.section.sec-description .bunkacho-list .bunkacho-item-02 .bunkacho-icon span {
					width: 10.93333vw; } }

.sec-reservation {
	background-color: #ea5705;
	margin-top: 0 !important;
	border-top: 1px solid #FFF; }

.reservation-box {
	text-align: center;
	border-radius: 10px;
	padding: 30px;
	background-color: #FFF;
	color: #ea5705;
	margin-left: auto;
	margin-right: auto; }
	@media screen and (min-width: 751px) and (max-width: 1000px) {
		.reservation-box {
			width: 80vw; } }
	@media screen and (max-width: 750px) {
		.reservation-box {
			width: 92vw;
			margin-left: auto;
			margin-right: auto;
			border-radius: 2.66667vw;
			padding: 4vw;
			display: block;
			box-sizing: border-box; } }
	.reservation-box .reservation-btn {
		border-color: #FFF; }

.reservation-note {
	font-size: 16px;
	font-weight: bold;
	margin-top: 1em;
	display: block; }
	@media screen and (max-width: 750px) {
		.reservation-note {
			font-size: 12px;
			font-size: 3.75vw;
			margin-top: 1.5em; } }
	.reservation-note a {
		display: inline-block;
		color: #ea5705 !important;
		text-decoration: none !important;
		border-bottom: 2px solid #ea5705;
		line-height: 1.5em; }
		@media screen and (min-width: 751px) {
			.reservation-note a:hover {
				border: none; } }

/* sec-story
----------------------------------------*/
.section.sec-story {
	position: relative;
	display: block;
	padding: 0;
	padding-bottom: 100px; }
	@media screen and (max-width: 750px) {
		.section.sec-story {
			height: auto;
			min-height: 0;
			padding-bottom: 13.33333vw; } }
	.section.sec-story .section-inner {
		height: 100%; }
	.section.sec-story .copy-wrapper {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		box-sizing: border-box;
		width: 100%;
		height: 100vh; }
		.section.sec-story .copy-wrapper .text-01 {
			font-size: 36px;
			text-align: left;
			line-height: 1.5em;
			-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl; }
			@media screen and (max-width: 750px) {
				.section.sec-story .copy-wrapper .text-01 {
					font-size: 24px;
					font-size: 7.5vw;
					display: inline-block;
					max-width: 56vw; } }
	.section.sec-story .story-wrapper {
		position: relative;
		bottom: 0;
		width: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		padding: 50px 0;
		width: 100%; }
		@media screen and (max-width: 750px) {
			.section.sec-story .story-wrapper {
				padding: 6.66667vw 0; } }
		.section.sec-story .story-wrapper .text-02 {
			font-size: 24px;
			text-align: center;
			line-height: 1.8em; }
			@media screen and (max-width: 750px) {
				.section.sec-story .story-wrapper .text-02 {
					font-size: 16px;
					font-size: 5vw; } }
	.section.sec-story .handbill-wrapper {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center; }
		.section.sec-story .handbill-wrapper .handbill {
			width: 200px;
			border: 1px solid #ea5705; }
			@media screen and (min-width: 751px) {
				.section.sec-story .handbill-wrapper .handbill img {
					transition: opacity 0.3s ease-out; }
				.section.sec-story .handbill-wrapper .handbill:hover img {
					opacity: 0.8; } }
			@media screen and (max-width: 750px) {
				.section.sec-story .handbill-wrapper .handbill {
					width: 40vw; } }
	.section.sec-story .pdf-info {
		text-align: center; }

/* sec-actors
----------------------------------------*/
@media screen and (max-width: 750px) {
	.sec-actors .section-inner {
		width: 100%; } }

.sec-actors .actors-area {
	position: relative; }

.sec-actors .actor {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start; }
	@media screen and (max-width: 750px) {
		.sec-actors .actor {
			display: block; } }
	.sec-actors .actor + .actor {
		margin-top: 100px; }
		@media screen and (max-width: 750px) {
			.sec-actors .actor + .actor {
				margin-top: 13.33333vw; } }
	.sec-actors .actor .actor-image-wrapper {
		position: relative;
		padding: 5px;
		background-color: #eaeaea;
		box-sizing: border-box; }
		@media screen and (max-width: 750px) {
			.sec-actors .actor .actor-image-wrapper {
				padding: 0.66667vw;
				width: 80vw;
				margin: 0 auto 0 0; } }
	.sec-actors .actor .actor-image {
		position: relative;
		width: 400px;
		height: 299.70972px;
		overflow: hidden; }
		@media screen and (max-width: 750px) {
			.sec-actors .actor .actor-image {
				width: 78.66667vw;
				height: 58.94291vwpx;
				margin: 0 auto 0; } }
	.sec-actors .actor .parallax-image {
		position: relative; }
	.sec-actors .actor .actor-image-inner {
		position: relative;
		background-color: transparent;
		cursor: pointer; }
		.sec-actors .actor .actor-image-inner.single {
			cursor: default; }
		.sec-actors .actor .actor-image-inner img {
			-webkit-user-select: none;
			pointer-events: none;
			backface-visibility: hidden; }
			.sec-actors .actor .actor-image-inner img:nth-child(1) {
				opacity: 1;
				transform: rotateY(0deg);
				transition: opacity 100ms 150ms, transform 300ms 150ms; }
			.sec-actors .actor .actor-image-inner img:nth-child(2) {
				position: absolute;
				left: 0;
				top: 0;
				opacity: 0;
				transform: rotateY(90deg);
				transition: opacity 50ms 200ms, transform 300ms; }
		.sec-actors .actor .actor-image-inner.hover-effect img:nth-child(1) {
			opacity: 0;
			transform: rotateY(90deg);
			transition: opacity 50ms 200ms, transform 300ms; }
		.sec-actors .actor .actor-image-inner.hover-effect img:nth-child(2) {
			opacity: 1;
			transform: rotateY(0deg);
			transition: opacity 100ms 150ms, transform 300ms 150ms; }
	.sec-actors .actor .actor-detail {
		position: relative;
		background-color: rgba(234, 234, 234, 0.7);
		padding: 50px 60px 30px;
		width: 600px;
		margin: 100px 0 0 -50px;
		box-sizing: border-box; }
		@media screen and (max-width: 750px) {
			.sec-actors .actor .actor-detail {
				padding: 6.66667vw 4vw 2.66667vw;
				width: 78.66667vw;
				margin: -6.66667vw 0 0 auto; } }
	.sec-actors .actor .actor-name-en {
		position: absolute;
		left: 0px;
		top: -12px;
		font-family: fifthcopy;
		font-size: 50px;
		color: #ea5705;
		white-space: nowrap;
		line-height: 0.8em;
		text-align: center;
		width: 100%; }
		@media screen and (max-width: 750px) {
			.sec-actors .actor .actor-name-en {
				left: 0;
				top: -4vw;
				font-size: 30px;
				font-size: 9.375vw; } }
	.sec-actors .actor .actor-name-jp {
		font-size: 30px;
		margin-bottom: 0.25em; }
		@media screen and (max-width: 750px) {
			.sec-actors .actor .actor-name-jp {
				font-size: 20px;
				font-size: 6.25vw; } }
	.sec-actors .actor .belonging {
		font-size: 20px;
		margin-bottom: 1em; }
		@media screen and (max-width: 750px) {
			.sec-actors .actor .belonging {
				font-size: 12px;
				font-size: 3.75vw; } }
	.sec-actors .actor .actor-links {
		margin-bottom: -20px; }
		@media screen and (max-width: 750px) {
			.sec-actors .actor .actor-links {
				margin-bottom: -2.66667vw; } }
		.sec-actors .actor .actor-links .media-links {
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-bottom: 20px; }
			@media screen and (max-width: 750px) {
				.sec-actors .actor .actor-links .media-links {
					-webkit-justify-content: space-between;
					justify-content: space-between;
					margin-bottom: 2.66667vw; } }
		.sec-actors .actor .actor-links a {
			display: block;
			width: 110px;
			height: 30px;
			line-height: 30px;
			border-radius: 10px;
			background-color: #f00;
			color: #FFF !important;
			font-size: 16px;
			text-align: center;
			margin-bottom: 20px; }
			@media screen and (max-width: 750px) {
				.sec-actors .actor .actor-links a {
					width: 33.33333vw;
					height: 6.66667vw;
					line-height: 6.66667vw;
					border-radius: 2.66667vw;
					font-size: 14px;
					font-size: 4.375vw;
					margin-bottom: 2.66667vw; } }
			@media screen and (min-width: 751px) {
				.sec-actors .actor .actor-links a + a {
					margin-left: 10px; } }
			.sec-actors .actor .actor-links a.btn-site {
				background-color: #f00; }
			.sec-actors .actor .actor-links a.btn-tw {
				background-color: #19a1f2; }
			.sec-actors .actor .actor-links a.btn-fb {
				background-color: #4167b2; }
			.sec-actors .actor .actor-links a.btn-in {
				background-color: #E1306C; }
			.sec-actors .actor .actor-links a:hover {
				color: #FFF !important;
				text-decoration: none; }
		.sec-actors .actor .actor-links .ticket-link a.btn-ticket {
			width: 140px;
			height: 40px;
			line-height: 40px;
			border-radius: 20px;
			background-color: #ea5705;
			border-radius: 10px; }
			@media screen and (max-width: 750px) {
				.sec-actors .actor .actor-links .ticket-link a.btn-ticket {
					width: 100%;
					height: 13.33333vw;
					line-height: 13.33333vw;
					border-radius: 2.66667vw; } }
	@media screen and (max-width: 750px) {
		.sec-actors .actor:nth-child(odd) .actor-name-en {
			text-align: right;
			width: 92vw;
			right: 0;
			left: auto; } }
	.sec-actors .actor:nth-child(even) {
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse; }
		.sec-actors .actor:nth-child(even) .actor-image-wrapper {
			margin: 0 0 0 auto; }
		.sec-actors .actor:nth-child(even) .actor-detail {
			margin: 100px -50px 0 0; }
			@media screen and (max-width: 750px) {
				.sec-actors .actor:nth-child(even) .actor-detail {
					margin: -6.66667vw auto 0 0; } }

/* magnific-popup
----------------------------------------*/
/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out; }

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.7; }

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0; }

.mfp-container {
	padding: 0; }
	.mfp-container .mfp-content .mfp-iframe-holder .mfp-close,
	.mfp-container .mfp-content button.mfp-close {
		opacity: 1;
		font-size: 0;
		width: 44px;
		height: 44px;
		top: -64px;
		opacity: 1;
		transition: opacity 0.3s ease-out; }
		.mfp-container .mfp-content .mfp-iframe-holder .mfp-close:before, .mfp-container .mfp-content .mfp-iframe-holder .mfp-close:after,
		.mfp-container .mfp-content button.mfp-close:before,
		.mfp-container .mfp-content button.mfp-close:after {
			content: '';
			position: absolute;
			left: -21%;
			top: 50%;
			width: 63px;
			height: 2px;
			background-color: #FFF; }
		.mfp-container .mfp-content .mfp-iframe-holder .mfp-close:before,
		.mfp-container .mfp-content button.mfp-close:before {
			-webkit-transform: rotateZ(-45deg);
			transform: rotateZ(-45deg); }
		.mfp-container .mfp-content .mfp-iframe-holder .mfp-close:after,
		.mfp-container .mfp-content button.mfp-close:after {
			-webkit-transform: rotateZ(45deg);
			transform: rotateZ(45deg); }
		.mfp-container .mfp-content .mfp-iframe-holder .mfp-close:hover,
		.mfp-container .mfp-content button.mfp-close:hover {
			opacity: 0.5; }
		@media screen and (max-width: 750px) {
			.mfp-container .mfp-content .mfp-iframe-holder .mfp-close,
			.mfp-container .mfp-content button.mfp-close {
				width: 6.66667vw;
				height: 6.66667vw;
				top: 4vw;
				right: 4vw;
				background-color: transparent; }
				.mfp-container .mfp-content .mfp-iframe-holder .mfp-close:before, .mfp-container .mfp-content .mfp-iframe-holder .mfp-close:after,
				.mfp-container .mfp-content button.mfp-close:before,
				.mfp-container .mfp-content button.mfp-close:after {
					content: '';
					position: absolute;
					left: -21%;
					top: 50%;
					width: 10vw;
					height: 2px;
					background-color: #ea5705; }
				.mfp-container .mfp-content .mfp-iframe-holder .mfp-close:before,
				.mfp-container .mfp-content button.mfp-close:before {
					-webkit-transform: rotateZ(-45deg);
					transform: rotateZ(-45deg); }
				.mfp-container .mfp-content .mfp-iframe-holder .mfp-close:after,
				.mfp-container .mfp-content button.mfp-close:after {
					-webkit-transform: rotateZ(45deg);
					transform: rotateZ(45deg); } }
	@media screen and (max-width: 750px) {
		.mfp-container .mfp-content .movie-modal button.mfp-close {
			top: -10.66667vw;
			right: 1.33333vw; } }
	.mfp-container .mfp-content .movie-modal button.mfp-close:after, .mfp-container .mfp-content .movie-modal button.mfp-close:before {
		background-color: #FFF; }

@media screen and (max-width: 750px) {
	.movie-mfp .mfp-content {
		width: 92vw; } }

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
	right: 0; }

/* modal window
----------------------------------------*/
.inline-popup {
	position: relative;
	max-width: 800px;
	width: 100%;
	margin: 0 auto; }
	@media screen and (max-width: 750px) {
		.inline-popup {
			max-width: none;
			width: 96vw; } }

.modal-content {
	position: relative;
	background-color: #FFF;
	color: #ea5705;
	border-radius: 50px;
	/* IE6-9 */ }
	@media screen and (max-width: 750px) {
		.modal-content {
			border-radius: 6.66667vw; } }
	.modal-content a {
		color: #ea5705; }

.modal-detail {
	position: relative;
	padding: 30px;
	color: #ea5705;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	box-sizing: border-box; }
	@media screen and (max-width: 750px) {
		.modal-detail {
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			padding: 10.66667vw 4vw;
			font-size: 12px;
			font-size: 3.75vw; } }
	.modal-detail .modal-actor-image {
		position: relative;
		-webkit-touch-callout: 'none';
		-webkit-user-select: 'none';
		-moz-touch-callout: 'none';
		-moz-user-select: 'none';
		touch-callout: 'none';
		user-select: 'none';
		width: 300px; }
		@media screen and (max-width: 750px) {
			.modal-detail .modal-actor-image {
				width: 66.66667vw;
				margin: 0 auto; } }
		.modal-detail .modal-actor-image img {
			vertical-align: top; }
		.modal-detail .modal-actor-image .front {
			position: relative;
			opacity: 1;
			border-radius: 30px;
			overflow: hidden; }
			@media screen and (max-width: 750px) {
				.modal-detail .modal-actor-image .front {
					border-radius: 4vw; } }
		.modal-detail .modal-actor-image .back {
			position: absolute;
			opacity: 0;
			top: 0; }
	.modal-detail .modal-actor-text {
		color: #ea5705;
		width: 470px;
		padding-left: 30px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-content: space-between;
		align-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		line-height: 1.2em; }
		@media screen and (max-width: 750px) {
			.modal-detail .modal-actor-text {
				padding-left: 0;
				width: 100%;
				line-height: 1.5em;
				-webkit-align-content: flex-start;
				align-content: flex-start; } }
	.modal-detail .actor-detail .name {
		font-size: 30px; }
		@media screen and (max-width: 750px) {
			.modal-detail .actor-detail .name {
				font-size: 24px;
				font-size: 7.5vw;
				text-align: center;
				margin-top: 0.5em; } }
	.modal-detail .actor-detail .ruby {
		margin-bottom: 0.5em; }
		@media screen and (max-width: 750px) {
			.modal-detail .actor-detail .ruby {
				margin-top: 0.5em;
				margin-bottom: 1em;
				text-align: center; } }
	.modal-detail .actor-detail p + p {
		margin-top: 2em; }
	.modal-detail .actor-detail .belonging + .link {
		margin-top: 0.5em; }
	.modal-detail .sns-links {
		margin-top: 2em; }
		.modal-detail .sns-links dl {
			line-height: 1.5em; }
			.modal-detail .sns-links dl + dl {
				margin-top: 2em; }
			.modal-detail .sns-links dl dt:before {
				content: '▼';
				font-size: 50%;
				vertical-align: top;
				margin-right: 0.5em; }

/* sec-schedule
----------------------------------------*/
.sec-schedule .table-group {
	margin-bottom: 20px; }
	@media screen and (max-width: 750px) {
		.sec-schedule .table-group {
			font-size: 12px;
			font-size: 3.75vw;
			margin-bottom: 2.66667vw; } }
	.sec-schedule .table-group .guest-info {
		font-size: 12px;
		padding: 0.5em 0; }
		@media screen and (max-width: 750px) {
			.sec-schedule .table-group .guest-info {
				font-size: 10px;
				font-size: 3.125vw; } }

.sec-schedule tbody,
.sec-schedule td,
.sec-schedule th,
.sec-schedule thead,
.sec-schedule tr {
	box-sizing: border-box; }

.sec-schedule table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	text-align: center;
	line-height: 1.5em; }
	.sec-schedule table td,
	.sec-schedule table th {
		display: table-cell; }

/* schedule-table
----------------------------------------*/
.schedule-table {
	border-top: 1px solid #221815;
	border-left: 1px solid #221815; }
	.schedule-table tr, .schedule-table th, .schedule-table td, .schedule-table caption {
		text-align: center; }

@media screen and (min-width: 751px) {
	.schedule-table td,
	.schedule-table th,
	.schedule-table tr {
		border-bottom: 1px solid #221815;
		border-right: 1px solid #221815; }
	.schedule-table td,
	.schedule-table th {
		padding: 5px 0; }
	.schedule-table th span {
		display: block; }
	.schedule-table th.head {
		width: 100px; }
	.schedule-table a {
		display: block; }
		.schedule-table a span {
			display: inline-block; }
		.schedule-table a:hover > span {
			animation: star-jump 0.4s ease-in-out; } }

@keyframes star-jump {
	0% {
		transform: translateY(0); }
	50% {
		transform: translateY(-5px); }
	100% {
		transform: translateY(0); } }

@media screen and (max-width: 750px) {
	p.notice {
		font-size: 11px;
		font-size: 3.4375vw; }
	.schedule-table {
		width: 100%; }
		.schedule-table tr {
			display: block;
			float: left; }
			.schedule-table tr td,
			.schedule-table tr th {
				display: block;
				border-bottom: 1px solid #221815;
				padding: 1.33333vw 0; }
		.schedule-table th span {
			margin-left: 0.5em; }
		.schedule-table thead {
			display: block;
			float: left;
			width: 25%;
			border-right: 1px solid #221815; }
			.schedule-table thead tr {
				width: 100%; }
		.schedule-table tbody {
			display: block;
			float: left;
			width: 75%; }
			.schedule-table tbody tr {
				width: 50%;
				border-right: 1px solid #221815; } }

/* event-table
----------------------------------------*/
.event-table {
	margin-bottom: 20px; }
	@media screen and (max-width: 750px) {
		.event-table {
			margin-bottom: 6.66667vw; } }
	.event-table tr, .event-table th, .event-table td, .event-table caption {
		text-align: center; }
	.event-table tr {
		border: 1px solid #221815; }
	.event-table td.head {
		border-bottom: 1px solid #221815; }
	.event-table.special {
		position: relative; }
		.event-table.special:after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			border-top: 2px solid #221815;
			border-left: 2px solid #221815;
			border-right: 2px solid #221815;
			border-bottom: 2px solid #221815;
			box-sizing: border-box;
			pointer-events: none; }
		.event-table.special tr:first-child td:nth-child(2) {
			background-color: rgba(234, 87, 5, 0.2); }

@media screen and (min-width: 751px) {
	.event-table td.head {
		width: 130px; }
	.event-table td {
		vertical-align: middle;
		padding: 1em;
		border-right: 1px solid #221815; } }

@media screen and (max-width: 750px) {
	table.event-table td,
	table.event-table th,
	table.event-table tr {
		display: block; }
	table.event-table tr:nth-child(2) {
		border-top: none; }
	table.event-table td,
	table.event-table th {
		padding-top: 0.5em; }
	table.event-table td.head {
		padding: 0.5em 0; }
	table.event-table td:last-child {
		padding-bottom: 0.5em; } }

@media screen and (max-width: 750px) {
	.event-table.event-04 tr:nth-child(n + 2) {
		border-top: 1px solid #FFF;
		margin-top: 0.66667vw; } }

.event-table .event-detail {
	padding: 0.5em 1em; }
	.event-table .event-detail td {
		text-align: left; }
	@media screen and (max-width: 750px) {
		.event-table .event-detail {
			padding-top: 0;
			padding-bottom: 0; } }
	@media screen and (max-width: 750px) {
		.event-table .event-detail .sp-accordion {
			max-height: 0;
			transition: max-height 0.2s ease-out;
			overflow: hidden; } }
	.event-table .event-detail .sp-detail-btn {
		display: none; }
		@media screen and (max-width: 750px) {
			.event-table .event-detail .sp-detail-btn {
				display: block;
				text-align: center; }
				.event-table .event-detail .sp-detail-btn div {
					display: inline-block; }
					.event-table .event-detail .sp-detail-btn div span:nth-child(1) {
						display: block; }
					.event-table .event-detail .sp-detail-btn div span:nth-child(2) {
						display: none; } }
	@media screen and (max-width: 750px) {
		.event-table .event-detail.is-open {
			padding-top: 0.5em;
			padding-bottom: 0.5em; }
			.event-table .event-detail.is-open .sp-accordion {
				transition: max-height 0.3s ease-out;
				max-height: 200vw; }
			.event-table .event-detail.is-open .sp-detail-btn {
				margin-top: 0.5em; }
				.event-table .event-detail.is-open .sp-detail-btn div span:nth-child(1) {
					display: none; }
				.event-table .event-detail.is-open .sp-detail-btn div span:nth-child(2) {
					display: block; } }

.saturday {
	background-color: rgba(135, 149, 186, 0.3); }

.holiday,
.sunday {
	background-color: rgba(215, 21, 24, 0.3); }

/* ticket-section
----------------------------------------*/
.sec-ticket-inner {
	position: relative; }

@media screen and (min-width: 751px) {
	.ticketing {
		width: 100%;
		margin-bottom: 20px;
		line-height: 1.5em; }
		.ticketing .head {
			display: inline-block;
			border: 1px solid #221815;
			padding: 5px 10px;
			margin-bottom: 20px; }
		.ticketing dl {
			display: table;
			table-layout: fixed;
			margin-bottom: 1em; }
			.ticketing dl dt {
				display: table-cell;
				width: 250px; }
			.ticketing dl dd {
				display: table-cell; }
		.ticketing .notice {
			font-size: 12px; } }

@media screen and (max-width: 750px) {
	.ticketing {
		width: 100%;
		margin-bottom: 5.33333vw;
		font-size: 12px;
		font-size: 3.75vw;
		line-height: 1.5em; }
		.ticketing .head {
			display: inline-block;
			border: 1px solid #221815;
			padding: 0 2.66667vw;
			margin-bottom: 1em; }
		.ticketing dl {
			display: table;
			width: 100%; }
			.ticketing dl dt {
				display: table-cell;
				width: 50%; }
			.ticketing dl dd {
				display: table-cell; }
		.ticketing .notice {
			margin-top: 1em;
			font-size: 11px;
			font-size: 3.4375vw;
			line-height: 1.5em; } }

.ticketing .suspend {
	margin-left: 1em;
	text-indent: -1em; }

@media screen and (max-width: 750px) {
	.contact dl,
	.playguide dl {
		margin-bottom: 1em; }
		.contact dl dt,
		.playguide dl dt {
			display: block;
			width: 100%;
			background-color: #ea5705;
			color: #FFF;
			padding: 0.25em 0 0.25em 0.5em;
			margin-bottom: 0.5em;
			box-sizing: border-box; }
		.contact dl dd,
		.playguide dl dd {
			display: block; } }

.handbills-block {
	position: absolute;
	right: 110px;
	top: 0; }
	@media screen and (max-width: 750px) {
		.handbills-block {
			position: relative;
			right: auto;
			top: auto; } }
	.handbills-block .handbill {
		position: relative;
		display: block;
		width: 200px;
		margin: 0 auto 0;
		border: 2px solid #221815; }
		.handbills-block .handbill img {
			width: 100%; }
		@media screen and (min-width: 751px) {
			.handbills-block .handbill img {
				transition: opacity 0.3s ease-out; }
			.handbills-block .handbill:hover img {
				opacity: 0.8; } }
		@media screen and (max-width: 750px) {
			.handbills-block .handbill {
				width: 26.66667vw;
				margin-bottom: 0.66667vw; } }
	.handbills-block .pdf-info {
		text-align: center; }
		@media screen and (max-width: 750px) {
			.handbills-block .pdf-info {
				font-size: 10px;
				font-size: 3.125vw; } }

/* .reservation-dev
----------------------------------------*/
.reservation-dev {
	position: relative;
	width: 100%;
	text-align: center;
	border: 1px solid #221815;
	padding: 50px 0;
	box-sizing: border-box;
	margin-bottom: 50px; }
	@media screen and (max-width: 750px) {
		.reservation-dev {
			padding: 20px 0; } }
	.reservation-dev .notice {
		text-align: center;
		margin-bottom: 10px;
		letter-spacing: 0.1em; }

.content .reservation-btn {
	position: relative;
	display: inline-block;
	text-indent: 1em;
	line-height: 1.5em;
	padding: 15px 25px 15px 20px;
	border: 1px solid #221815;
	border-radius: 3px;
	letter-spacing: 0.1em;
	color: #FFF !important;
	text-decoration: none !important;
	font-weight: normal;
	background: #ea5705;
	/* Old browsers */
	background: linear-gradient(to bottom, #ea5705 0%, #b84404 100%);
	border-radius: 5px;
	text-align: center;
	transition: all 0.3s ease-out !important; }
	.content .reservation-btn.hovereffect {
		opacity: 0.8; }
	.content .reservation-btn:after {
		display: block;
		content: '';
		position: absolute;
		top: 50%;
		width: 6px;
		height: 6px;
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		-webkit-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg); }
	.content .reservation-btn.coming-soon {
		pointer-events: none;
		cursor: default;
		opacity: 0.8;
		background: linear-gradient(to bottom, #666 0%, #333 100%);
		color: #ccc;
		border-color: #CCC; }
		.content .reservation-btn.coming-soon:after {
			border-color: #ccc; }
	@media screen and (min-width: 751px) {
		.content .reservation-btn:link:hover {
			color: #FFF !important;
			background: linear-gradient(to bottom, #b84404 0%, #863203 100%); }
			.content .reservation-btn:link:hover span {
				text-decoration: none !important; } }
	@media screen and (max-width: 750px) {
		.content .reservation-btn {
			width: 66.66667%;
			font-size: 12px;
			font-size: 3.75vw;
			padding: 0.5em 1em 0.5em 0.5em; } }

/* sec-theater
----------------------------------------*/
.sec-theater {
	overflow: hidden; }
	@media screen and (max-width: 750px) {
		.sec-theater {
			line-height: 1.5em; } }
	.sec-theater .theater-name {
		font-size: 20px;
		margin-bottom: 0.5em; }
		@media screen and (max-width: 750px) {
			.sec-theater .theater-name {
				font-size: 14px;
				font-size: 4.375vw;
				margin-bottom: 0.5em; } }
	.sec-theater .theater-info {
		position: relative;
		width: 100%;
		display: table; }
		@media screen and (max-width: 750px) {
			.sec-theater .theater-info {
				display: block; } }
	.sec-theater .map-image {
		display: table-cell;
		width: 55.20833%; }
		@media screen and (max-width: 750px) {
			.sec-theater .map-image {
				display: block;
				width: 100%;
				margin-bottom: 1em; } }
		.sec-theater .map-image .map {
			width: 100%;
			box-sizing: border-box;
			overflow: hidden;
			margin-bottom: 0.5em;
			background-color: #FFF; }
		.sec-theater .map-image img {
			width: 100%; }
		.sec-theater .map-image .google-map {
			margin-bottom: 1em; }
	.sec-theater .access-info {
		margin-bottom: 1em; }
	.sec-theater .map-detail {
		display: table-cell;
		vertical-align: top;
		padding-left: 20px; }
		@media screen and (max-width: 750px) {
			.sec-theater .map-detail {
				display: block;
				padding-left: 0; } }

/* sec-staff
----------------------------------------*/
.sec-staff {
	padding-bottom: 100px; }
	@media screen and (max-width: 750px) {
		.sec-staff {
			padding-bottom: 13.33333vw; } }
	.sec-staff .staff-list {
		overflow: hidden; }
		.sec-staff .staff-list li {
			float: left;
			width: 33.3%;
			word-break: break-all; }
			.sec-staff .staff-list li.col2 {
				width: 66.6%; }
				@media screen and (max-width: 750px) {
					.sec-staff .staff-list li.col2 {
						width: 100%; } }
			.sec-staff .staff-list li.col3 {
				width: 100%; }
			.sec-staff .staff-list li dl {
				display: table; }
				.sec-staff .staff-list li dl dt, .sec-staff .staff-list li dl dd {
					display: table-cell; }
				.sec-staff .staff-list li dl dt {
					width: 4em; }
					@media screen and (max-width: 750px) {
						.sec-staff .staff-list li dl dt {
							width: 5em; } }
		@media screen and (max-width: 750px) {
			.sec-staff .staff-list {
				font-size: 12px;
				font-size: 3.75vw;
				line-height: 1.5em; }
				.sec-staff .staff-list li {
					float: none;
					width: 100%; } }
	.sec-staff .bunkacho-logo {
		width: 40px;
		display: inline-block; }
	.sec-staff .bunkacho-list {
		margin-top: 2em;
		color: #ea5705; }
		@media screen and (max-width: 750px) {
			.sec-staff .bunkacho-list {
				margin-top: 1em; } }
		.sec-staff .bunkacho-list .bunkacho-item {
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-align-items: center;
			align-items: center;
			line-height: 1.5em;
			width: 100%; }
			@media screen and (max-width: 750px) {
				.sec-staff .bunkacho-list .bunkacho-item {
					font-size: 12px;
					font-size: 3.75vw;
					-webkit-justify-content: flex-start;
					justify-content: flex-start; } }
			.sec-staff .bunkacho-list .bunkacho-item .icon {
				width: 54px;
				text-align: center; }
				@media screen and (max-width: 750px) {
					.sec-staff .bunkacho-list .bunkacho-item .icon {
						width: 14.4vw; } }
				.sec-staff .bunkacho-list .bunkacho-item .icon span {
					display: inline-block; }
			.sec-staff .bunkacho-list .bunkacho-item .bunkacho-icon {
				margin-right: 0px; }
				@media screen and (max-width: 750px) {
					.sec-staff .bunkacho-list .bunkacho-item .bunkacho-icon {
						margin-right: -1.33333vw; } }
		.sec-staff .bunkacho-list .bunkacho-item-01 .bunkacho-icon span {
			width: 36px; }
			@media screen and (max-width: 750px) {
				.sec-staff .bunkacho-list .bunkacho-item-01 .bunkacho-icon span {
					width: 7.46667vw; } }

/* share-buttons
----------------------------------------*/
.share-buttons {
	position: relative;
	width: 100%;
	text-align: center; }
	.share-buttons a {
		display: inline-block;
		cursor: pointer;
		width: 30px; }
		.share-buttons a img {
			width: 100%; }
		.share-buttons a + a {
			margin-left: 10px; }
	@media screen and (max-width: 750px) {
		.share-buttons a {
			width: 35px; }
			.share-buttons a + a {
				margin-left: 10px; } }

/* override
------------------------------*/
/* .page-top-btn-area
----------------------------------------*/
.page-top-btn-area {
	background-color: #ea5705;
	max-width: none;
	padding-bottom: 110px; }
	@media screen and (max-width: 750px) {
		.page-top-btn-area {
			width: 100%;
			padding: 6.66667vw 0 28vw; }
			.page-top-btn-area #page-top-btn {
				margin-right: 4%; } }
	.page-top-btn-area .page-top-btn-area-inner {
		position: relative;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto; }
		@media screen and (max-width: 750px) {
			.page-top-btn-area .page-top-btn-area-inner {
				max-width: none;
				width: 92%; } }
	.page-top-btn-area .share-buttons {
		position: absolute;
		top: 50%;
		transform: translateY(-50%); }

#page-top-btn {
	background-color: transparent;
	border: 1px solid #FFF;
	box-sizing: border-box; }
	#page-top-btn:before {
		border-color: #FFF; }

@media screen and (max-width: 750px) {
	.page-top-btn {
		width: 35px;
		height: 35px; }
		.page-top-btn:before {
			width: 7px;
			height: 7px; } }

/* ScrollIn Anime
----------------------------------------------------------- */
/* animation
----------------------------------------*/
.scroll-in.fade-in {
	opacity: 0;
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.complete .scroll-in.fade-in.appeared {
		opacity: 1;
		transition-delay: 0s; }

.scroll-in.slide-up-in {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.complete .scroll-in.slide-up-in.appeared {
		opacity: 1;
		transform: translate(0, 0);
		transition-delay: 0s; }

.scroll-in.slide-left-in {
	opacity: 0;
	transform: translateX(50px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.complete .scroll-in.slide-left-in.appeared {
		opacity: 1;
		transform: translate(0, 0);
		transition-delay: 0s; }

.scroll-in.slide-right-in {
	opacity: 0;
	transform: translateX(-50px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.complete .scroll-in.slide-right-in.appeared {
		opacity: 1;
		transform: translate(0, 0);
		transition-delay: 0s; }

.scroll-in.bounce-up-in {
	opacity: 0;
	transform: translateY(20px) scale(0.2);
	transition: 0.8s cubic-bezier(0.22, 1.5, 0.8, 1); }
	.complete .scroll-in.bounce-up-in.appeared {
		opacity: 1;
		transform: translateY(0) scale(1);
		transition-delay: 0s; }

/* intro
----------------------------------------*/
.sec-title {
	/* ready
  ----------------------------------------*/ }
	.sec-title .title-logo {
		opacity: 0;
		transform: scale(1.2);
		transition: 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.sec-title .director {
		opacity: 0;
		transform: translateY(20px);
		transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.sec-title .title-date {
		opacity: 0;
		transform: translateY(20px);
		transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.sec-title .title-otw-logo {
		opacity: 0;
		transform: translateY(20px);
		transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.sec-title .awards {
		opacity: 0;
		transform: translateY(20px);
		transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	body.ready .sec-title .title-logo {
		opacity: 1;
		transform: scale(1);
		transition-delay: 0s; }
	body.ready .sec-title .director {
		opacity: 1;
		transform: translate(0, 0);
		transition-delay: 0.8s; }
	body.ready .sec-title .title-date {
		opacity: 1;
		transform: translate(0, 0);
		transition-delay: 1s; }
	body.ready .sec-title .title-otw-logo {
		opacity: 1;
		transform: translate(0, 0);
		transition-delay: 1.2s; }
	body.ready .sec-title .awards {
		opacity: 1;
		transform: translate(0, 0);
		transition-delay: 1.4s; }

/* fixed-background
----------------------------------------*/
/* ready
  ----------------------------------------*/
/* scroll-in
----------------------------------------*/
.section-head.scroll-in {
	/* appeared
      ----------------------------------------*/ }
	.section-head.scroll-in .en .split:nth-child(1) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(2) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(3) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(4) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(5) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(6) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(7) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(8) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(9) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(10) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(11) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(12) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(13) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(14) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(15) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(16) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(17) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(18) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(19) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(20) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(21) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(22) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(23) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(24) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(25) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(26) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(27) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(28) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(29) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .en .split:nth-child(30) {
		opacity: 0;
		transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.section-head.scroll-in .jp {
		opacity: 0;
		transform: scale(1.3);
		transition: 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.section-head.scroll-in.appeared .en .split:nth-child(1) {
		transition-delay: 0.05s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(2) {
		transition-delay: 0.1s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(3) {
		transition-delay: 0.15s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(4) {
		transition-delay: 0.2s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(5) {
		transition-delay: 0.25s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(6) {
		transition-delay: 0.3s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(7) {
		transition-delay: 0.35s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(8) {
		transition-delay: 0.4s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(9) {
		transition-delay: 0.45s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(10) {
		transition-delay: 0.5s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(11) {
		transition-delay: 0.55s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(12) {
		transition-delay: 0.6s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(13) {
		transition-delay: 0.65s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(14) {
		transition-delay: 0.7s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(15) {
		transition-delay: 0.75s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(16) {
		transition-delay: 0.8s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(17) {
		transition-delay: 0.85s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(18) {
		transition-delay: 0.9s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(19) {
		transition-delay: 0.95s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(20) {
		transition-delay: 1s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(21) {
		transition-delay: 1.05s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(22) {
		transition-delay: 1.1s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(23) {
		transition-delay: 1.15s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(24) {
		transition-delay: 1.2s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(25) {
		transition-delay: 1.25s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(26) {
		transition-delay: 1.3s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(27) {
		transition-delay: 1.35s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(28) {
		transition-delay: 1.4s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(29) {
		transition-delay: 1.45s;
		opacity: 1; }
	.section-head.scroll-in.appeared .en .split:nth-child(30) {
		transition-delay: 1.5s;
		opacity: 1; }
	.section-head.scroll-in.appeared .jp {
		opacity: 1;
		transform: scale(1);
		transition-delay: 0.4s; }

.sec-description .section-wrapper.scroll-in .title {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-description .section-wrapper.scroll-in .director {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-description .section-wrapper.scroll-in .bunkacho {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-description .section-wrapper.scroll-in .reservation-btn {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-description .section-wrapper.scroll-in .bunkacho-list {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-description .section-wrapper.scroll-in.appeared .title {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0s; }

.sec-description .section-wrapper.scroll-in.appeared .director {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.2s; }

.sec-description .section-wrapper.scroll-in.appeared .bunkacho {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.6s; }

.sec-description .section-wrapper.scroll-in.appeared .reservation-btn {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.8s; }

.sec-description .section-wrapper.scroll-in.appeared .bunkacho-list {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.6s; }

.sec-reservation.scroll-in {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.sec-reservation.scroll-in.appeared {
		opacity: 1;
		transform: translate(0, 0);
		transition-delay: 0s; }

.sec-story .copy-wrapper .text-01.scroll-in {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.sec-story .copy-wrapper .text-01.scroll-in.appeared {
		opacity: 1;
		transform: translate(0, 0);
		transition-delay: 0s; }

.sec-story .story-wrapper .text-02.scroll-in {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	@media screen and (max-width: 750px) {
		.sec-story .story-wrapper .text-02.scroll-in {
			opacity: 0;
			transform: translateY(20px);
			transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); } }
	.sec-story .story-wrapper .text-02.scroll-in.appeared {
		opacity: 1;
		transform: translate(0, 0);
		transition-delay: 0s; }

.sec-story .handbill-wrapper.scroll-in .handbill-01 {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-story .handbill-wrapper.scroll-in.appeared .handbill-01 {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0s; }

.sec-preface h4 {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-preface .no-accordion {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-preface .accordion-sp {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-preface.scroll-in.appeared h4 {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.2s; }

.sec-preface.scroll-in.appeared .no-accordion {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.4s; }

.sec-preface.scroll-in.appeared .accordion-sp {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.6s; }

.sec-actors .actor {
	opacity: 0;
	transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.sec-actors .actor.appeared {
		transition-delay: 0s;
		opacity: 1; }

.sec-schedule .event-table-group.scroll-in .event-table {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-schedule .event-table-group.scroll-in.appeared .event-table:nth-child(1) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.2s; }

.sec-schedule .event-table-group.scroll-in.appeared .event-table:nth-child(2) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.4s; }

.sec-schedule .event-table-group.scroll-in.appeared .event-table:nth-child(3) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.6s; }

.sec-schedule .event-table-group.scroll-in.appeared .event-table:nth-child(4) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.8s; }

.sec-schedule .event-table-group.scroll-in.appeared .event-table:nth-child(5) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 1s; }

.sec-schedule .event-table-group.scroll-in.appeared .event-table:nth-child(6) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 1.2s; }

.sec-schedule .event-table-group.scroll-in.appeared .event-table:nth-child(7) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 1.4s; }

.sec-schedule .event-table-group.scroll-in.appeared .event-table:nth-child(8) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 1.6s; }

.sec-ticket .reservation-dev.scroll-in {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.sec-ticket .reservation-dev.scroll-in.appeared {
		opacity: 1;
		transform: translate(0, 0);
		transition-delay: 0s; }

.sec-ticket .ticketing.scroll-in .head,
.sec-ticket .ticketing.scroll-in .notice,
.sec-ticket .ticketing.scroll-in dl {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-ticket .ticketing.scroll-in.appeared .head {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0s; }

.sec-ticket .ticketing.scroll-in.appeared dl:nth-child(1) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0s; }

.sec-ticket .ticketing.scroll-in.appeared dl:nth-child(2) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.2s; }

.sec-ticket .ticketing.scroll-in.appeared dl:nth-child(3) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.4s; }

.sec-ticket .ticketing.scroll-in.appeared dl:nth-child(4) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.6s; }

.sec-ticket .ticketing.scroll-in.appeared dl:nth-child(5) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.8s; }

.sec-ticket .ticketing.scroll-in.appeared dl:nth-child(6) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 1s; }

.sec-ticket .ticketing.scroll-in.appeared dl:nth-child(7) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 1.2s; }

.sec-ticket .ticketing.scroll-in.appeared dl:nth-child(8) {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 1.4s; }

.sec-ticket .ticketing.scroll-in.appeared .notice {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 1.2s; }

.sec-ticket .handbills-block.scroll-in {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	@media screen and (max-width: 750px) {
		.sec-ticket .handbills-block.scroll-in {
			opacity: 0;
			transform: translateY(20px);
			transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); } }
	.sec-ticket .handbills-block.scroll-in.appeared {
		opacity: 1;
		transform: translate(0, 0);
		transition-delay: 0s; }

.sec-theater .section-inner.scroll-in .theater-name {
	opacity: 0;
	transform: translateX(-50px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-theater .section-inner.scroll-in .map-image {
	opacity: 0;
	transform: translateX(-50px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-theater .section-inner.scroll-in .map-detail {
	opacity: 0;
	transform: translateX(50px);
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-theater .section-inner.scroll-in.appeared .theater-name {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0s; }

.sec-theater .section-inner.scroll-in.appeared .map-image {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.2s; }

.sec-theater .section-inner.scroll-in.appeared .map-detail {
	opacity: 1;
	transform: translate(0, 0);
	transition-delay: 0.2s; }

.sec-staff .staff-list.scroll-in li {
	opacity: 0;
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(1) {
	opacity: 1;
	transition-delay: 0.05s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(2) {
	opacity: 1;
	transition-delay: 0.1s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(3) {
	opacity: 1;
	transition-delay: 0.15s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(4) {
	opacity: 1;
	transition-delay: 0.2s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(5) {
	opacity: 1;
	transition-delay: 0.25s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(6) {
	opacity: 1;
	transition-delay: 0.3s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(7) {
	opacity: 1;
	transition-delay: 0.35s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(8) {
	opacity: 1;
	transition-delay: 0.4s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(9) {
	opacity: 1;
	transition-delay: 0.45s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(10) {
	opacity: 1;
	transition-delay: 0.5s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(11) {
	opacity: 1;
	transition-delay: 0.55s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(12) {
	opacity: 1;
	transition-delay: 0.6s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(13) {
	opacity: 1;
	transition-delay: 0.65s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(14) {
	opacity: 1;
	transition-delay: 0.7s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(15) {
	opacity: 1;
	transition-delay: 0.75s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(16) {
	opacity: 1;
	transition-delay: 0.8s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(17) {
	opacity: 1;
	transition-delay: 0.85s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(18) {
	opacity: 1;
	transition-delay: 0.9s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(19) {
	opacity: 1;
	transition-delay: 0.95s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(20) {
	opacity: 1;
	transition-delay: 1s; }

.sec-staff .staff-list.scroll-in.appeared li:nth-child(21) {
	opacity: 1;
	transition-delay: 1.05s; }

.sec-staff .bunkacho-list.scroll-in {
	opacity: 0;
	transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.sec-staff .bunkacho-list.scroll-in.appeared {
		opacity: 1;
		transition-delay: 1s; }

@font-face {
	font-family: 'fifthcopy';
	src: url("../font/FifthCopySSK_Regular.eot?v=191012");
	src: url("../font/FifthCopySSK_Regular.eot?#iefix&?v=191012") format("embedded-opentype"), url("../font/FifthCopySSK_Regular.woff?v=191012") format("woff"), url("../font/FifthCopySSK_Regular.ttf?v=191012") format("truetype"); }

.fifthcopy, .section-head > div > span.en {
	font-family: 'fifthcopy';
	/* @font-faceで定義したフォント名を指定 */
	-ms-font-feature-settings: "normal"; }

body {
	background-color: #d1d2d2; }

/* animation
----------------------------------------*/
/* common override
----------------------------------------*/
header .header-inner {
	background-color: #ea5705;
	border-color: #ea5705; }

/*
----------------------------------------*/
.content {
	font-weight: 700; }
	@media screen and (min-width: 751px) {
		.content a:link:hover {
			color: #ea5705 !important;
			text-decoration: underline; } }

@keyframes bg-animation {
	to {
		transform: translateX(-200vw); } }

.container {
	height: 100%; }
	.container .content {
		padding-bottom: 0; }

.hidden {
	display: none; }

/* .content
----------------------------------------*/
.content {
	line-height: 2em; }

/* header-logo-container
----------------------------------------*/
/* content-menu
----------------------------------------*/
.content-menu {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
	background-color: #ea5705;
	border-top: 1px solid #FFF;
	z-index: 9;
	box-sizing: border-box; }
	@media screen and (max-width: 750px) {
		.content-menu {
			height: 17.33333vw;
			padding-top: 2vw; } }
	.content-menu .content-menu-inner {
		width: 100%;
		height: 100%;
		max-width: 1000px;
		margin: 0 auto 0; }
		@media screen and (max-width: 750px) {
			.content-menu .content-menu-inner {
				max-width: none; } }
	.content-menu ul.content-menu-navi {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		width: 100%;
		height: 100%; }
		.content-menu ul.content-menu-navi li {
			height: 100%;
			padding: 0 1em;
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-align-items: center;
			align-items: center; }
			@media screen and (max-width: 750px) {
				.content-menu ul.content-menu-navi li {
					padding: 0 0em;
					-webkit-align-items: flex-start;
					align-items: flex-start;
					-webkit-flex: 1;
					flex: 1; } }
			.content-menu ul.content-menu-navi li a {
				position: relative;
				display: block;
				box-sizing: border-box;
				color: #FFF; }
				@media screen and (min-width: 751px) {
					.content-menu ul.content-menu-navi li a {
						transition: opacity 0.3s ease-out; }
						.content-menu ul.content-menu-navi li a:hover {
							color: #FFF !important;
							text-decoration: none;
							opacity: 0.6; } }
				@media screen and (max-width: 750px) {
					.content-menu ul.content-menu-navi li a {
						-webkit-writing-mode: vertical-rl;
						-ms-writing-mode: tb-rl;
						writing-mode: vertical-rl;
						font-size: 10px;
						font-size: 3.125vw;
						line-height: 1.5em; } }
				.content-menu ul.content-menu-navi li a span {
					position: relative; }

/*
----------------------------------------*/
img.fit {
	width: 100%;
	height: auto; }

.section-inner {
	width: 1000px;
	margin: 0 auto 0; }
	@media screen and (max-width: 750px) {
		.section-inner {
			width: 100%; } }

/* fixed footer
----------------------------------------*/
body,
html {
	height: 100%; }

.container {
	position: relative;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	overflow: hidden; }
	.container .content {
		padding-bottom: 0; }

.content {
	color: #221815; }
	.content a:active,
	.content a:link,
	.content a:visited {
		color: #221815; }
	@media screen and (min-width: 751px) {
		.content a:active,
		.content a:link,
		.content a:visited {
			-webkit-transition: color 0.3s ease-out;
			transition: color 0.3s ease-out; }
		.content a:active:hover,
		.content a:link:hover,
		.content a:visited:hover {
			color: #CCC; } }

.content {
	position: relative;
	font-size: 16px; }
	@media screen and (max-width: 750px) {
		.content {
			font-size: 14px;
			font-size: 4.375vw;
			line-height: 1.8em; } }

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px; }

/* common
----------------------------------------*/
a {
	color: #221815;
	text-decoration: none; }

img {
	vertical-align: bottom; }

.content {
	padding-top: 60px; }

header {
	z-index: 10; }

.menu-container {
	z-index: 10; }

.sp-hover {
	transition: opacity 0.3s ease-out; }
	.sp-hover.hovereffect {
		opacity: 0.7; }

img {
	touch-callout: none;
	-webkit-touch-callout: none;
	user-select: none; }

.clearfix:after {
	content: " ";
	display: block;
	clear: both; }

.small {
	font-size: 14px; }
	@media screen and (max-width: 750px) {
		.small {
			font-size: 12px;
			font-size: 3.75vw; } }

/*
----------------------------------------*/
.fixed-img-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden; }
	body.hide-group .fixed-img-bg {
		visibility: hidden; }
	body.scroll-top .fixed-img-bg {
		visibility: hidden; }
	.fixed-img-bg > div {
		width: 1000px;
		margin: 0 auto 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		-webkit-align-items: center;
		align-items: center; }
		@media screen and (max-width: 750px) {
			.fixed-img-bg > div {
				width: 100%; } }
		.fixed-img-bg > div > div {
			margin-right: 20px;
			width: 500px;
			height: 859px;
			background-image: url("../img/group.png");
			background-position: right top;
			background-repeat: no-repeat;
			background-size: 100%; }
			@media screen and (max-width: 750px) {
				.fixed-img-bg > div > div {
					margin: 0 auto 0;
					width: 66.66667vw;
					height: 114.53333vw; } }
	.fixed-img-bg:after, .fixed-img-bg:before {
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 100vw; }
	.fixed-img-bg:before {
		display: block;
		top: 0; }
	.fixed-img-bg:after {
		display: none;
		bottom: 0;
		background-color: #000; }
	.fixed-img-bg.no-top:before {
		display: none; }
	.fixed-img-bg.is-bottom:after {
		display: block; }
	@media screen and (max-width: 750px) {
		.fixed-img-bg {
			background-size: 100% auto; } }

.content-bg {
	position: fixed;
	top: 0;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	pointer-events: none; }
	body.scroll-top .content-bg {
		visibility: hidden; }
	.content-bg:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%; }
	.content-bg:before {
		background-image: url("../img/bg.jpg");
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover; }

/* section
----------------------------------------*/
/*
1 タイトルロゴ
2 タイトル・詳細
3 サブタイトル
4 上演に寄せて
5 出演者
6 日程
7 チラシ
8 チケット
9 劇場
10 スタッフ

*/
.section {
	position: relative;
	width: 100%;
	box-sizing: border-box; }
	.section + .section {
		margin-top: 50px; }
		@media screen and (max-width: 750px) {
			.section + .section {
				margin-top: 6.66667vw; } }
	.section .section-inner {
		position: relative;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		padding: 50px 10px;
		box-sizing: border-box; }
		@media screen and (max-width: 750px) {
			.section .section-inner {
				max-width: none;
				padding: 6.66667vw 4%;
				width: 100%; } }
	.section.bg-black:before {
		content: '';
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		background-color: #000; }

.hover-btn, .sec-actors .actor .actor-links a, .sec-actors .actor .actor-links .ticket-link a.btn-ticket {
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out; }
	@media screen and (min-width: 751px) {
		.hover-btn, .sec-actors .actor .actor-links a, .sec-actors .actor .actor-links .ticket-link a.btn-ticket {
			cursor: pointer; }
			.hover-btn:hover, .sec-actors .actor .actor-links a:hover, .sec-actors .actor .actor-links .ticket-link a.btn-ticket:hover {
				opacity: 0.7; } }

.section-head {
	position: relative;
	text-align: center;
	color: #ea5705;
	margin: 0 auto 50px; }
	@media screen and (max-width: 750px) {
		.section-head {
			margin-bottom: 6.66667vw; } }
	.section-head > div > span {
		display: block; }
		.section-head > div > span.en {
			font-size: 72px; }
			@media screen and (max-width: 750px) {
				.section-head > div > span.en {
					font-size: 48px;
					font-size: 15vw;
					line-height: 0.8em; } }
		.section-head > div > span.jp {
			position: relative;
			font-size: 16px;
			color: #FFF;
			background-color: #ea5705;
			display: inline-block;
			padding: 0 1em;
			margin-top: 1em; }
			@media screen and (max-width: 750px) {
				.section-head > div > span.jp {
					font-size: 12px;
					font-size: 3.75vw; } }
			.section-head > div > span.jp:before, .section-head > div > span.jp:after {
				content: '';
				position: absolute;
				display: block;
				top: 0;
				width: 10px;
				height: 100%;
				background-repeat: repeat-y;
				background-image: url("../img/edge.png");
				width: 1.33333vw; }
			.section-head > div > span.jp:before {
				left: -10px; }
				@media screen and (max-width: 750px) {
					.section-head > div > span.jp:before {
						left: -1.33333vw; } }
			.section-head > div > span.jp:after {
				right: -10px;
				transform: rotate(180deg); }
				@media screen and (max-width: 750px) {
					.section-head > div > span.jp:after {
						right: -1.33333vw; } }

@media screen and (max-width: 750px) {
	.sec-preface-02 .section-head > div > span.en {
		font-size: 44px;
		font-size: 13.75vw; } }

/* scene-navigation
----------------------------------------*/
/*
----------------------------------------*/
/* background-cover
----------------------------------------*/
/* スクロールでフェードイン
----------------------------------------*/
/* .loading
----------------------------------------*/
@keyframes sk-cubemove {
	25% {
		transform: translateX(42px) rotate(-90deg) scale(0.5);
		-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }
	50% {
		transform: translateX(42px) translateY(42px) rotate(-179deg);
		-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); }
	50.1% {
		transform: translateX(42px) translateY(42px) rotate(-180deg);
		-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }
	75% {
		transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
		-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
	100% {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg); } }

.loading {
	position: fixed;
	z-index: 1000;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background-color: #FFF;
	transition: opacity 1.0s ease-out; }
	.loading .icon {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-21px, -21px);
		transform: translate(-21px, -21px);
		transition: opacity 0.5s ease-out; }
	.loading .cube1, .loading .cube2 {
		background-color: #ea5705;
		width: 15px;
		height: 15px;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
		animation: sk-cubemove 1.8s infinite ease-in-out; }
	.loading .cube2 {
		-webkit-animation-delay: -0.9s;
		animation-delay: -0.9s; }
	.loading .indicator {
		margin-top: 70px;
		font-size: 24px;
		color: #ea5705;
		font-weight: bold;
		text-align: center;
		margin-left: 0.5em; }
		@media screen and (max-width: 750px) {
			.loading .indicator {
				font-size: 16px;
				font-size: 5vw; } }
		.loading .indicator .per {
			font-size: 16px;
			margin-left: 0.25em; }
	.loading.ready {
		opacity: 0; }
		.loading.ready .icon img {
			opacity: 0; }
	.loading.loaded .icon {
		opacity: 0; }
	body.complete .loading {
		display: none; }

@keyframes blink {
	0% {
		opacity: 0.5; }
	50% {
		opacity: 1; }
	100% {
		opacity: 0.5; } }

.indicator {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #ea5705; }

.ball-triangle-path > div {
	background-color: #ea5705;
	width: 20px;
	height: 20px; }

/* sec-preface
----------------------------------------*/
.sec-preface .flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between; }
	.sec-preface .flex.reverse {
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse; }
	@media screen and (max-width: 750px) {
		.sec-preface .flex {
			display: block; } }

.sec-preface .float-img {
	overflow: hidden; }
	.sec-preface .float-img figure {
		float: left;
		margin-right: 20px; }
		@media screen and (max-width: 750px) {
			.sec-preface .float-img figure {
				width: 45%;
				margin-right: 2.66667vw; } }
		.sec-preface .float-img figure img {
			border-radius: 10px;
			overflow: hidden;
			width: 100%;
			vertical-align: top; }
			@media screen and (max-width: 750px) {
				.sec-preface .float-img figure img {
					border-radius: 2.66667vw; } }

.sec-preface .answer {
	margin-top: 2em;
	margin-bottom: 2em; }

.sec-preface .mt2 {
	margin-top: 2em; }

.sec-preface .section-inner {
	padding-top: 50px;
	padding-bottom: 100px; }
	@media screen and (max-width: 750px) {
		.sec-preface .section-inner {
			padding-top: 6.66667vw;
			padding-bottom: 13.33333vw; } }

.sec-preface h2 {
	text-align: center;
	font-size: 24px;
	padding: 20px 0;
	border-top: 1px solid #ea5705;
	border-bottom: 1px solid #ea5705;
	margin-bottom: 50px; }
	@media screen and (max-width: 750px) {
		.sec-preface h2 {
			font-size: 16px;
			font-size: 5vw;
			padding: 10px 0;
			margin-bottom: 20px; } }
	.sec-preface h2 span {
		display: inline-block;
		vertical-align: middle; }

.sec-preface h4 {
	font-size: 20px;
	margin-bottom: 50px;
	text-align: center; }
	@media screen and (max-width: 750px) {
		.sec-preface h4 {
			font-size: 14px;
			font-size: 4.375vw;
			margin-bottom: 20px; } }
	.sec-preface h4 .title {
		display: block;
		line-height: 1.5em;
		margin-bottom: 0.25em; }
	.sec-preface h4 .director {
		font-size: 16px; }
		@media screen and (max-width: 750px) {
			.sec-preface h4 .director {
				font-size: 12px;
				font-size: 3.75vw; } }

.sec-preface p {
	margin-bottom: 1em;
	line-height: 1.8em; }
	@media screen and (max-width: 750px) {
		.sec-preface p {
			font-size: 12px;
			font-size: 3.75vw;
			line-height: 1.8em; } }
	.sec-preface p .date {
		display: block;
		margin-top: 1em; }

.sec-preface a.link {
	display: inline-block;
	border-bottom: 2px solid #221815;
	color: #221815; }
	.sec-preface a.link:hover {
		color: #ea5705;
		text-decoration: none;
		border-color: #ea5705; }

.sec-preface .coming-soon {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center; }
	.sec-preface .coming-soon p {
		text-align: center; }

.sec-preface .question-box {
	display: block;
	margin: 1em auto; }
	.sec-preface .question-box > span {
		display: inline-block;
		border: 1px solid #ea5705;
		padding: 1em; }

/* SPのみアコーディオン
----------------------------------------*/
.accordion-sp .accordion-close {
	display: none; }

.accordion-sp .accordion-trigger {
	display: none; }

@media screen and (max-width: 750px) {
	.accordion-sp {
		margin-bottom: 0.66667%; }
		.accordion-sp .accordion-trigger, .accordion-sp .accordion-close {
			display: block;
			background-color: #ea5705;
			color: #FFF;
			padding: 0.25em 0; }
		.accordion-sp .accordion-hidden {
			display: none; }
		.accordion-sp .accordion-trigger, .accordion-sp .accordion-close {
			position: relative;
			display: block;
			width: 53.33333vw;
			text-align: center;
			margin: 0 auto 0;
			border-radius: 1.33333vw; }
			.accordion-sp .accordion-trigger a,
			.accordion-sp .accordion-close a {
				display: inline-block;
				padding: 0.5em 2em;
				margin: 0 auto 0;
				line-height: 1em;
				color: #FFF;
				font-size: 12px;
				font-size: 3.75vw;
				transition: all 0.3s ease-out; }
				.accordion-sp .accordion-trigger a:before,
				.accordion-sp .accordion-close a:before {
					content: '';
					display: inline-block;
					margin-right: 0.5em;
					font-size: 10px;
					font-size: 3.125vw; }
				.accordion-sp .accordion-trigger a.hovereffect,
				.accordion-sp .accordion-close a.hovereffect {
					opacity: 0.8; }
		.accordion-sp .accordion-trigger a:before {
			content: '▼';
			vertical-align: top; }
		.accordion-sp .accordion-close a:before {
			content: '▲';
			vertical-align: top; } }

@media screen and (max-width: 750px) {
	.accordion-sp.active {
		margin-bottom: 6.66667%; }
		.accordion-sp.active .accordion-trigger {
			display: none; }
		.accordion-sp.active .accordion-hidden {
			display: block; } }

/* z-index
----------------------------------------*/
/* sec-video
----------------------------------------*/