.playbill-list {
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding: 32px 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.playbill-list a:hover {
	opacity: 70%;
}

.playbill-list--day {
	display: flex;
	flex-direction: row;
	gap: 48px;
	padding-bottom: 32px;
	border-bottom: 1px solid #dddddd;
}
.playbill-list--day:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.playbill-list--day--first {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 24px;
	align-items: center;
	text-align: center;
	width: 150px;
}
.playbill-list--day--middle {
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex-grow: 1;
}

.playbill-list--day--data {
	font-family: "Noto Serif", serif;
}
.playbill-list--day--data div:first-child {
	font-size: 24px;
	font-weight: bold;
}
.playbill-list--day--data div:last-child {
	text-transform: lowercase;
}

.playbill-list--day--sep {
	width: 1px;
	height: auto;
	background-color: #dddddd;
}

.playbill-list--day--buy * {
	display: block;
	padding: 14px 20px;
	text-align: center;
	border-radius: 12px;
}
.playbill-list--day--buy a {
	background-color: #FFC3A2;
}
.playbill-list--day--buy div {
	background-color: #D6D6D6;
}

.playbill-list--day--photo {
	flex-shrink: 0;
	width: 160px;
	height: 160px;
	overflow: hidden;
	border-radius: 12px;
	opacity: 80%;
}
.playbill-list--day--photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.playbill-list--day--info-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}
.playbill-list--day--pushcard {
	width: 20px;
	height: 20px;
}
.playbill-list--day--pushcard svg {
	width: 100%;
	height: 100%;
}
.playbill-list--day--pushcard svg path {
	fill: black;
}
.playbill-list--day--text {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.playbill-list--day--text h2 {
	font-size: 32px;
	font-family: "Noto Serif", serif;
	font-weight: 400;
}

.playbill-list__desktop {
	display: block;
}
.playbill-list__mobile {
	display: none;
}

.playbill-list__none {
	font-family: "Noto Serif", serif;
	text-align: center;
	font-size: 32px;
	padding: 40px 0;
}

@media (max-width: 1024px) {
	.playbill-list__desktop {
		display: none;
	}
	.playbill-list__mobile {
		display: block;
	}

	.playbill-list {
		padding: 0;
		border: none;
		gap: 20px;
	}
	.playbill-list--day {
		flex-direction: column;
		gap: 24px;
		padding: 16px;
		border: 1px solid #dddddd;
		border-radius: 8px;
	}
	.playbill-list--day:last-child {
		padding-bottom: 16px;
		border-bottom: 1px solid #dddddd;
	}
	.playbill-list--day--buy * {
		border-radius: 8px;
	}
	.playbill-list--day--first {
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}
	.playbill-list--day--data {
		text-align: left;
	}
	.playbill-list--day--data div:first-child {
		font-size: 20px;
	}
	.playbill-list--day--photo {
		width: 80px;
		height: 80px;
		border-radius: 8px;
	}
	.playbill-list--day--info-list {
		order: 2;
	}
	.playbill-list--day--text {
		order: 1;
	}
	.playbill-list--day--text h2 {
		font-size: 24px;
	}

	.playbill-list__none {
		font-size: 16px;
		padding: 20px 0;
		font-weight: 600;
	}
}