@charset "utf-8";

#main_ {padding-bottom:0;}

#main_ > article {width:inherit; font-size:1.4rem; line-height:2;}
#main_ > article > header {position:relative; padding:60px 0 0;}
#main_ > article > header > h1 {padding:40px 0; font-weight:100; font-size:10rem; line-height:1;}
#main_ > article > header > h1 > i {font-style:italic;}
#main_ > article > header > nav {
	min-width:1180px; position:absolute; left:0; right:0; top:0; z-index:100; margin:0 calc(50% - 50vw); padding:20px 0; box-sizing:border-box; 
	background:#1c715a; font:normal 2rem/1 BrandonText; color:#fff;}
#main_ > article > header > nav > ul {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;}
#main_ > article > header > nav > ul > li {border-left:1px solid #599786;}
#main_ > article > header > nav > ul > li:first-child {border-left-width:0;}
#main_ > article > header > nav > ul > li > a {display:block; margin:-20px 0; padding:20px 35px; text-decoration:none;}
#main_ > article > header > nav > ul > li > a:hover {color:#bbd5ce;}
html.fac-header-hidden #main_ > article > header > nav {position:fixed; top:56px;}

#main_ > article > section {position:relative; padding:0 0 80px; text-align:left;}
#main_ > article > section::before, 
#main_ > article > section::after  {
	display:block; content:""; position:absolute; left:50%; top:0; bottom:0; z-index:1; border:1px solid #036248; border-top-width:0; border-bottom-width:0;}
#main_ > article > section::before {width:1px; margin:0 0 0 -1px;}
#main_ > article > section::after  {width:5px; margin:0 0 0 -3px;}
#main_ > article > section > * {position:relative;}
#main_ > article > section > header {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	height:40.2777vw; z-index:2; margin:0 calc(50% - 50vw); padding:0 calc(50vw - 50%); color:#fff;}
#main_ > article > section > header > * {width:300px; position:relative; z-index:2;}
#main_ > article > section > header > .image {width:auto; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:0; background:#e5ecea; overflow:hidden;}
#main_ > article > section > header > .image > img, 
#main_ > article > section > header > .image > .clone {display:block; width:100%; height:auto; transform-style:preserve-3d; will-change:transform; backface-visibility:hidden;}
#main_ > article > section > header > h1 {font-weight:700; font-size:10rem; line-height:1; transform:translate3d(0,0,0);}
#main_ > article > section > header > ol {margin:1.5em 0 0; font-size:1.6rem; text-align:left; transform:translate3d(0,0,0); width: auto;}
#main_ > article > section > header > ol > li {}
#main_ > article > section:nth-of-type(odd) > header {}
#main_ > article > section:nth-of-type(odd) > header > * {margin-left:auto;}
#main_ > article > section:nth-of-type(odd) > header > ol {text-align: right;}
#main_ > article > section:nth-of-type(odd) > header > h1 {text-align: right;}
#main_ > article > section:nth-of-type(1) > header > ol {text-align: left;}
#main_ > article > section:nth-of-type(1) > header > h1 {text-align: left;}

