@charset "utf-8";

/* 適当にコピペした産物。多分無意味 */
@import url('https://fonts.googleapis.com/css?family=Raleway:500,700&text=ABCČĆDĐEFGHIJKLMNOPQRSŠTUVWXYZŽabcčćdđefghijklmnopqrsštuvwxyzž%26%20');
@import url('https://fonts.googleapis.com/css?family=Kosugi&text=%E2%80%9C%E2%80%9D');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,300..700,0..1,-25');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');
@font-face { font-family: "Arial"; src: local("Arial"); unicode-range: U+0020-0039,U+003F-007F; }


/*
background-image:url("./title860150.jpg");
}*/

/* ヘッダ */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; 
  justify-content: space-between;
  z-index: 9999;
  border-bottom-style: solid;
  border-bottom-width: 1;
  border-bottom-color: #CCCCFF;
  background-color:#F0F8FF;
}
.top {
  display: flex block;
  text-align: center;
  vertical-align: middle;
}
.top label {
  display: block;
  margin: 4px 10px 4px 10px;
  padding : 15px;
  line-height: 1;
  color :#fff;
  background : #A0A8EF;
  cursor :pointer;
  border-right-style: solid;
  border-bottom-style: solid;
  border-width: 2;
  border-color: AAA;
}
/* 下線消し */
.top a { 
  text-decoration: none;
}
/* チェックボックス不可視化 */
.top input {
    display: none;
}

.add_menu {
  border: 1px solid #333;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
/*
    display: block;
    margin: 0;
    padding: 0;
    background :#f4f4f4;
    list-style: none;

*/
}

.menu_check:checked + .menu_label + .add_menu {
  height: 100px;
  opacity: 1;
  padding: 10px;
  visibility: visible;
}


/* 本体 */
body {
  background-color:#F0F8FF;
  font-family: 80% "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ ProN W3, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, Sans-Serif;
}

h1 {
}

h2 {
  text-indent: 0em;
  line-height: 1em;
  padding-top: 6em;
  margin-top: -5em;
  padding-bottom: 0em;
}
h3 {
  text-indent: 0em;
  line-height: 0em;
  padding-top: 6em;
  margin-top: -5em;
  padding-bottom: 0em;
}
h4 {
  text-indent: 0em;
  line-height: 0em;
  padding-top: 1em;
  padding-bottom: 0em;
}

p {
  line-height: 2em;
}

p.hl {
  text-indent: 0em;
  font-size: 1.25em;
}


.content {
  display: flex;
  padding-top: 67px;
  margin: 10px;
  max-width: 960px;
  background-color:#F8FCFF;
/*
  justify-content: start;
  width: 760px; 

*/
  overflow: hidden;
  margin: 0 auto; 
}



.main {
  position: relative;
  top:   0px;
  padding-left: 160px;
  max-width: 700px;
  text-indent: 0.8em;
  font-size: 1.05em;
  margin-right: 5%;
  margin-bottom: 50px;
/*
  width: 584px;
  float: right;
overflow-y: scroll;
 */
}

.main hr {
  border-style: solid;
  color: #CCCCFF;
}

/* テーブル */
.main table {
  text-align: center;
  border-style: solid;
  border-collapse: collapse;
  border-width: 1px;
}

.main table th, td {
  border-style: inset;
  border-width: 2px;
  border-color: #aaaaaa;
  padding: 0.4em;
}

.main table thead {
  background-color: #888888;
  color: #ffffff;
}

.main table tbody {
  background-color: #FFFFFF;
}

.main table tr.odd {
  background-color: #F4F4F4;
}

.main table td.text, th.text {
  text-align: left;
}

.main table td.head {
  background-color: #888888;
  color: #ffffff;
}

/* リスト */
.main dl {
  padding-left: 0.5em;
}

.main dl dd {
  text-indent: 0em;
  margin-bottom: 0.5em;
}

.main dl.basic dt {
  font-weight: bold;
}

/* 描画 */
.vector {
  text-indent: 0em;
  line-height: 1em;
  padding-left: 5em;
  font-weight: bold;
  font-family: 80% , ＭＳ ゴシック, MS Gothic, Sans-Serif;
}

/* 注釈 */
.column {
  text-indent: 0em;
  padding-left: 1em;
  padding-top: -1em;
  font-size: 0.8em;
  line-height: 1.5em;
  border-style: solid;
  border-width: 1;
  border-color: CCCCFF;
}


.side {
  position: fixed;
  display: block;
  top-min: 0px;
  left: 0px;
  width: 160px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1;
  border-right-color: CCCCFF;
  background-color:#F0F8FF;
  z-index: 5000;
/*
  float: left;
*/
}

.side ul ul {
  padding-left: 0.5em;
}

nav li {
  display: block;
/*
  cursor: pointer;
  background-color:#C0C8CF;
  border-style: solid:
  border-width: 1;
  border-color: #000000;
*/
}

details li {
  font-size: 0.8em;
}

nav button {
  cursor: pointer;
  background-color:#E0E8EF;

}

details {
  cursor: pointer;
}

/* フレーム用 */
iframe{
  border:none;
  width:100%;
}

iframe.main{
  height:70vh;
}


/* 画像 */
.resizeimage {
   max-width: 800px; /* 最大幅 */
}
.resizeimage img { width: 100%; }