/* Hidden: make text and background the same color, for when JavaScript is unavailable. */
.spoiler-box, .spoiler-hidden {
	color:#000000;
	background-color:transparent;
	visibility: hidden;
}

/* Visible */
.spoiler-visible {
	color:#000000;
	background-color:#FFFFFF;
	visibility:visible;
}

div.spoiler-visible {
	display:block;
	border:1px solid #A9B8C2
}

/* Common */
div.spoiler {
	border:none;
}
div.spoiler .icon-svg-play3 {
	display:none;
}

div.spoiler-top {
	font-style: normal;
	background-color: #dedccd;
	font-size: 0;
	padding: 6px 12px;
}
div.spoiler-top .spoiler-link {
	font-size: 14px;
	text-decoration: none;
}
div.spoiler-top .spoiler-link::after {
	content: ':';
}
div.spoiler-top {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 5px;
}
div.spoiler-top .spoiler-title {
	font-size: 14px;
}
div.spoiler-top .spoiler-link:hover {
	text-decoration: none;
}
div.spoiler-box {
	font-size: 0.95em;
}

span.spoiler-hidden, span.spoiler-visible {
	padding:0 2px;
}

div.spoiler-hidden, div.spoiler-visible {
	padding: 5px;
}

span.spoiler-hidden, div.spoiler-hidden {
	display: none;
}

/* Nested spoilers */
div.spoiler div.spoiler {
	margin-left:15px;
}


@media only screen and (min-width: 320px) and (max-width: 1023px) {
	div.spoiler {
		margin: 0 auto;
	}
}