@charset 'UTF-8';


/* テキストの自動拡大を無効化 */
body {
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

/* フォント */
.playfair-display {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
}


/* ページ全体の設定 */
:root {
	--vw-criterion-value: 100vw;
}
@media screen and (min-width: 1104px) {
	:root {
		--vw-criterion-value: 1104px;
	}
}
html {
	overflow-x: hidden;
	scroll-behavior: smooth;
}
html.loading-on:not(.appear),
html.menu-active,
html.lity-active,
html.modal-active {
	overflow-y: hidden;
}
body {
	animation: fadeIn 2s ease;
	-webkit-animation: fadeIn 2s ease;
	background: #000;
	color: #fff;
	font-family: 'M PLUS Rounded 1c', 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
	font-size: calc(16 / 376 * var(--vw-criterion-value));
	font-weight: 500;
	line-height: calc(24 / 376 * var(--vw-criterion-value));
	margin: 0;
	position: relative;
}
#body-wrap {
	background: #cbf5ce url(../img/bg-body-wrap-01.jpg) center calc(270 / 376 * var(--vw-criterion-value) * -1) / 100% auto repeat;
	color: #553223;
	overflow-x: hidden;
	position: absolute;
	width: 100%;
}
@media screen and (min-width: 768px) {
	html.loading-on:not(.appear),
	html.menu-active,
	html.lity-active,
	html.modal-active {
		overflow-y: visible;
	}
	body {
		font-size: calc(32 / 1104 * var(--vw-criterion-value));
		line-height: calc(48 / 1104 * var(--vw-criterion-value));
	}
	#body-wrap {
		background: url(../img/bg-body-wrap-01.jpg) center calc(729 / 1104 * var(--vw-criterion-value) * -1) / calc(2771 / 1104 * var(--vw-criterion-value)) auto repeat;
	}
}
/* sub */
body.sub {
	background: #fff;
}
body.sub #body-wrap {
	background: #cbf5ce url(../img/bg-body-wrap-01.jpg) center top / 100% auto repeat;
}
@media screen and (min-width: 768px) {
	body.sub #body-wrap {
		background: url(../img/bg-body-wrap-01.jpg) center calc(170 / 1104 * var(--vw-criterion-value) * -1) / calc(2771 / 1104 * var(--vw-criterion-value)) auto repeat;
	}
}

/* デバイスの切り替え */
.sp,
.tab,
.pc {
	display: none;
}
@media screen and (width < 768px) {
	.sp {
		display: block;
	}
}
@media screen and (min-width: 768px) and (width < 1024px) {
	.tab {
		display: block;
	}
}
@media screen and (min-width: 1024px) {
	.pc {
		display: block;
	}
}

/* ブロック */
.strong {
	font-weight: bold;
}
.sentence {
	color: inherit;
	display: inline-block;
	white-space: nowrap;
}

/* 遅延表示 */
.scroll-in {
	opacity: 0;
	transition: opacity 2s, transform 1.6s cubic-bezier(.16, 1, .3, 1);
	visibility: hidden;
}
.scroll-in.appear {
	opacity: 1;
	visibility: visible;
}
.scroll-in.in-down {
	transform: translateY(min(-100%, calc(75 / 376 * var(--vw-criterion-value) * -1)));
}
.scroll-in.in-up {
	transform: translateY(min(100%, calc(75 / 376 * var(--vw-criterion-value))));
}
.scroll-in.appear.in-down,
.scroll-in.appear.in-up {
	transform: translateY(0);
}
.scroll-in.in-left {
	transform: translateX(max(-100%, calc(75 / 376 * var(--vw-criterion-value) * -1)));
}
.scroll-in.in-right {
	transform: translateX(min(100%, calc(75 / 376 * var(--vw-criterion-value))));
}
.scroll-in.appear.in-left,
.scroll-in.appear.in-right {
	transform: translateX(0);
}
@media screen and (min-width: 768px) {
	.scroll-in.in-down,
	[id*='-scroll-in'] .l-container {
		transform: translateY(min(-50%, calc(150 / 1104 * var(--vw-criterion-value) * -1)));
	}
	.scroll-in.in-up,
	[id*='-scroll-in'] .l-container {
		transform: translateY(min(50%, calc(150 / 1104 * var(--vw-criterion-value))));
	}
	.scroll-in.in-left {
		transform: translateX(max(-50%, calc(150 / 1104 * var(--vw-criterion-value) * -1)));
	}
	.scroll-in.in-right {
		transform: translateX(min(50%, calc(150 / 1104 * var(--vw-criterion-value))));
	}
}

/* リンク */
a {
	color: inherit;
	text-decoration: none;
}
@media screen and (min-width: 768px) {
	a:not(:has(img)):not(:has(i)):hover {
		text-decoration: underline;
	}
	header a:hover,
	nav a:hover,
	#video a,
	#theater .region a,
	#ticket .list a,
	#novelty .list a {
		text-decoration: none !important;
	}
	a:has(img),
	a:has(i),
	:not(nav) button,
	nav .menu a,
	#video a,
	#theater .region a,
	#ticket .list a,
	#novelty .list a {
		transition: transform .5s;
	}
	a:has(img):hover,
	a:has(i):hover,
	:not(nav) button:hover,
	nav .menu a:hover,
	#video a:hover,
	#theater .region a:hover,
	#ticket .list a:hover,
	#novelty .list a:hover {
		transform: scale(1.05, 1.05);
	}
}

/* 画像 */
img {
	width: 100%;
	height: auto;
	display: inline;
}
figure {
	margin: 0;
}

/* ローディング */
#loading {
	display: none;
	visibility: hidden;
}
html.loading-on #loading {
	background: #fff;
	display: block;
	height: 100%;
	position: fixed;
	visibility: visible;
	width: 100%;
	z-index: 9999999;
}
html.loading-on #loading figure {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: opacity .5s;
	z-index: 999999;
}
html.loading-on #loading .flower {
	transform: translate(-200%, -111%);
	width: calc(36 / 376 * var(--vw-criterion-value));
}
html.loading-on #loading .logo {
	transform: translate(-50%, -50%);
	width: calc(118 / 376 * var(--vw-criterion-value));
}
html.loading-on.appear #loading figure {
	opacity: 0;
}
html.loading-on #loading .flower img {
	animation: rotation 4s cubic-bezier(.32, -.42, .7, 1.3) infinite;
}
html.loading-on #body-wrap {
	visibility: hidden;
}
html.loading-on.appear #body-wrap {
	visibility: visible;
}
@media screen and (min-width: 768px) {
	html.loading-on #loading .flower {
		width: calc(142 / 1104 * var(--vw-criterion-value));
	}
	html.loading-on #loading .logo {
		width: calc(467 / 1104 * var(--vw-criterion-value));
	}
}