#main_ > article > section > figure {padding:30px 0;}
#main_ > article > section figure::after {display:block; content:""; clear:both; height:0;}
#main_ > article > section figure > *, 
#main_ > article > section figure > figure > * {display:block; margin:0 0 0 620px;}
#main_ > article > section figure > .image {float:left; width:520px; margin:0;}
/* 70th logo start */
/* #main_ > article > section .image.logo_70th {
	position: relative;
}
#main_ > article > section .image.logo_70th::after {
	content:"";
	width:74px;
	height:55px;
	background: url(images/ico_70th.svg) no-repeat left top;
	background-size:100% auto;
	position:absolute;
	top: 0;
	left: 50%
}
#main_ > article > section #year-1950 .image.logo_70th::after {
	transform: translateX(-300%);
}
#main_ > article > section #year-1961 .image.logo_70th::after {
	transform: translateX(0%);
}
#main_ > article > section #year-1987 .image.logo_70th::after {
	transform: translateX(-375%);
}
#main_ > article > section #year-2001 .image.logo_70th::after {
	transform: translateX(75%);
}
#main_ > article > section #year-2008 .image.logo_70th::after {
	transform: translateX(-75%);
} */
/* 70th logo end */
#main_ > article > section figure > .image > img {display:block; width:auto; margin:-20px -20px -20px auto;}
#main_ > article > section figure > h1 {color:#036248; font-size:1.8rem; font-weight:normal;}
#main_ > article > section figure > h1 > i {display:block; margin-top:-0.15em; margin-bottom:0.2em; font-size:7.2rem; font-weight:100; line-height:1;}
#main_ > article > section figure > p {}
#main_ > article > section figure > small {display:block; font-size:1.2rem;}
#main_ > article > section figure > .details,
#main_ > article > section figure > .detailsMov {width:520px; margin-top:2em; padding:39px; border:1px solid #e5e5e5; box-sizing:border-box; background:#fff; text-align:left;}
#main_ > article > section figure > .details > h1,
#main_ > article > section figure > .detailsMov > h1 {color:#036248; font-size:7.2rem; font-weight:500; text-align:center; line-height:1;}
#main_ > article > section figure > .details > h1 > i,
#main_ > article > section figure > .detailsMov > h1 > i {font-size:3.6rem; font-weight:bold;}
#main_ > article > section figure > .details > strong,
#main_ > article > section figure > .detailsMov > strong {display:block; margin:1.5em 0 0; font-weight:bold; text-align:center;}
#main_ > article > section figure > .details > p,
#main_ > article > section figure > .detailsMov > p {margin:2em 0 0;}
#main_ > article > section figure > .details > *:first-child,
#main_ > article > section figure > .detailsMov > *:first-child {margin-top:0;}
html.fac-js-enabled #main_ > article > section figure > .details,
html.fac-js-enabled #main_ > article > section figure > .detailsMov {display:none; position:absolute; z-index:3;}
html.fac-js-enabled #main_ > article > section figure > .details::after,
html.fac-js-enabled #main_ > article > section figure > .detailsMov::after {
	display:block; content:"\e61c"; position:absolute; right:0; top:0; padding:0.7em; font:normal 1.5em/1 icons; cursor:pointer;}
html.fac-js-enabled #main_ > article > section figure > .details.show,
html.fac-js-enabled #main_ > article > section figure > .detailsMov.show {display:block;}
html.fac-js-enabled #main_ > article > section figure > .details.show > h1 {font-size: 2.4rem; font-weight: normal; line-height: 1.3;}
#main_ > article > section figure > .more,
#main_ > article > section section > .more {
	display:block; width:240px; position:relative; margin-top:2em; padding:19px; box-sizing:border-box; border:1px solid #e5e5e5; border-radius:0; 
	background:#fff; white-space:nowrap; text-align:center; text-decoration:none; line-height:1; cursor:pointer; transition:color 0.2s ease-in-out 0s;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;}
#main_ > article > section section > .more {
	margin-left:auto;
	margin-right:auto;
}
#main_ > article > section figure > .more::after,
#main_ > article > section section > .more::after {
	display:block; content:"\e612"; width:3em; position:absolute; right:0; top:50%; margin:-0.5em 0 0; font:bold 1em/1 icons; text-align:center; 
	transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
#main_ > article > section figure > .detailsMov .mov-wrap {
	display: block;
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    height: 0;
}
#main_ > article > section figure > .detailsMov .mov-wrap > iframe {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#main_ > article > section figure > .detailsMov .mov-wrap + .mov-wrap {
	margin-top: 20px;
}

#main_ > article > section figure > .detailsMov .mov-txt {
	display: block;
}
#main_ > article > section figure > .detailsMov .mov-wrap + .mov-txt {
	margin-top: 15px;
}
#main_ > article > section figure > .more[target="_blank"]::after,
#main_ > article > section section > .more[target="_blank"]::after  {content:"\e636"; font-size:0.9em;}
#main_ > article > section figure > .more:hover,
#main_ > article > section section > .more:hover {color:#666;}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd), 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) {text-align:right;}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > figure, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > figure  {text-align:left;}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > figure:nth-of-type(odd), 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > figure:nth-of-type(odd), 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(even) > figure:nth-of-type(even), 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(odd)  > figure:nth-of-type(even) {text-align:right;}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > *, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > *, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > figure:nth-of-type(odd)  > *, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > figure:nth-of-type(odd)  > *, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(even) > figure:nth-of-type(even) > *, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(odd)  > figure:nth-of-type(even) > *  {margin-left:auto; margin-right:620px;}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > .more, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > .more, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > figure:nth-of-type(odd)  > .more, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > figure:nth-of-type(odd)  > .more, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(even) > figure:nth-of-type(even) > .more, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(odd)  > figure:nth-of-type(even) > .more  {margin-left:280px;}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > .image, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > .image, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > figure:nth-of-type(odd)  > .image, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > figure:nth-of-type(odd)  > .image, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(even) > figure:nth-of-type(even) > .image, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(odd)  > figure:nth-of-type(even) > .image  {float:right; margin:0;}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > .image > img, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > .image > img, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > figure:nth-of-type(odd)  > .image > img, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > figure:nth-of-type(odd)  > .image > img, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(even) > figure:nth-of-type(even) > .image > img, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(odd)  > figure:nth-of-type(even) > .image > img  {margin-left:-20px; margin-right:auto;}
#main_ > article > section:nth-of-type(n)    > figure:nth-of-type(n)    > figure {float:none; width:auto; margin:0; padding:1px 0 0;}
#main_ > article > section:nth-of-type(n)    > figure:nth-of-type(n)    > figure + figure {margin-top:80px;}
#main_ > article > section:nth-of-type(n)    > figure:nth-of-type(n)    > figure + figure > h1 > i {display:none;}

