.perf01 {
	--perf01-blue: #16538c;
	--perf01-red: #6a1111;
	--perf01-gold: #cba219;
	--perf01-dark: #404a60;
	--perf01-bg: #f4f4f4;
	--perf01-shadow: 0 0 3px rgba(62, 62, 62, 0.12);
	--perf01-soft-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
	background: var(--perf01-bg);
	padding: 0 0 6rem;
	font-family: "Noto Sans JP", sans-serif;
	color: #000;
}

.perf01 img {
	max-width: 100%;
	height: auto;
	display: block;
}

.perf01-hero {
	background: var(--perf01-dark);
	height: 20rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
}

.perf01-hero__inner {
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 18rem 1fr 18rem;
	align-items: center;
	gap: 1.6rem;
}

@media screen and (max-width: 767px) {
	.perf01-hero__inner {
		display: grid;
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 0.8rem;
	}
	.perf01-hero__inner img {
		max-width: 16rem;
	}
}

.perf01-hero__title {
	font-family: "Noto Serif JP", serif;
	font-size: 3rem;
	font-weight: 600;
	letter-spacing: 0.18rem;
	line-height: 2;
}

.perf01-hero__subtitle {
	font-family: "Noto Serif JP", serif;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0.14rem;
	line-height: 2.143;
}

.perf01-layout {
	max-width: 120rem;
	margin: 0 auto;
	padding: 6rem 2rem 0;
	display: flex;
	gap: 3.8rem;
	align-items: flex-start;
}

.perf01-main {
	flex: 0 0 80.2rem;
	max-width: 80.2rem;
	background: #fff;
	box-shadow: var(--perf01-shadow);
	padding: 4rem 3rem 5rem;
}

.perf01-side {
	flex: 0 0 36rem;
	max-width: 36rem;
	background: #fff;
	box-shadow: var(--perf01-shadow);
	padding: 1.5rem 1.6rem 3rem;
}

.perf01-title {
	background: linear-gradient(135deg, #d1a545 0%, #fff7e2 68%, #feefb0 100%);
	box-shadow: var(--perf01-soft-shadow);
	padding: 2rem 3rem 2.4rem;
	margin: 0 -3rem 3rem;
}

.perf01-title__name {
	color: var(--perf01-blue);
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.625;
	margin-bottom: 0;
}
.perf01-title__name small {
	font-weight: 700;
	color: inherit;
}

.perf01-title__meta {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	align-items: center;
	margin-bottom: 1.6rem;
}

.perf01-title__meta > div {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	gap: 3rem;
}

.perf01-title__datetime {
	color: var(--perf01-blue);
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.9;
	margin: 0;
	white-space: nowrap;
}
.perf01-title__datetime strong {
	display: inline;
	font-size: 1.25em;
}

.perf01-title__venue {
	color: var(--perf01-blue);
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 2.235;
	margin: 0;
	white-space: nowrap;
}

.perf01-title__u26 {
	background: var(--perf01-blue);
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2;
	padding: 0 1.2rem;
	border-radius: 0.4rem;
	white-space: nowrap;
	margin-left: auto;
}

.perf01-lead {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.76;
	margin-bottom: 1.6rem;
}

.perf01-desc {
	font-size: 1.6rem;
	line-height: 2;
	margin-bottom: 2.8rem;
}

.perf01-photo {
	margin: 2.6rem 0 3.2rem;
}

.perf01-photo figcaption {
	text-align: right;
	font-family: "Noto Serif JP", serif;
	font-size: 1.2rem;
	font-weight: 700;
	margin-top: 0.8rem;
}

.perf01-section {
	margin-bottom: 2rem;
}

.perf01-section__label {
	font-size: 2rem;
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0.06rem;
	margin-bottom: 0.6rem;
}

.perf01-section__text {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 0.06rem;
}

.perf01-note {
	font-size: 1.4rem;
	line-height: 2.857;
	letter-spacing: 0.04rem;
	margin: 1.6rem 0 2.4rem;
}

.perf01-btn_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center;
	align-items: center;
	margin: 2rem auto 2.8rem;
}
.perf01-btn {
	border: 1px solid var(--perf01-red);
	color: var(--perf01-red);
	border-radius: 1rem;
	padding: 0.8rem 2.6rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.714;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24rem;
}

.perf01-btn::after {
	content: "";
	width: 1rem;
	height: 1.8rem;
	background: url("../../images/performance/arrow.svg") no-repeat center / contain;
	position: absolute;
	right: 1.4rem;
	top: 50%;
	transform: translateY(-50%);
}

.perf01-info {
	margin-top: 2.4rem;
	border-top: 1px solid #e6deca;
}

.perf01-info__row {
	display: grid;
	grid-template-columns: 11.5rem 1fr;
	gap: 2rem;
	padding: 1.2rem 0;
	border-bottom: 1px solid #e6deca;
	align-items: start;
}

