html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  touch-action: manipulation; }

img, a img {
  border: 0; }

#container {
  width: 640px;
  margin: 0 auto;
  /*	padding-top: 40px;*/
  background: #fff; }

img.fit, video.fit {
  width: 100%;
  height: auto; }

@keyframes subway {
  0% {
    transform: scale(1.05) translate(0, 0); }
  40% {
    transform: scale(1.05) translate(0, 1px); }
  44% {
    transform: scale(1.05) translate(1px, -1px); }
  47% {
    transform: scale(1.05) translate(-1px, 0px); }
  50% {
    transform: scale(1.05) translate(0, 0); }
  90% {
    transform: scale(1.05) translate(-1px, 0); }
  94% {
    transform: scale(1.05) translate(-1px, 1px); }
  97% {
    transform: scale(1.05) translate(0px, -1px); }
  100% {
    transform: scale(1.05) translate(0, 0); } }
#cover {
  overflow: hidden;
  height: 493px; }
  #cover img {
    position: relative;
    top: 0; }

section {
  display: block;
  position: relative;
  line-height: 0; }

#navigation {
  position: relative;
  width: 100%;
  height: 515px; }
  #navigation #navigation-content {
    position: absolute;
    height: 720px;
    top: -205px;
    width: 100%;
    background: url(../img/1-background.png);
    background-repeat: no-repeat;
    background-size: 100% auto; }
  #navigation #page-title {
    position: absolute;
    left: 0;
    top: 45px; }
  #navigation .navigation-button {
    display: block;
    width: 120px;
    height: 36px;
    background: url(../img/1-button.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute; }
    #navigation .navigation-button > img {
      position: relative;
      top: 0;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      transition-timing-function: ease;
      -webkit-transform-origin: 10% 50%;
      -moz-transform-origin: 10% 50%;
      transform-origin: 10% 50%; }
  #navigation .navigation-button:hover > img {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg); }

#author {
  position: relative;
  width: 100%;
  height: 400px; }
  #author #author-content {
    position: absolute;
    height: 582px;
    top: -182px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
    background: url(../img/2-background.png);
    background-repeat: no-repeat;
    background-size: 100% auto; }
  #author .author-part1 {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0; }
  #author .author-part2 {
    position: absolute;
    height: auto;
    bottom: 165px; }
  #author #author-description {
    width: 50%;
    left: 0; }
  #author #author-links {
    width: 238px;
    right: 0; }
    #author #author-links > a > img {
      width: 200px;
      height: 30px;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      transition-timing-function: ease; }
    #author #author-links > a:hover > img {
      -webkit-transform: translate(0, -3px);
      -moz-transform: translate(0, -3px);
      transform: translate(0, -3px); }
  #author #author-english-title {
    position: absolute;
    left: 0;
    bottom: 55px; }

@keyframes floating-book {
  0% {
    transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px); }
  50% {
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px); }
  100% {
    transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px); } }
@keyframes floating-book-shadow {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
#book {
  position: relative;
  width: 100%;
  height: 440px; }
  #book #book-title {
    position: absolute;
    top: -40px; }
  #book #book-cover {
    width: 227px;
    height: 254px;
    position: absolute;
    top: -20px;
    left: 145px; }
    #book #book-cover #book-cover-shadow {
      -webkit-animation: floating-book-shadow 3s ease-in-out infinite;
      -moz-animation: floating-book-shadow 3s ease-in-out infinite;
      animation: floating-book-shadow 3s ease-in-out infinite; }
    #book #book-cover #book-cover-cover {
      position: absolute;
      left: 0;
      top: 0;
      transform: translate(0, 0);
      -webkit-animation: floating-book 3s ease-in-out infinite;
      -moz-animation: floating-book 3s ease-in-out infinite;
      animation: floating-book 3s ease-in-out infinite; }
    #book #book-cover #book-cover-container {
      transition: all 0.3s; }
  #book #book-caption {
    position: absolute;
    top: -20px;
    left: 0; }
  #book #book-intro {
    position: absolute;
    top: 240px;
    left: 0; }

#freegift {
  position: relative; }
  #freegift #freegift-card {
    display: block;
    position: absolute;
    top: 68px;
    left: 68px;
    width: 250px;
    height: 300px; }
    #freegift #freegift-card > img {
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      transition-timing-function: ease; }
    #freegift #freegift-card:hover > img {
      -webkit-transform: translate(0, -5px) rotate(-2deg);
      -moz-transform: translate(0, -5px) rotate(-2deg);
      transform: translate(0, -5px) rotate(-2deg); }
  #freegift #freegift-button {
    border-top: 6px solid #a9cbd2;
    border-bottom: 6px solid #a9cbd2;
    border-left: 7px solid #a9cbd2;
    border-right: 7px solid #a9cbd2;
    display: block;
    position: absolute;
    right: 120px;
    bottom: 66px;
    width: 116px;
    height: 41px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease; }
    #freegift #freegift-button:hover {
      -webkit-transform: translate(0, -2px);
      -moz-transform: translate(0, -2px);
      transform: translate(0, -2px);
      border-color: #5f9fc4; }

#footer {
  position: relative;
  width: 100%;
  height: 793px;
  overflow: hidden; }
  #footer #footer-logo {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 61px;
    left: 0;
    right: 0;
    margin: 0 auto; }
    #footer #footer-logo #footer-logo-bouncer {
      position: relative; }
    #footer #footer-logo img {
      position: relative;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      transition-timing-function: ease; }
    #footer #footer-logo:hover img {
      -webkit-transform: scale(1.05) translate(0, -2px);
      -moz-transform: scale(1.05) translate(0, -2px);
      transform: scale(1.05) translate(0, -2px); }

@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  #container {
    transform: scale(1.2, 1.2);
    transform-origin: 50% 0; } }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  #navigation #navigation-content {
    background-image: url(../img-2x/1-background.png); }
  #navigation .navigation-button {
    background-image: url(../img-2x/1-button.png); }

  #author #author-content {
    background-image: url(../img-2x/2-background.png); } }

/*# sourceMappingURL=style.css.map */