/* 雲＆花 */
header .inner-bg,
footer .inner-bg {
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
}
header .inner-bg {
	bottom: calc(1 / 376 * var(--vw-criterion-value) * -1);
}
footer .inner-bg {
	top: calc(1 / 376 * var(--vw-criterion-value) * -1);
	transform: rotate(180deg);
}
header .cloud,
footer .cloud {
	animation: pulse-more cubic-bezier(.32, .42, .7, .3) infinite alternate;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	transform-origin: center bottom;
}
header .cloud:nth-of-type(1),
footer .cloud:nth-of-type(1) {
	animation-duration: 6s;
}
header .cloud:nth-of-type(4),
footer .cloud:nth-of-type(4) {
	animation-duration: 7s;
}
header .flower,
footer .flower {
	animation: rotation cubic-bezier(.32, .42, .7, .3) infinite;
	position: absolute;
}
header .flower:nth-of-type(2),
footer .flower:nth-of-type(2) {
	animation-direction: reverse;
	animation-duration: 16s;
	bottom: calc(41 / 376 * var(--vw-criterion-value));
	left: calc(61 / 376 * var(--vw-criterion-value));
	width: calc(36 / 376 * var(--vw-criterion-value));
}
header .flower:nth-of-type(3),
footer .flower:nth-of-type(3) {
	animation-duration: 17s;
	bottom: calc(26 / 376 * var(--vw-criterion-value));
	left: calc(325 / 376 * var(--vw-criterion-value));
	width: calc(30 / 376 * var(--vw-criterion-value));
}
header .flower:nth-of-type(5),
footer .flower:nth-of-type(5) {
	animation-duration: 18s;
	bottom: calc(8 / 376 * var(--vw-criterion-value));
	left: calc(4 / 376 * var(--vw-criterion-value) * -1);
	width: calc(49 / 376 * var(--vw-criterion-value));
}
@media screen and (min-width: 768px) {
	header .inner-bg {
		bottom: calc(1 / 1104 * var(--vw-criterion-value) * -1);
	}
	footer .inner-bg {
		top: calc(1 / 1104 * var(--vw-criterion-value) * -1);
	}
	header .flower:nth-of-type(2),
	footer .flower:nth-of-type(2) {
		bottom: calc(165 / 1440 * 100vw);
		left: calc(182 / 1440 * 100vw);
		width: calc(142 / 1440 * 100vw);
	}
	header .flower:nth-of-type(3),
	footer .flower:nth-of-type(3) {
		bottom: calc(101 / 1440 * 100vw);
		left: calc(1234 / 1440 * 100vw);
		width: calc(121 / 1440 * 100vw);
	}
	header .flower:nth-of-type(5),
	footer .flower:nth-of-type(5) {
		bottom: calc(33 / 1440 * 100vw);
		left: calc(78 / 1440 * 100vw * -1);
		width: calc(195 / 1440 * 100vw);
	}
}