.perf01-info__row dt {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.048rem;
}

.perf01-info__tax {
	font-size: 1.2rem;
	font-weight: 700;
	margin-left: 0.4rem;
}

.perf01-info__row dd {
	font-size: 1.6rem;
	line-height: 2;
}

.perf01-info__row--venue dd {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.perf01-info__row--price dd {
	line-height: 1.875;
}
.perf01-info__row--price dd div:not([class]) {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1em;
}

.perf01-info__price-note {
	font-size: 1.2rem;
	line-height: 2;
	margin-top: 0.6rem;
}

.perf01-info__row--notes dd {
	line-height: 1.75;
}

.perf01-info__row--organizer img {
	width: 15.7rem;
}

a.perf01-access {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 2.286;
	position: relative;
	background: var(--perf01-red);
	color: #fff;
	border-radius: 1rem;
	padding: 0.5rem 2.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 21.8rem;
}

.perf01-access::after {
	content: "";
	width: 1rem;
	height: 1.8rem;
	background: url("../../images/performance/arrow.svg") no-repeat center / contain;
	position: absolute;
	right: 1.4rem;
	top: 50%;
	transform: translateY(-50%);
}

.perf01-u26 {
	background: linear-gradient(135deg, #e8cd92 0%, #fff7e2 68%, #feefb0 100%);
	box-shadow: var(--perf01-soft-shadow);
	padding: 2.4rem 3rem;
	margin: 3.6rem -3rem 0;
}

.perf01-u26__btn {
	display: inline-block;
	border: 2px solid var(--perf01-blue);
	color: var(--perf01-blue);
	padding: 0.6rem 1.6rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 1.6rem;
}

.perf01-u26__text {
	font-size: 1.4rem;
	line-height: 2;
	margin-bottom: 1.6rem;
}

.perf01-u26__note {
	display: grid;
	grid-template-columns: auto 1fr;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 2;
}

.perf01-ticket {
	margin-top: 3.6rem;
}

.perf01-ticket__panel {
	background: #fff;
	border: 1px solid var(--perf01-blue);
	border-radius: 1rem;
	padding: 2.6rem 3rem 3rem;
	margin-bottom: 2.8rem;
}

.perf01-ticket__label {
	color: var(--perf01-blue);
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0.6rem;
}

.perf01-ticket__date {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.06rem;
	margin-bottom: 2rem;
}

.perf01-ticket__method {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 2.4rem;
}

.perf01-ticket__method-title {
	color: var(--perf01-blue);
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.818;
	margin: 0;
	padding-left: 2.4rem;
	position: relative;
}

.perf01-ticket__method-title::before {
	content: "◆";
	position: absolute;
	left: 0;
	top: 0;
}

.perf01-ticket__tel-box {
	border: 2px solid var(--perf01-red);
	border-radius: 1rem;
	padding: 1.2rem 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.2rem;
	flex-wrap: wrap;
}

.perf01-ticket__tel {
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.176;
	color: var(--perf01-red);
	letter-spacing: 0.06rem;
	margin: 0;
}

.perf01-ticket__tel-note {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
}

a.perf01-ticket__btn {
	background: var(--perf01-red);
	color: #fff;
	border-radius: 1rem;
	padding: 1.6rem 2rem;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.636;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-decoration: none;
}

.perf01-ticket__btn::after {
	content: "";
	width: 1rem;
	height: 1.8rem;
	background: url("../../images/performance/arrow.svg") no-repeat center / contain;
	position: absolute;
	right: 1.6rem;
	top: 50%;
	transform: translateY(-50%);
}

.perf01-ticket__general {
	margin-top: 0.6rem;
}

.perf01-ticket__general .perf01-ticket__date {
	margin-bottom: 0;
}

.perf01-ticket__title {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.917;
	text-align: center;
	margin: 0 0 2rem;
}

.perf01-ticket__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2.4rem;
}

.perf01-ticket__card {
	background: #fff;
	border: 1px solid var(--perf01-blue);
	border-radius: 1rem;
	padding: 2rem 2.2rem;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.perf01-ticket__card-title {
	color: var(--perf01-red);
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.455;
	margin: 0;
	padding-left: 2.4rem;
	position: relative;
}

.perf01-ticket__card-title::before {
	content: "◆";
	position: absolute;
	left: 0;
	top: 0;
}

.perf01-ticket__card-text {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.75;
	margin: 0;
}

div.perf01-ticket__card-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.6rem;
	text-align: center;
}

.perf01-ticket__card-footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.4rem;
}

.perf01-ticket__card-tel {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.273;
	color: var(--perf01-red);
	text-align: center;
	margin: 0;
}

