.Novel .m-container {
  display: block;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  height: 80%; }
  .Novel .m-container .m-page_left,
  .Novel .m-container .m-page_right {
    border: 1px #A6A4A9 solid;
    width: 50%;
    height: 100%;
    position: relative;
    box-shadow: 0px 0px 6px 3px #E4A53C; }
    .Novel .m-container .m-page_left .m-page_count,
    .Novel .m-container .m-page_right .m-page_count {
      display: block;
      position: absolute;
      -webkit-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
      top: 100%;
      left: 50%; }
    .Novel .m-container .m-page_left .m-move_page,
    .Novel .m-container .m-page_right .m-move_page {
      z-index: 800;
      width: 150px;
      height: 100%;
      cursor: pointer; }
      .Novel .m-container .m-page_left .m-move_page.is-max,
      .Novel .m-container .m-page_right .m-move_page.is-max {
        width: 100%; }
    .Novel .m-container .m-page_left .m-main,
    .Novel .m-container .m-page_right .m-main {
      position: absolute;
      top: 15px;
      right: 15px;
      bottom: 28px;
      left: 15px;
      overflow-x: hidden;
      overflow-y: auto; }
      .Novel .m-container .m-page_left .m-main .m-cover_title,
      .Novel .m-container .m-page_right .m-main .m-cover_title {
        display: block;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        white-space: nowrap;
        text-align: center;
        width: 80%;
        font-family: 'mSimpleRoundFont';
        font-size: 1.5em;
        color: #e7b2c6;
        text-shadow: 0px 0px 5px #e7b2c6;
        box-shadow: 0 9px 12px -9px #e7b2c6; }
      .Novel .m-container .m-page_left .m-main .m-title,
      .Novel .m-container .m-page_right .m-main .m-title {
        color: #e7b2c6;
        font-size: 1em;
        margin-bottom: 10px; }
      .Novel .m-container .m-page_left .m-main .m-text,
      .Novel .m-container .m-page_right .m-main .m-text {
        font-size: 0.9em;
        padding-left: 8px;
        line-height: 25px;
        white-space: normal; }
      .Novel .m-container .m-page_left .m-main .m-end,
      .Novel .m-container .m-page_right .m-main .m-end {
        margin-top: 10px;
        text-align: right; }
      .Novel .m-container .m-page_left .m-main .m-bottom,
      .Novel .m-container .m-page_right .m-main .m-bottom {
        color: #e7b2c6;
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: right; }
      .Novel .m-container .m-page_left .m-main rt,
      .Novel .m-container .m-page_right .m-main rt {
        color: #A6A4A9; }
  .Novel .m-container .m-page_left {
    background: url("../img/book/bg.png") left center no-repeat; }
    .Novel .m-container .m-page_left .m-move_page {
      display: block;
      position: absolute;
      top: 0;
      left: 0; }
  .Novel .m-container .m-page_right {
    background: url("../img/book/bg.png") right center no-repeat; }
    .Novel .m-container .m-page_right .m-move_page {
      display: block;
      position: absolute;
      top: 0;
      right: 0; }
  .Novel .m-container.is-anime {
    display: none !important; }
    .Novel .m-container.is-anime .m-page_left_animation, .Novel .m-container.is-anime .m-page_right_animation {
      position: absolute; }
    .Novel .m-container.is-anime .m-page_left_animation {
      left: 0%;
      -webkit-transform-origin: right;
              transform-origin: right; }
    .Novel .m-container.is-anime .m-page_right_animation {
      left: 50%;
      -webkit-transform-origin: left;
              transform-origin: left;
      -webkit-transform: rotateY(179deg);
              transform: rotateY(179deg); }
    .Novel .m-container.is-anime.isAnimating {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important; }
      .Novel .m-container.is-anime.isAnimating .isNext.m-page_left_animation {
        -webkit-animation: getNextPageLeftPage 1s ease 1;
                animation: getNextPageLeftPage 1s ease 1; }
      .Novel .m-container.is-anime.isAnimating .isNext.m-page_right_animation {
        -webkit-animation: getNextPageRightPage 1s ease 1;
                animation: getNextPageRightPage 1s ease 1; }
      .Novel .m-container.is-anime.isAnimating .isPrev.m-page_left_animation {
        -webkit-animation: getPrevPageLeftPage 1s ease 1;
                animation: getPrevPageLeftPage 1s ease 1; }
      .Novel .m-container.is-anime.isAnimating .isPrev.m-page_right_animation {
        -webkit-animation: getPrevPageRightPage 1s ease 1;
                animation: getPrevPageRightPage 1s ease 1; }

@-webkit-keyframes getPrevPageLeftPage {
  0% {
    -webkit-transform: perspective(1200px) rotateY(0deg);
            transform: perspective(1200px) rotateY(0deg);
    z-index: 2000; }
  100% {
    -webkit-transform: perspective(1200px) rotateY(180deg);
            transform: perspective(1200px) rotateY(180deg);
    z-index: 1000; } }

@keyframes getPrevPageLeftPage {
  0% {
    -webkit-transform: perspective(1200px) rotateY(0deg);
            transform: perspective(1200px) rotateY(0deg);
    z-index: 2000; }
  100% {
    -webkit-transform: perspective(1200px) rotateY(180deg);
            transform: perspective(1200px) rotateY(180deg);
    z-index: 1000; } }

@-webkit-keyframes getPrevPageRightPage {
  0% {
    -webkit-transform: perspective(1200px) rotateY(-180deg);
            transform: perspective(1200px) rotateY(-180deg);
    z-index: 1000; }
  100% {
    -webkit-transform: perspective(1200px) rotateY(0deg);
            transform: perspective(1200px) rotateY(0deg);
    z-index: 2000; } }

@keyframes getPrevPageRightPage {
  0% {
    -webkit-transform: perspective(1200px) rotateY(-180deg);
            transform: perspective(1200px) rotateY(-180deg);
    z-index: 1000; }
  100% {
    -webkit-transform: perspective(1200px) rotateY(0deg);
            transform: perspective(1200px) rotateY(0deg);
    z-index: 2000; } }

@-webkit-keyframes getNextPageLeftPage {
  0% {
    -webkit-transform: perspective(1200px) rotateY(180deg);
            transform: perspective(1200px) rotateY(180deg);
    z-index: 1000; }
  100% {
    -webkit-transform: perspective(1200px) rotateY(0deg);
            transform: perspective(1200px) rotateY(0deg);
    z-index: 2000; } }

@keyframes getNextPageLeftPage {
  0% {
    -webkit-transform: perspective(1200px) rotateY(180deg);
            transform: perspective(1200px) rotateY(180deg);
    z-index: 1000; }
  100% {
    -webkit-transform: perspective(1200px) rotateY(0deg);
            transform: perspective(1200px) rotateY(0deg);
    z-index: 2000; } }

@-webkit-keyframes getNextPageRightPage {
  0% {
    -webkit-transform: perspective(1200px) rotateY(0deg);
            transform: perspective(1200px) rotateY(0deg);
    z-index: 2000; }
  100% {
    -webkit-transform: perspective(1200px) rotateY(-180deg);
            transform: perspective(1200px) rotateY(-180deg);
    z-index: 1000; } }

@keyframes getNextPageRightPage {
  0% {
    -webkit-transform: perspective(1200px) rotateY(0deg);
            transform: perspective(1200px) rotateY(0deg);
    z-index: 2000; }
  100% {
    -webkit-transform: perspective(1200px) rotateY(-180deg);
            transform: perspective(1200px) rotateY(-180deg);
    z-index: 1000; } }
