#info:not(.on), #license:not(.on) {
  visibility: hidden;
  opacity: 0;
}

.contents.sub {
  max-width: 1280px;
  z-index: 6;
  position: fixed;
  height: calc(100% - 12em);
  overflow-x: scroll;
  top: 6em;
  left: calc(50% - 640px);
  margin: auto;
  opacity: 1;
  column-count: 2;
  column-fill: auto;
  padding: 2em 0;
  line-height: 1.5;
}

.contents.sub .body {
  padding: 0 2em 2em;
}

.contents.sub h3 {
  font-size: 1em;
  margin: 2em 0 .5em;
}

.contents.sub a {
  text-decoration: none;
  color: #212121;
}

.contents.sub a::before {
  border-bottom: 3px solid #00C853;
  content: "";
}

.analyze .contents.sub a::before {
  border-bottom: 3px solid #4284f3;
}

.contents.sub pre {
  white-space: pre-wrap;
}

.contents.sub h3:first-of-type {
  margin-top: 0;
}

@media handheld, screen and (max-width: 1280px) {
  .contents.sub {
    max-width: 100%;
    left: 0;
    z-index: 32;
    overflow-x: hidden;
    overflow-y: scroll;
    columns: auto;
  }
}

@media handheld, screen and (max-width: 1080px) {
  .contents.sub {
  top: 0;
  height: 100%;
    padding: 0;
  }
}

@media handheld, screen and (max-width: 600px) {
  .contents.sub {}
}