/* ヘッダ */
header {
	background: url(../img/bg-header-01-sp.png) center top / min(var(--vw-criterion-value), 100vw) auto no-repeat;
	height: calc(709 / 376 * var(--vw-criterion-value));
	position: relative;
}
header .inner {
	margin: 0 auto;
	position: relative;
	width: min(var(--vw-criterion-value), 100vw);
}
header h1 {
	filter: drop-shadow(0 0 calc(53 / 376 * var(--vw-criterion-value)) #fff);
	left: calc(43 / 376 * var(--vw-criterion-value));
	position: absolute;
	top: calc(418 / 376 * var(--vw-criterion-value));
	width: calc(300 / 376 * var(--vw-criterion-value));
}
header .lead {
	left: calc(16 / 376 * var(--vw-criterion-value));
	position: absolute;
	top: calc(25 / 376 * var(--vw-criterion-value));
	width: calc(81 / 376 * var(--vw-criterion-value));
}
@media screen and (min-width: 768px) {
	header {
		background-image: url(../img/bg-header-01-pc.png);
		height: calc(1661 / 1104 * var(--vw-criterion-value));
	}
	header h1 {
		filter: drop-shadow(0 0 calc(100 / 1104 * var(--vw-criterion-value)) #fff);
		left: calc(272 / 1104 * var(--vw-criterion-value));
		top: calc(829 / 1104 * var(--vw-criterion-value));
		width: calc(559 / 1104 * var(--vw-criterion-value));
	}
	header .lead {
		left: calc(11 / 1104 * var(--vw-criterion-value));
		top: calc(59 / 1104 * var(--vw-criterion-value));
		width: calc(208 / 1104 * var(--vw-criterion-value));
	}
}
/* sub */
body.sub header {
	background: url(../img/bg-lace-01.png) center bottom / auto calc(52 / 376 * var(--vw-criterion-value)) repeat-x;
	height: calc(168 / 376 * var(--vw-criterion-value));
}
body.sub header h1 {
	filter: drop-shadow(0 0 calc(20 / 376 * var(--vw-criterion-value)) #fff) drop-shadow(0 0 calc(20 / 376 * var(--vw-criterion-value)) #fff);
	left: calc(6 / 376 * var(--vw-criterion-value));
	top: calc(16 / 376 * var(--vw-criterion-value));
	width: calc(120 / 376 * var(--vw-criterion-value));
}
body.sub header h1 a {
	display: block;
}
body.sub header .lead {
	filter: drop-shadow(0 0 calc(20 / 376 * var(--vw-criterion-value)) #fff);
	left: 50%;
	top: calc(75 / 376 * var(--vw-criterion-value));
	transform: translate(-50%, 0);
	width: calc(139 / 376 * var(--vw-criterion-value));
}
@media screen and (min-width: 768px) {
	body.sub header {
		background-size: auto calc(92 / 1104 * var(--vw-criterion-value));
		height: calc(341 / 1104 * var(--vw-criterion-value));
	}
	body.sub header h1 {
		filter: drop-shadow(0 0 calc(40 / 1104 * var(--vw-criterion-value)) #fff) drop-shadow(0 0 calc(40 / 1104 * var(--vw-criterion-value)) #fff);
		left: calc(31 / 1104 * var(--vw-criterion-value));
		top: calc(29 / 1104 * var(--vw-criterion-value));
		width: calc(318 / 1104 * var(--vw-criterion-value));
	}
	body.sub header .lead {
		filter: drop-shadow(0 0 calc(20 / 1104 * var(--vw-criterion-value)) #fff);
		top: calc(168 / 1104 * var(--vw-criterion-value));
		width: calc(308 / 1104 * var(--vw-criterion-value));
	}
}


/* ナビゲーション */
nav {
	position: relative;
	z-index: 999;
}
nav #hamburger {
	animation: pulse 4s cubic-bezier(.32, .42, .7, .3) infinite alternate;
	background: url(../img/bg-circle-01.png) center center / cover;
	height: calc(86 / 376 * var(--vw-criterion-value));
	position: fixed;
	right: calc(4 / 376 * var(--vw-criterion-value));
	top: calc(9 / 376 * var(--vw-criterion-value));
	width: calc(86 / 376 * var(--vw-criterion-value));
	z-index: 100000;
}
nav #hamburger .circle {
	animation: fluffy 5s cubic-bezier(.32, .42, .7, .3) infinite alternate;
	left: 0;
	position: absolute;
	top: calc(5 / 376 * var(--vw-criterion-value));
	width: calc(100 / 376 * var(--vw-criterion-value));
}
nav #hamburger .star {
	animation: rotation cubic-bezier(.32, .42, .7, .3) infinite;
	position: absolute;
}
nav #hamburger .star:nth-of-type(2) {
	animation-duration: 50s;
	left: calc(17 / 376 * var(--vw-criterion-value));
	top: calc(9 / 376 * var(--vw-criterion-value));
	width: calc(53 / 376 * var(--vw-criterion-value));
}
nav #hamburger .star:nth-of-type(3) {
	animation-duration: 40s;
	left: calc(18 / 376 * var(--vw-criterion-value));
	top: calc(17 / 376 * var(--vw-criterion-value));
	width: calc(56 / 376 * var(--vw-criterion-value));
}
nav #hamburger .star:nth-of-type(4) {
	animation-duration: 40s;
	left: calc(14 / 376 * var(--vw-criterion-value));
	top: calc(16 / 376 * var(--vw-criterion-value));
	width: calc(51 / 376 * var(--vw-criterion-value));
}
nav #hamburger .star:nth-of-type(3) img {
	animation: fadeIn 3s cubic-bezier(.32, .42, .7, .3) infinite alternate;
}
nav #hamburger .star:nth-of-type(4) img {
	animation: fadeIn 2s cubic-bezier(.32, .42, .7, .3) infinite alternate;
}
nav #hamburger .menu,
nav #hamburger .close {
	font-size: calc(20 / 376 * var(--vw-criterion-value));
	line-height: calc(27 / 376 * var(--vw-criterion-value));
	left: 50%;
	paint-order: stroke;
	position: absolute;
	-webkit-text-stroke: calc(1 / 376 * var(--vw-criterion-value)) #fff;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: opacity .3s ease;
}
nav #hamburger .menu {
	opacity: 1;
}
nav:has(.inner-menu.menu-opend) #hamburger .menu {
	opacity: 0;
}
nav #hamburger .close {
	opacity: 0;
}
nav:has(.inner-menu.menu-opend) #hamburger .close {
	opacity: 1;
}
nav #page-top {
	align-items: center;
	bottom: 50%; /* calc(328 / 376 * var(--vw-criterion-value)) */
	display: flex;
	font-size: calc(16 / 376 * var(--vw-criterion-value));
	line-height: calc(15 / 376 * var(--vw-criterion-value));
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: calc(32 / 376 * var(--vw-criterion-value) * -1);
	transform: translate(min(50%, calc(75 / 376 * var(--vw-criterion-value))), 50%) rotate(90deg);
	transition: opacity 1s, transform .8s cubic-bezier(.16, 1, .3, 1);
}
nav #page-top.appear {
	opacity: 1;
	pointer-events: auto;
	transform: translate(0, 50%) rotate(90deg);
}
nav #page-top::before {
	background: url(../img/bg-page-top-01.png) center center / cover;
	content: '';
	display: block;
	margin-right: calc(4 / 376 * var(--vw-criterion-value));
	height: calc(18 / 376 * var(--vw-criterion-value));
	width: calc(43 / 376 * var(--vw-criterion-value));
}
nav .banner {
	bottom: calc(9 / 376 * var(--vw-criterion-value));
	height: calc(86 / 376 * var(--vw-criterion-value));
	position: fixed;
	right: calc(4 / 376 * var(--vw-criterion-value));
	width: calc(86 / 376 * var(--vw-criterion-value));
}
nav .banner img {
	bottom: 0;
	position: absolute;
	right: 0;
	width: calc(106 / 376 * var(--vw-criterion-value));
}
nav .inner-menu {
	align-items: center;
	background: url(../img/bg-cloud-03.png) left top / calc(273 / 376 * var(--vw-criterion-value)) auto no-repeat, url(../img/bg-cloud-04.png) right bottom / calc(268 / 376 * var(--vw-criterion-value)) auto no-repeat, url(../img/bg-menu-01.png) center calc(10 / 376 * var(--vw-criterion-value) * -1) / calc(397 / 376 * var(--vw-criterion-value)) auto, linear-gradient(245deg, #fec2b8 0%, #fcf6aa 33%, #7cf3d1 77%, #87e9e8 100%);
	bottom: 0;
	content: '';
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity .3s ease;
	z-index: 99999;
}
nav .inner-menu.menu-opend {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0);
}
nav .inner-menu .menu {
	margin-bottom: calc(41 / 376 * var(--vw-criterion-value));
	padding: 0 calc(20 / 376 * var(--vw-criterion-value));
	width: 100%;
}
nav .inner-menu .menu li {
	font-size: calc(32 / 376 * var(--vw-criterion-value));
	line-height: calc(43 / 376 * var(--vw-criterion-value));
	margin-bottom: calc(20 / 376 * var(--vw-criterion-value));
	opacity: 0;
	text-align: center;
	transform: translateY(min(100%, calc(75 / 376 * var(--vw-criterion-value))));
	transition: all 0s 0s;
	visibility: hidden;
}
nav .inner-menu.menu-opend .menu li {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .3s, transform .3s cubic-bezier(.16, 1, .3, 1);
	visibility: visible;
}
nav .inner-menu.menu-opend .menu li:nth-child(2) {
	transition-delay: .05s;
}
nav .inner-menu.menu-opend .menu li:nth-child(3) {
	transition-delay: .1s;
}
nav .inner-menu.menu-opend .menu li:nth-child(4) {
	transition-delay: .15s;
}
nav .inner-menu.menu-opend .menu li:nth-child(5) {
	transition-delay: .2s;
}
nav .inner-menu.menu-opend .menu li:nth-child(6) {
	transition-delay: .25s;
}
nav .inner-menu.menu-opend .menu li:nth-child(7) {
	transition-delay: .3s;
}
nav .inner-menu.menu-opend .menu li:nth-child(8) {
	transition-delay: .35s;
}
nav .inner-menu .menu li:last-child {
	margin-bottom: 0;
}
nav .inner-menu .menu a {
	display: inline-block;
}
nav .inner-menu .sns {
	display: flex;
	justify-content: center;
	padding: 0 calc(20 / 376 * var(--vw-criterion-value));
	width: 100%;
}
nav .inner-menu .sns li {
	margin: 0 calc(19 / 376 * var(--vw-criterion-value));
	opacity: 0;
	transform: translateY(min(100%, calc(75 / 376 * var(--vw-criterion-value))));
	transition: all 0s 0s;
	visibility: hidden;
}
nav .inner-menu.menu-opend .sns li {
	opacity: 1;
	transform: translateY(0);
	/* transition: opacity .3s .4s, transform .3s cubic-bezier(.16, 1, .3, 1) .4s; */
	transition: opacity .3s .2s, transform .3s cubic-bezier(.16, 1, .3, 1) .2s;
	visibility: visible;
}
nav .inner-menu .sns a {
	align-items: center;
	display: flex;
	justify-content: center;
	width: calc(45 / 376 * var(--vw-criterion-value));
}
@media screen and (min-width: 768px) {
	nav #hamburger {
		height: calc(200 / 1104 * var(--vw-criterion-value));
		right: calc(13 / 1104 * var(--vw-criterion-value));
		top: calc(11 / 1104 * var(--vw-criterion-value));
		width: calc(200 / 1104 * var(--vw-criterion-value));
	}
	nav #hamburger .circle {
		left: calc(1 / 1104 * var(--vw-criterion-value));
		top: calc(11 / 1104 * var(--vw-criterion-value));
		width: calc(233 / 1104 * var(--vw-criterion-value));
	}
	nav #hamburger .star:nth-of-type(2) {
		left: calc(39 / 1104 * var(--vw-criterion-value));
		top: calc(23 / 1104 * var(--vw-criterion-value));
		width: calc(93 / 1104 * var(--vw-criterion-value));
	}
	nav #hamburger .star:nth-of-type(3) {
		left: calc(41 / 1104 * var(--vw-criterion-value));
		top: calc(41 / 1104 * var(--vw-criterion-value));
		width: calc(132 / 1104 * var(--vw-criterion-value));
	}
	nav #hamburger .star:nth-of-type(4) {
		left: calc(32 / 1104 * var(--vw-criterion-value));
		top: calc(39 / 1104 * var(--vw-criterion-value));
		width: calc(119 / 1104 * var(--vw-criterion-value));
	}
	nav #hamburger .menu,
	nav #hamburger .close {
		font-size: calc(48 / 1104 * var(--vw-criterion-value));
		line-height: calc(64 / 1104 * var(--vw-criterion-value));
		-webkit-text-stroke: calc(2 / 1104 * var(--vw-criterion-value)) #fff;
	}
	nav #page-top {
		bottom: 50%; /* calc(337 / 1104 * var(--vw-criterion-value)) */
		font-size: calc(24 / 1104 * var(--vw-criterion-value));
		line-height: calc(20 / 1104 * var(--vw-criterion-value));
		right: calc(23 / 1104 * var(--vw-criterion-value) * -1);
		transform: translate(min(50%, calc(150 / 1104 * var(--vw-criterion-value))), 50%) rotate(90deg);
	}
	nav #page-top::before {
		margin-right: calc(5 / 1104 * var(--vw-criterion-value));
		height: calc(24 / 1104 * var(--vw-criterion-value));
		width: calc(58 / 1104 * var(--vw-criterion-value));
	}
	nav .banner {
		bottom: calc(11 / 1104 * var(--vw-criterion-value));
		height: calc(200 / 1104 * var(--vw-criterion-value));
		right: calc(13 / 1104 * var(--vw-criterion-value));
		width: calc(200 / 1104 * var(--vw-criterion-value));
	}
	nav .banner img {
		width: calc(219 / 1104 * var(--vw-criterion-value));
	}
	nav .inner-menu {
		background: url(../img/bg-cloud-03.png) left top / calc(856 / 1104 * var(--vw-criterion-value)) auto no-repeat, url(../img/bg-cloud-04.png) right bottom / calc(524 / 1104 * var(--vw-criterion-value)) auto no-repeat, url(../img/bg-menu-01.png) center top / calc(495 / 1104 * var(--vw-criterion-value)) auto, linear-gradient(245deg, #fec2b8 0%, #fcf6aa 33%, #7cf3d1 77%, #87e9e8 100%);
	}
	nav .inner-menu .menu {
		margin-bottom: calc(41 / 1104 * var(--vw-criterion-value));
		padding: 0 calc(23 / 1104 * var(--vw-criterion-value));
	}
	nav .inner-menu .menu li {
		font-size: calc(40 / 1104 * var(--vw-criterion-value));
		line-height: calc(53 / 1104 * var(--vw-criterion-value));
		margin-bottom: calc(22 / 1104 * var(--vw-criterion-value));
		transform: translateY(min(50%, calc(150 / 1104 * var(--vw-criterion-value))));
	}
	nav .inner-menu .sns {
		padding: 0 calc(23 / 1104 * var(--vw-criterion-value));
	}
	nav .inner-menu .sns li {
		margin: 0 calc(14 / 1104 * var(--vw-criterion-value));
		transform: translateY(min(50%, calc(150 / 1104 * var(--vw-criterion-value))));
	}
	nav .inner-menu .sns a {
		width: calc(55 / 1104 * var(--vw-criterion-value));
	}
}


