body {
  width: 1000px;
  margin: 0 auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
header {
  height: 150px;
  background-color: rgb(210, 230, 245);
  display: grid;
  place-items: center;
}
/* #searchbox {
  position: static;
  top: 4px;
  width: 880px;
  padding-right: 10px;
  padding-left: 650px;
  text-align: right;
  line-height: 30px;
  height: 30px;
  font-size: 12px;
}
.img {
  padding-top: 4px;
  margin-top: 2px;
} */
h1 {
  margin: 0 auto;
}

div {
  display: flex;
  /* flex: 1; */
}
main {
  /* display: flex; */
  /* flex: 1; */
  background-color: rgb(255,251,201);
}
.box {
  display: flex;
  width:700px;
  height: 600px;
  background-color: beige;
}
.box1 {
  display: inline-block;
  width:300px;
  height: 200px;
  background-color:  rgb(255,251,201);
}
.box2 {
  display: inline-block;
  width:50px;
  height: 200px;
  background-color:  beige;
}
.box3 {
  display: inline-block;
  width:350px;
  height: 200px;
  background-color:  skyblue;
}
p {
  margin: 0 auto;
  font-size: 16px;
}
aside {
  width: 300px;
  background-color: rgb(250,230,235);
}
h4 {
  margin: 0 auto;
}
.memo1 {
  font-size: 14px;
}
/* footer {
  height: 100px;
} */
#footer {
  width: 1000px;
  font-size: 12px;
  color: #aaa;
  padding: 15px 0 0 15px;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  body {
    width: 100%;
  }

  div {
    flex-direction: column;
  }
  aside {
    width: 100%;
  }
  main {
    order: -1;
  }
}