@charset "utf-8";

body {
      background-color: #000000;
      color: #fafafa;
    }

    p {
      color: #fafafa;
    }

    .midas1 {
      /* color: #5e0161; */
      font-size: 150%;
      font-weight: bold;
      /* background-color: yellow; */
    }

    .midas2 {
      /* color: #5e0161; */
      font-size: 100%;
      /* font-weight: bold; */
      background-color: #474747;
    }

    .wrdbrkall {
    word-break: keep-all;
    overflow-wrap: break-word;
    /* overflow-wrap: anywhere; が良い */
    }



a {
  outline-color: transparent;
}

a:link {
  color: #1E90FF;
}

a:visited {
  color: #72b7fc
}

a:focus {
  text-decoration: none;
  /* background: #59425e; */
}

a:hover {
  text-decoration: none;
  background: #3a3a3a;
}

a:active {
  background: #4b1930;
  color: #72b7fc;
}


    /* .li-squ {
      list-style-type: square;
  } */



/* CSSに追加＠mediaで追記 */

@media (max-width: 768px) {
  body, p {
    /* margin-left: 5vw; */
    /* margin-right: 5vw; */
    font-size: 1em;
  }
  img {
    max-width: 100%;
    height: auto;
    /* margin: 0; */
  }
  .midas1 {
    font-size: 1.5em;
    /* padding: 0.3em; */
  }
  .midas2 {
    font-size: 1.2em;
    /* padding: 0.2em; */
  }
  /* リストやdivの余白調整 */
  /* ul, div { */
    /* padding: 1em 0.5em; */
  /* } */
}



@media (min-width: 769px) {
  /* PC向け (好みに応じて) */
  body, p {
    font-size: 1.0em;
  }
  .midas1 {
    font-size: 1.7em;
  }
  .midas2 {
    font-size: 1.3em;
  }
  img {
    max-width: 600px;
    height: auto;
    /* margin: 10px auto; */
  }
}