html {
	font-size: clamp(15px, 0.885vw, 17px);
	height: auto;
	min-height: 100svh;
	width: 100%;
}

body {
	color: #095DA7;
	font-family: sans-serif;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.7;
	min-height: 100svh;
	overflow-x: hidden;
	position: relative;
	width: 100%;
}

body::before {
	background: #CED6DD url(./assets/images/mainvisual/mainvisual.webp) no-repeat top center/cover;
	content: "";
	filter: blur(16px);
	height: 2715px;
	left: -16px;
	opacity: 0;
	position: fixed;
	top: -956px;
	width: calc(100% + 32px);
	z-index: -1;
}

body.is-loaded::before {
	opacity: 1;
}

main,
section,
article,
div {
	position: relative;
}

*,
*:before,
*:after {
	box-sizing: border-box;
	scroll-behavior: unset;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

a:focus {
	outline: none;
}

ul,
ol,
li {
	list-style: none;
}

button {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
}

dt {
	font-weight: normal;
}

em {
	font-style: normal;
}

.dn {
	display: none;
}

img {
	display: block;
	height: auto;
	object-fit: contain;
	width: 100%;
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #E2EAF0;
	border: none;
	border-radius: 0px;
}

::-webkit-scrollbar-thumb {
	background: #FFFD01;
	border-radius: 0px;
	box-shadow: none;
}

* {
	scrollbar-color: #FFFD01 #E2EAF0;
	scrollbar-width: thin;
}

::selection {
	background: #E2EAF0;
	color: #095DA7;
}

::-moz-selection {
	background: #E2EAF0;
	color: #095DA7;
}

.is-pc {
	display: block;
}

.is-tb {
	display: none;
}

.is-sp {
	display: none;
}

.c-nav-button {
	display: grid;
	left: 0;
	padding: clamp(21px, 2.188vw, 42px) clamp(20px, 2.135vw, 41px);
	place-content: center;
	position: fixed;
	top: 0;
	transition: opacity 0.3s;
	z-index: 100;
}

.c-nav-button__line-box {
	display: block;
	height: clamp(34px, 3.49vw, 67px);
	position: relative;
	width: clamp(50px, 5.208vw, 100px);
}

.c-nav-button__line-box::after {
	color: #FFFD01;
	content: "MENU";
	display: block;
	font-size: clamp(10px, 0.885vw, 17px);
	height: clamp(10px, 0.885vw, 17px);
	left: 0;
	letter-spacing: 0.47em;
	line-height: 1;
	position: absolute;
	text-align: center;
	text-indent: 0.47em;
	top: clamp(23px, 2.5vw, 48px);
	width: 100%;
}

.c-nav-button__line {
	background: #FFFD01;
	display: block;
	height: clamp(1px, 0.156vw, 3px);
	left: 0;
	position: absolute;
	transform-origin: left top;
	transition: transform 0.5s ease;
	width: clamp(50px, 5.208vw, 100px);
}

.c-nav-button__line:nth-child(1) {
	top: 0;
}

.c-nav-button__line:nth-child(2) {
	opacity: 1;
	top: clamp(7.5px, 0.781vw, 15px);
	transition: opacity 0.5s ease;
}

.c-nav-button__line:nth-child(3) {
	top: clamp(15px, 1.563vw, 30px);
}

.c-nav-button.is-open .c-nav-button__line-box::after {
	content: "CLOSE";
}

.c-nav-button.is-open .c-nav-button__line {
	transition: transform 0.5s ease;
	width: clamp(52.5px, 5.469vw, 105px);
}

.c-nav-button.is-open .c-nav-button__line:nth-child(1) {
	transform: rotate(17deg);
}

.c-nav-button.is-open .c-nav-button__line:nth-child(2) {
	opacity: 0;
	transition: opacity 0.5s ease;
}

.c-nav-button.is-open .c-nav-button__line:nth-child(3) {
	transform: rotate(-17deg);
}

.c-hide-heading {
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	user-select: none;
}

.c-heading {
	height: 37px;
	position: relative;
	width: auto;
}

.c-heading img {
	height: 100%;
	object-fit: contain;
	object-position: left;
	width: fit-content;
}

.c-komeMark {
	padding-left: 1em;
	position: relative;
}

.c-komeMark::before {
	content: "※";
	left: 0;
	position: absolute;
}

.c-maru-mark {
	padding-left: 1em;
	position: relative;
}

.c-maru-mark::before {
	background-color: #095DA7;
	border-radius: 50%;
	content: "";
	height: 0.8em;
	left: 0;
	line-height: 1.55;
	position: absolute;
	top: 0.3em;
	width: 0.8em;
}

.l-loading {
	background: #CED6DD;
	display: grid;
	height: 100%;
	left: 0;
	min-height: 100lvh;
	place-content: center;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}

.l-loading__logo {
	opacity: 0;
	width: clamp(30px, 3.125vw, 60px);
}

.l-loading.is-loaded .l-loading__logo {
	animation: ldlogo 1.5s ease forwards;
}

.l-loading.is-out {
	opacity: 0;
	pointer-events: none;
	transition: opacity 1.5s;
	user-select: none;
}

.l-wrapper {
	background: #2C5677;
	margin: 0 auto 0;
	max-width: 1400px;
	min-height: 100svh;
	position: relative;
	width: 96vw;
	z-index: 1;
}

.l-container {
	z-index: 2;
}

.l-mv-path {
	height: 100lvh;
	left: 50%;
	max-width: 1400px;
	opacity: 0.3;
	position: fixed;
	top: 0;
	transform: translate(-50%, 0);
	transition: opacity 1.5s ease;
	user-select: none;
	width: 90vw;
	z-index: 1;
}

.l-mv-path__01 {
	height: 100%;
	left: calc(50% + clamp(88px, 5.729vw, 110px));
	position: absolute;
	top: -17px;
	transform: translate(-50%, 0);
	width: clamp(376px, 24.479vw, 470px);
}

.l-mv-path__01 path {
	fill: none;
	stroke: #e5f3fb;
	stroke-dasharray: 6000;
	stroke-dashoffset: 6000;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	stroke-width: 0.75px;
}

.l-mv-path__02 {
	height: 100%;
	left: calc(50% - clamp(88px, 5.729vw, 110px));
	position: absolute;
	top: -17px;
	transform: translate(-50%, 0);
	width: clamp(376px, 24.479vw, 470px);
}

.l-mv-path__02 path {
	fill: none;
	stroke: #e5f3fb;
	stroke-dasharray: 6500;
	stroke-dashoffset: 6500;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	stroke-width: 0.75px;
}

.l-mv-path.is-content {
	opacity: 1;
	transition: opacity 1.5s ease;
}

.l-mv-path.is-loaded .l-mv-path__01 path {
	animation: path01 10s cubic-bezier(0.88, 0.05, 0.99, 0.85) forwards;
}

.l-mv-path.is-loaded .l-mv-path__02 path {
	animation: path02 10s cubic-bezier(0.07, 0.43, 0.96, 0.68) forwards;
}

.l-mainvisual {
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.l-mainvisual__title {
	height: min(24.583vw, 472px);
	left: calc(50% - min(2.552vw, 49px));
	opacity: 0;
	position: absolute;
	top: min(22.083vw, 424px);
	transform: translate(-50%, 0);
	width: min(36.458vw, 700px);
}

.l-mainvisual__title .title {
	position: absolute;
	right: 0;
	top: 0;
	width: min(31.354vw, 602px);
}

.l-mainvisual__title .sakuen {
	left: 0;
	position: absolute;
	top: min(5.573vw, 107px);
	width: min(1.823vw, 35px);
}

.l-mainvisual__info {
	left: 50%;
	opacity: 0;
	position: absolute;
	top: min(123.082vw, 1797px);
	transform: translate(-50%, 0);
	width: min(31.781vw, 464px);
}

.l-mainvisual__desc {
	opacity: 0;
	position: absolute;
	right: min(3.125vw, 60px);
	top: min(106.164vw, 1550px);
	width: min(21.027vw, 307px);
}

.l-mainvisual__desc .cast {
	margin-bottom: min(0.573vw, 11px);
}

.l-mainvisual.is-loaded .l-mainvisual__title {
	opacity: 1;
	transition: opacity 1.5s ease;
	transition-delay: 0.5s;
}

.l-mainvisual.is-loaded .l-mainvisual__info {
	opacity: 1;
	transition: opacity 1.5s ease;
	transition-delay: 0.8s;
}

.l-mainvisual.is-loaded .l-mainvisual__desc {
	opacity: 1;
	transition: opacity 1.5s ease;
	transition-delay: 0.8s;
}

.l-story {
	padding-top: 170px;
	position: relative;
}

.l-story__content {
	column-gap: clamp(70px, 7.344vw, 141px);
	display: grid;
	grid-template-columns: 75px auto;
	justify-content: space-between;
	margin: 0 auto 0;
	position: relative;
	width: 718px;
}

.l-story__catch {
	grid-column: 1/2;
	grid-row: 1/2;
}

.l-story__detail {
	color: #FFFD01;
	font-family: "Sawarabi Mincho", serif;
	font-size: 19px;
	font-weight: 500;
	grid-column: 2/3;
	grid-row: 1/2;
	line-height: 1.842;
	margin-top: -4px;
	position: relative;
}

.l-story__detail p {
	margin-bottom: 1.842em;
	text-indent: 1em;
}

.l-sche-ve {
	display: flex;
	justify-content: center;
	margin: 0 auto 0;
	padding-bottom: 191px;
	padding-top: 170px;
	width: clamp(836px, 66.667vw, 1280px);
}

.l-sche-ve__item {
	background: #FFFFFF;
	height: fit-content;
	width: 50%;
}

.l-sche-ve__heading {
	position: absolute;
	top: -36px;
	z-index: 1;
}

.l-schedule {
	padding: min(2.604vw, 50px) min(4.479vw, 86px) min(2.5vw, 48px);
}

.l-schedule__heading {
	left: -2px;
}

.l-schedule__attention {
	font-size: 14px;
	line-height: 1.55;
	margin-top: 15px;
}

.l-venue {
	position: relative;
	top: clamp(95px, 9.948vw, 191px);
}

.l-venue__heading {
	left: -4px;
}

.l-venue__map {
	background: #E2EAF0;
	filter: saturate(0.7);
	height: 380px;
	position: relative;
	width: 100%;
}

.l-venue__map::after {
	background: #E2EAF0;
	height: 100%;
	left: 0;
	mix-blend-mode: hue;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.l-venue__map iframe {
	height: 380px;
	width: 100%;
}

.l-venue__address {
	font-size: 14px;
	line-height: 1.55;
	padding: 25px 35px;
	position: relative;
}

.l-cast {
	margin: 0 auto 0;
	padding-top: 138px;
	position: relative;
	width: clamp(836px, 66.667vw, 1280px);
}

.l-cast__list {
	margin: 0 auto 0;
	width: clamp(836px, 64.583vw, 1240px);
}

.l-ticket {
	margin: 0 auto 0;
	padding-top: 140px;
	position: relative;
	width: clamp(836px, 66.667vw, 1280px);
}

.l-ticket__block {
	background: #fff;
	border: 3px solid #FFFD01;
	margin-bottom: 27px;
	padding: 23px clamp(25px, 2.448vw, 47px) clamp(30px, 2.604vw, 50px);
	position: relative;
	width: clamp(540px, 33.333vw, 640px);
}

.l-ticket__block:nth-of-type(1)::before {
	background: #FFFD01;
	bottom: -33px;
	content: "";
	height: 30px;
	left: 0px;
	position: absolute;
	transform: skewX(85deg);
	transform-origin: left top;
	width: 15px;
}

.l-ticket__block:nth-of-type(1)::after {
	background: #FFFD01;
	bottom: -30px;
	content: "";
	height: 28px;
	position: absolute;
	right: 3px;
	transform: skewX(85deg);
	transform-origin: left top;
	width: 15px;
}

.l-ticket__block:nth-of-type(2) {
	left: 320px;
	padding-bottom: 44px;
}

.l-ticket__block:nth-of-type(2)::before {
	background: #FFFD01;
	bottom: -30px;
	content: "";
	height: 28px;
	left: 0px;
	position: absolute;
	transform: skewX(-80deg);
	transform-origin: left top;
	width: 7px;
}

.l-ticket__block:nth-of-type(2)::after {
	background: #FFFD01;
	bottom: -30px;
	content: "";
	height: 28px;
	position: absolute;
	right: -4px;
	transform: skewX(-80deg);
	transform-origin: left top;
	width: 7px;
}

.l-ticket__block:nth-of-type(3) {
	left: 162px;
	margin-bottom: 0;
	padding-bottom: 5px;
}

.l-ticket__block .price {
	font-size: clamp(18px, 1.198vw, 23px);
	font-weight: 700;
	letter-spacing: 0.07em;
	line-height: 1.62;
}

.l-ticket__block .price em {
	font-size: 1.347em;
	margin-left: 0.3em;
}

.l-ticket__block .attentionu25 {
	font-size: clamp(15px, 0.885vw, 17px);
	font-weight: 500;
	margin-top: 10px;
}

.l-ticket__block .start-genre {
	font-size: 1rem;
	font-weight: 700;
}

.l-ticket__block .start-date {
	line-height: 1.6;
	margin-bottom: 0.8em;
}

.l-ticket__block .start-date:last-of-type {
	margin-bottom: 0;
}

.l-ticket__block .start-date em {
	font-size: 1.411em;
}

.l-ticket__block .playguide-heading {
	font-size: clamp(18px, 1.198vw, 23px);
	font-weight: 700;
	margin-bottom: 0.3em;
}

.l-ticket__block .playguide-heading span {
	font-size: 0.739em;
}

.l-ticket__block .playguide-name {
	font-weight: 700;
	line-height: 1.94;
	margin-top: 1.4em;
}

.l-ticket__block .ticket-site {
	line-height: 1.94;
	margin-bottom: 2.2em;
}

.l-ticket__block .ticket-site a {
	text-decoration: underline;
}

.l-ticket__block .sm {
	font-size: clamp(11px, 0.729vw, 14px);
	font-weight: 500;
}

.l-staff {
	color: #FFFD01;
	margin: 0 auto 0;
	padding-top: 140px;
	position: relative;
	width: 540px;
}

.l-staff__list {
	font-size: 0.941em;
	line-height: 1.5;
	margin-top: 25px;
}

.l-staff__list .comp {
	display: flex;
	flex-wrap: wrap;
}

.l-staff__list .mb {
	margin-bottom: 2em;
}

.l-contact {
	color: #fff;
	line-height: 1.41;
	padding-top: 146px;
	position: relative;
	text-align: center;
}

.l-contact__heading {
	margin: 0 auto 0;
	width: fit-content;
}

.l-contact__aniv {
	margin: 63px auto 0;
	position: relative;
	width: 115px;
}

.l-contact__tweet {
	border-radius: 15px;
	height: clamp(775px, 50.99vw, 979px);
	margin: 140px auto 0;
	overflow: clip;
	position: relative;
	width: clamp(680px, 44.688vw, 858px);
}

.l-contact__tweet > div {
	background: #E2EAF0;
	height: 100%;
	overflow-y: scroll;
	width: 100%;
}

.l-contact__tweet > div::-webkit-scrollbar {
	display: none;
}

.l-contact h3 {
	color: #FFFD01;
	font-size: 1rem;
	margin-top: 1.6em;
}

.l-contact a {
	text-decoration: underline;
}

.l-contact .sm {
	font-size: 13px;
}

.l-footer {
	padding-bottom: 10px;
	padding-top: 140px;
	position: relative;
	text-align: center;
}

.l-footer__copy {
	color: #FFFD01;
	font-size: 10px;
}

.l-footer__copy small {
	font-size: 100%;
}

.l-nav {
	background: #095DA7;
	color: #FFFD01;
	height: 100%;
	left: clamp(-480px, -25vw, -375px);
	opacity: 0;
	padding: clamp(16px, 1.927vw, 37px) clamp(25px, 2.604vw, 50px) clamp(50px, 5.208vw, 100px);
	pointer-events: none;
	position: fixed;
	top: 0;
	transition: left 0.8s ease, opacity 0.8s ease;
	width: clamp(375px, 25vw, 480px);
	z-index: 99;
}

.l-nav__title {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 180px;
}

.l-nav__list {
	font-family: "Sawarabi Mincho", serif;
	font-size: clamp(17px, 1.25vw, 24px);
	letter-spacing: 0.12em;
	padding-top: clamp(100px, 10.417vw, 200px);
}

.l-nav__list li {
	margin-bottom: 1em;
	position: relative;
}

.l-nav__list li a {
	position: relative;
}

.l-nav__list li a::before {
	background: #FFFD01;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 0%;
}

.l-nav.is-open {
	left: 0;
	opacity: 1;
	pointer-events: auto;
	transition: left 0.8s ease, opacity 0.8s ease;
}

.ob-mvbg {
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 0;
}

.ob-cast-list {
	column-gap: clamp(5px, 0.521vw, 10px);
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: auto;
	row-gap: 46px;
}

.ob-cast-list__item {
	display: grid;
	grid-template-rows: clamp(142px, 11.198vw, 215px) 30px;
}

.ob-cast-list__item .image {
	background: #E2EAF0;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.ob-cast-list__item .image img {
	height: 100%;
	object-fit: cover;
	object-position: center center;
	position: absolute;
	width: 100%;
}

.ob-cast-list__item .name {
	background: #FFFD01;
	text-align: center;
}

.ob-cast-list__item .name p {
	font-family: "Sawarabi Mincho", serif;
	font-size: clamp(16px, 1.25vw, 24px);
	letter-spacing: 0.22em;
	line-height: 30px;
}

.ob-cast-list__item:nth-child(1) {
	grid-column: 4/6;
	grid-row: 1/2;
}

.ob-cast-list__item:nth-child(2) {
	grid-column: 6/8;
	grid-row: 1/2;
}

.ob-cast-list__item:nth-child(3) {
	grid-column: 8/10;
	grid-row: 1/2;
}

.ob-cast-list__item:nth-child(4) {
	grid-column: 1/3;
	grid-row: 2/3;
}

.ob-cast-list__item:nth-child(5) {
	grid-column: 3/5;
	grid-row: 2/3;
}

.ob-cast-list__item:nth-child(6) {
	grid-column: 5/7;
	grid-row: 2/3;
}

.ob-cast-list__item:nth-child(7) {
	grid-column: 7/9;
	grid-row: 2/3;
}

.ob-cast-list__item:nth-child(8) {
	grid-column: 9/11;
	grid-row: 2/3;
}

.ob-cast-list__item:nth-child(9) {
	grid-column: 11/13;
	grid-row: 2/3;
}

.ob-cast-list__item:nth-child(10) {
	grid-column: 5/7;
	grid-row: 3/4;
}

.ob-cast-list__item:nth-child(11) {
	grid-column: 7/9;
	grid-row: 3/4;
}

.ob-cast-list__item:nth-child(12) {
	grid-column: 2/4;
	grid-row: 4/5;
}

.ob-cast-list__item:nth-child(13) {
	grid-column: 4/6;
	grid-row: 4/5;
}

.ob-cast-list__item:nth-child(14) {
	grid-column: 6/8;
	grid-row: 4/5;
}

.ob-cast-list__item:nth-child(15) {
	grid-column: 8/10;
	grid-row: 4/5;
}

.ob-cast-list__item:nth-child(16) {
	grid-column: 10/12;
	grid-row: 4/5;
}

.ob-cast-list__item:nth-child(17) {
	grid-column: 2/4;
	grid-row: 5/6;
}

.ob-cast-list__item:nth-child(18) {
	grid-column: 4/6;
	grid-row: 5/6;
}

.ob-cast-list__item:nth-child(19) {
	grid-column: 6/8;
	grid-row: 5/6;
}

.ob-cast-list__item:nth-child(20) {
	grid-column: 8/10;
	grid-row: 5/6;
}

.ob-cast-list__item:nth-child(21) {
	grid-column: 10/12;
	grid-row: 5/6;
}

.ob-cast-list__item:nth-child(22) {
	grid-column: 6/8;
	grid-row: 6/7;
}

@media screen and (min-width: 1025px) {

.c-nav-button:hover {
	opacity: 0.7;
	transition: opacity 0.3s;
}

.l-ticket__block .ticket-site a:hover {
	text-decoration: none;
}

.l-contact a:hover {
	text-decoration: none;
}

.l-nav__list li a:hover::before {
	width: 100%;
}

}

@media screen and (max-width: 1024px) {

.is-pc {
	display: none;
}

.is-tb {
	display: block;
}

.c-nav-button.is-open .c-nav-button__line-box::after {
	text-indent: 0;
}

.c-heading {
	height: 20px;
}

.l-loading {
	height: 100svh;
	min-height: 100svh;
}

.l-loading__logo {
	width: clamp(25px, 6.667vw, 50px);
}

.l-mv-path__01 {
	left: calc(50% + 44px);
	top: -8px;
	width: 188px;
}

.l-mv-path__02 {
	left: calc(50% - 44px);
	top: -8px;
	width: 188px;
}

.l-mainvisual {
	height: 100svh;
}

.l-mainvisual__title {
	height: 189px;
	left: auto;
	margin: 130px auto 0;
	position: relative;
	top: auto;
	transform: none;
	width: 280px;
}

.l-mainvisual__title .title {
	width: 240px;
}

.l-mainvisual__title .sakuen {
	top: 42px;
	width: 14px;
}

.l-mainvisual__info {
	bottom: 180px;
	top: auto;
	width: 185px;
}

.l-mainvisual__desc {
	bottom: 10px;
	left: 50%;
	right: auto;
	top: auto;
	transform: translate(-50%, 0);
	width: 133px;
}

.l-mainvisual__desc .cast {
	margin-top: 5px;
}

.l-story {
	padding-top: 100px;
}

.l-story__content {
	column-gap: clamp(20px, 5.333vw, 40px);
	grid-template-columns: clamp(45px, 12vw, 55px) auto;
	max-width: 480px;
	width: 90%;
}

.l-story__detail {
	font-size: 15px;
}

.l-sche-ve {
	flex-direction: column;
	max-width: 425px;
	padding-bottom: 0;
	padding-top: 100px;
	width: 90%;
}

.l-sche-ve__item {
	width: 100%;
}

.l-sche-ve__heading {
	top: -19px;
}

.l-schedule {
	padding: 20px 20px 24px;
}

.l-schedule__heading {
	left: -1px;
}

.l-schedule__attention {
	font-size: 11px;
	margin-top: 10px;
}

.l-venue {
	margin-top: 50px;
	top: auto;
}

.l-venue__heading {
	left: -2px;
}

.l-venue__map {
	height: 280px;
}

.l-venue__map iframe {
	height: 280px;
}

.l-venue__address {
	font-size: 11px;
	padding: 10px 20px 24px;
}

.l-cast {
	max-width: 480px;
	width: 90vw;
}

.l-cast__list {
	max-width: 425px;
	width: 90vw;
}

.l-ticket {
	max-width: 480px;
	width: 90vw;
}

.l-ticket__block {
	border-width: 1px;
	margin: 0 auto 3px;
	max-width: 425px;
	padding: 20px 20px 24px;
	width: 90vw;
}

.l-ticket__block:nth-of-type(1)::before {
	display: none;
}

.l-ticket__block:nth-of-type(1)::after {
	display: none;
}

.l-ticket__block:nth-of-type(2) {
	left: auto;
}

.l-ticket__block:nth-of-type(2)::before {
	display: none;
}

.l-ticket__block:nth-of-type(2)::after {
	display: none;
}

.l-ticket__block:nth-of-type(3) {
	left: auto;
}

.l-ticket__block .price {
	font-size: 14px;
}

.l-ticket__block .start-date {
	font-size: 14px;
}

.l-ticket__block .start-date em {
	font-size: 1.347em;
	margin-right: 0.2em;
}

.l-ticket__block .playguide-heading {
	font-size: 14px;
}

.l-ticket__block .playguide-name {
	font-size: 14px;
}

.l-ticket__block .ticket-site {
	font-size: 13px;
	line-height: 1.55;
	margin-bottom: 2em;
}

.l-staff {
	max-width: 425px;
	padding-top: 100px;
	width: 80vw;
}

.l-staff__list {
	margin-top: 15px;
}

.l-contact {
	padding-top: 100px;
}

.l-contact__aniv {
	margin-top: 30px;
	width: 80px;
}

.l-contact__tweet {
	height: 360px;
	margin-top: 100px;
	max-width: 425px;
	width: 90vw;
}

.l-contact .sm {
	font-size: 11px;
}

.l-footer {
	padding-bottom: 20px;
	padding-top: 100px;
}

.l-nav {
	height: 100%;
	left: 0;
	opacity: 0;
	padding: 10px;
	transition: opacity 0.8s ease;
	width: 100%;
}

.l-nav > div {
	display: grid;
	height: 100%;
	place-content: center;
	position: relative;
	width: 100%;
}

.l-nav__title {
	display: block;
	width: 120px;
}

.l-nav__list {
	font-size: 15px;
	left: -30px;
	padding-top: 0;
	position: relative;
}

.l-nav.is-open {
	opacity: 1;
	transition: opacity 0.8s ease;
}

.ob-mvbg {
	height: 100svh;
}

.ob-mvbg img {
	height: 100%;
	object-fit: cover;
}

.ob-cast-list {
	column-gap: 3px;
	grid-template-columns: repeat(6, 1fr);
	row-gap: 25px;
}

.ob-cast-list__item {
	grid-template-rows: clamp(142px, 37.867vw, 180px) 24px;
}

.ob-cast-list__item .name p {
	font-size: 13px;
	line-height: 24px;
}

.ob-cast-list__item:nth-child(1) {
	grid-column: 1/3;
}

.ob-cast-list__item:nth-child(2) {
	grid-column: 3/5;
}

.ob-cast-list__item:nth-child(3) {
	grid-column: 5/7;
}

.ob-cast-list__item:nth-child(4) {
	grid-column: 1/3;
}

.ob-cast-list__item:nth-child(5) {
	grid-column: 3/5;
}

.ob-cast-list__item:nth-child(6) {
	grid-column: 5/7;
}

.ob-cast-list__item:nth-child(7) {
	grid-column: 1/3;
	grid-row: 3/4;
}

.ob-cast-list__item:nth-child(8) {
	grid-column: 3/5;
	grid-row: 3/4;
}

.ob-cast-list__item:nth-child(9) {
	grid-column: 5/7;
	grid-row: 3/4;
}

.ob-cast-list__item:nth-child(10) {
	grid-column: 2/4;
	grid-row: 4/5;
}

.ob-cast-list__item:nth-child(11) {
	grid-column: 4/6;
	grid-row: 4/5;
}

.ob-cast-list__item:nth-child(12) {
	grid-column: 1/3;
	grid-row: 5/6;
}

.ob-cast-list__item:nth-child(13) {
	grid-column: 3/5;
	grid-row: 5/6;
}

.ob-cast-list__item:nth-child(14) {
	grid-column: 5/7;
	grid-row: 5/6;
}

.ob-cast-list__item:nth-child(15) {
	grid-column: 1/3;
	grid-row: 6/7;
}

.ob-cast-list__item:nth-child(16) {
	grid-column: 3/5;
	grid-row: 6/7;
}

.ob-cast-list__item:nth-child(17) {
	grid-column: 5/7;
	grid-row: 6/7;
}

.ob-cast-list__item:nth-child(18) {
	grid-column: 1/3;
	grid-row: 7/8;
}

.ob-cast-list__item:nth-child(19) {
	grid-column: 3/5;
	grid-row: 7/8;
}

.ob-cast-list__item:nth-child(20) {
	grid-column: 5/7;
	grid-row: 7/8;
}

.ob-cast-list__item:nth-child(21) {
	grid-column: 3/5;
	grid-row: 8/9;
}

.ob-cast-list__item:nth-child(22) {
	grid-column: 3/5;
	grid-row: 9/10;
}

}

@media screen and (max-width: 480px) {

.is-sp {
	display: block;
}

}

@keyframes ldlogo {

0% {
	opacity: 0;
}

15% {
	opacity: 1;
}

85% {
	opacity: 1;
}

100% {
	opacity: 0;
}

}

@keyframes path01 {

from {
	stroke-dashoffset: 6000;
}

to {
	stroke-dashoffset: 0;
}

}

@keyframes path02 {

from {
	stroke-dashoffset: 6500;
}

to {
	stroke-dashoffset: 0;
}

}