@charset "utf-8";
.toc dl{
width: 100%;
overflow: hidden;
border: 1px solid #ccc;
border-top: none;
background: #ddd;
}
.toc dd{
border: 1px solid #ccc;
background: #fcfcfc;
margin-bottom: 4px;
}
.toc dd:after{
display: block;
content: "";
clear: both;
}
.toc a.title {
font-size:20px;
font-weight:bold;
color:#555;
text-decoration: none;
}
.toc a.title:visited {
color:#555;
}
#mainContent h3 {
font-size: 16px;
line-height: 1.4;
text-indent: 10px;
width: auto;
height: auto;
margin-bottom: 3px;
border: none;
border-left: 14px solid #f5c521;
color: #e89315;
padding: 5px 0;
background-color: inherit;
}
#mainContent h4 {
    font-size: 15px;
    font-weight: bold;
    text-indent: 10px;
    line-height: 1.4;
    border-left: 12px double #f5c521;
    color: #e89315;
    margin-bottom: 2px;
    padding: 3px 0;
    background-color: inherit;
}
#mainContent h5 {
	display:inline-block;
    font-size: 14px;
    font-weight: bold;
    text-indent: 0;
    margin-bottom: 2px;
    padding: 0 5px;
    background-color: inherit;
	color: #e89315;
}
#mainContent h6 {
	display:inline-block;
    font-size: 14px;
    font-weight: normal;
    text-indent: 0;
    margin-bottom: 0;
    padding: 0 10px;
    background-color: inherit;
    border:none;
	color: #e89315;
}
#mainContent h5 + div.sec, #mainContent h6 + div.sec {
	margin: 0 1em;
}
#mainContent .sec p {
font-size: 14px;
}
#mainContent .sec p.summary {
font-size: 16pt !important;
font-weight: bold !important;
}
#mainContent .sec p em {
color:#e00;
font-style:normal;
}
#mainContent .sec li em {
color:#e00;
font-style:normal;
}
#mainContent .sec blockquote {
font-size: 14px;
margin: 1em 3em;
}

.info {
margin:auto;
width:95%;
}
.info dl {
  display: flex;
  flex-wrap: wrap;
}
.info dt {
  width: 20%;
  padding: 10px;
  background-color: #DADADA;
  margin: 0 0 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info dd {
  width: 70%;
  padding: 10px;
  background-color: #F3F3F3;
  margin: 0 0 5px 0;
}
.tbl {
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 width:100%;
 table-layout: fixed;
}
.tbl th {
 padding: 10px;
 background: #e9faf9;
 border: solid 1px #778ca3;
}
.tbl td {
 padding: 10px 5px;
 border: solid 1px #778ca3;
}
.tbl caption  {
 font-weight:bold;
}
.tbl .widthFixed{
 width:15%
}
.tbl .widthFixed30per{
  width:30%
 }
figure figcaption {
padding:4px;
font-weight:bold;
}
figure ul {
padding:0 2em;
}
figure li {
padding:2px;
}
.neighbor {
display:flex;
justify-content: space-between;
}
.neighbor div {
width:33%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
ul.img-detail-list {
list-style: none;
}
ul.pager {
  text-align:center;
  margin: 1em;
}
ul.pager li {
  display: inline-block;
  padding: 0.2em 0.5em;
}
ul.pager li.on{
  background-color:dodgerblue;
  color: white;
}

@media screen and (max-width:640px) { 
.toc dt {
float: none;
width: 100% !important;
}
.toc dd {
margin-left: 0 !important;
}
}