#main_ > article > section > section {z-index:2; padding:30px 0; background:#fff; text-align:center;}
#main_ > article > section > section::after {display:block; content:""; clear:both; height:0;}
#main_ > article > section > section + section {margin-top:80px;}
#main_ > article > section > section > * {display:block;}
#main_ > article > section > section > .image {}
#main_ > article > section > section > .image > img {display:block; margin:0 auto;}
#main_ > article > section > section > h1 {color:#036248; font-size:1.8rem; font-weight:normal;}
#main_ > article > section > section > h1 > i {display:block; margin-bottom:0.2em; font-size:7.2rem; font-weight:100; line-height:1;}
#main_ > article > section > section > p {}

#main_ > article > section > small {display:block; width:520px; position:absolute; right:0; bottom:0; padding:1em; font-size:1.2rem;}

#main_ > article > section > header + * {margin-top:50px;}

#main_ #decade-1950s {}
#main_ #decade-1950s > header {
	-webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	height:auto; padding:30px 0; background:#e5ecea; color:#2e3c38;}
#main_ #decade-1950s > header > * {width:auto;} 
#main_ #decade-1950s > header > h1 {margin-left:0; color:#036248;}
#main_ #decade-1950s > header > ol {margin:0; padding:0 0 0 20px;}

#main_ #year-1950 > h1 {font-size:2.4rem;}
#main_ #year-2007 > h1 {color:#6ba0b7;}

