/*大画面用*/
@media (min-width:860px){
body{margin:30px auto; width:800px;   font: 11pt/120% 'Noto Sans JP', sans-serif;   -webkit-text-size-adjust: none;}

a{color:#0066FF; text-decoration: underline;}

div.updated{font-size:11pt;}

div.maincontents{width:80%; background-color:#FFFFCC; font:11pt/150% 'Noto Sans JP', sans-serif; margin:20px auto; padding:0px 10px; border:2px solid;}

div.newsbar{text-align:center; background-color: #006600; color:#FFFFFF; font:bold 11pt/150% normal; text-align:center; margin:10px auto; padding:10px 10px; border:5px inset #ffffff; width:360px;}

div#menu{width:100%; font: 1em/120% 'Noto Serif JP', serif;
}

div.subcontents{width:80%; margin:0px auto; text-align:left; font:11pt/150%  'Noto Serif JP'; padding:10px}

div.footer{text-align:center;margin:15px 0px; font: 9pt 'Noto Serif JP', serif;}

p{text-indent:1em; margin:0.8em 0;}

.news_date{font-size:11pt;text-align: right;margin:0px;text-decoration: none;}

li{margin:0.5em 0;}

h3{font-size:16pt; text-align:center; text-decoration: underline;margin:0.8em 0;}

h4{font-size:11pt; text-align:left; text-decoration: underline;margin:0.8em 0; color:#CC0000; font-weight:bold;}

h5{font-size:11pt; text-align:left; text-decoration: underline;margin-top:0.8em; margin-bottom:0.3em; color:black; font-weight:bold;}

hr{margin: 0 5px;}

div.gallerybox{text-align:center; padding:10px 0px; border: none; width:fit-content;}
.gallery{width:45%;height:auto;display:inline-block;}
.gallery-wide{width:90%;height:auto;display:inline-block;}

div.totop{text-align:center;margin:15px 0px;}

iframe.embed{position:absolute;    top:0;    left:0;    width:100%;    height:100%;}

div.csv2table-div {
}

table.csv2table-table {
  border-collapse   : collapse;
  border-spacing    : 0px;
  margin    : 10px auto;
  max-width: 100%;
  min-width:60%;
}

th.csv2table-table-th{
  border-color      : #eee #999 #777 #bbb;
  border-style      : none;
  border-width      : 1px;
  background-color  : #FFCC66;
  padding           : 12px;
  font              : bold 11pt/120% 'Noto Sans JP', sans-serif ;
  text-align        : center;
}

td.csv2table-table-td{
  border-color      : #eee #999 #777 #bbb;
  border-style      : none;
  border-width      : 1px;
  padding           : 12px;
  font              : 11pt/120% 'Noto Serif JP', serif;
  text-align        : left;
}

dt{font-weight:bold; margin-top:10px;}
dd{margin-bottom:10px;}

code{display:block; background-color:blue; border:solid 1px #00FFFF; color:white; padding:10px; margin-top:5px; margin-bottom:5px;}
pre{display:inline;}
}

/* 以下小画面用 */
@media (max-width:860px){
body{margin:30px 0px; width:100%;   font: 1em/120% 'Noto Sans JP', sans-serif;   -webkit-text-size-adjust: none;}

a{color:#0066FF; text-decoration: underline;}

div.updated{font-size:1em;}

div.maincontents{width:80%; background-color:#FFFFCC; font:1em/150% 'Noto Sans JP', sans-serif; margin:20px auto; padding:0px 10px; border:2px solid;}

div.newsbar{text-align:center; background-color: #006600; color:#FFFFFF; font:bold 1em/150% normal; text-align:center; margin:10px auto; padding:10px 10px; border:5px inset #ffffff; width:360px;}

div#menu{width:100%; font: 11pt/120% 'Noto Serif JP', serif;
}

div.subcontents{width:80%; margin:0px auto; text-align:left; font:1em  'Noto Serif JP'; padding:10px}

div.footer{text-align:center;margin:1em 0px; font: 0.8em 'Noto Serif JP', serif;}

p{text-indent:1em; margin:0.8em 0;}

.news_date{font-size:1em;text-align: right;margin:0px;text-decoration: none;}

li{margin:0.5em 0;}

h3{font-size:1.4em; text-align:center; text-decoration: underline;margin:0.8em 0;}

h4{font-size:1em; text-align:left; text-decoration: underline;margin:0.8em 0; color:#CC0000; font-weight:bold;}

h5{font-size:1em; text-align:left; text-decoration: underline;margin-top:0.8em; margin-bottom:0.3em; color:black; font-weight:bold;}

hr{ margin: 0 5px;}

div.gallerybox{text-align:center; padding:10px 0px; border: none; width:fit-content;}
.gallery{width:45%;height:auto;display:inline-block;}
.gallery-wide{width:90%;height:auto;display:inline-block;}

div.totop{text-align:center;margin:1em 0px;}

iframe.embed{position:absolute;    top:0;    left:0;    width:100%;    height:100%;}

div.csv2table-div {
}

table.csv2table-table {
  border-collapse   : collapse;
  border-spacing    : 0px;
  margin    : 10px auto;
  max-width: 95%;
  min-width:60%;
}

th.csv2table-table-th{
  border-color      : #eee #999 #777 #bbb;
  border-style      : none;
  border-width      : 1px;
  background-color  : #FFCC66;
  padding           : 0.8em;
  font              : bold 1em/120% 'Noto Sans JP', sans-serif ;
  text-align        : center;
}

td.csv2table-table-td{
  border-color      : #eee #999 #777 #bbb;
  border-style      : none;
  border-width      : 1px;
  padding           : 0.8em;
  font              : 1em/120% 'Noto Serif JP', serif;
  text-align        : left;
}

dt{font-weight:bold; margin-top:10px;}
dd{margin-bottom:10px;}

code{display:block; background-color:blue; border:solid 1px #00FFFF; color:white; padding:0.8em; margin-top:5px; margin-bottom:5px;}
pre{display:inline;}
}