/* idは「#」 classは「.」*/

/* 特徴 */
p.features span{
	color:white;
	background:black;
	padding:3px;
}

/* 外観画像と概要 */
div#header{
	display: flex;
	height:450px;
}

div#image_container img{
	object-fit: contain;	/* コンテナに収まるように */
}

/* 外観画像(拡大) */
div#image_container{
	width:530px;
	height:370px;
	border: 1px solid #000000;
}
/* 外観画像(縮小一覧コンテナ) */
div#thumbnail_container{
	margin-top:10px;
	width:480px;
	display: flex;
}
/* 外観画像(縮小一覧要素) */
div#thumbnail_container div.thumbnail_item{
	margin:10px;
	border: 1px solid #000000;
}
/* 外観画像(フォーカスなし) */
img.thumbnail_unfocused{
	filter: brightness(150%);
}
/* 外観画像(フォーカスあり) */
img.thumbnail_focused{
}

/* 概要 */
div#header div.description{
	margin-left:10px;
}
div#header div.description p{
	text-indent: 1em;	/* 行頭のスペース */
	margin-top:0px;
	margin-bottom:0px;
}

/* コンテンツへのリンク */
div.anchor2{
	display: flex;
	width:100%;
	border-left:2px solid #989898;
}

div.anchor2 a{
	flex: 1;
	text-align: center;
	border-right: 2px solid #989898;
	padding: 5px;
}

/* コンテンツ */
div#contents p{
	text-indent: 1em;	/* 行頭のスペース */
	margin-top:0px;
	margin-bottom:0px;
}

div#contents h2{
	margin-top:10px;
	margin-bottom:5px;
}
div#contents h3{
	margin-top:6px;
	margin-bottom:0px;
}

/* 注釈 */
ul.note{
	list-style-type: none;	/* デフォルトのマーカーを非表示 */
}
ul.note li{
	margin-top:0px;
	margin-bottom:0px;
	font-size:80%;
}
div#header div.description ul.note li:nth-child(1)::marker {
	content:'*1 ';
}
div#header div.description ul.note li:nth-child(2)::marker {
	content:'*2 ';
}
div#header div.description ul.note li:nth-child(3)::marker {
	content:'*3 ';
}
div#contents ul.note li:nth-child(1)::marker {
	content:'*4 ';
}