@charset "UTF-8";
@import url("reset.css") screen;
html {
  visibility: hidden;
}
html.wf-active, html.loading-delay {
  visibility: visible;
}
body {
  font-family: Times New Roman, a-otf-ryumin-pr6n, serif;
  font-size: 16px;
  color: #f2f2f2;
  background-color: #000;
  line-height: 2;
  -webkit-text-size-adjust: 100%;
}
a, a:link, a:visited, a:active {
  color: #f2f2f2;
  text-decoration: none;
}
a:hover {
  color: #f2f2f2;
  text-decoration: underline;
}
header {
  background-color: #fff;
  color: #000;
  width: 100%;
  height: 50px;
  line-height: 50px;
  /*
  position: fixed;
  top: 0px;
  left: 0px;
*/
}
header a, header a:link, header a:visited, header a:active {
  color: #000;
  text-decoration: none;
}
header a:hover {
  color: #000;
  text-decoration: underline;
}
nav, main, footer {
  margin: 0 auto;
}
nav {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
nav ul {
  display: table;
  table-layout: auto;
  width: auto;
}
nav ul li {
  display: table-cell;
  white-space: nowrap;
}
nav ul li:first-child {
  text-align: left;
  font-family: Times New Roman, a-otf-midashi-mi-ma31-pr6n, serif;
}
nav ul li:not(:first-child) {
  text-align: right;
  font-family: Times New Roman, a-otf-futo-min-a101-pr6n, serif;
}
nav ul li:nth-child(2) {
  width: 100%;
  padding-right: 20px;
}
nav li:last-child::before {
  content: "|";
  color: #999;
  padding-right: 20px
}
article div:first-child {
  padding-bottom: 20px;
}
article div {
  display: table;
  table-layout: auto;
  width: auto;
}
article div h1, article div h2 {
  display: table-cell;
  white-space: nowrap;
  width: 100%;
}
article div h1 {
  font-size: 20px;
  font-family: Times New Roman, a-otf-futo-min-a101-pr6n, serif;
  text-align: left;
}
article div h2 {
  font-size: 14px;
  color: #999;
  text-align: right;
}
article div p:not(:first-child) {
  padding-top: 0.75em;
}
section dt, section dd {
  padding: 5px 0px;
}
section dd {
  font-size: 18px;
}
section dt {
  font-size: 14px;
  color: #999;
  float: right;
}
footer {
  clear: both;
}
footer, #date, #back {
  font-size: 14px;
  color: #666;
}
footer a, footer a:link, footer a:visited, footer a:active, #back a, #back a:link, #back a:visited, #back a:active {
  color: #666;
  text-decoration: none;
}
footer a:hover, #back a:hover {
  color: #666;
  text-decoration: underline;
}
#notes {
  font-size: 12px;
}
#notes ol {
  padding-top: 30px;
}
.notes {
  font-size: 12px;
  vertical-align: 6px;
}
.hr_article {
  background-color: #333;
  border: none;
  height: 0.5px;
  margin-top: 80px;
}
.underline a, .underline a:link, .underline a:visited, .underline a:active {
  text-decoration: underline;
}
.underline a:hover {
  text-decoration: none;
}
.emphasis {
  text-emphasis-style: circle;
}
@media screen and (max-width :375px) {
  nav, main, footer {
    width: 352px;
  }
}
@media screen and (min-width :376px) and (max-width :429px) {
  nav, main, footer {
    width: 368px;
  }
}
@media screen and (min-width :430px) and (max-width :735px) {
  nav, main, footer {
    width: 400px;
  }
}
@media screen and (max-width :735px) {
  footer {
    padding: 30px 0px 15px;
  }
  article:not(:first-child) {
    padding-top: 60px;
  }
  /*
  main {
    margin-top: 44px;
  }
*/
  main, #date, #back {
    padding-top: 40px;
  }
  #notes {
    padding-top: 20px;
  }
}
@media screen and (min-width :736px) {
  nav, main, footer {
    width: 720px;
  }
  footer {
    padding: 60px 0px 20px;
  }
  article:not(:first-child) {
    padding-top: 80px;
  }
  main {
    /*margin-top: 44px;*/
    padding-top: 80px;
  }
  #notes {
    padding-top: 20px;
  }
  #date, #back {
    padding-top: 40px;
  }
}