@charset 'utf-8';
body, table, th, td, input, textarea, select, a {
  font-family: Avenir, Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul, li {
  padding: 0;
  list-style: none;
}
header > h1,
p {
  margin: 0;
}
aside {
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
  bottom: -10px;
  display: flex;
  width: 100%;
  max-width: 736px;
  margin: 0 auto;
  background: rgba(255,255,255,.5);
}
aside a {
  display: block;
  width: 50%;
}
aside a > img {
  width: 100%;
}

@media (min-width: 737px) {
  main, header {
    width: 736px;
    margin: 0 auto;
  }
}


#scrollToTop {
  z-index: 200;
  position: fixed;
  bottom: 74px;
  right: 10px;
  width: 50px;
}

#scrollToTop:hover {
  opacity: .7;
  transition: all ease 0.5s;
}

#scrollToTop > img {
  width: 100%;
}