html {
  font-size: 1.0rem;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", "メイリオ", "Meiryo", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  height: 100%;
  width: 120rem;
}

header {
  height: 2rem;
  background-color: #dbc8ff;
  width: 120rem;
}

header h5 {
  padding-top: 0.15rem;
  padding-left: 0.2rem;
}

header a {
  text-decoration: none;
  color: black;
  font-size: 0.9rem;
}

/*
@media screen and (max-width: 1920px) {
  header {
    width: 120rem;
  }
}

@media screen and (max-width: 1680px) {
  header {
    width: 105rem;
  }
}

@media screen and (max-width: 1600px) {
  header {
    width: 100rem;
  }
}

@media screen and (max-width: 1440px) {
  header {
    width: 90rem;
  }
}

@media screen and (max-width: 1400px) {
  header {
    width: 87.5rem;
  }
}

@media screen and (max-width: 1366px) {
  header {
    width: 85rem;
  }
}

@media screen and (max-width: 1360px) {
  header {
    width: 85rem;
  }
}

@media screen and (max-width: 1280px) {
  header {
    width: 80rem;
  }
}

@media screen and (max-width: 1152px) {
  header {
    width: 72rem;
  }
}

@media screen and (max-width: 1024px) {
  header {
    width: 64rem;
  }
}

@media screen and (max-width: 800px) {
  header {
    width: 50rem;
  }
}
*/