.1310305200100240{
}

.1310305200100240 ul{
list-style: none;
margin: 0;
padding: 0;
}

.1310305200100240title{
font-weight:bold;
}

.1310305200100240sublist{
margin-left: 20px;
}

/* 図表統計 */

div.content{
  margin: 0 auto;
  text-align: center;}

div.content img{
  width:100%;
  max-width:1000px;
}

div.content h4{
  font-weight:bold;
}

/* 一覧へ戻るボタン */
.btn-flat{
  display:block;
  margin: 0;
  right:0;
  border: solid 1px #cccccc;
  border-radius: 18px;
  padding:5px;
  position:relative;
  float:right;
}

.btn-flat:hover{
  background: #e5e5e5;
}

.btn-flat a{
  text-decoration: none;}

.btn-flat-border {
  font-size:15px;
}

/* クリック展開 */
.wrap {
    display: block;
    margin-left: auto;
    margin-right: auto ;
  margin: 2em 0;
  padding: 0;
}

.wrap label {
  display: block;
  padding : 8px;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto ;
  width:30%;
  min-width:500px;
  position: relative;
  color: #000;
  background: #E5E5E5;
  transition: .4s;
}
@media screen and (max-width: 659px) {
.wrap label {
width:90%;
min-width:0;
}}

.wrap label:hover {
  background: #52c3f1;
  color: white;
}

.wrap input[type="checkbox"] {
  display: none;
}

.wrap .content {
  width:100%;
  height: 0;
  padding: 0 20px 0 0;
  overflow: hidden;
  margin-bottom: 10px;
}

@media screen and (min-width: 999px) {
.wrap .content {  max-width:990px;}}

@media screen and (max-width: 998px) {
.wrap .content {
width:100%;
max-width:660px;
margin:0 auto;
}}

@media screen and (max-width: 659px) {
.wrap .content {
width:100%;
max-width:450px;
margin:0 auto;}}

.switch:checked + .content {
  height: auto;
}

div.graph {
  display:inline-block;
  width:100%
  padding:0;
margin:20px 0px 0px 0px;
}

/* 表の横スクロール */
.table-scroll{
 display: inline-block;
overflow:scroll;
/*width:100%;*/
max-height:700px;
  margin:0 auto;
}

@media screen and (min-width: 999px) {
.table-scroll{max-width:960px;}}

@media screen and (max-width: 998px) {
.table-scroll{
max-width:650px;
}}

@media screen and (max-width: 659px) {
.table-scroll{
max-width:440px;
}}

.table-scroll::-webkit-scrollbar{
  width: 10px;
  height: 10px;
}
.table-scroll::-webkit-scrollbar-track{
 background: #fff;
}
.table-scroll::-webkit-scrollbar-thumb {
 background: #999;
}

div.graph table{
/*border-collapse: collapse;*/
border-collapse: separate;
margin:0 auto;
font-size:12px;
white-space: nowrap;
table-layout: auto;
min-width:350px;
max-width:960px;
max-height:700px;
background-color:#fff;
}

div.graph table th,div.graph table td{
  min-height:10px;
  vertical-align: middle;
  padding: 5px 7px;
  border: 1px solid #ccc;
}

div.graph table th{
  width:auto;
border:1px solid #fff;
background-color:#999; /*005ab3*/
color:#fff;
background-clip: padding-box;
}

div.graph table td{
border-bottom:1px solid #ccc;
border-collapse: collapse;
text-align:right;
white-space: normal;
}

/*
div.graph table tr td:nth-child(odd){
background:#e6f2ff;
}
*/

div.graph table tr:nth-child(odd){
  background:#E5E5E5; /*e6f2ff*/
}

div.graph table.a-right td{
text-align:left;
}

div.graph table.vtop td{
vertical-align:top;
}

div.graph table.kaisetsu{
margin-bottom:20px;}

div.graph table.kaisetsu td{
border:none;
border-collapse: collapse;
padding:5px 5px;
text-align:left;
background:none;
white-space: normal;
line-height:12pt;
}

div.graph table.kaisetsu tr:nth-child(odd){
background:none;
}

div.graph table.kaisetsu tr td:nth-child(1){
white-space: nowrap;
}

div.graph p{
margin:5px;
font-size:12px;
}

