/* 複数の写真を切り替えて表示するシステム用の css*/
/* idは「#」 classは「.」*/

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

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

div#focused_container img{
	width:512px;
	height:512px;
	border: 1px solid #000000;
}
/* 外観画像(拡大) */
div#image_container{
	min-width:512px;
	min-height:512px;
}
/* 外観画像(縮小一覧コンテナ) */
div#thumbnail_container{
	margin-top:10px;
	width:512px;
	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;
}