@media (max-width: 767px) {
	main {
		padding: 60px 10px;
	}
}

section {
	margin-inline: auto;
	width: 90%;
	max-width: 760px;
}

section:not(:last-of-type) {
	padding-bottom: 40px;
}

#stream dl {
	padding: 20px 0px;
}

#stream dl dt {
	display: flex;
	align-items: center;
}

#stream dl dt::before {
	content: "";
	display: block;
	margin-right: 6px;
	width: 1.4em;
	aspect-ratio: 1 / 1;
}

#stream dl dt:nth-of-type(1)::before {
	background: url(../img/link.svg) 50% 50% / contain no-repeat;
}

#stream dl dt:nth-of-type(2)::before {
	background: url(../img/password.svg) 50% 50% / contain no-repeat;
}

#stream dl dt:nth-of-type(3)::before {
	background: url(../img/calendar.svg) 50% 50% / contain no-repeat;
}

#stream dl dd {
	padding: 0px 8px 10px;
}

#stream aside p em {
	margin-bottom: 10px;
}

#stream aside p em::before,
#stream aside p em::after {
	content: "\FF01\FF01";
}

#auction {
	background-color: #efefef;
	border: solid 2px #333333;
	border-radius: 4px;
	margin-bottom: 40px;
	padding: 10px 20px 14px;
	max-width: 760px;
	text-align: center;
}

#auction h2 {
	font-size: 1.2em;
}

#auction h2::before {
	content: "\3010";
}

#auction h2::after {
	content: "\3011";
}

#auction p {
	word-break: keep-all;
}

#auction p strong {
	display: inline-block;
	padding: 0px 8px;
	font-size: 1.4em;
}

#auction p a {
	text-decoration: underline;
}

#close > p::after {
	content: "";
	display: block;
	background: url(../img/next.jpg) 50% 50% / contain no-repeat;
	margin-top: 20px;
	width: 100%;
	height: 300px;
}

#close p em {
	display: inline-block;
	padding: 0px 4px;
	font-size: 1.2em;
}

#close aside {
	padding-top: 40px;
}

#close aside p:not(:last-of-type) {
	padding-bottom: 20px;
}

#close aside p a {
	display: inline-flex;
	align-items: center;
	margin-top: 4px;
	text-decoration: underline;
}

#close aside p a::before {
	content: "";
	display: block;
	background: url(../img/shop.svg) 50% 50% / contain no-repeat;
	margin-right: 4px;
	width: 1.4em;
	aspect-ratio: 1 / 1;
}