##contentsList {
	max-width: 25%;
	float: right;
	margin: 0 0 1em 1em;
}

##contentsList H2 {
	background-color: ##425c53;
	color: ##c4dbbf;
	padding: 5px;
}

##contentsList ul,
##contentsList ol {
	padding: 0;
	margin-left: 2em;
}

##middleColumn a {
	color: ##425c53;
}

##middleColumn a:hover {
	background-color: ##425c53;
	color: ##c4dbbf;
}

main section .section-inner {
	margin: 2em;
}

nav {
	margin-bottom: 2em;
}
#contentsList {
	float: right;
	margin: 0 0 10px 10px;
}
#contentsList h2 {
	background-color: #465f56;
	color: #efefef;
	padding: 5px;
}
.PackingBox {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	width: 190px;
	margin: 5px;
}
.PackingBoxImg {
	position: relative;
}
img.PackingBoxMagnify {
	position: absolute;
	right: 0px;
	bottom: 4px;
}
.PackingBoxText {
	margin-bottom: 10px;
	padding: 0 10px;
	letter-spacing: -0.5px;
	font-size: 0.95em;
}

iframe.youtube {
	width: 600px;
	height: 450px;
}

summary > h2 {
	cursor: pointer;
}
summary h2 {
	display: inline-block;
}
summary > h2:hover {
	border-radius: 1px;
	outline: 5px solid #465f56;
	background-color: #465f56;
	color: #efefef;
}


@media (max-width: 1030px) {

	iframe.youtube {
		width: 100%;
		height:auto;
	}
	#contentsList {
		float: none;
		margin: 0 0 10px 0;
	}

}