@charset 'utf-8';


#document {
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px;
	padding-bottom: 10px;
	font-size: .65rem;
}

#document .sharebutton {
	margin-top: 1em;
}

#document .columns {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	font-size: 1.4em;
}

#document .columns:not(:last-child) {
	margin-bottom: 2em;
}

#document .columns > div:nth-child(1) {
	width: 100%;
	margin-bottom: 2em;
}

#document .columns > div:nth-child(2) {
	width: 100%;
	padding: 0;
}

#document .foto {
}

#document .header {
	text-align: center;
	line-height: 1.4;
}

#document .articletitle {
	margin-bottom: .7em;
}

#document .header h1 {
	font-size: 1em;
	font-weight: 400;
}

#document .header h1 span,
#document .header h1 small {
	display: block;
	padding-right: .3em;
}

#document .header h1 .position {
	font-size: .95em;
}

#document .header h1 .phonetic {
	font-size: .85em;
}

#document .header h1 .name {
	font-size: 1.6em;
	font-weight: 700;
}

#document .header h1 .position {
	display: block;
}

#document .header .tbl {
	margin-bottom: 2em;
}

#document .header .tbl .row:not(:last-child) {
	margin-bottom: .5em;
}

#document .header .row .head {
	color: #808080;
	font-size: .85em;
}

#document .header ul.specialized {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#document .header ul.specialized li {
	display: inline-block;
	margin: 2px;
	padding: .3em .8em;
	background: #2f5597;
	color: #fff;
}

#document .foto figure {
	width: 60%;
	margin: 0 auto;
}

#document .foto figure > span {
	display: inline-block;
	overflow: hidden;
}

#document .foto figure img {
	width: 100%;
	height: auto;
}

#document .sentence p {
	font-size: 1em;
	line-height: 1.6;
	text-align: left;
}

#document .history {
	display: flex;
/* 	justify-content: center; */
	flex-wrap: wrap;
	font-size: 1.3em;
	line-height: 1.6;
}

#document .history > div {
	width: 100%;
}

#document .history:not(:last-child) {
	margin-bottom: 3em;
}

#document .history div:not(:last-child) {
	margin-bottom: 1em;
}

#document .history h2 {
	margin-bottom: .5em;
	font-size: 1.2em;
}

#document .history ul {
	margin-left: 1.5em;
}

#document .archive {
	margin-bottom: 30px;
	font-size: 1.25em;
	line-height: 1.5;
}

#document .archive h2 {
	margin-bottom: 1em;
	padding-bottom: .3em;
	border-bottom: 1px solid;
	font-size: 1.4em;
}

#document .archive > div:not(:last-child) {
	margin-bottom: 2em;
}

#document .archive h3 {
	margin-bottom: .5em;
	font-size: 1.2em;
}

#document .archive ul {
	list-style: none;
	color: 666;
}

#document .archive li {
	padding: .5em;
	border-bottom: 1px solid #ccc;
}

#document .archive li:first-child {
	border-top: 1px solid #ccc;
}

#document .archive li:not(:last-child) {
	margin-bottom: .5em;
}

#document .archive li a[target="_blank"]:after {
	content: '\f109';
	margin-left: .5em;
	font-size: .85em;
	font-family: 'uiicon';
	font-weight: normal !important;
}

@media only screen and (min-width: 541px) {

	#document .sharebutton {
		text-align: left;
	}

	#document .columns > div:nth-child(1) {
		width: 40%;
		margin: 0;
	}

	#document .columns > div:nth-child(2) {
		width: 60%;
		padding-left: 30px;
	}

	#document .header {
		text-align: left;
	}

	#document .header .tbl .row {
		display: flex;
		align-items: baseline;
		margin-bottom: 0 !important;
	}

	#document .header .tbl .row .head {
		padding-right: 1em;
		width: 5em;
		white-space: nowrap;
	}

	#document .header .tbl .row .spec {
		width: calc(100% - 5em);
	}

	#document .foto {
	}

	#document .header {
		text-align: left;
	}

	#document .header h1 span,
	#document .header h1 small {
		display: inline-block;
	}

	#document .header ul.specialized {
		justify-content: flex-start;
	}

	#document .foto figure {
		width: 100%;
		max-width: none;
	}

	#document .history > div {
		width: 50%;
	}

	#document .history > div:not(:last-child) {
		padding-right: 3em;
	}

	#document .history > div:nth-child(3) {
		width: 100%;
	}
}

@media only screen and (min-width: 801px) {

	#document .columns {
		font-size: 1.6em;
	}

	#document .columns > div:nth-child(2) {
		padding-left: 50px;
	}

	#document .header {
		font-size: 1.2em;
	}

	#document .header ul.specialized {
		font-size: .85em;
	}

	#document .sentence p {
		font-size: .85em;
	}

	#document .history > div {
		width: 33.333% !important;
	}
}