html {
	font-size: 0.875rem;	/* default:16px x 0.875 = 14px = 10.5pt */
}

body, input, select, textarea {
	font-size: 1rem;
}

	@media screen and (max-width: 1680px) {

		body, input, select, textarea {
			font-size: 1rem;
		}

	}

	@media screen and (max-width: 1280px) {

		body, input, select, textarea {
			font-size: 1rem;
		}

	}

	@media screen and (max-width: 980px) {

		body, input, select, textarea {
			font-size: 1rem;
		}

	}

	@media screen and (max-width: 736px) {

		body, input, select, textarea {
			font-size: 1rem;
		}

	}

	@media screen and (max-width: 480px) {

		body, input, select, textarea {
			font-size: 1rem;
		}

	}

h1, h2, h3, h4, h5, h6 {
	color: #275594;
	font-weight: 300;
	margin: 1em 0 0.5em 0;
}

h4 {
	font-size: 1.2em;
}

p {
	margin: 0 0 2ex 0;
}

a {
	color: #5385c1;
	text-decoration: none;
}

a:hover, a:focus, a:active {
	text-decoration: underline;
}

a.button:hover, a.button:focus, a.button:active {
	text-decoration: none;
}

a img:hover, a img:focus, a img:active {
	opacity: 0.7;
}

/* .box a {
	color: white;
	text-decoration: none;
}

.box a:hover {
	text-decoration: underline;
} */

section.wrapper, article.wrapper {
	padding: 2em 0;
}

ul {
	margin-left: 0.5em;
}

ul li {
	padding-left: 0;
	margin-left: 0.5em;
	margin-bottom: 1ex;
}

article .action {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

article .image {
	max-width: 400px;
	max-height: 300px;
}

article .image img {
	max-width: 100%;
	max-height: 100%;
}

article footer {
	margin-top: 3rem;
}

section.wrapper.style1 a, article.wrapper.style1 a {
	/* color: #bacee6; */
	color: white;
	text-decoration: none;
}

section.wrapper.style1 a:hover, article.wrapper.style1 a:hover {
	text-decoration: underline;
}

section.wrapper header h2, article.wrapper header h2 {
	font-size: 2.5rem;
}

section.wrapper header, article.wrapper header {
	margin-top: 3rem;
	margin-bottom: 2rem;
}	

section.wrapper footer, article.wrapper footer {
	margin-top: 2rem;
	margin-bottom: 6rem;
}

section.wrapper.limitations header h2, article.wrapper.limitations header h2 {
	font-size: 2rem;
}

section.wrapper header h3, article.wrapper header h3 {
	font-size: 1.75rem;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

@media screen and (max-width: 480px) {

	section.wrapper, article.wrapper {
		text-align: unset;
	}

		section.wrapper article, article.wrapper article {
			text-align: unset;
		}

}

.inner {
	width: 75rem;
	max-width: 90%;
	margin: 0 auto;
}

.message {
	width: 80%;
	max-width: 600px;
	margin: 0 auto;
}

#header .logo {
	font-weight: 300;
}

#banner {
	padding: 8em 2em 4em 2em;
}

#banner img {
	max-width: 400px;
}

#banner h1 {
	font-weight: 300;
}

/* Table */

table {
	margin: 4em 0;
}

table tbody th {
	padding: 0.75em;
	background-color: rgba(144, 144, 144, 0.075);
}

table tbody tr:nth-child(2n + 1) {
	background-color: unset;
}

table td p,
table td ul,
table td ol
{
	margin: 0 0 1ex 0;
}

.table_line {
	display: table;
	width: 400px;
}

.table_line_block {
	display: table-cell;
	width: 200px;
}

/* Link */

ul.link {
	list-style: none;
}

ul.link li a,
a.link {
	position: relative;
	display: inline-block;
	margin-left: 1rem;
}

ul.link li a::before,
a.link::before {
	content: "\203a";
	font-size: 150%;
	font-family: 'Roboto', sans-serif;
	position: absolute;
	transform: translateY(-50%);
	top: 45%;
	left: 0;
	text-indent: -1em;
}

/* code */

p > code,
li > code {
	font-family: "Courier New", monospace;
	background: inherit;
	border: none;
	font-size: inherit;
	padding: 0;
}

/* 1-4. #l-footer
-------------------------------------------------- */
#footer img {
	vertical-align: middle;
	max-width: 220px;
}

#footer {
	text-align: center;
	font-size: 0.8rem;
}

#footer span {
	padding: 0 1em;
}

#footer a {
	color: #333;
}

#footer .copyright {
	margin-top: 2ex;
	font-size: inherit;
}

/* 1-5. #l-navGlobal
-------------------------------------------------- */
.nav-breadcrumb {
	line-height: 1;
	padding-left: 0;
	margin-top: 16px;
	margin-bottom: 16px;
}

.nav-breadcrumb li {
	display: inline;
	list-style: none;
	font-size: 0.9rem;
	font-weight: bold;
	margin-left: 0;
}

.nav-breadcrumb li:after {
	content: "\203a";
	font-size: 150%;
	font-family: 'Roboto', sans-serif;
	padding: 0 0.25em 0 0.5em;
}

.nav-breadcrumb li:last-child:after {
	content: '';
}

.nav-breadcrumb li:last-child {
	color: #999;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
	.nav-breadcrumb {
		margin-top: 8px;
		margin-bottom: 8px;
	}
}

/* MkDocs migration */

.md-typeset img {
	width: 1024px;
	margin: 2rem 5%;
	max-width: 90%;
	max-height: 100%;
    border: 1px solid;
    border-color: lightgray;
}

.md-typeset .material-icons {
	font-size: 100%;
}

/* templated-theory  */
.flex.flex-2 article {
	margin-bottom: 2em;
}

section.wrapper .flex.flex-2 article {
	margin-bottom: 1em;
}

@media screen and (max-width: 980px) {
	.flex.flex-2 article {
		margin-bottom: 0;
	}
}

/* Releasenote */
.releasenote img {
	max-width: 80%;
}