@charset "UTF-8";
html {
	scroll-padding-top: 20px;
}

/* ================================================= */
article h2 {
	display: flex;
	align-items: center;
}
article h2:before {
	margin-right: 0.5rem;
	font-family: 'FontAwesome';
}
article section#hero_section h3 {
	margin: 0 0 0.5rem 0;
	padding: 0 0 0.8rem 0;
	font-size:1.6rem;
	text-align: left;
	border-bottom: 1px #ccc solid;
}
article section#hero_section h3 br {
	display: none;
}
article section#hero_section h3 + p {
	text-align: left;
	margin-bottom: 50px;
	font-size:1.025rem
}
article section#hero_section h3 > picture img {
	width: 100%;
	margin: 0 0 3rem 0;
}
article section#hero_section h3 + cite {
	display: block;
	margin: -3rem 0 4rem 0;
	padding: 1rem 1rem 0.65rem 1rem;
	font-style: normal;
	text-align: right;
	background: #f3f3f3;
}
article section#hero_section h3.nosubtitle {
	padding: 0;
	border: none;
}
article h4.mt50 {
	margin-top: 50px;
}

article section#hero_section p.lead {
	margin: 3.5rem 0 3.5rem 0;
	text-align: center;
	font-size:1.055rem;
	line-height:2.0;
}


/* ================================================= */
article section {
	margin-bottom: 50px;
	padding: 0;
}

#hero_section img{
	width:100%;
}



/* ================================================= */
article a[target]:after {
	content: "\f2d2";
	padding: 0 0.25rem;
	font-family: "fontawesome";
}

article sup {
	padding: 0 0.25rem 0 0.125rem;
}

article p.supplementaryNotes{
	font-size: 0.75rem;
	margin-top: 2.0rem;
}

article figure {
	margin: 2rem 0;
}

article figure img {
	width: 100%;
	margin: 0 0 0.5rem 0;
}

article figure img.w70 {
	display: block;
	margin: 1rem auto;
}

article figure figcaption {
	color: #333;
	font-size: 0.75rem;
}

article figure figcaption cite {
	font-style: italic;
}


/* ================================================= */
.author_section{
	display:flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	width:960px;
	margin-bottom:0;
}
.author_section > .author > .one_person > img{
	width:230px;
	margin:0;
}
.author_section > .author .one_person{
	width:230px;
	margin-left:50px;
	margin-bottom:20px;
}
.author_section > .author > .one_person > div{
	background: #000000;
	padding:10px;
}
.author_section > .author > .one_person > div > p{
	margin: 0;
	padding: 0 10px 10px 10px;
	font-size: 0.625rem;
	color:#ffffff;
}
.author_section > .author > .one_person > div > p.author_name{
	font-size: 0.875rem;
	font-weight: bold;
}