/* コンテンツ */
#content {
}
#content section {
}
#content section.inactive {
	display: none;
}
#content .inner {
	margin: 0 auto;
	padding: 0 calc(20 / 376 * var(--vw-criterion-value));
	width: min(var(--vw-criterion-value), 100vw);
}
#content .inner > * {
	margin-bottom: calc(28 / 376 * var(--vw-criterion-value));
}
#content .inner > *:last-child {
	margin-bottom: 0;
}
#content h2 {
	background: url(../img/bg-ribbon-01.png) center bottom / auto calc(83 / 376 * var(--vw-criterion-value)) no-repeat;
	font-size: calc(49 / 376 * var(--vw-criterion-value));
	line-height: calc(66 / 376 * var(--vw-criterion-value));
	padding-bottom: calc(83 / 376 * var(--vw-criterion-value));
	text-align: center;
}
@media screen and (min-width: 768px) {
	#content section {
	}
	#content .inner {
		padding: 0 calc(23 / 1104 * var(--vw-criterion-value));
		width: min(var(--vw-criterion-value), 100%);
	}
	#content .inner > * {
		margin-bottom: calc(60 / 1104 * var(--vw-criterion-value));
	}
	#content h2 {
		background: url(../img/bg-ribbon-01.png) center bottom / auto calc(108 / 1104 * var(--vw-criterion-value)) no-repeat;
		font-size: calc(64 / 1104 * var(--vw-criterion-value));
		line-height: calc(85 / 1104 * var(--vw-criterion-value));
		padding-bottom: calc(108 / 1104 * var(--vw-criterion-value));
	}
}
/* sub */
body.sub #content {
	background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 50%, #fff 100%);
	border-top: calc(12 / 376 * var(--vw-criterion-value)) solid #faecec;
	padding: calc(32 / 376 * var(--vw-criterion-value)) 0 calc(90 / 376 * var(--vw-criterion-value));
}
@media screen and (min-width: 768px) {
	body.sub #content {
		border-top: calc(12 / 1104 * var(--vw-criterion-value)) solid #faecec;
		padding: calc(40 / 1104 * var(--vw-criterion-value)) 0 calc(150 / 1104 * var(--vw-criterion-value));
	}
}

/* 動画 */
#video {
	background: #fff;
	padding: calc(43 / 376 * var(--vw-criterion-value)) 0 calc(20 / 376 * var(--vw-criterion-value));
	position: relative;
	z-index: +1;
}
#video .inner-bg {
	height: calc(212 / 376 * var(--vw-criterion-value));
	overflow: hidden;
	position: relative;
}
#video .inner-bg::before,
#video .inner-bg::after {
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: +1;
}
#video .inner-bg::before {
	background: #cbf5ce;
	opacity: 1;
	transition: opacity 2s;
}
#video .inner-bg.appear::before {
	opacity: 0;
}
#video .inner-bg::after {
	background: url(../img/bg-movie-01.png) center center / auto 100% repeat-x;
}
#video #youtube {
	height: calc(9 / 16 * 100vw);
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(16 / 9 * 100vh);
}
#video ul {
	align-items: end;
	justify-content: center;
	display: flex;
	height: calc(260 / 376 * var(--vw-criterion-value));
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: +1;
}
#video ul li {
	margin: 0 calc(16 / 376 * var(--vw-criterion-value));
}
#video ul a {
	align-items: center;
	background: url(../img/bg-movie-02.png) center center / contain;
	display: flex;
	font-size: calc(10 / 376 * var(--vw-criterion-value));
	font-weight: 700;
	height: calc(63 / 376 * var(--vw-criterion-value));
	justify-content: center;
	line-height: calc(12 / 376 * var(--vw-criterion-value));
	padding: calc(10 / 376 * var(--vw-criterion-value));
	paint-order: stroke;
	text-align: center;
	-webkit-text-stroke: calc(1 / 376 * var(--vw-criterion-value)) #fff;
	width: calc(63 / 376 * var(--vw-criterion-value));
}
@media screen and (min-width: 768px) {
	#video {
		padding: calc(51 / 1104 * var(--vw-criterion-value)) 0 calc(6 / 1104 * var(--vw-criterion-value));
	}
	#video .inner-bg {
		height: calc(810 / 1104 * var(--vw-criterion-value));
	}
	#video ul {
		height: calc(796 / 1104 * var(--vw-criterion-value));
	}
	#video ul li {
		margin: 0 calc(41 / 1104 * var(--vw-criterion-value));
	}
	#video ul a {
		font-size: calc(28 / 1104 * var(--vw-criterion-value));
		height: calc(159 / 1104 * var(--vw-criterion-value));
		line-height: calc(32 / 1104 * var(--vw-criterion-value));
		padding: calc(28 / 1104 * var(--vw-criterion-value));
		-webkit-text-stroke: calc(1 / 1104 * var(--vw-criterion-value)) #fff;
		width: calc(159 / 1104 * var(--vw-criterion-value));
	}
}

/* インフォメーション */
#information {
	background: url(../img/bg-lace-01.png) center bottom / auto calc(52 / 376 * var(--vw-criterion-value)) repeat-x;
	padding-bottom: calc(87 / 376 * var(--vw-criterion-value));
	position: relative;
}
#information #shooting-star {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
#information .inner {
	position: relative;
	z-index: +1;
}
#information .lead {
	margin-left: auto;
	margin-right: auto;
	width: calc(276 / 376 * var(--vw-criterion-value));
}
#information p:not(.lead) {
	font-size: calc(16 / 376 * var(--vw-criterion-value));
	line-height: calc(24 / 376 * var(--vw-criterion-value));
	paint-order: stroke;
	text-shadow: 0 0 calc(20 / 376 * var(--vw-criterion-value)) #fff;
	-webkit-text-stroke: calc(3 / 376 * var(--vw-criterion-value)) #fff;
}
@media screen and (min-width: 768px) {
	#information {
		background: url(../img/bg-lace-01.png) center bottom / auto calc(92 / 1104 * var(--vw-criterion-value)) repeat-x;
		padding-bottom: calc(217 / 1104 * var(--vw-criterion-value));
	}
	#information .lead {
		width: calc(682 / 1104 * var(--vw-criterion-value));
	}
	#information p:not(.lead) {
		font-size: calc(32 / 1104 * var(--vw-criterion-value));
		line-height: calc(48 / 1104 * var(--vw-criterion-value));
		text-shadow: 0 0 calc(20 / 1104 * var(--vw-criterion-value)) #fff;
		-webkit-text-stroke: calc(3 / 1104 * var(--vw-criterion-value)) #fff;
	}
}