.perf01-ticket__card-note {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.786;
	text-align: center;
	margin: 0;
}

a.perf01-ticket__card-btn {
	background: var(--perf01-red);
	color: #fff;
	border-radius: 1rem;
	padding: 1.4rem 2rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2;
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	width: 100%;
}

.perf01-ticket__card-btn::after {
	content: "";
	width: 1rem;
	height: 1.8rem;
	background: url("../../images/performance/arrow.svg") no-repeat center / contain;
	position: absolute;
	right: 1.4rem;
	top: 50%;
	transform: translateY(-50%);
}

.perf01-side__ambassador {
	background: #fffaf7;
	padding: 2rem 1.6rem 1.6rem;
	text-align: center;
	margin-bottom: 2.4rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.perf01-side__ambassador-title {
	font-family: "Noto Serif JP", serif;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2;
}

/* .perf01-side__ambassador-image {
} */

.perf01-side__ambassador-link {
	align-self: flex-end;
	color: var(--perf01-red);
	font-size: 1.4rem;
	line-height: 1.714;
	position: relative;
	padding-right: 1.6rem;
}

.perf01-side__ambassador-link::after {
	content: "";
	width: 1rem;
	height: 1.8rem;
	background: url("../../images/performance/arrow.svg") no-repeat center / contain;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.perf01-side__myseat {
	background: #901615;
	color: #fff !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2rem 1.6rem 1.6rem;
	text-align: center;
	margin-bottom: 2.4rem;
}

.perf01-side__myseat-title {
	font-family: "Noto Serif JP", serif;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.231;
	letter-spacing: 0.052rem;
}

.perf01-side__myseat-sub {
	font-family: "Noto Serif JP", serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.6;
}

.perf01-side__myseat-link {
	align-self: flex-end;
	font-size: 1.4rem;
	line-height: 1.714;
	margin-top: 0.6rem;
	position: relative;
	padding-right: 1.6rem;
	color: #fff;
}

.perf01-side__myseat-link::after {
	content: "";
	width: 1rem;
	height: 1.8rem;
	background: url("../../images/performance/arrow.svg") no-repeat center / contain;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.perf01-side__section-title {
	font-family: "Noto Serif JP", serif;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.455;
	text-align: center;
	margin: 1.6rem 0 2rem;
}

.perf01-side__list {
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
}

.perf01-side__item {
	display: block;
	color: inherit;
}
.perf01-side__item.is-disabled {
	pointer-events: none;
}

.perf01-side__item-header {
	border: 1px solid #b7923c;
	background: #fff;
	height: 4.5rem;
	padding: 0.6rem 2.4rem 0.6rem 1.4rem;
	display: flex;
	align-items: baseline;
	gap: 0.4rem;
	position: relative;
	white-space: nowrap;
	word-break: normal;
}

.perf01-side__item-header::after {
	content: "";
	width: 1rem;
	height: 1.8rem;
	background: url("../../images/performance/arrow.svg") no-repeat center / contain;
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translateY(-50%);
}

.perf01-side__year {
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--perf01-blue);
	line-height: 1.875;
}

.perf01-side__date {
	font-size: 2.6rem;
	font-weight: 700;
	color: var(--perf01-blue);
	line-height: 1.154;
}

.perf01-side__dow,
.perf01-side__time {
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--perf01-blue);
	line-height: 2.308;
}

.perf01-side__status {
	margin-left: auto;
	margin-right: 0.8rem;
	align-self: center;
	font-size: 1.3rem;
	line-height: 2.308;
	color: #000;
}

.perf01-side__item-body {
	display: flex;
	gap: 1.2rem;
	padding: 1.6rem 0 2rem;
	align-items: flex-start;
}

.perf01-side__media {
	width: 11.1rem;
	height: 14.6rem;
	position: relative;
	flex: 0 0 auto;
	overflow: hidden;
}

.perf01-side__thumb-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.perf01-side__credit {
	position: absolute;
	left: 0.6rem;
	bottom: 0.4rem;
	font-size: 0.7rem;
	line-height: 1.286;
	color: #fff;
}

.perf01-side__desc {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.75;
	span {
		display: block;
		font-size: calc(13em / 16);
		line-height: calc(20 / 13);
	}
}
.perf01-side__logo {
	margin-block: 1rem;
}

@media screen and (max-width: 767px) {
	.perf01 {
		padding: 0 0 4rem;
	}

	.perf01-hero {
		height: 26rem;
	}

	.perf01-hero__title {
		font-size: 3rem;
	}

	.perf01-layout {
		padding: 2.2rem 1.2rem 0;
		flex-direction: column;
	}

	.perf01-main,
	.perf01-side {
		max-width: none;
		width: 100%;
	}

	.perf01-main {
		padding: 2.4rem 2rem 3rem;
	}

	.perf01-title {
		padding: 1.6rem 2rem;
		margin: 0 -2rem 2.4rem;
	}

	.perf01-title__name {
		font-size: 2.2rem;
		line-height: 1.455;
	}

	.perf01-title__meta > div {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.2rem;
	}

	.perf01-title__datetime,
	.perf01-title__venue {
		font-size: 1.6rem;
		line-height: 1.75;
		white-space: normal;
	}

	.perf01-title__u26 {
		align-self: flex-start;
	}

	.perf01-lead {
		font-size: 1.8rem;
		line-height: 1.7;
	}

	.perf01-desc {
		font-size: 1.6rem;
		line-height: 2;
	}

	.perf01-section__label,
	.perf01-section__text {
		font-size: 1.6rem;
		line-height: 1.667;
	}

	.perf01-note {
		font-size: 1.3rem;
		line-height: 1.846;
	}

	.perf01-info__row {
		grid-template-columns: 1fr;
		gap: 0.6rem;
	}

	.perf01-info__row--venue dd {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.8rem;
	}

	.perf01-access {
		align-self: flex-start;
		margin-inline: auto;
	}

	.perf01-u26 {
		padding: 2rem;
		margin: 2.4rem -2rem 0;
	}

	.perf01-ticket__panel {
		padding: 2rem 1.8rem 2.2rem;
		margin-bottom: 2.2rem;
	}

	.perf01-ticket__label {
		font-size: 1.8rem;
		line-height: 1.667;
	}

	.perf01-ticket__date {
		font-size: 1.6rem;
		line-height: 1.625;
	}

	.perf01-ticket__method {
		margin-bottom: 2rem;
	}

	.perf01-ticket__method-title {
		font-size: 1.6rem;
		line-height: 1.875;
		padding-left: 2rem;
	}

	/* .perf01-ticket__method-title::before {
		width: 0.8rem;
		height: 0.8rem;
	} */

	.perf01-ticket__btn {
		font-size: 1.8rem;
		line-height: 1.667;
		padding: 1.2rem 1.6rem;
	}

	.perf01-ticket__tel-box {
		padding: 1rem 1.4rem;
		flex-direction: column;
		gap: 0.4rem;
	}

	.perf01-ticket__tel {
		font-size: 2.4rem;
		line-height: 1.25;
	}

	.perf01-ticket__tel-note {
		font-size: 1.4rem;
		line-height: 1.429;
		text-align: center;
	}

	.perf01-ticket__title {
		font-size: 2rem;
		line-height: 1.6;
		margin-bottom: 1.6rem;
	}

	.perf01-ticket__grid {
		grid-template-columns: 1fr;
		gap: 1.6rem;
	}

	.perf01-ticket__card {
		padding: 1.6rem;
	}

	.perf01-ticket__card-title {
		font-size: 1.6rem;
		line-height: 1.625;
	}

	/* .perf01-ticket__card-title::before {
		width: 0.8rem;
		height: 0.8rem;
	} */

	.perf01-ticket__card-text {
		font-size: 1.4rem;
		line-height: 1.714;
	}

	.perf01-ticket__card-btn {
		width: 100%;
		font-size: 1.8rem;
		line-height: 1.667;
	}

	.perf01-ticket__card-tel {
		font-size: 1.8rem;
		line-height: 1.333;
	}

	.perf01-ticket__card-note {
		font-size: 1.2rem;
		line-height: 1.667;
	}

	.perf01-side {
		margin-top: 3rem;
		padding: 1.5rem 1.4rem 2.4rem;
	}

	.perf01-side__ambassador {
		padding: 2rem 1.4rem 1.6rem;
	}

	.perf01-side__myseat {
		padding: 2rem 1.4rem 1.6rem;
	}

	.perf01-side__myseat-title {
		font-size: 2.2rem;
		line-height: 1.455; /* 旧: 3.2rem を維持 */
	}

	.perf01-side__myseat-sub {
		font-size: 2rem;
	}

	.perf01-side__section-title {
		font-size: 2.2rem;
	}

	.perf01-side__list {
		gap: 2rem;
	}

	.perf01-side__item-header {
		padding: 0.6rem 2.2rem 0.6rem 1.2rem;
	}

	.perf01-side__year {
		font-size: 1.4rem;
		line-height: 2.143; /* 旧: 3rem を維持 */
	}

	.perf01-side__date {
		font-size: 2.4rem;
		line-height: 1.25; /* 旧: 3rem を維持 */
	}

	.perf01-side__dow,
	.perf01-side__time,
	.perf01-side__status {
		font-size: 1.2rem;
		line-height: 2.5; /* 旧: 3rem を維持 */
	}

	.perf01-side__desc {
		font-size: 1.6rem;
		line-height: 1.75;
	}
}

.fw-normal {
	font-weight: 400 !important;
}