p.migi{
text-align:right;
margin:0;
padding-right:2%;
}

p.hidari{
text-align:left;
margin:0 auto;
max-width:900px;
font-size:12px;
padding:0 5%;
}

div.graph table th p.hidari{
text-align:left;
margin-right:5%;
margin-bottom:0;
}

div.graph table th.ht000830th{
text-align:left;
margin-right:7px;
}

div.graph table th.ht000830th span{
white-space: nowrap;
width:100%;
font-weight:normal;
color:#fff;
margin-left:7px;
}

/* 先頭行を固定 */
.fixed01,
.fixed02,
.fixed03,
.fixed04,
.fixed05,
.fixed06{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  color: #fff;
  background: #333;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
white-space: nowrap;
  }
}
.fixed01:first-child {
left: 0;
}

.fixed01{
  z-index: 10;
}
.fixed02{
  z-index: 2;
}
.fixed02:first-child {
max-width:60px;
min-width:60px;
white-space: normal;
}

.fixed03{
  z-index: 3;
  top: 41px;
}
.fixed05{
  z-index: 5;
  top: 82px;
}

.fixed04{
  z-index: 1;
  left: 59px;
}

.fixed01[rowspan="2"] {
	top: 0;
	left: 0;
}

.fixed02[colspan="2"] {
	left: 0;
}

.fixed01 p{
margin: 0 5px;
padding:0;
}


.fixed06{
z-index: 2;
white-space: nowrap;
text-align:left;
}

div.graph table .tdw50 th{
}

div.graph table .tdw50 td{
max-width:150px;
white-space: nowrap;
}

div.graph table .tdw50 td.ws-normal{
min-width:150px;
white-space:normal;
}


div.graph table .tdw80 th{
min-width:80px;
}

div.graph table .tdw80 td{
max-width:150px;
white-space: nowrap;
}

div.graph table .tdw80 td.ws-normal{
min-width:150px;
white-space:normal;
}

div.graph table .tdw100 th{
min-width:80px;
}

div.graph table .tdw100 td{
white-space: nowrap;
}


/* 学校沿革誌 本文css */
.sc-about{
width:100%;
margin:0 50px;
display: flex;
padding:0;
}

.sc-about-img{
width:20%;
max-width:100px;

}

.sc-about-img img{
width:100%;
top:0;
}

.sc-about-txt{
width:70%;
top:0;
padding:0;
padding-left:30px;
}

.sc-about-txt h3{
margin:0;
margin-top:5px;
}

.sc-about-txt p{
margin:0;
margin-top:10px;
}

.sc-contents{
width:100%;
margin:0 50px;
}

.sc-subcontents{
width:100%;
margin-left:5%;
margin-bottom:12px;
display:block;
}

.sc-subcontents ul{
list-style: none;
margin: 0;
padding: 0;
margin-left:1%;
}

.sc-subcontents table{
border-collapse:collapse;
 border-spacing:0px;
border:1px solid #767676;
margin:10px;
width:100% auto;
}

.sc-subcontents td{
border:1px solid #767676;
padding:4px 7px;
text-align:center;
}

.sc-subcontents table{
border-collapse:collapse;
 border-spacing:0px;
border:1px solid #767676;
margin:10px;
width:100% auto;
}

.sc-subcontents td{
border:1px solid #767676;
padding:4px 7px;
text-align:center;
}

.sc-contents h3 span, .sc-contents h4 span{font-size:small;}

ul.sc-subunder, ul.sc-subunder-l{
width:100%;
}

ul.sc-subunder li, ul.sc-subunder-l li{
margin: 3px 0px;
}

ul.sc-subunder li p, ul.sc-subunder-l li p{
display:inline-block;
margin: 0;
}

ul.sc-subunder li p:first-child{
width:15%;
margin-right:7px;
vertical-align :top;}

ul.sc-subunder li p:nth-child(2){
width:75%;
}

ul.sc-subunder-l li p:first-child{
width:20%;
margin-right:7px;
vertical-align :top;}

ul.sc-subunder-l li p:nth-child(2){
width:70%;
}

.enkaku{padding-left:33px;}
.kouka{padding-left:25px;}


