@charset "UTF-8";

.newmenu.grid {
    display: grid;
    max-width: 500px;
}
@media screen and (min-width: 800px) {
  .newmenu.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 1000px;
  }
}

.js {display: none; }

/* .newopenclose */

.j55 div.newopenclose > div { display: none; }
.j55 div.newopenclose > .open + div { display: block; }
.j55 dl.newopenclose > dd { display: none; }
.j55 dl.newopenclose > .open + dd { display: block; }

.newopenclose>h4[id], .newopenclose>h5[id], .newmenu a[href]  {
  font-weight: normal;
  color: #3355ff;
  width: fit-content;
  padding: 3px 1em !important;
  margin: 1em 0.5em !important;
  min-width: 15em;
  border-radius: 8px;
  border: solid 1px #333;
  box-shadow: 0px 0px 3px #333;
  text-decoration: none;
}
.j55 .newopenclose>[id]::before {
  color: #35f;
  font-weight: bold;
  content: "＋";
  margin-right: 0.6em;
}
.j55 .newopenclose>[id].open::before {
  content: "－";
}
.j55 .newopenclose>[id].noclose::before {
  content: "　";
}
.newopencloseall {
  font-size: 90%;
  font-weight: normal;
  color: #35f;
  display: inline-block;
}

.j55 .newmenu a[href]::before {
  font-weight: bold;
  content: "→";
  margin-right: 0.6em;
}
.j55 .newmenu a[href^="#"]::before {
  content: "↓";
}


ul.newmenu {
  padding: 0;
  margin: 1em 1em;
}
ul.newmenu li {
  margin: 0.7em 0em;
  list-style: none;
}

/* contents-select */

.nojs .contents-select {color: red; }

.hide, .nohide .contents-select, .nojs .contents-select {display: none; }
.hide.show, .nohide .hide, .nojs .hide {display: block;}
span.hider.show, th.hider.show, td.hider.show, tr.hider.show { display: none; }
tr.hide.show, .nohide tr.hide, .nojs tr.hide {display: table-row;}
tr.vis.hide, .nohide tr.vis.hide, .nojs tr.vis.hide {display: table-row; visibility: hidden;}
tr.vis.hide.show, .nohide tr.vis.hide, .nojs tr.vis.hide {display: table-row; visibility: visible;}
.contents-select label {display: inline-block; margin-left: 1.25em; text-indent: -1.25em;}