/* スタッフ＆キャスト */
#staff,
#cast {
	background: #fff;
	padding: calc(33 / 376 * var(--vw-criterion-value)) 0 calc(90 / 376 * var(--vw-criterion-value));
}
#staff {
	border-top: calc(12 / 376 * var(--vw-criterion-value)) solid #faecec;
}
#staff:has(+ #cast) {
	padding-bottom: 0;
}
#staff .list,
#cast .list {
	display: flex;
	flex-wrap: wrap;
	gap: calc(22 / 376 * var(--vw-criterion-value)) calc(8 / 376 * var(--vw-criterion-value));
	justify-content: center;
}
#staff .list li,
#cast .list li {
	align-items: center;
	border-radius: calc(10 / 376 * var(--vw-criterion-value));
	display: flex;
	justify-content: center;
	padding: calc(16 / 376 * var(--vw-criterion-value));
	position: relative;
	width: calc(164 / 376 * var(--vw-criterion-value));
	height: calc(80 / 376 * var(--vw-criterion-value));
}
#staff .list li {
	background: #faecec;
}
#cast .list li {
	background: #dafff7;
}
#staff .list li:last-child,
#cast .list li:last-child {
	margin-bottom: 0;
}
#staff .list .text-wrap,
#cast .list .text-wrap {
	font-weiht: 700;
	text-align: center;
}
#staff .list .position,
#cast .list .position {
	font-size: calc(8 / 376 * var(--vw-criterion-value));
	line-height: calc(12 / 376 * var(--vw-criterion-value));
}
#staff .list .name,
#cast .list .name {
	font-size: calc(16 / 376 * var(--vw-criterion-value));
	line-height: calc(25 / 376 * var(--vw-criterion-value));
}
#staff .list button,
#cast .list button {
	animation-duration: 3s;
	animation-iteration-count: infinite;
	font-size: 0;
	height: calc(27 / 376 * var(--vw-criterion-value));
	position: absolute;
	right: calc(9 / 376 * var(--vw-criterion-value));
	top: calc(12 / 376 * var(--vw-criterion-value));
	width: calc(27 / 376 * var(--vw-criterion-value));
}
#staff .list li:nth-child(3n - 1) button,
#cast .list li:nth-child(3n - 1) button {
	animation-delay: 1s;
}
#staff .list li:nth-child(3n) button,
#cast .list li:nth-child(3n) button {
	animation-delay: 2s;
}
#staff .list button {
	background: url(../img/bg-flower-01.png) center center / cover;
}
#cast .list button {
	background: url(../img/bg-flower-02.png) center center / cover;
}
#staff .inner-modal,
#cast .inner-modal {
	background: rgba(250, 250, 250, .75);
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	opacity: 0;
	overflow-y: scroll;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity .3s ease;
	z-index: 99999;
}
#staff .inner-modal.modal-opend,
#cast .inner-modal.modal-opend {
	opacity: 1;
	pointer-events: auto;
}
#staff .comment,
#cast .comment {
	align-items: center;
	display: flex;
	min-height: 100%;
	padding: calc(20 / 376 * var(--vw-criterion-value));
}
#staff .comment li,
#cast .comment li {
	background: url(../img/bg-cloud-01-sp.png) left top / calc(166 / 376 * var(--vw-criterion-value)) auto no-repeat, url(../img/bg-cloud-02-sp.png) center bottom / 100% auto no-repeat;
	border-radius: calc(20 / 376 * var(--vw-criterion-value));
	box-shadow: 0 0 calc(15 / 376 * var(--vw-criterion-value)) rgba(0, 0, 0, .25);
	display: none;
	height: fit-content;
	padding: calc(94 / 376 * var(--vw-criterion-value)) calc(20 / 376 * var(--vw-criterion-value)) calc(121 / 376 * var(--vw-criterion-value));
	transform: scale(.7);
	transition: transform .3s ease;
	width: 100%;
}
#staff .comment li {
	background-color: #faecec;
}
#cast .comment li {
	background-color: #dafff7;
}
#staff .comment li.comment-opend,
#cast .comment li.comment-opend {
	display: block;
	transform: scale(1);
}
#staff .comment .position,
#cast .comment .position {
	font-size: calc(16 / 376 * var(--vw-criterion-value));
	line-height: calc(24 / 376 * var(--vw-criterion-value));
	text-align: center;
}
#staff .comment .name,
#cast .comment .name {
	font-size: calc(24 / 376 * var(--vw-criterion-value));
	line-height: calc(36 / 376 * var(--vw-criterion-value));
	margin-bottom: calc(20 / 376 * var(--vw-criterion-value));
	text-align: center;
}
#staff .comment p:not(.position):not(.name),
#cast .comment p:not(.position):not(.name) {
	font-size: calc(18 / 376 * var(--vw-criterion-value));
	line-height: calc(32 / 376 * var(--vw-criterion-value));
}
#staff .comment button,
#cast .comment button {
	font-size: 0;
	height: calc(51 / 376 * var(--vw-criterion-value));
	position: absolute;
	right: calc(16 / 376 * var(--vw-criterion-value));
	top: calc(16 / 376 * var(--vw-criterion-value));
	width: calc(51 / 376 * var(--vw-criterion-value));
}
#staff .comment button {
	background: url(../img/bg-flower-03.png) center center / cover;
}
#cast .comment button {
	background: url(../img/bg-flower-04.png) center center / cover;
}
@media screen and (min-width: 768px) {
	#staff,
	#cast {
		padding: calc(53 / 1104 * var(--vw-criterion-value)) 0 calc(150 / 1104 * var(--vw-criterion-value));
	}
	#staff {
		border-top: calc(12 / 1104 * var(--vw-criterion-value)) solid #faecec;
	}
	#staff .list,
	#cast .list {
		gap: calc(24 / 1104 * var(--vw-criterion-value)) calc(32 / 1104 * var(--vw-criterion-value));
	}
	#staff .list li,
	#cast .list li {
		border-radius: calc(20 / 1104 * var(--vw-criterion-value));
		padding: calc(24 / 1104 * var(--vw-criterion-value));
		height: calc(150 / 1104 * var(--vw-criterion-value));
		width: calc(470 / 1104 * var(--vw-criterion-value));
	}
	#staff .list .position,
	#cast .list .position {
		font-size: calc(16 / 1104 * var(--vw-criterion-value));
		line-height: calc(24 / 1104 * var(--vw-criterion-value));
	}
	#staff .list .name,
	#cast .list .name {
		font-size: calc(32 / 1104 * var(--vw-criterion-value));
		line-height: calc(48 / 1104 * var(--vw-criterion-value));
	}
	#staff .list button,
	#cast .list button {
		height: calc(51 / 1104 * var(--vw-criterion-value));
		right: calc(51 / 1104 * var(--vw-criterion-value));
		top: calc(36 / 1104 * var(--vw-criterion-value));
		width: calc(51 / 1104 * var(--vw-criterion-value));
	}
	#staff .comment,
	#cast .comment {
		padding: calc(23 / 1104 * var(--vw-criterion-value));
	}
	#staff .comment li,
	#cast .comment li {
		background: url(../img/bg-cloud-01-pc.png) left top / calc(229 / 1104 * var(--vw-criterion-value)) auto no-repeat, url(../img/bg-cloud-02-pc.png) right bottom / calc(481 / 1104 * var(--vw-criterion-value)) auto no-repeat;
		border-radius: calc(20 / 1104 * var(--vw-criterion-value));
		box-shadow: 0 0 calc(15 / 1104 * var(--vw-criterion-value)) rgba(0, 0, 0, .25);
		margin: 0 auto;
		padding: calc(40 / 1104 * var(--vw-criterion-value)) calc(80 / 1104 * var(--vw-criterion-value));
		width: calc(1080 / 1104 * var(--vw-criterion-value));
	}
	#staff .comment li {
		background-color: #faecec;
	}
	#cast .comment li {
		background-color: #dafff7;
	}
	#staff .comment li.comment-opend,
	#cast .comment li.comment-opend {
		display: block;
		transform: scale(1);
	}
	#staff .comment .position,
	#cast .comment .position {
		font-size: calc(16 / 1104 * var(--vw-criterion-value));
		line-height: calc(24 / 1104 * var(--vw-criterion-value));
		text-align: center;
	}
	#staff .comment .name,
	#cast .comment .name {
		font-size: calc(32 / 1104 * var(--vw-criterion-value));
		line-height: calc(48 / 1104 * var(--vw-criterion-value));
		margin-bottom: calc(22 / 1104 * var(--vw-criterion-value));
		text-align: center;
	}
	#staff .comment p:not(.position):not(.name),
	#cast .comment p:not(.position):not(.name) {
		font-size: calc(20 / 1104 * var(--vw-criterion-value));
		line-height: calc(40 / 1104 * var(--vw-criterion-value));
	}
	#staff .comment button,
	#cast .comment button {
		height: calc(51 / 1104 * var(--vw-criterion-value));
		right: calc(28 / 1104 * var(--vw-criterion-value));
		top: calc(28 / 1104 * var(--vw-criterion-value));
		width: calc(51 / 1104 * var(--vw-criterion-value));
	}
}

