html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, xmp {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-size: 100%;
}

legend {
  color: #000;
}

#yui3-css-stamp.cssreset {
  display: none;
}

input, select, textarea, button {
  outline: none;
}

body {
  color: #000;
  -webkit-text-size-adjust: 100%;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}
/*# sourceMappingURL=style.css.map */
body {
  margin: 20px auto;
}
.all {
  width: 100%;
  background-color: #000;
}
.wrapper {
  max-width:500px;
  margin: 0 auto;
}
main {
  width: 100%;
  background-color: #FFF;
  position: relative;
  text-align: center;
}
main img {
  width: 100%;
}
main a {
  display: block;
  width: 500px;
  padding: 10px;
  background-color: red;
  border-radius: 50px;
  border: 3px solid red;
  color: #FFF;
  font-size: 2.8rem;
  font-weight: 700;
  position: absolute;
  top: 422px;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0) ;
  z-index: 99;
  text-align: center;
  text-decoration: none;
}

main a:hover {
 background-color: #FFF;
 color: RED;
}