.w680{
	width:680px;
}
.multiple_authors{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.multiple_authors > h4{
	width:100%;
}
.multiple_authors p{
	width:870px;
}
.multiple_authors.w680 p{
	width:590px;
}
.multiple_authors p.np{
	width:60px;
	font-weight:bold;
	text-align:right;
	margin-right:30px;
}
.multiple_authors p.n00 + p{
	font-weight:bold;
}
.n01{}
.n02{}
.n03{}
.n04{}







/* ================================================= */
article aside {
	padding: 1rem 2rem 2rem 2rem;
}
article aside h3 {
	margin: 1rem 0;
	padding: 0;
	text-align: left;
	border: none;
}
article aside nav h4 {
	margin: 0;
	padding: 2rem 1.75rem 0 2rem;
	font-size: 1.125rem;
	font-weight: bold;
}
article aside nav h4 a {
	display: inline-block;
	padding-left: 1rem;
	position: relative;
}
article aside nav h4 a:before {
	content: "■";
	top: 0;
	left: -0.4rem;
	position: absolute;
	transform: scaleY(0.5);
}
article aside nav h4.here {
	margin-top: 0.65rem;
	font-weight: bold;
}
article aside nav h4.here span {
	display: flex;
	gap: 0.125rem;
}
	article aside nav h4.here span:before {
	content: "\f041";
	margin: -1px 0 0 -1px;
	padding: 0.25rem 0.5rem 0 0;
	color: #c14;
	font-family: "fontawesome";
	text-decoration: none;
}
article aside nav h4 br {
	display: none;
}
article aside nav > ul {
	padding: 1rem;
	font-size: 0.875rem;
}
article aside nav > ul > li {
	margin: 0.5rem 0 0.5rem 1rem;
	padding: 0;
	text-indent: inherit;
}
article aside nav > ul > li > p {
	display: flex;
	margin: 0;
	align-items: center;
}
article aside nav > ul > li > ul {
	margin: 1rem 0;
	padding: 0;
	font-size: 0.875rem;
}
	article aside nav > ul > li > ul > li {
	margin: 0.5rem 0 0.5rem 1rem;
	padding: 0;
	text-indent: inherit;
}
	article aside nav > ul > li > ul > li > p {
	display: flex;
	margin: 0;
	align-items: center;
}
	article aside nav > ul > li > ul > li a {
	display: flex;
	align-items: center;
}
article aside nav > ul .here {
	margin-top: 0.65rem;
	font-weight: bold;
}
article aside nav > ul .here :before {
	content: "\f041";
	margin: -3px 0 0 -1px;
	padding: 0 0.5rem 0 0;
	color: #c14;
	font-family: "fontawesome";
	font-size: 1rem;
	text-decoration: none;
	vertical-align: 0;
}
article aside nav > ul .soon {
	display: inline-block;
	margin: 0 0.5rem 0 0;
	padding: 0.25rem 0.5rem 0.15rem 0.5rem;
	color: #fff;
	font-weight: bold;
	background: #777;
}


/* ================================================= */
article .commentary li {
	color: #000;
	font-size: 0.875rem;
}


/* ================================================= */
article .bgBlue {
	background: #eef9ff;
	margin:50px 0 30px 0;
}
article .bgGray {
	background: #eee;
}
article .bgBlue, article .bgGray {
	padding: 1rem;
}
article .bgBlue > .commentary, article .bgGray > .commentary {
	margin-top: 0;
	margin-bottom: 0;
}
article .bgBlue > .commentary li:last-child, article .bgGray > .commentary li:last-child {
	margin-bottom: 0;
}




/* =================================================================== */
/* Smartphone */
/* =================================================================== */
@media screen and (max-width: 500px) {
	article h3 br {
		display: block;
	}
	article h3 + cite {
		margin-top: 0;
	}
	article .commentary li:before {
		margin-left: -2.25rem;
	}

	article aside {
		padding: 0.5rem 1rem 1rem 1rem;
	}
	article aside h3 {
		margin: 1rem 0;
		padding: 0;
		text-align: left;
		border: none;
	}
	article aside nav h4 br {
		display: block;
	}
	article aside nav > ul {
		padding: 0.5rem;
	}
	article aside nav > ul > li > p {
		align-items: center;
	}
	article aside nav > ul > li > ul > li > p {
		align-items: center;
	}
	article aside nav > ul > li > ul > li a {
		align-items: flex-start;
	}
	article aside nav > ul .here p {
		align-items: flex-start;
	}
	.author_section {
		display: block;
		width:100%;
	}
	.author_section > .author {
		width:100%;
		margin-left: 0;
	}
	.author_section > .author > .one_person{
		width: 100%;
		margin-left:0;

	}
	.author_section > .author > .one_person > img {
		width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.author_section > .author > .one_person > div > p.author_name {
		font-size:1.1rem;
	}
	.author_section > .author > .one_person > div > p.author_position {
		font-size:0.875rem;
	}
	.author_section > .author > .one_person > div > p.author_profile {
		font-size:0.875rem;
	}
	.author_section > .multiple_authors{
		display:block;
		width:100%;
	}
	.author_section > .multiple_authors {
		width:100%;
	}
	.w680{
		width:100%;
	}
	.author_section > .multiple_authors.w680 > p,
	.author_section > .multiple_authors p{
		width:100%;
	}
	p.np {
		width: 20%!important;
		margin: 0 20px 0 0;
		padding: 0;
	}
	.author_section > .multiple_authors p.n00{text-align:left;}
	.author_section > .multiple_authors p.n01{background-color:#ff6;text-align: center!important;}
	.author_section > .multiple_authors p.n02{background-color:#cff;text-align: center!important;}
	.author_section > .multiple_authors p.n03{background-color:#fcf;text-align: center!important;}
	.author_section > .multiple_authors p.n04{background-color:#dfc;text-align: center!important;}

}