#main_ > article > header > h1, 
#main_ > article > section > header > h1, 
#main_ > article > section figure > h1 > i, 
#main_ > article > section > section > h1 > i, 
#main_ > article > section figure > .details > h1
	{font-family:BrandonText,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Noto Sans Japanese","Hiragino Kaku Gothic ProN",Meiryo,"Yu Gothic",YuGothic,sans-serif;}
@media all and (-ms-high-contrast:none) {
#main_ > article > header > h1, 
#main_ > article > section > header > h1, 
#main_ > article > section figure > .details > h1
	{margin-bottom:-0.3em;}
}

@media screen and (max-width:1180px) {
#main_ > article > section > header {height:475px;}
#main_ > article > section > header, 
#main_ > article > header > nav {margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;}
}


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

#main_ {}

#main_ > article {font-size:1rem; font-size:3.125vw;}
#main_ > article > header {padding:30px 0 0;}
#main_ > article > header > h1 {padding:6.25% 0; font-size:3.6rem; font-size:11.25vw;}
#main_ > article > header > nav {min-width:0; min-height:10px; position:fixed; top:45px; margin:0; padding: 0; font-size:1rem; font-size:3.125vw;}
#main_ > article > header > nav > ul {width: 100%; overflow-x: scroll; padding:10px 0; justify-content: flex-start;}
#main_ > article > header > nav > ul > li {}
#main_ > article > header > nav > ul > li:first-child {}
#main_ > article > header > nav > ul > li > a {margin:-10px 0; padding:10px;}
#main_ > article > header > nav > ul > li > a:hover {}
html.fac-header-hidden #main_ > article > header > nav {top:45px; width: 100vw; overflow: hidden; margin: 0; padding: 0;}

#main_ > article > section {padding:0 0 10.9375%; text-align:center;}
#main_ > article > section::before, 
#main_ > article > section::after  {display:none;}
#main_ > article > section::before {}
#main_ > article > section::after  {}
#main_ > article > section > * {}
#main_ > article > section > header {height:auto; margin:0 -20px; padding:20% 20px;}
#main_ > article > section > header > * {width:auto;}
#main_ > article > section > header > .image {left:-50%; right:-50%;}
#main_ > article > section > header > .image > img, 
#main_ > article > section > header > .image > .clone {}
#main_ > article > section > header > h1 {font-size:3.6rem; font-size:11.25vw;}
#main_ > article > section > header > ol {display:table; margin:0.5em auto 0; font-size:inherit; line-height:1.4;}
#main_ > article > section > header > ol > li {white-space:nowrap;}
#main_ > article > section:nth-of-type(odd) > header {}
#main_ > article > section:nth-of-type(odd) > header > * {margin-left:auto; margin-right:auto;}
#main_ > article > section:nth-of-type(odd) > header > ol {text-align: left;}
#main_ > article > section:nth-of-type(odd) > header > h1 {text-align: center;}
#main_ > article > section:nth-of-type(1) > header > ol {text-align: left;}
#main_ > article > section:nth-of-type(1) > header > h1 {text-align: center;}

#main_ > article > section > figure {padding:10% 0 0;}
#main_ > article > section figure::after {}
#main_ > article > section figure > *, 
#main_ > article > section figure > figure > * {margin:0;}
#main_ > article > section figure > .image {float:none; width:50%; margin:0 auto;}
/* 70th logo start */
#main_ > article > section .image.logo_70th {
}
#main_ > article > section .image.logo_70th::after {
	width:62px;
	height:47px;
}
#main_ > article > section #year-1950 .image.logo_70th::after {
	transform: translateX(-225%);
}
#main_ > article > section #year-1961 .image.logo_70th::after {
	transform: translateX(145%);
}
#main_ > article > section #year-1987 .image.logo_70th::after {
	transform: translate(-50%, 100%);
	top: 50%;
}
#main_ > article > section #year-2001 .image.logo_70th::after {
	transform: translateX(145%);
}
#main_ > article > section #year-2008 .image.logo_70th::after {
	transform: translate(145%, 35%);
}
/* 70th logo end */
#main_ > article > section figure > .image > img {width:100%; height:auto; margin:0;}
#main_ > article > section figure > h1 {margin:0.5em 0 0; font-size:1.2rem; font-size:3.75vw;}
#main_ > article > section figure > h1 > i {font-size:3.6rem; font-size:11.25vw;}
#main_ > article > section figure > p, 
#main_ > article > section figure > small {display:table; margin:0 auto; max-width:85%; text-align:left;}
#main_ > article > section figure > p br, 
#main_ > article > section figure > small br {display:none;}
#main_ > article > section figure > small {display:block; font-size:2.5vw;}
#main_ > article > section figure > .details,
#main_ > article > section figure > .detailsMov {width:100%; padding:1.5em;}
#main_ > article > section figure > .details > h1,
#main_ > article > section figure > .detailsMov > h1 {font-size:3.6rem; font-size:11.25vw;}
#main_ > article > section figure > .details > h1 > i,
#main_ > article > section figure > .detailsMov > h1 > i {font-size:1.8rem; font-size:5.625vw;}
#main_ > article > section figure > .details > strong,
#main_ > article > section figure > .detailsMov > strong {text-align:left;}
#main_ > article > section figure > .details > strong br,
#main_ > article > section figure > .detailsMov > strong br {display:none;}
#main_ > article > section figure > .details > p,
#main_ > article > section figure > .detailsMov > p {margin:0;}
html.fac-js-enabled #main_ > article > section figure > .details,
html.fac-js-enabled #main_ > article > section figure > .detailsMov {}
html.fac-js-enabled #main_ > article > section figure#year-2020-1 > .detailsMov {z-index: 9901;}
html.fac-js-enabled #main_ > article > section figure > .details::after,
html.fac-js-enabled #main_ > article > section figure > .detailsMov::after {font-size:1em;}
html.fac-js-enabled #main_ > article > section figure > .details.show,
html.fac-js-enabled #main_ > article > section figure > .detailsMov.show {}
html.fac-js-enabled #main_ > article > section figure > .details.show > h1 {font-size: 1.8rem; font-size:5.625vw;}
html.fac-js-enabled #main_ > article > section figure#year-1961 > .details.show > h1 {font-size: 1.5rem; font-size:4.6875vw;}
#main_ > article > section figure > .more,
#main_ > article > section section > .more {width:100%; padding:1.5em;}
#main_ > article > section figure > .more::after {}
#main_ > article > section figure > .more:hover {}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd), 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) {text-align:inherit;}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > figure, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > figure  {text-align:inherit;}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > figure:nth-of-type(odd), 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > figure:nth-of-type(odd), 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(even) > figure:nth-of-type(even), 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(odd)  > figure:nth-of-type(even) {text-align:inherit;}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > *, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > *, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > figure:nth-of-type(odd)  > *, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > figure:nth-of-type(odd)  > *, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(even) > figure:nth-of-type(even) > *, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(odd)  > figure:nth-of-type(even) > *  {margin-left:auto; margin-right:auto;}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > .more, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > .more, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > figure:nth-of-type(odd)  > .more, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > figure:nth-of-type(odd)  > .more, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(even) > figure:nth-of-type(even) > .more, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(odd)  > figure:nth-of-type(even) > .more  {margin-left:0;}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > .image, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > .image, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > figure:nth-of-type(odd)  > .image, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > figure:nth-of-type(odd)  > .image, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(even) > figure:nth-of-type(even) > .image, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(odd)  > figure:nth-of-type(even) > .image  {float:none; margin:0 auto;}
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > .image > img, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > .image > img, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(odd)  > figure:nth-of-type(odd)  > .image > img, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(even) > figure:nth-of-type(odd)  > .image > img, 
#main_ > article > section:nth-of-type(even) > figure:nth-of-type(even) > figure:nth-of-type(even) > .image > img, 
#main_ > article > section:nth-of-type(odd)  > figure:nth-of-type(odd)  > figure:nth-of-type(even) > .image > img  {margin-left:0; margin-right:0;}
#main_ > article > section:nth-of-type(n)    > figure:nth-of-type(n)    > figure {}
#main_ > article > section:nth-of-type(n)    > figure:nth-of-type(n)    > figure + figure {margin-top:10%;}
#main_ > article > section:nth-of-type(n)    > figure:nth-of-type(n)    > figure + figure > h1 > i {}

