@charset "UTF-8";

main {
  width: 690px;
  height: 100%;
  box-sizing: inherit;
  font-family: 'Roboto', sans-serif;
  padding: 45px 0 0;
  margin: 0 auto;
  flex: 1; /* footerを下部に固定 */
}

.fair-contents-alea {
  position: relative;
}

.fair-box-alea {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 90%;

}

.fair-box {
  padding-bottom: 4%;
}

.fair-box img {
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  border-radius: 4px;

}

@media screen and (max-width: 690px) {

  main {
    width: 100%;
  }

}