@font-face {
	font-family: "archive-black";
	src: url(../font/Archivo\ Expanded\ ExtraBold.ttf) format("truetype");
}

/* リキッドレイアウト対応 */

html {
	font-size: 0.8333333333vw;
}

/* pcの電話番号発信対応 */

/* ホバー */

a {
	color: inherit;
	text-decoration: none;
	transition: all 0.45s;
}

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

/* Remove default padding */

ul,
ol {
	padding: 0;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

/* Set core root defaults */

html {
	scroll-behavior: smooth;
}

/* Set core body defaults */

body {
	color: #231F20;
	font-family: "IBM Plex Sans JP", sans-serif;
	line-height: 1.5;
	min-height: 100vh;
	text-rendering: optimizeSpeed;
}

/* Remove list styles on ul, ol elements with a class attribute */

ul,
ol {
	list-style: none;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img {
	display: block;
	max-width: 100%;
	width: 100%;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
	font: inherit;
	padding: 0;
}

/* Blur images when they have no alt attribute */

img:not([alt]) {
	filter: blur(10px);
}

/* フォームリセット */

input,
button,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}

textarea {
	resize: vertical;
}

input[type=checkbox],
input[type=radio] {
	display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

picture {
	display: block;
}

.c-btn {
	background-color: black;
	color: yellow;
	padding: 0.625rem 2.5rem;
}

.c-hamburger {
	height: 4.375rem;
	position: fixed;
	right: 0;
	top: 0;
	width: 5rem;
	z-index: 100;
}

.c-hamburger::before {
	background-color: #231F20;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	content: "";
	height: 0.9375rem;
	inset: 0;
	margin: auto;
	opacity: 0;
	position: absolute;
	transition: all 0.45s;
	width: 0.9375rem;
}

.c-hamburger span {
	background-color: #231F20;
	display: inline-block;
	height: 0.3125rem;
	inset: 0;
	margin: auto;
	position: absolute;
	transition: all 0.45s;
	width: 2.9375rem;
}

.c-hamburger span:nth-child(1) {
	transform: translateY(-0.84375rem);
}

.c-hamburger span:nth-child(3) {
	transform: translateY(0.84375rem);
}

.c-hamburger.is-open span {
	background: #8DC21F;
}

.c-hamburger.is-open span:nth-child(1) {
	transform: rotate(45deg);
}

.c-hamburger.is-open span:nth-child(2) {
	opacity: 0;
}

.c-hamburger.is-open span:nth-child(3) {
	transform: rotate(-45deg);
}

.c-programme {
	display: flex;
	gap: 11.25rem;
	padding: 1.25rem;
	position: relative;
}

.c-programme::before {
	content: "";
	display: block;
	height: 27.375rem;
	width: 27.375rem;
}

.p-programme__block:nth-child(odd) .c-programme::before {
	margin-left: auto;
	order: 1;
}

.c-programme[data-programme=art] {
	background-color: #A99BA0;
}

.c-programme[data-programme=art]::before {
	background-color: #231F20;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 66.6666666667% 100%, 66.6666666667% 66.6666666667%, 33.3333333333% 66.6666666667%, 33.3333333333% 100%, 0 100%);
}

.c-programme[data-programme=live] {
	background-color: #223C2B;
}

.c-programme[data-programme=live]::before {
	background-color: #E9E9E3;
	clip-path: polygon(0 0, 66.6666666667% 0%, 66.6666666667% 66.6666666667%, 100% 66.6666666667%, 100% 100%, 0 100%);
}

.c-programme[data-programme=connect] {
	background-color: #A9A99B;
}

.c-programme[data-programme=connect]::before {
	background-color: #223C2B;
	clip-path: polygon(100% 0, 100% 33.3333333333%, 70% 33.3333333333%, 70% 66.6666666667%, 100% 66.6666666667%, 100% 100%, 0 100%, 0 0);
}

.c-programme[data-programme=station] {
	background-color: #E9E9E3;
}

.c-programme[data-programme=station]::before {
	background-color: #223C2B;
	clip-path: polygon(33.3333333333% 0%, 100% 0, 100% 66.6666666667%, 66.6666666667% 66.6666666667%, 66.6666666667% 100%, 0 100%, 0 33.3333333333%, 33.3333333333% 33.3333333333%);
}

.c-programme[data-programme=park] {
	background-color: #1D502F;
}

.c-programme[data-programme=park]::before {
	background-color: #A9A99B;
	clip-path: polygon(0% 0%, 100% 0, 100% 66.6666666667%, 66.6666666667% 66.6666666667%, 66.6666666667% 100%, 0 100%, 0 0%, 33.3333333333% 33.3333333333%);
}

.c-programme__content {
	max-width: 40.625rem;
}

.c-programme__title {
	font-size: 5.3125rem;
	letter-spacing: -0.05em;
	line-height: 0.89;
	white-space: nowrap;
}

.c-programme__logo {
	align-items: flex-start;
	display: flex;
	gap: 0.6875rem;
	margin-top: 1.125rem;
	min-height: 7rem;
	white-space: nowrap;
}

.c-programme__logoItem {
	display: inline-flex;
}

.c-programme__logoItem img {
	max-width: unset;
	width: 7.0625rem;
}

.c-programme__logoItem.multiple::after {
	-webkit-mask: url(../images/programme/multiple.webp) center center/contain no-repeat;
	background-color: #000;
	content: "";
	display: inline-block;
	height: 7rem;
	margin-left: 0.75rem;
	mask: url(../images/programme/multiple.webp) center center/contain no-repeat;
	order: 1;
	width: 7rem;
}

.c-programme__logoItem.multiple.white::after {
	background-color: #E9E9E3;
}

.c-programme__lead {
	font-size: 1.3125rem;
	line-height: 1.75;
	margin-top: 3.1875rem;
}

.c-programme__text {
	line-height: 1.75;
	margin-top: 1.25rem;
}

.c-test {
	color: red;
	font-size: 1.25rem;
}

.l-container {
	padding-left: 19.8125rem;
}

body.home {
	background-color: #8DC21F;
}

.l-inner {
	margin-inline: auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.js-fadeIn {
	opacity: 0;
	transform: translateY(5%);
	transition: all 1s cubic-bezier(0.155, 0.91, 0.695, 0.95);
}

.js-fadeIn.is-fade {
	opacity: 1;
	transform: translateY(0);
}

.p-artist {
	margin-left: auto;
	max-width: 68.4375rem;
	padding-bottom: 12.5rem;
	padding-top: 4rem;
}

.p-artist__dates {
	display: flex;
	gap: 0.625rem;
	justify-content: flex-start;
	margin-left: auto;
	width: 38.125rem;
}

.p-artist__date {
	width: 6.0625rem;
}

.p-artist__info {
	display: grid;
	grid-template-columns: 1fr 38.125rem;
	margin-top: 4rem;
	row-gap: 4rem;
}

.p-artist__value {
	line-height: 1.3;
	max-width: 31.0625rem;
}

.p-artist__value iframe {
	-o-object-fit: cover;
	aspect-ratio: 238/134;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.p-artist__value p a {
	text-decoration: underline;
}

.p-artist__value a.sns {
	display: inline-block;
	height: 1.5rem;
	width: 2.25rem;
}

.p-artist__value .sns.x {
	-webkit-mask: url(../images/common/icon_x.svg) center center/contain no-repeat;
	background-color: #231F20;
	mask: url(../images/common/icon_x.svg) center center/contain no-repeat;
}

.p-artist__value .sns.instagram {
	-webkit-mask: url(../images/common/icon_instagram.svg) center center/contain no-repeat;
	background-color: #231F20;
	mask: url(../images/common/icon_instagram.svg) center center/contain no-repeat;
}

.p-artist__value .sns.facebook {
	-webkit-mask: url(../images/common/icon_facebook.svg) center center/contain no-repeat;
	background-color: #231F20;
	mask: url(../images/common/icon_facebook.svg) center center/contain no-repeat;
}

.p-artist__link {
	margin-top: 6.25rem;
	text-align: center;
}

.p-artist__link a {
	border-bottom: 2px solid;
	display: inline-block;
	width: -moz-fit-content;
	width: fit-content;
}

.p-drawer {
	height: 100vh;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: all 0.45s;
	visibility: hidden;
	width: 100%;
}

.p-drawer.is-active {
	opacity: 1;
	visibility: visible;
}

.p-drawer__bg {
	background-color: #231F20;
	height: 100vh;
	left: 0;
	opacity: 0.8;
	position: fixed;
	top: 0;
	width: 100%;
}

.p-drawer__container {
	clip-path: inset(0 100% 0 0);
	height: calc(100% - 2.5rem);
	left: 0.5rem;
	overflow-y: auto;
	position: relative;
	top: 1.25rem;
	transition: all 0.45s;
	width: 17rem;
}

.p-drawer.is-active .p-drawer__container {
	clip-path: inset(0);
}

.p-drawer__inner {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	min-height: 38.125rem;
	position: relative;
	width: 100%;
}

.p-drawer__inner::before {
	content: "N";
	font-family: "Archivo", sans-serif;
	font-size: 5.3125rem;
	font-weight: 900;
	left: 0;
	line-height: 1;
	position: absolute;
	top: 0;
	transform: scaleX(1.25);
	transform-origin: left center;
}

.p-drawer__nav {
	margin-inline: auto;
	width: 11.875rem;
}

.p-drawer__text {
	bottom: 0.625rem;
	font-size: 0.625rem;
	left: 0.625rem;
	line-height: 1.3;
	position: absolute;
}

.l-footer {
	margin-bottom: 1rem;
}

.p-footer__top {
	align-items: flex-start;
	background-color: #223C2B;
	display: flex;
	padding-block: 1rem 10rem;
	padding-inline: 3.3125rem 2.5rem;
	position: relative;
}

.p-footer__logo {
	max-width: 21.0625rem;
}

.p-footer__nav {
	display: grid;
	gap: 2.5625rem;
	grid-template-columns: repeat(2, 13.5625rem);
	margin-left: auto;
}

.p-footer__link.disabled {
	display: none;
}

.p-footer__sns {
	align-items: center;
	display: flex;
	gap: 1rem;
	margin-left: 9.8125rem;
}

.p-footer__snsItem {
	height: 1.5rem;
	width: 1.5rem;
}

.p-footer__snsItem a {
	display: block;
	height: 100%;
	width: 100%;
}

.p-footer__snsItem.x a {
	-webkit-mask: url(../images/common/icon_x.svg) center center/contain no-repeat;
	background-color: #fff;
	mask: url(../images/common/icon_x.svg) center center/contain no-repeat;
}

.p-footer__snsItem.instagram a {
	-webkit-mask: url(../images/common/icon_instagram.svg) center center/contain no-repeat;
	background-color: #fff;
	mask: url(../images/common/icon_instagram.svg) center center/contain no-repeat;
}

.p-footer__snsItem.facebook a {
	-webkit-mask: url(../images/common/icon_facebook.svg) center center/contain no-repeat;
	background-color: #fff;
	mask: url(../images/common/icon_facebook.svg) center center/contain no-repeat;
}

.p-footer__copy.u-en-wide-font {
	font-weight: 700;
	padding-block: 0.625rem;
}

.p-header {
	height: calc(100vh - 2rem);
	left: 1.4375rem;
	overflow-y: auto;
	position: fixed;
	top: 1rem;
	width: 18.75rem;
	z-index: 100;
}

.p-header__homeLink {
	inset: 0;
	position: absolute;
	z-index: 2;
}

.p-header__inner::before {
	content: "N";
	font-family: "archive-black", sans-serif;
	font-size: 5.875rem;
	left: 0.4375rem;
	line-height: 1;
	position: absolute;
	top: 0;
}

.p-header__inner::after {
	bottom: 0;
	content: "U";
	font-family: "archive-black", sans-serif;
	font-size: 5.875rem;
	height: 5.875rem;
	line-height: 5.875rem;
	overflow: hidden;
	position: absolute;
	right: 0.4375rem;
}

.p-header__inner {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: inherit;
	justify-content: center;
	min-height: 46.875rem;
	position: relative;
	z-index: 1;
}

.p-header__nav {
	width: 100%;
}

.p-header__title {
	bottom: 0.75rem;
	left: 0.75rem;
	line-height: 1.3;
	position: absolute;
}

.l-info {
	margin-bottom: 5rem;
	margin-top: 6.25rem;
}

.p-info a:not(.u-en-wide-font) {
	text-decoration: underline;
	transition: all 0.45s;
}

.p-info__thumbnail {
	margin-top: 12.5rem;
}

.p-info__img {
	margin-top: 2.5rem;
}

.p-info__content {
	margin-top: 2.5rem;
	padding-right: 11.375rem;
	width: 84.238095%;
}

.info .p-info__content {
	padding-right: 0;
}

.p-info__title {
	line-height: 1.25;
}

.p-info__subTitle {
	line-height: 1.25;
}

.p-info__text {
	line-height: 1.75;
}

.p-info__text p + p {
	margin-top: 1.75em;
}

.p-info__text a {
	border-bottom: 2px solid;
	display: inline-block;
	width: -moz-fit-content;
	width: fit-content;
}

.p-info__map iframe {
	aspect-ratio: 626/346;
	filter: grayscale(100%);
	height: 100%;
	width: 100%;
}

.p-info__note {
	display: grid;
	grid-template-columns: 1em 1fr;
}

.p-info__note::before {
	content: "・";
	display: block;
}

.l-lineup {
	margin-bottom: 5rem;
	margin-top: 23.1875rem;
}

.p-lineup__tab {
	position: absolute;
	right: 1.5rem;
	top: 0.625rem;
	width: 100%;
}

.p-lineup__links {
	align-items: center;
	display: flex;
	gap: 1rem;
	justify-content: flex-end;
}

.p-lineup__link a {
	color: #E9E3E5;
	font-size: 5.875rem;
	letter-spacing: -0.03em;
	line-height: 1;
	transition: all 0.45s;
}

.p-lineup__link.is-active a {
	color: #8DC21F;
}

.p-lineup__blocks {
	display: grid;
	gap: 1rem;
	grid-template-columns: 100%;
}

.p-lineup__button {
	cursor: pointer;
	position: relative;
	transition: all 0.45s;
	width: 100%;
}

.p-lineup__name span {
	font-size: 4rem;
	letter-spacing: -0.03em;
	line-height: 1;
	position: absolute;
	width: inherit;
	z-index: 1;
}

.p-lineup__name span.first {
	left: 1.1875rem;
	top: calc(50% - 0.9em - 13.5625rem);
}

.p-lineup__name span.end {
	bottom: calc(50% - 0.9em - 13.5625rem);
	right: 1.25rem;
	transform-origin: top right;
}

.p-lineup__thumbnail {
	height: 36.5rem;
	overflow: hidden;
	position: relative;
	transition: all 0.3s;
	width: 100%;
}

.p-lineup__thumbnail img {
	inset: 0;
	margin: auto;
	position: absolute;
}

.p-lineup__thumbnail::before {
	border: 1px solid;
	content: "";
	height: 34.5625rem;
	inset: 0;
	margin: auto;
	pointer-events: none;
	position: absolute;
	width: calc(100% - 1.875rem);
	z-index: 1;
}

.p-lineup__thumbnail.white::before {
	border-color: #FAF9F4;
}

.p-lineup__thumbnail.black::before {
	border-color: #231F20;
}

.p-lineup__info {
	max-height: 0;
	overflow: hidden;
	transition: all 0s;
}

.p-lineup__button.is-active .p-lineup__thumbnail {
	height: 65.5rem;
}

.p-mv {
	align-items: center;
	clip-path: inset(0 0 0 0);
	display: flex;
	height: max(100vh, 67.5rem);
	justify-content: center;
	overflow: clip;
}

.p-mv::before {
	-webkit-mask: url(../images/index/mv_vector.svg) right top/cover no-repeat;
	aspect-ratio: 1522/1196;
	background-color: #FF4784;
	content: "";
	height: 62.2916666667vw;
	left: 25rem;
	mask: url(../images/index/mv_vector.svg) right top/cover no-repeat;
	position: fixed;
	top: calc(50vh - 25.4375rem);
	width: 83.0729166667vw;
	z-index: -1;
}

.p-mv__inner {
	height: -moz-fit-content;
	height: fit-content;
	min-height: 67.5rem;
	padding-block: 3.125rem 0.625rem;
}

.p-mv__title {
	font-size: 11.25rem;
	font-weight: 900;
	letter-spacing: -0.06em;
	line-height: 0.73;
}

.p-mv__lists {
	display: grid;
	gap: 0.9375rem;
	grid-template-columns: repeat(5, 1fr);
	margin-left: -2%;
	margin-top: 6.125rem;
	width: 104%;
}

.p-mv__list {
	line-height: 0.9;
	padding-top: 7.625rem;
	position: relative;
}

.p-mv__list::before {
	background-color: #231F20;
	content: "";
	height: 4.8125rem;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 4.8125rem;
}

.p-mv__list:nth-child(1)::before {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 66.6666666667% 100%, 66.6666666667% 66.6666666667%, 33.3333333333% 66.6666666667%, 33.3333333333% 100%, 0 100%);
}

.p-mv__list:nth-child(2)::before {
	clip-path: polygon(0 0, 66.6666666667% 0%, 66.6666666667% 66.6666666667%, 100% 66.6666666667%, 100% 100%, 0 100%);
}

.p-mv__list:nth-child(3)::before {
	clip-path: polygon(100% 0, 100% 33.3333333333%, 70% 33.3333333333%, 70% 66.6666666667%, 100% 66.6666666667%, 100% 100%, 0 100%, 0 0);
}

.p-mv__list:nth-child(4)::before {
	clip-path: polygon(33.3333333333% 0%, 100% 0, 100% 66.6666666667%, 66.6666666667% 66.6666666667%, 66.6666666667% 100%, 0 100%, 0 33.3333333333%, 33.3333333333% 33.3333333333%);
}

.p-mv__list:nth-child(5)::before {
	clip-path: polygon(0% 0%, 100% 0, 100% 66.6666666667%, 66.6666666667% 66.6666666667%, 66.6666666667% 100%, 0 100%, 0 0%, 33.3333333333% 33.3333333333%);
}

.p-mv__text {
	font-size: 9.0625rem;
	font-weight: 900;
	letter-spacing: -0.05em;
	line-height: 0.73;
	margin-top: 2.5rem;
	text-transform: uppercase;
}

.p-mv__text2 {
	font-size: 5.625rem;
	letter-spacing: 0.02em;
	line-height: 0.6888888889;
	margin-top: 2rem;
}

.p-mv__text3 {
	font-size: 5rem;
	letter-spacing: -0.06em;
	line-height: 0.725;
	margin-top: 2.0625rem;
	text-transform: uppercase;
}

.p-nav__links {
	display: grid;
	gap: 0.4375rem;
	max-width: 13.125rem;
}

.p-nav__link {
	height: 2.75rem;
}

.p-nav__link a {
	border: 1px solid #223C2B;
	color: #223C2B;
	display: grid;
	height: inherit;
	padding-top: 0.125rem;
	place-items: center;
}

.p-nav__link span {
	transition: all 0.45s;
}

.p-nav__link:last-child a {
	background-color: #231F20;
	color: #fff;
}

.p-nav__link a.disabled {
	background-color: #CCCCCC;
	color: #999999;
	cursor: not-allowed;
}

.p-nav__translate {
	margin-top: 1.25rem;
}

.p-nav__translate {
	align-items: center;
	display: flex;
	gap: 0.125em;
	justify-content: center;
}

.p-nav__translate a:nth-child(n+2)::before {
	color: #231F20;
	content: "/";
	display: inline-block;
	margin-inline: 0.125em 0.25em;
	pointer-events: none;
}

.p-nav__translate a.gt-current-lang {
	color: #fff;
}

.home .p-nav__translate a.gt-current-lang {
	color: #8DC21F;
}

.l-programme {
	margin-bottom: 5rem;
	margin-top: 6.25rem;
}

.p-programme__blocks {
	display: grid;
	gap: 1rem;
	grid-template-columns: 100%;
	margin-top: 12.5rem;
}

.p-spMenu {
	position: fixed;
	right: 0.3125rem;
	top: 0.3125rem;
	width: 11.25rem;
	z-index: 100;
}

.l-subMv {
	padding-top: 0.9375rem;
}

.p-subMv__title {
	font-size: 5.875rem;
	letter-spacing: -0.05em;
	line-height: 1;
}

.p-subMv__lead {
	letter-spacing: -0.02em;
	line-height: 1.5;
	margin-top: 5.75rem;
}

.u-white {
	color: #fff;
}

.u-basewhite {
	color: #FAF9F4;
}

.u-black {
	color: #231F20;
}

.u-rosa100 {
	color: #E9E3E5;
}

.u-rosa150 {
	color: #E0D0D6;
}

.u-rosa200 {
	color: #A99BA0;
}

.u-rosa400 {
	color: #D38CA5;
}

.u-rosa800 {
	color: #3B232B;
}

.u-green600 {
	color: #1D502F;
}

.u-green800 {
	color: #223C2B;
}

.u-grey200 {
	color: #A9A99B;
}

.u-grey150 {
	color: #C9C9C4;
}

.u-grey100 {
	color: #E9E9E3;
}

.u-main-color {
	color: #8DC21F;
}

.u-bg-white {
	background-color: #fff;
}

.u-bg-basewhite {
	background-color: #FAF9F4;
}

.u-bg-black {
	background-color: #231F20;
}

.u-bg-main-color {
	background-color: #8DC21F;
}

.u-main-font {
	font-family: "IBM Plex Sans JP", sans-serif;
}

.u-sub-font {
	font-family: "M PLUS 1", sans-serif;
}

.u-en-wide-font {
	font-family: "Archivo", sans-serif;
	font-weight: 900;
	transform: scaleX(1.25);
	transform-origin: left center;
	width: 80%;
}

.u-en-smallWide-font {
	font-family: "Archivo", sans-serif;
	font-weight: 700;
	transform: scaleX(1.11);
	transform-origin: left center;
	width: 90.09%;
}

.u-en-bold-font {
	font-family: "archive-black", sans-serif;
}

.u-en-font {
	font-family: "Archivo", sans-serif;
}

.u-font-size-12 {
	font-size: 0.75rem;
}

.u-font-size-14 {
	font-size: 0.875rem;
}

.u-font-size-16 {
	font-size: 1rem;
}

.u-font-size-17 {
	font-size: 1.0625rem;
}

.u-font-size-18 {
	font-size: 1.125rem;
}

.u-font-size-20 {
	font-size: 1.25rem;
}

.u-font-size-22 {
	font-size: 1.375rem;
}

.u-font-size-24 {
	font-size: 1.5rem;
}

.u-font-size-28 {
	font-size: 1.75rem;
}

.u-font-size-32 {
	font-size: 2rem;
}

.u-font-size-34 {
	font-size: 2.125rem;
}

.u-font-size-36 {
	font-size: 2.25rem;
}

.u-font-size-64 {
	font-size: 4rem;
}

.u-font-size-72 {
	font-size: 4.5rem;
}

.u-bold {
	font-weight: bold;
}

.u-medium {
	font-weight: 500;
}

.u-regular {
	font-weight: 400;
}

.u-text-center {
	text-align: center;
}

.u-mt-0 {
	margin-top: 0;
}

.u-mt-8 {
	margin-top: 0.5rem;
}

.u-mt-12 {
	margin-top: 0.75rem;
}

.u-mt-16 {
	margin-top: 1rem;
}

.u-mt-20 {
	margin-top: 1.25rem;
}

.u-mt-24 {
	margin-top: 1.5rem;
}

.u-mt-32 {
	margin-top: 2rem;
}

.u-mt-36 {
	margin-top: 2.25rem;
}

.u-mt-40 {
	margin-top: 2.5rem;
}

.u-mt-80 {
	margin-top: 5rem;
}

.u-mt-120 {
	margin-top: 7.5rem;
}

.u-mt-100 {
	margin-top: 6.25rem;
}

.u-mt-140 {
	margin-top: 8.75rem;
}

.u-mt-200 {
	margin-top: 12.5rem;
}

.u-m-auto {
	margin-inline: auto;
}

@media (hover: hover) {

.p-artist__value a.sns:hover {
	background-color: #8DC21F;
	opacity: 1;
}

.p-artist__value a:hover {
	opacity: 0.6;
}

.p-artist__link a:hover {
	opacity: 0.6;
}

.p-footer__link a:hover {
	color: #FF4784;
}

.p-footer__snsItem a:hover {
	background-color: #FF4784;
}

.p-info a:hover {
	color: #8DC21F;
}

.p-info__text a:hover {
	color: #8DC21F;
}

.p-lineup__link a:hover {
	opacity: 0.6;
}

.p-lineup__button:hover {
	opacity: 0.8;
}

.p-nav__link a:not(.disabled):hover {
	background-color: #C9C9C4;
	border-color: #C9C9C4;
	color: #223C2B;
}

.p-nav__link:last-child a:not(.disabled):hover {
	background-color: #1D502F;
	border-color: #1D502F;
	color: #fff;
}

.p-nav__translate a:hover {
	color: #FF4784;
}

.p-nav__translate a:hover::before {
	opacity: 1;
}

}

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

.u-mobile {
	display: none;
}

}

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

.u-desktop {
	display: none;
}

a[href^="tel:"] {
	pointer-events: none;
}

body {
	background-color: #FAF9F4;
}

.c-programme {
	display: block;
	margin-left: -20px;
	padding-block: 1.375rem;
	padding-inline: 1rem;
	width: calc(100% + 40px);
}

.c-programme::before {
	height: 22.375rem;
	order: -1;
	width: 100%;
}

.c-programme[data-programme=art] .c-programme__logoItem:nth-child(1) img {
	border: 1px solid rgba(250, 249, 244, 0.5);
}

.c-programme[data-programme=art] {
	background-color: #8DC21F;
}

.c-programme[data-programme=station]::before {
	background-color: #8DC21F;
}

.c-programme[data-programme=park]::before {
	background-color: #8DC21F;
}

.c-programme__content {
	margin-top: 2.1875rem;
	max-width: 100%;
}

.c-programme__title {
	font-size: 2.625rem;
}

.c-programme__logo {
	gap: 0.3125rem;
	min-height: unset;
}

.c-programme__logoItem {
	display: contents;
}

.c-programme__logoItem img {
	width: calc(16.6666666667% - 0.2604166667rem);
}

.c-programme__logoItem.multiple::after {
	aspect-ratio: 1;
	height: calc(16.6666666667% - 0.2604166667rem);
	margin: 0;
	order: unset;
	width: calc(16.6666666667% - 0.2604166667rem);
}

.c-programme__lead {
	margin-top: 2.1875rem;
}

.c-programme__text {
	margin-top: 0.125rem;
}

.c-test {
	color: green;
	font-size: 3.125rem;
}

.l-container {
	clip-path: inset(0 0 0 0);
	padding-left: 0;
	position: relative;
}

.l-container::before {
	pointer-events: none;
	position: fixed;
	z-index: -1;
}

.l-container.programme::before {
	background: url(../images/programme/bg_vector.svg) top right/contain no-repeat;
	content: "";
	height: 217.2727272727vw;
	right: 7.7272727273vw;
	top: -24.5454545455vw;
	width: 199.5454545455vw;
}

.l-container.lineup::before {
	background: url(../images/lineup/bg_vector.svg) top right/contain no-repeat;
	content: "";
	height: 217.2727272727vw;
	right: -8.6363636364vw;
	top: -74.5454545455vw;
	width: 199.5454545455vw;
}

.l-inner {
	padding-left: 1rem;
	padding-right: 1rem;
}

.p-artist {
	background-color: #fff;
	padding-bottom: 1.875rem;
	padding-top: 1.875rem;
}

.p-artist__dates {
	flex-wrap: wrap;
	width: 56.5%;
}

.p-artist__date {
	width: 5.3125rem;
}

.p-artist__info {
	grid-template-columns: 1fr 56.5%;
	padding-inline: 1.25rem;
	row-gap: 2.75rem;
}

.p-artist__label {
	line-height: 1;
}

.p-artist__value iframe {
	width: calc(100% + 1.25rem);
}

.p-artist__link {
	margin-top: 1.875rem;
}

.l-footer {
	margin-bottom: 0;
}

.p-footer__inner {
	display: contents;
}

.p-footer__top {
	display: block;
	padding-block: 1.5625rem;
	padding-inline: 1.5625rem;
}

.p-footer__logo {
	margin-left: 0;
	max-width: 14.6875rem;
}

.p-footer__nav {
	gap: 5.5rem;
	grid-template-columns: repeat(2, max(115px, 7.1875rem));
	margin-left: auto;
	margin-top: 2rem;
	width: -moz-fit-content;
	width: fit-content;
}

.p-footer__links {
	display: grid;
	gap: 2rem;
	text-align: center;
}

.p-footer__link {
	text-align: left;
}

.p-footer__sns {
	gap: 0.875rem;
	justify-content: center;
	margin: 0;
	margin-inline: auto;
	position: absolute;
	right: 3.375rem;
	top: 1.5625rem;
}

.p-footer__snsItem {
	height: 1.25rem;
	width: 1.25rem;
}

.p-footer__copy.u-en-wide-font {
	padding-block: 0.9375rem;
}

.p-header {
	background: none;
	height: auto;
	left: 0;
	overflow: unset;
	position: absolute;
	width: 100%;
}

.p-header__inner::before {
	display: none;
}

.p-header__inner::after {
	display: none;
}

.p-header__inner {
	align-items: flex-start;
	min-height: 100%;
}

body:not(.home) .p-header__inner {
	display: none;
}

.p-header__title {
	font-family: "archive-black", sans-serif;
	line-height: 0.8;
	position: static;
}

.l-info {
	margin-top: 0rem;
	overflow: clip;
}

.p-info__thumbnail {
	border-top: 1px solid #A9A99B;
	margin-top: 0.625rem;
	padding-top: 0.625rem;
}

.p-info__img {
	margin-top: 0.75rem;
}

.p-info__content {
	margin-top: 1.25rem;
	padding-right: 0;
	width: 100%;
}

.p-info__text {
	line-height: 1.3;
}

.p-info__text p + p {
	margin-top: 1.3em;
}

.l-lineup {
	margin-bottom: 0;
	margin-top: 0;
}

.p-lineup__inner {
	padding-inline: 0;
}

.p-lineup__tab {
	position: static;
}

.p-lineup__links {
	gap: 1.875rem;
	justify-content: flex-start;
	padding-inline: 0.5625rem;
}

.p-lineup__link a {
	font-size: 1.5rem;
}

.p-lineup__blocks {
	gap: 0;
	margin-top: 1.875rem;
}

.p-lineup__name span {
	font-size: 1.0625rem;
}

.p-lineup__name span.first {
	left: 0.4375rem;
	top: calc(50% - 4.5rem);
}

.p-lineup__name span.end {
	bottom: calc(50% - 4.5rem);
	right: 0.4375rem;
}

.p-lineup__thumbnail {
	height: 9.875rem;
}

.p-lineup__thumbnail::before {
	height: 9.3125rem;
	width: calc(100% - 0.5rem);
}

.p-lineup__info {
	transition: all 0.3s;
}

.p-lineup__button.is-active .p-lineup__thumbnail {
	height: 9.875rem;
}

.p-mv {
	height: auto;
	min-height: 100vh;
}

.p-mv::before {
	-webkit-mask-image: url(../images/index/mv_vector_sp.svg);
	-webkit-mask-size: cover;
	aspect-ratio: 440/956;
	height: 100%;
	left: 0;
	mask-image: url(../images/index/mv_vector_sp.svg);
	mask-size: cover;
	top: 0;
	width: 100vw;
}

.p-mv__inner {
	max-width: 33.75rem;
	min-height: 49.375rem;
	padding-block: 8.375rem 0.625rem;
	padding-inline: 0.5rem;
}

.p-mv__title {
	font-size: 4.25rem;
	line-height: 1.1029411765;
}

.p-mv__lists {
	grid-template-columns: repeat(2, 1fr);
	margin-left: 0;
	margin-top: 0;
	padding-inline: 0.5rem;
	row-gap: 3.4375rem;
	width: 100%;
	width: 100%;
}

.p-mv__list {
	padding-top: 3.5rem;
}

.p-mv__list::before {
	height: 3rem;
	left: 0;
	transform: translateX(0);
	width: 3rem;
}

.p-mv__text {
	font-size: 2.5625rem;
	line-height: 0.8;
	margin-top: 7.375rem;
}

.p-mv__note {
	letter-spacing: -0.07em;
	line-height: 1;
}

.p-mv__text2 {
	font-size: 1.675rem;
	letter-spacing: normal;
}

.p-mv__text3 {
	font-size: 2.75rem;
}

.p-nav__links {
	gap: 0.375rem;
}

.p-nav__link {
	height: 2.5rem;
}

.p-nav__translate {
	margin-top: 2px;
}

.p-nav__translate a.gt-current-lang {
	color: #8DC21F;
}

.l-programme {
	margin-bottom: 0;
	margin-top: 0rem;
	overflow: clip;
}

.p-programme__blocks {
	border-top: 1px solid #A9A99B;
	gap: 0;
	margin-top: 0.625rem;
	padding-top: 0.625rem;
}

.l-subMv {
	min-height: 16.25rem;
	padding-top: 1rem;
}

.p-subMv__title {
	font-size: 3.5rem;
	letter-spacing: -0.03em;
}

.p-subMv__lead {
	margin-top: 2rem;
}

.u-main-color-sp {
	color: #8DC21F;
}

.u-font-size-12-sp {
	font-size: max(12px, 0.75rem);
}

.u-font-size-14-sp {
	font-size: max(14px, 0.875rem);
}

.u-font-size-16-sp {
	font-size: max(16px, 1rem);
}

.u-font-size-18-sp {
	font-size: max(18px, 1.125rem);
}

.u-font-size-20-sp {
	font-size: max(20px, 1.25rem);
}

.u-font-size-56-sp {
	font-size: 3.5rem;
}

.u-font-size-58-sp {
	font-size: 3.625rem;
}

.u-text-left-sp {
	text-align: left;
}

.u-mt-0-sp {
	margin-top: 0;
}

.u-mt-2-sp {
	margin-top: 0.125rem;
}

.u-mt-10-sp {
	margin-top: 0.625rem;
}

.u-mt-16-sp {
	margin-top: 1rem;
}

.u-mt-20-sp {
	margin-top: 1.25rem;
}

.u-mt-24-sp {
	margin-top: 1.5rem;
}

.u-mt-36-sp {
	margin-top: 2.25rem;
}

.u-mt-40-sp {
	margin-top: 2.5rem;
}

.u-mt-48-sp {
	margin-top: 3rem;
}

.u-mt-56-sp {
	margin-top: 3.5rem;
}

.u-mt-64-sp {
	margin-top: 4rem;
}

.u-mt-80-sp {
	margin-top: 5rem;
}

.u-mt-100-sp {
	margin-top: 6.25rem;
}

.u-mt-200-sp {
	margin-top: 12.5rem;
}

}

@media (max-width: 767px) {

html {
	font-size: 16px;
}

}

@media (max-width: 440px) {

html {
	font-size: 3.6363636364vw;
}

}

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

.p-footer__nav {
	gap: 2.5rem;
}

}