#main_ > article > section > section {padding:10% 0 0;}
#main_ > article > section > section::after {}
#main_ > article > section > section + section {margin-top:0;}
#main_ > article > section > section > * {}
#main_ > article > section > section > .image {width:50%; margin:0 auto;}
#main_ > article > section > section > .image > img {width:100%; height:auto;}
#main_ > article > section > section > h1 {font-size:1.2rem; font-size:3.75vw;}
#main_ > article > section > section > h1 > i {font-size:3.6rem; font-size:11.25vw;}
#main_ > article > section > section > p {display:table; margin:0 auto; max-width:85%; text-align:left;}
#main_ > article > section > section > p br {display:none;}

#main_ > article > section > small {width:auto; position:static; margin:2em 0 -2em; padding:0; font-size:0.8rem; font-size:2.5vw; text-align:right;}

#main_ > article > section > header + * {margin-top:0;}

#main_ #decade-1950s {}
#main_ #decade-1950s > header {display:block; padding:4% 0;}
#main_ #decade-1950s > header > * {}
#main_ #decade-1950s > header > h1 {}
#main_ #decade-1950s > header > ol {margin:0.5em auto 0; padding:0;}

#main_ #year-1950 > h1 {font-size:1.2rem; font-size:3.75vw;}
#main_ #year-1950 > p {max-width:none; text-align:center;}
#main_ #year-1950 > p br {display:block;}
#main_ #year-2007 > h1 {}

#main_ #year-1951   > .image {width:62%;}
#main_ #year-1952   > .image {width:70%;}
#main_ #year-1980   > .image {width:80%;}
#main_ #year-1981-1 > .image {width:40%;}
#main_ #year-1987   > .image {width:80%; margin-top: 10px; margin-bottom: 65px;}
#main_ #year-1990   > .image {width:70%;}
#main_ #year-1991   > .image {width:60%;}
#main_ #year-1992   > .image {width:60%;}
#main_ #year-1993-2 > .image {width:80%;}
#main_ #year-1994   > .image {width:75%;}
#main_ #year-1998   > .image {width:60%;}
#main_ #year-2000   > .image {width:80%;}
#main_ #year-2002   > .image {width:30%;}
#main_ #year-2007   > .image {width:80%;}
#main_ #year-2008-2 > .image {width:35%;}
#main_ #year-2008-5 > .image {width:30%;}
#main_ #year-2016   > .image {width:70%;}
#main_ #year-2019-1 > .image {width:70%;}
#main_ #year-2019-2 > .image {width:70%;}
#main_ #year-2020-1 > .image {width:60%;}
}

@media screen and (max-width:599px) and (-ms-high-contrast:none) {

#main_ > article > section > header > ol, 
#main_ > article > section:nth-of-type(odd) > header > ol, 
#main_ #decade-1950s > header > ol {margin-left:50%; transform:translateX(-50%);}

}