#top {
  font-size: 30px;
}

.menu {
  width: 240px;
  float: left;
}

#content {
  width: 640px;
  float: left;
  font-family: 'sans-serif';
}

@font-face {
  font-family: '美咲ゴシック';
  src: url('https://cdn.leafscape.be/misaki/misaki_gothic_web.woff2') format("woff2");
}

body {
  font-family: '美咲ゴシック', sans-serif;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}