/* シアター */
#theater {
}
#theater .region {
	display: flex;
	flex-wrap: wrap;
	gap: calc(8 / 376 * var(--vw-criterion-value)) calc(15 / 376 * var(--vw-criterion-value));
	justify-content: center;
}
#theater .region a {
	align-items: center;
	border-radius: calc(22 / 376 * var(--vw-criterion-value));
	display: flex;
	font-size: calc(12 / 376 * var(--vw-criterion-value));
	font-weight: 700;
	height: calc(44 / 376 * var(--vw-criterion-value));
	justify-content: center;
	line-height: calc(19 / 376 * var(--vw-criterion-value));
	width: calc((336 - 30) / 3 / 376 * var(--vw-criterion-value));
}
#theater .region a[href="#hokkaido-tohoku"] {
	background: #fc9aab;
}
#theater .region a[href="#kanto"] {
	background: #ffac90;
}
#theater .region a[href="#chubu"] {
	background: #ffdd6e;
}
#theater .region a[href="#kinki"] {
	background: #c0ec58;
}
#theater .region a[href="#chugoku-shikoku"] {
	background: #84dbff;
}
#theater .region a[href="#kyushu-okinawa"] {
	background: #afb0ff;
}
#theater .explanatory {
	color: #9b9b9b;
	font-size: calc(12 / 376 * var(--vw-criterion-value));
	font-weight: 400;
	line-height: calc(18 / 376 * var(--vw-criterion-value));
	text-align: right;
}
#theater .region-wrap {
	background: #fff;
	border: calc(2 / 376 * var(--vw-criterion-value)) solid;
	border-radius: calc(15 / 376 * var(--vw-criterion-value));
	filter: drop-shadow(0 0 calc(20 / 376 * var(--vw-criterion-value)) #fff) drop-shadow(0 0 calc(20 / 376 * var(--vw-criterion-value)) #fff);
	overflow: hidden;
}
#theater .region-wrap:has(#hokkaido-tohoku) {
	border-color: #fc9aab;
}
#theater .region-wrap:has(#kanto) {
	border-color: #ffac90;
}
#theater .region-wrap:has(#chubu) {
	border-color: #ffdd6e;
}
#theater .region-wrap:has(#kinki) {
	border-color: #c0ec58;
}
#theater .region-wrap:has(#chugoku-shikoku) {
	border-color: #84dbff;
}
#theater .region-wrap:has(#kyushu-okinawa) {
	border-color: #afb0ff;
}
#theater .region-wrap h3 {
	align-items: center;
	display: flex;
	font-size: calc(18 / 376 * var(--vw-criterion-value));
	font-weight: 700;
	height: calc(46 / 376 * var(--vw-criterion-value));
	justify-content: center;
	line-height: calc(27 / 376 * var(--vw-criterion-value));
}
#theater .region-wrap #hokkaido-tohoku {
	background: linear-gradient(180deg, #fc9aab 0%, rgba(255, 255, 255, 0) 100%);
}
#theater .region-wrap #kanto {
	background: linear-gradient(180deg, #ffac90 0%, rgba(255, 255, 255, 0) 100%);
}
#theater .region-wrap #chubu {
	background: linear-gradient(180deg, #ffdd6e 0%, rgba(255, 255, 255, 0) 100%);
}
#theater .region-wrap #kinki {
	background: linear-gradient(180deg, #c0ec58 0%, rgba(255, 255, 255, 0) 100%);
}
#theater .region-wrap #chugoku-shikoku {
	background: linear-gradient(180deg, #84dbff 0%, rgba(255, 255, 255, 0) 100%);
}
#theater .region-wrap #kyushu-okinawa {
	background: linear-gradient(180deg, #afb0ff 0%, rgba(255, 255, 255, 0) 100%);
}
#theater .region-wrap ul {
	padding: calc(27 / 376 * var(--vw-criterion-value));
}
#theater .region-wrap li {
	display: flex;
	font-weight: 700;
	margin-bottom: calc(6 / 376 * var(--vw-criterion-value));
}
#theater .region-wrap div:nth-child(1) {
	font-size: calc(12 / 376 * var(--vw-criterion-value));
	line-height: calc(24 / 376 * var(--vw-criterion-value));
	width: 6em;
}
#theater .region-wrap div:nth-child(2) {
	color: #9b9b9b;
	flex: 1;
	font-size: calc(16 / 376 * var(--vw-criterion-value));
	line-height: calc(24 / 376 * var(--vw-criterion-value));
}
#theater .region-wrap div:nth-child(2) a {
	color: #553223; /* #0047bb */
}
#theater .region-wrap div:nth-child(2) span {
	color: #d6006e;
	display: inline-block;
	font-size: calc(12 / 376 * var(--vw-criterion-value));
	font-weight: 500;
	margin-left: 1em;
	white-space: nowrap;
}
#theater .note {
	font-size: calc(12 / 376 * var(--vw-criterion-value));
	font-weight: 400;
	line-height: calc(18 / 376 * var(--vw-criterion-value));
	text-align: center;
}
@media screen and (min-width: 768px) {
	#theater .region {
		gap: calc(30 / 1104 * var(--vw-criterion-value));
	}
	#theater .region a {
		border-radius: calc(35 / 1104 * var(--vw-criterion-value));
		font-size: calc(20 / 1104 * var(--vw-criterion-value));
		height: calc(70 / 1104 * var(--vw-criterion-value));
		line-height: calc(30 / 1104 * var(--vw-criterion-value));
		width: calc((1058 - 150) / 6 / 1104 * var(--vw-criterion-value));
	}
	#theater .explanatory {
		font-size: calc(16 / 1104 * var(--vw-criterion-value));
		line-height: calc(24 / 1104 * var(--vw-criterion-value));
	}
	#theater .region-wrap {
		border-radius: calc(27 / 1104 * var(--vw-criterion-value));
		border-width: calc(5 / 1104 * var(--vw-criterion-value));
		filter: drop-shadow(0 0 calc(20 / 1104 * var(--vw-criterion-value)) #fff) drop-shadow(0 0 calc(20 / 1104 * var(--vw-criterion-value)) #fff);
	}
	#theater .region-wrap h3 {
		font-size: calc(30 / 1104 * var(--vw-criterion-value));
		height: calc(83 / 1104 * var(--vw-criterion-value));
		line-height: calc(45 / 1104 * var(--vw-criterion-value));
	}
	#theater .region-wrap ul {
		padding: calc(45 / 1104 * var(--vw-criterion-value)) calc(240 / 1104 * var(--vw-criterion-value));
	}
	#theater .region-wrap li {
		margin-bottom: calc(12 / 1104 * var(--vw-criterion-value));
	}
	#theater .region-wrap div:nth-child(1) {
		font-size: calc(16 / 1104 * var(--vw-criterion-value));
		line-height: calc(36 / 1104 * var(--vw-criterion-value));
	}
	#theater .region-wrap div:nth-child(2) {
		font-size: calc(24 / 1104 * var(--vw-criterion-value));
		line-height: calc(36 / 1104 * var(--vw-criterion-value));
	}
	#theater .region-wrap div:nth-child(2) span {
		font-size: calc(16 / 1104 * var(--vw-criterion-value));
	}
	#theater .note {
		font-size: calc(16 / 1104 * var(--vw-criterion-value));
		line-height: calc(24 / 1104 * var(--vw-criterion-value));
	}
}