/* 沿革　巻末の表一覧 */
div.kk-graph,div.un-graph,div.mg-graph,div.bz-graph,div.bx-graph{
  display:inline-block;
/*  width:100% */
  max-width:950px;
  padding:0;
  margin:0 auto;
}

div.kk-graph table,div.un-graph table,div.mg-graph table{
border-collapse: collapse;
margin:0 auto;
margin-bottom:15px;
font-size:12px;
white-space: nowrap;
table-layout: auto;
width:100%;
background-color:#fff;
table-layout: fixed;
max-height:500px;
overflow-y: auto;
}

div.bz-graph h4, div.bx-graph h4{
margin-left:7.5%;}

div.bz-graph table,div.bx-graph table{
border-collapse: collapse;
margin:0 auto;
margin-bottom:15px;
font-size:12px;
white-space: nowrap;
table-layout: auto;
width:85%;
background-color:#fff;
table-layout: fixed;
max-height:500px;
overflow-y: auto;
}

div.kk-graph table tbody,div.un-graph table tbody,div.mg-graph table tbody,div.bz-graph table tbody,div bx-graph table tbody{width:100%;}

div.kk-graph table th,div.kk-graph table td,
div.un-graph table th,div.un-graph table td,
div.mg-graph table th,div.mg-graph table td,
div.bz-graph table th,div.bz-graph table td,
div.bx-graph table th,div.bx-graph table td{
  min-height:10px;
  vertical-align: middle;
  padding: 5px 7px;
  border: 1px solid #ccc;
}

div.kk-graph table th,
div.un-graph table th,
div.mg-graph table th,
div.bz-graph table th,
div.bx-graph table th{
width:auto;
border:1px solid #fff;
background-color:#999; /*005ab3*/
color:#fff;
background-clip: padding-box;
}

div.kk-graph table td,
div.un-graph table td,
div.mg-graph table td,
div.bz-graph table td,
div.bx-graph table td{
border-bottom:1px solid #ccc;
border-collapse: collapse;
text-align:left;
line-height:1.3em;
white-space: normal;
}

/* 表右上の注釈 */
div.kk-graph p,div.un-graph p,div.mg-graph p,div.bz-graph p,div.bx-graph p{
font-size:12px;
text-align:right;}

/*各表ごとの幅指定 */
div.kk-graph table tr th:nth-of-type(1){width:22%;}
div.kk-graph table tr th:nth-of-type(2){width:15%;}
div.kk-graph table tr th:nth-of-type(3){width:20%;}
div.kk-graph table tr th:nth-of-type(4){width:43%;}

div.un-graph table tr th:nth-of-type(1){width:22%;}
div.un-graph table tr th:nth-of-type(2){width:22%;}
div.un-graph table tr th:nth-of-type(3){width:22%;}
div.un-graph table tr th:nth-of-type(4){width:34%;}

div.mg-graph table col.col1 {width:16%;}
div.mg-graph table col.col2 {width:21%;}
div.mg-graph table col.col3 {width:30%;}
div.mg-graph table col.col4 {width:15%;}
div.mg-graph table col.col5 {width:18%;}

div.bz-graph table tr th:nth-of-type(1){width:34%;}
div.bz-graph table tr th:nth-of-type(2){width:12%;}
div.bz-graph table tr th:nth-of-type(3){width:18%;}
div.bz-graph table tr th:nth-of-type(4){width:18%;}
div.bz-graph table tr th:nth-of-type(5){width:18%;}

/* 表内レイアウト調整 */
div.kk-graph table tr td p,div.un-graph table tr td p{
text-align:left;
line-height:1.2em;
margin:5px 0;
}
div.kk-graph table tr td.td1 p.td1-name,
div.un-graph table tr td.td1 p.td1-name {
font-weight: bold;}

div.kk-graph table tr td.td4 span:ntd-of-type(1),
div.un-graph table tr td.td4 span:ntd-of-type(1){
margin-right:15px;}



/* 沿革　巻末の表一覧ここまで */

/* 通史編本文 */
.zuhan{
   margin:0 auto;
   margin-top:-1.55em;
   width:80%;
}

.honbun_img{
   margin:0 auto;
   text-align:center;
   width:100%;
}

.honbun_img img{
    margin-bottom:-1.55em;
    text-align:center;
    width: 250px;
}