/* チケット＆ノベルティ */
#ticket-and-novelty {
}
#ticket,
#novelty {
}
#ticket:has(+ #novelty) {
	padding-bottom: calc(90 / 376 * var(--vw-criterion-value));
}
#ticket .list,
#novelty .list {
	display: flex;
	flex-wrap: wrap;
	gap: calc(8 / 376 * var(--vw-criterion-value));
	justify-content: center;
}
#ticket .list a,
#novelty .list a {
	align-items: center;
	border-radius: calc(22 / 376 * var(--vw-criterion-value));
	display: flex;
	font-size: calc(12 / 376 * var(--vw-criterion-value));
	font-weight: 700;
	height: calc(44 / 376 * var(--vw-criterion-value));
	justify-content: center;
	line-height: calc(19 / 376 * var(--vw-criterion-value));
	width: calc((336 - 8) / 2 / 376 * var(--vw-criterion-value));
}
#ticket .list a {
	background: #ffcaca;
}
#novelty .list a {
	background: #b7eae0;
}
#ticket .detail-wrap,
#novelty .detail-wrap {
	background: #fff;
	border: calc(2 / 376 * var(--vw-criterion-value)) solid;
	border-radius: calc(15 / 376 * var(--vw-criterion-value));
	filter: drop-shadow(0 0 calc(20 / 376 * var(--vw-criterion-value)) #fff) drop-shadow(0 0 calc(20 / 376 * var(--vw-criterion-value)) #fff);
	overflow: hidden;
}
#ticket .detail-wrap {
	border-color: #ffcaca;
}
#novelty .detail-wrap {
	border-color: #b7eae0;
}
#ticket .detail-wrap h3,
#novelty .detail-wrap h3 {
	align-items: center;
	display: flex;
	font-size: calc(18 / 376 * var(--vw-criterion-value));
	font-weight: 700;
	height: calc(46 / 376 * var(--vw-criterion-value));
	justify-content: center;
	line-height: calc(27 / 376 * var(--vw-criterion-value));
}
#ticket .detail-wrap h3 {
	background: linear-gradient(180deg, #ffcaca 0%, rgba(255, 255, 255, 0) 100%);
}
#novelty .detail-wrap h3 {
	background: linear-gradient(180deg, #b7eae0 0%, rgba(255, 255, 255, 0) 100%);
}
#ticket .detail-wrap > *:not(h3),
#novelty .detail-wrap > *:not(h3) {
	padding: calc(20 / 376 * var(--vw-criterion-value));
}
#ticket .detail-wrap > *:nth-child(n + 3),
#novelty .detail-wrap > *:nth-child(n + 3) {
	padding-top: 0;
}
#ticket .detail-wrap > *:last-child,
#novelty .detail-wrap > *:last-child {
	padding-bottom: calc(40 / 376 * var(--vw-criterion-value));
}
#ticket .detail-wrap .figure-wrap,
#novelty .detail-wrap .figure-wrap {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: calc(40 / 376 * var(--vw-criterion-value));
	justify-content: center;
	margin: calc(20 / 376 * var(--vw-criterion-value)) 0;
}
#ticket .detail-wrap .figure-wrap figure {
	filter: drop-shadow(0 0 calc(20 / 376 * var(--vw-criterion-value)) #ffcaca);
}
#novelty .detail-wrap .figure-wrap figure {
	filter: drop-shadow(0 0 calc(20 / 376 * var(--vw-criterion-value)) #b7eae0);
}
#ticket .detail-wrap:has(#ticket-01) .figure-wrap figure:nth-child(1) {
	width: calc(217 / 376 * var(--vw-criterion-value));
}
#ticket .detail-wrap:has(#ticket-01) .figure-wrap figure:nth-child(2) {
	width: calc(288 / 376 * var(--vw-criterion-value));
}
#ticket .detail-wrap p,
#novelty .detail-wrap p {
		font-size: calc(16 / 376 * var(--vw-criterion-value));
		line-height: calc(24 / 376 * var(--vw-criterion-value));
}
#ticket .detail-wrap p:has(+ p),
#novelty .detail-wrap p:has(+ p) {
	padding-bottom: calc(10 / 376 * var(--vw-criterion-value)) 0;
}
#ticket .detail-wrap .lead,
#novelty .detail-wrap .lead {
	font-size: calc(16 / 376 * var(--vw-criterion-value));
	font-weight: 700;
	line-height: calc(24 / 376 * var(--vw-criterion-value));
}
#ticket .detail-wrap .lead b,
#novelty .detail-wrap .lead b {
	font-size: calc(24 / 376 * var(--vw-criterion-value));
	line-height: calc(36 / 376 * var(--vw-criterion-value));
}
#ticket .detail-wrap .note li,
#novelty .detail-wrap .note li {
	font-size: calc(13 / 376 * var(--vw-criterion-value));
	line-height: calc(19 / 376 * var(--vw-criterion-value));
	margin-left: 1em;
	text-indent: -1em;;
}
#ticket #mvtk-widgets-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: calc(20 / 376 * var(--vw-criterion-value)) normal;
	justify-content: center;
	margin: 0 auto;
	width: calc(336 / 376 * var(--vw-criterion-value));
}
#ticket #mvtk-banner-container {
	display: flex;
	flex-wrap: wrap;
	gap: normal calc(20 / 376 * var(--vw-criterion-value));
}
#ticket #mvtk-banner-container a {
	width: calc(158 / 376 * var(--vw-criterion-value));
}
@media screen and (min-width: 768px) {
	#ticket:has(+ #novelty) {
		padding-bottom: calc(150 / 1104 * var(--vw-criterion-value));
	}
	#ticket .list,
	#novelty .list {
		gap: calc(30 / 1104 * var(--vw-criterion-value)) calc(44 / 1104 * var(--vw-criterion-value));
	}
	#ticket .list a,
	#novelty .list a {
		border-radius: calc(35 / 1104 * var(--vw-criterion-value));
		font-size: calc(20 / 1104 * var(--vw-criterion-value));
		height: calc(70 / 1104 * var(--vw-criterion-value));
		line-height: calc(30 / 1104 * var(--vw-criterion-value));
		width: calc((1058 - 132) / 4 / 1104 * var(--vw-criterion-value));
	}
	#ticket .detail-wrap,
	#novelty .detail-wrap {
		border-radius: calc(27 / 1104 * var(--vw-criterion-value));
		border-width: calc(5 / 1104 * var(--vw-criterion-value));
		filter: drop-shadow(0 0 calc(20 / 1104 * var(--vw-criterion-value)) #fff) drop-shadow(0 0 calc(20 / 1104 * var(--vw-criterion-value)) #fff);
	}
	#ticket .detail-wrap h3,
	#novelty .detail-wrap h3 {
		font-size: calc(30 / 1104 * var(--vw-criterion-value));
		height: calc(83 / 1104 * var(--vw-criterion-value));
		line-height: calc(45 / 1104 * var(--vw-criterion-value));
	}
	#ticket .detail-wrap > *:not(h3),
	#novelty .detail-wrap > *:not(h3) {
		padding: calc(45 / 1104 * var(--vw-criterion-value)) calc(140 / 1104 * var(--vw-criterion-value));
	}
	#ticket .detail-wrap > *:nth-child(n + 3),
	#novelty .detail-wrap > *:nth-child(n + 3) {
		padding-top: 0;
	}
	#ticket .detail-wrap > *:last-child,
	#novelty .detail-wrap > *:last-child {
		padding-bottom: calc(45 / 1104 * var(--vw-criterion-value));
	}
	#ticket .detail-wrap .figure-wrap,
	#novelty .detail-wrap .figure-wrap {
		gap: calc(64 / 1104 * var(--vw-criterion-value));
		margin: 0;
	}
	#ticket .detail-wrap .figure-wrap figure {
		filter: drop-shadow(0 0 calc(20 / 1104 * var(--vw-criterion-value)) #ffcaca);
	}
	#novelty .detail-wrap .figure-wrap figure {
		filter: drop-shadow(0 0 calc(20 / 1104 * var(--vw-criterion-value)) #b7eae0);
	}
	#ticket .detail-wrap:has(#ticket-01) .figure-wrap figure:nth-child(1) {
		width: calc(217 / 1104 * var(--vw-criterion-value));
	}
	#ticket .detail-wrap:has(#ticket-01) .figure-wrap figure:nth-child(2) {
		width: calc(347 / 1104 * var(--vw-criterion-value));
	}
	#ticket .detail-wrap p,
	#novelty .detail-wrap p {
		font-size: calc(16 / 1104 * var(--vw-criterion-value));
		line-height: calc(24 / 1104 * var(--vw-criterion-value));
	}
	#ticket .detail-wrap p:has(+ p),
	#novelty .detail-wrap p:has(+ p) {
		padding-bottom: calc(22 / 1104 * var(--vw-criterion-value)) 0;
	}
	#ticket .detail-wrap .lead,
	#novelty .detail-wrap .lead {
		font-size: calc(16 / 1104 * var(--vw-criterion-value));
		line-height: calc(24 / 1104 * var(--vw-criterion-value));
	}
	#ticket .detail-wrap .lead b,
	#novelty .detail-wrap .lead b {
		font-size: calc(24 / 1104 * var(--vw-criterion-value));
		line-height: calc(36 / 1104 * var(--vw-criterion-value));
	}
	#ticket .detail-wrap .note li,
	#novelty .detail-wrap .note li {
		font-size: calc(14 / 1104 * var(--vw-criterion-value));
		line-height: calc(21 / 1104 * var(--vw-criterion-value));
	}
	#ticket #mvtk-widgets-wrap {
		gap: calc(20 / 1104 * var(--vw-criterion-value)) normal;
		top: calc(1446 / 1104 * var(--vw-criterion-value));
		width: calc(840 / 1104 * var(--vw-criterion-value));
	}
	#ticket #mvtk-banner-container {
		gap: normal calc(20 / 1104 * var(--vw-criterion-value));
	}
	#ticket #mvtk-banner-container a {
		width: calc(230 / 1104 * var(--vw-criterion-value));
	}
}


/* フッタ */
footer {
	padding: calc(71 / 376 * var(--vw-criterion-value)) 0 calc(100 / 376 * var(--vw-criterion-value));
	position: relative;
}
footer .inner {
	margin: 0 auto;
	padding: 0 calc(20 / 376 * var(--vw-criterion-value));
	width: min(var(--vw-criterion-value), 100vw);
}
footer .logo {
	filter: drop-shadow(0 0 calc(10 / 376 * var(--vw-criterion-value)) #fff) drop-shadow(0 0 calc(10 / 376 * var(--vw-criterion-value)) #fff);
	margin: 0 auto calc(33 / 376 * var(--vw-criterion-value));
	width: calc(138 / 376 * var(--vw-criterion-value));
}
footer .sns {
	display: flex;
	justify-content: center;
	margin-bottom: calc(48 / 376 * var(--vw-criterion-value));
}
footer .sns li {
	margin: 0 calc(22 / 376 * var(--vw-criterion-value));
}
footer .sns a {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: calc(94 / 376 * var(--vw-criterion-value));
}
footer .sns img {
	width: calc(40 / 376 * var(--vw-criterion-value));
}
footer .sns span {
	display: block;
	font-size: calc(12 / 376 * var(--vw-criterion-value));
	line-height: calc(16 / 376 * var(--vw-criterion-value));
}
footer .link {
	display: flex;
	justify-content: center;
	margin-bottom: calc(22 / 376 * var(--vw-criterion-value));
}
footer .link li {
	margin: 0 calc(5 / 376 * var(--vw-criterion-value));
}
footer .link a {
	align-items: center;
	display: flex;
	justify-content: center;
	width: calc(105 / 376 * var(--vw-criterion-value));
}
footer .copyright {
	font-size: calc(14 / 376 * var(--vw-criterion-value));
	font-weight: 400;
	line-height: calc(21 / 376 * var(--vw-criterion-value));
	margin-bottom: calc(10 / 376 * var(--vw-criterion-value));
	text-align: center;
}
footer .caution {
	font-size: calc(12 / 376 * var(--vw-criterion-value));
	font-weight: 400;
	line-height: calc(18 / 376 * var(--vw-criterion-value));
	text-align: center;
}
@media screen and (min-width: 768px) {
	footer {
		padding: calc(187 / 1104 * var(--vw-criterion-value)) 0 calc(92 / 1104 * var(--vw-criterion-value));
	}
	footer .inner {
		padding: 0 calc(23 / 1104 * var(--vw-criterion-value));
	}
	footer .logo {
		filter: drop-shadow(0 0 calc(20 / 1104 * var(--vw-criterion-value)) #fff) drop-shadow(0 0 calc(20 / 1104 * var(--vw-criterion-value)) #fff);
		margin: 0 auto calc(86 / 1104 * var(--vw-criterion-value));
		width: calc(273 / 1104 * var(--vw-criterion-value));
	}
	footer .sns {
		margin-bottom: calc(122 / 1104 * var(--vw-criterion-value));
	}
	footer .sns li {
		margin: 0 calc(45 / 1104 * var(--vw-criterion-value));
	}
	footer .sns a {
		width: calc(184 / 1104 * var(--vw-criterion-value));
	}
	footer .sns img {
		width: calc(80 / 1104 * var(--vw-criterion-value));
	}
	footer .sns span {
		font-size: calc(24 / 1104 * var(--vw-criterion-value));
		line-height: calc(32 / 1104 * var(--vw-criterion-value));
	}
	footer .link {
		margin-bottom: calc(88 / 1104 * var(--vw-criterion-value));
	}
	footer .link li {
		margin: 0 calc(12 / 1104 * var(--vw-criterion-value));
	}
	footer .link a {
		width: calc(230 / 1104 * var(--vw-criterion-value));
	}
	footer .copyright {
		font-size: calc(16 / 1104 * var(--vw-criterion-value));
		line-height: calc(24 / 1104 * var(--vw-criterion-value));
		margin-bottom: calc(16 / 1104 * var(--vw-criterion-value));
	}
	footer .caution {
		font-size: calc(16 / 1104 * var(--vw-criterion-value));
		line-height: calc(24 / 1104 * var(--vw-criterion-value));
	}
}


/* アニメーション */
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes pulse {
	0% {
		transform: scale(1, 1);
	}
	100% {
		transform: scale(1.1, 1.1);
	}
}
@keyframes pulse-more {
	0% {
		transform: scale(1, 1);
	}
	100% {
		transform: scale(1.25, 1.25);
	}
}
@keyframes fluffy {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(15deg);
	}


/* Lity */
.lity {
	background: rgba(5, 5, 5, .75);
	z-index: 99999;
}