@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

body {
  position: relative;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
  color: #2F2929;
  background: #FFFFFF;
}

.disnon {
  display: none !important;
}

.clearfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

.move {
  opacity: 0;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
}

.active {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

body {
  width: 100%;
  height: 100%;
  background: url(../img/mv.jpg) -3% 0 no-repeat;
  background-size: 50%;
}

.mv {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0;
}
.mv__logo {
  display: block;
  position: absolute;
  padding: 2% 0 0 40%;
  width: 60%;
  z-index: 200;
  transition: .8s;
}
.mv__logo img {
  position: relative;
  width: 100%;
  vertical-align: middle;
}
.mv__before {
  display: block;
  position: absolute;
  padding: 39.84% 0 0 40.93%;
  width: 15.9%;
  z-index: 300;
  transition: .8s;
}
.mv__before img {
  position: relative;
  width: 100%;
  vertical-align: middle;
}
.mv__arrow {
  display: block;
  position: absolute;
  padding: 44.37% 0 0 53.43%;
  width: 7%;
  z-index: 400;
  transition: .8s;
}
.mv__arrow img {
  position: relative;
  width: 100%;
  vertical-align: middle;
  /*
  -moz-transform:rotate(200deg) scale(-1,1);
  -webkit-transform:rotate(200deg) scale(-1,1);
  transform:rotate(200deg) scale(-1,1);
  */
}
.mv__after {
  display: block;
  position: absolute;
  padding: 36.25% 0 0 56.87%;
  width: 19.3%;
  z-index: 300;
  transition: .8s;
}
.mv__after img {
  position: relative;
  width: 100%;
  vertical-align: middle;
}
.mv__special {
  display: block;
  position: relative;
  width: 100%;
  padding: 56% 0 0;
  transition: .8s;
}
.mv__special__bg {
  position: absolute;
  width: 100%;
  padding: 0 0 21% 0;
  text-align: center;
  overflow: hidden;
  z-index: 0;
}
.mv__special__bg img {
  position: absolute;
  width: 120%;
  top: 0;
  vertical-align: middle;
  bottom: 0;
  left: -94px;
  right: 0;
  margin: auto;
}
.mv__special2 {
  display: block;
  position: relative;
  width: 100%;
  transition: .8s;
}
.mv__special3 {
  display: block;
  position: relative;
  width: 100%;
  transition: .8s;
}
.mv__text1 {
  display: block;
  position: absolute;
  padding: 3% 0 3% 3%;
  width: 25%;
  z-index: 400;
}
.mv__text1 img {
  position: relative;
  width: 100%;
  vertical-align: middle;
}
.mv__text2 {
  display: block;
  position: absolute;
  padding: 46.87% 0 0 1.4%;
  width: 20.93%;
  z-index: 400;
  transition: .8s;
}
.mv__text2 img {
  position: relative;
  width: 100%;
  vertical-align: middle;
}
.mv__text3 {
  display: block;
  position: absolute;
  padding: 41.87% 0 0 75%;
  width: 25%;
  z-index: 400;
  transition: .8s;
}
.mv__text3 img {
  position: relative;
  width: 100%;
  vertical-align: middle;
}
.mv__play {
  display: block;
  position: absolute;
  padding: 4.5%;
  width: 12%;
  z-index: 400;
}
.mv__play img {
  position: relative;
  width: 100%;
  vertical-align: middle;
}
.mv__phone {
  display: block;
  position: absolute;
  padding: 2.9% 0 0 31%;
  width: 31%;
  z-index: 400;
}
.mv__phone img {
  position: relative;
  width: 100%;
  vertical-align: middle;
}
.mv__smork {
  position: absolute;
  top: 0;
  right: 0;
  width: 59%;
  background: url(../img/bg_smork.png) 0 0 no-repeat;
  background-size: cover;
  padding: 49% 0 0;
  margin: -8% 0 0 0;
  z-index: -100;
  transition: .8s;
}

.books {
  display: block;
  position: relative;
  top: 0;
  width: 100%;
  padding: 63% 0 0;
}
.books.second {
  padding: 0;
}
.books object {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin: -2px 0 0;
}
.books object:nth-child(1) {
  margin: 0 0 -1px;
  /*
  -moz-transform: scale(-1,1);
  -webkit-transform: scale(-1,1);
  transform: scale(-1,1);
  */
}
.books__wrap {
  display: block;
  width: 100%;
  background: #F1DFDD;
}
.books__inner {
  width: 100%;
  margin: auto;
}
.books__title {
  display: block;
  padding: 6.21% 19.375% 0 19.375%;
  width: 100%;
  z-index: 400;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: .8s;
}
.books__title img {
  position: relative;
  width: 100%;
  vertical-align: middle;
}
.books__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: end;
  width: 100%;
  padding: 7.6% 0 6.4%;
  z-index: 400;
}
.books__text {
  display: block;
  width: 100%;
  padding: 7% 5.4%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  z-index: 500;
}
.books__text__title {
  font-size: 20px;
  font-size: 1.25rem;
  color: #6D9AB1;
  font-weight: bold;
  padding: 0 0 3.2%;
  transition: .8s;
}
.books__text__auther {
  font-size: 16px;
  font-size: 1rem;
  color: #666666;
  font-weight: bold;
  padding: 0 0 1.4%;
  transition: .8s;
}
.books__text__auther span {
  font-size: 18px;
  font-size: 1.125rem;
  color: #6D9AB1;
}
.books__text__price {
  font-size: 16px;
  font-size: 1rem;
  color: #666666;
  font-weight: bold;
  padding: 0 0 3.2%;
  transition: .8s;
}
.books__text__price span {
  font-size: 18px;
  font-size: 1.125rem;
  color: #6D9AB1;
}
.books__text__price span.tax {
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
}
.books__text__day {
  font-size: 16px;
  font-size: 1rem;
  color: #666666;
  font-weight: bold;
  padding: 0 0 4.0%;
  transition: .8s;
}
.books__text__day span {
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
}
.books__text__detail {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  padding: 0 0 5.6%;
  transition: .8s;
}
.books__text__code {
  padding: 3.19%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF6EF;
  transition: .8s;
}
.books__text__code p {
  color: #666666;
  line-height: 1.5;
  font-size: 14px;
  font-size: 0.875rem;
}
.books__text__button {
  display: block;
  padding: 6.6% 0 0;
  transition: .8s;
}
.books__text__button a {
  display: inline-block;
  font-size: 20px;
  font-size: 1.25rem;
  color: #FFF6EF;
  text-align: center;
  width: 100%;
  margin: auto;
  padding: 3.43% 0;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  transition: box-shadow 0.3s;
  -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2);
  background: #6D9AB1;
}
.books__text__button a:nth-child(2) {
  margin: 3% 0 0;
}
.books__text__button a span {
  display: block;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background: #FFFFFF;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  -webkit-animation: effect-animation 2s;
}
.books__text__button a:hover {
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.6);
}
.books__thumb {
  display: block;
  width: 100%;
  vertical-align: top;
  z-index: 400;
  padding: 0 22%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: .8s;
}
.books__thumb a {
  display: block;
}
.books__thumb img {
  position: relative;
  width: 100%;
  vertical-align: middle;
}
.books__thumb .cover {
  padding-bottom: 5.6%;
}
.books__thumb .cover img {
  position: relative;
  width: 100%;
  vertical-align: middle;
  transition: box-shadow 0.3s;
  -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes effect-animation {
  from {
    -webkit-transform: scale(1);
    opacity: 0.4;
  }
  to {
    -webkit-transform: scale(100);
    opacity: 0;
  }
}
.point {
  padding: 6.31% 0 4.22%;
}
.point__inner {
  display: block;
  width: 100%;
  margin: auto;
}
.point__emblem {
  width: 100%;
}
.point__emblem__item {
  text-align: center;
  vertical-align: middle;
  transition: .8s;
  padding: 0 4%;
}
.point__emblem__item img {
  width: 100%;
}
.point__text {
  text-align: center;
  padding: 6.66% 3.33% 0;
  transition: .8s;
}
.point__text p {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.275;
}
.point__thumb {
  text-align: center;
  padding: 4.74% 1.14% 4.47% 4.74%;
  transition: .8s;
}
.point__thumb img {
  display: block;
  width: 100%;
}
.point__amazon {
  font-size: 12px;
  font-size: 0.75rem;
  color: #CCCCCC;
  text-align: left;
  padding: 2% 4% 4%;
}

.insta {
  display: block;
  width: 100%;
  background: url(../img/bg_insta.jpg) 100% 0 no-repeat;
  background-size: cover;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.insta__inner {
  display: block;
  width: 100%;
  margin: auto;
}
.insta__content {
  background: rgba(255, 255, 255, 0.8);
}
.insta__title {
  display: block;
  width: 100%;
  padding: 8.5% 8.9% 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: .8s;
}
.insta__title img {
  position: relative;
  width: 100%;
  vertical-align: middle;
}
.insta__moviewrap {
  display: block;
  width: 100%;
  padding: 5.43% 4% 7.97%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: .8s;
}
.insta__movie {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 0 0 124.5%;
  overflow: hidden;
  vertical-align: middle;
}
.insta__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.insta__intro {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: left;
  padding: 6.66% 4% 0;
}
.insta__intro li {
  display: block;
  position: relative;
  padding: 0 0 2.19%;
  transition: .8s;
}
.insta__intro p {
  font-size: 24px;
  font-size: 1.5rem;
  color: #DE849D;
  transition: .8s;
}
.insta__text {
  display: block;
  vertical-align: middle;
  padding: 5.43% 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
.insta__text span {
  color: #6D9AB1;
  font-weight: bold;
}
.insta__text__follow {
  display: block;
  font-size: 24px;
  font-size: 1.5rem;
  color: #DE849D;
  padding: 4.3% 0 0;
  font-weight: bold;
  text-align: center;
  line-height: 1.0;
}
.insta__text__follow span {
  font-size: 18px;
  font-size: 1.125rem;
  color: #2F2929;
}
.insta__text__circulation {
  display: block;
  font-size: 24px;
  font-size: 1.5rem;
  color: #DE849D;
  padding: 2.3% 0 6.3%;
  font-weight: bold;
  text-align: center;
  line-height: 1.0;
}
.insta__text__circulation span {
  font-size: 18px;
  font-size: 1.125rem;
  color: #2F2929;
}

.profile__inner {
  display: block;
  width: 100%;
  margin: auto;
}
.profile__title {
  display: block;
  width: 100%;
  padding: 8.5% 19.375% 2%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: .8s;
}
.profile__title img {
  position: relative;
  width: 100%;
  vertical-align: middle;
}
.profile__content {
  display: block;
  width: 100%;
}
.profile__thumb {
  display: block;
  width: 100%;
  vertical-align: middle;
  padding: 1% 15.65% 7.37% 14.33%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: .8s;
}
.profile__thumb img {
  position: relative;
  width: 100%;
  vertical-align: middle;
}
.profile__text {
  display: block;
  width: 100%;
  vertical-align: middle;
  padding: 0 4% 7.37%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.profile__text__title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.275;
  padding: 0 0 3%;
  transition: .8s;
}
.profile__text p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.275;
  transition: .8s;
}

.abroad {
  display: block;
  position: relative;
  width: 100%;
  padding: 4% 4% 6.66%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.abroad__inner {
  width: 100%;
  margin: auto;
}
.abroad__detail {
  display: block;
  width: 100%;
  padding: 1.58% 0;
}
.abroad__thumb {
  display: block;
  width: 100%;
  vertical-align: top;
  padding-bottom: 4%;
  transition: .8s;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.abroad__thumb img {
  width: 100%;
}
.abroad__text {
  ddisplay: block;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
.abroad__text__inner {
  padding: 9%;
  background: #92d3cb;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  vertical-align: middle;
}
.abroad__text__title {
  font-size: 16px;
  font-size: 1rem;
  color: #000;
  font-weight: bold;
  padding: 0 0 3%;
  transition: .8s;
}
.abroad__text__detail {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.275;
  transition: .8s;
}

footer {
  display: block;
  text-align: center;
  font-size: 10px;
  font-size: 0.625rem;
  padding: 8px 0;
}

#pageTop {
  position: fixed;
  right: 2%;
  bottom: 4%;
  width: 16%;
  z-index: 2000;
}
#pageTop img {
  width: 100%;
}

/* ------------------------------------ */
/* PC					*/
/* ------------------------------------ */
@media all and (min-width: 920px) {
  body {
    width: 100%;
    background: url(../img/mv.jpg) 4% 0 no-repeat;
    background-size: 47.9%;
  }

  .mv {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0;
  }
  .mv__logo {
    display: block;
    position: absolute;
    padding: 2.67% 0 0 51.97%;
    width: 39.56%;
    z-index: 200;
  }
  .mv__logo img {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }
  .mv__before {
    display: block;
    position: absolute;
    padding: 29.47% 0 0 47.91%;
    width: 11.92%;
    z-index: 300;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .mv__before img {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }
  .mv__arrow {
    display: block;
    position: absolute;
    padding: 32.76% 0 0 57.39%;
    width: 5.62%;
    z-index: 400;
  }
  .mv__arrow img {
    position: relative;
    width: 100%;
    vertical-align: middle;
    -moz-transform: rotate(0deg) scale(1, 1);
    -webkit-transform: rotate(0deg) scale(1, 1);
    transform: rotate(0deg) scale(1, 1);
  }
  .mv__after {
    display: block;
    position: absolute;
    padding: 26.71% 0 0 60.15%;
    width: 15.15%;
    z-index: 300;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .mv__after img {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }
  .mv__special {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
  }
  .mv__special__bg {
    position: absolute;
    width: 18.85%;
    padding: 27.72% 0 0 74.8%;
    z-index: 300;
  }
  .mv__special__bg img {
    position: relative;
    width: 100%;
    vertical-align: middle;
    left: 0;
  }
  .mv__special2 {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
  }
  .mv__special3 {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
  }
  .mv__text1 {
    display: block;
    position: absolute;
    padding: 30.5% 0 0 79.16%;
    width: 10.52%;
    z-index: 400;
  }
  .mv__text1 img {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }
  .mv__text2 {
    display: block;
    position: absolute;
    padding: 0 0 0 0.2%;
    width: 13.12%;
    z-index: 500;
  }
  .mv__text2 img {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }
  .mv__text3 {
    display: block;
    position: absolute;
    padding: 28.8% 0 0 76.92%;
    width: 17.34%;
    z-index: 400;
  }
  .mv__text3 img {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }
  .mv__text3 a:hover {
    opacity: 0.6;
  }
  .mv__play {
    display: block;
    position: absolute;
    padding: 38.59% 0 0 78.07%;
    width: 5.52%;
    z-index: 400;
  }
  .mv__play img {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }
  .mv__phone {
    display: block;
    position: absolute;
    padding: 37.28% 0 0 79%;
    width: 10.52%;
    z-index: 400;
  }
  .mv__phone img {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }
  .mv__smork {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/bg_smork.png) 0 0 no-repeat;
    background-size: contain;
    width: 55%;
    padding: 0 0 41.56%;
    margin: -9% 0 0;
    z-index: 100;
  }

  .books {
    display: block;
    position: relative;
    top: 0;
    width: 100%;
    padding: 50% 0 0;
  }
  .books.second {
    padding: 0;
  }
  .books object {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin: -2px 0 0;
  }
  .books object:nth-child(1) {
    margin: 0 0 -1px;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .books__wrap {
    display: block;
    width: 100%;
    background: #F1DFDD;
  }
  .books__inner {
    width: 100%;
    max-width: 1140px;
    margin: auto;
  }
  .books__title {
    display: block;
    padding: 4.21% 0 0 32.46%;
    width: 34.47%;
    z-index: 400;
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    box-sizing: initial;
  }
  .books__title img {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }
  .books__detail {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 4.6% 0 6.4%;
    z-index: 400;
  }
  .books__text {
    display: table-cell;
    width: 60%;
    padding: 1.2% 5.2% 0 3.33%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    z-index: 500;
  }
  .books__text__title {
    font-size: 32px;
    font-size: 2rem;
    color: #6D9AB1;
    font-weight: bold;
    padding: 0 0 2.8%;
  }
  .books__text__auther {
    font-size: 20px;
    font-size: 1.25rem;
    color: #666666;
    font-weight: bold;
    padding: 0 0 1.4%;
  }
  .books__text__auther span {
    font-size: 24px;
    font-size: 1.5rem;
    color: #6D9AB1;
  }
  .books__text__price {
    font-size: 20px;
    font-size: 1.25rem;
    color: #666666;
    font-weight: bold;
    padding: 0 0 3.2%;
  }
  .books__text__price span {
    font-size: 24px;
    font-size: 1.5rem;
    color: #6D9AB1;
  }
  .books__text__price span.tax {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: normal;
  }
  .books__text__day {
    font-size: 22px;
    font-size: 1.375rem;
    color: #666666;
    font-weight: bold;
    padding: 0 0 4.0%;
  }
  .books__text__day span {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: normal;
  }
  .books__text__detail {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    padding: 0 0 5.6%;
  }
  .books__text__code {
    padding: 3.19%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFF6EF;
  }
  .books__text__code p {
    color: #666666;
    line-height: 1.5;
  }
  .books__text__button {
    display: block;
    padding: 5.6% 3.51% 0;
  }
  .books__text__button a {
    display: inline-block;
    font-size: 24px;
    font-size: 1.5rem;
    color: #FFF6EF;
    text-align: center;
    width: 45.62%;
    margin: auto;
    padding: 3.43% 0;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    transition: box-shadow 0.3s;
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2);
    background: #6D9AB1;
  }
  .books__text__button a:nth-child(1) {
    margin: 0 2.9% 0 0;
  }
  .books__text__button a:nth-child(2) {
    margin: 0 0 0 2.9%;
  }
  .books__text__button a span {
    display: block;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    -webkit-animation: effect-animation 2s;
  }
  .books__text__button a:hover {
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.6);
  }
  .books__thumb {
    display: table-cell;
    width: 40%;
    vertical-align: top;
    z-index: 400;
    padding: 0 3.33% 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .books__thumb a {
    display: block;
  }
  .books__thumb img {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }
  .books__thumb .cover {
    padding-bottom: 5.6%;
  }
  .books__thumb .cover img {
    position: relative;
    width: 100%;
    vertical-align: middle;
    transition: box-shadow 0.3s;
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2);
  }
  .books__thumb .cover:hover img {
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.6);
  }

  @-webkit-keyframes effect-animation {
    from {
      -webkit-transform: scale(1);
      opacity: 0.4;
    }
    to {
      -webkit-transform: scale(100);
      opacity: 0;
    }
  }
  .point {
    padding: 6.31% 0 4.22%;
  }
  .point__inner {
    display: block;
    width: 100%;
    max-width: 1140px;
    margin: auto;
  }
  .point__emblem {
    display: table;
    talbe-layout: fixed;
    width: 100%;
  }
  .point__emblem__item {
    display: table-cell;
    text-align: center;
    width: 50%;
    vertical-align: top;
  }
  .point__emblem__item img {
    width: 100%;
  }
  .point__emblem__item:nth-child(1) {
    padding: 0 4.21%  0 4.65%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .point__emblem__item:nth-child(2) {
    padding: 0 5.96%  0 4.12%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .point__text {
    text-align: center;
    padding: 6.66% 0 0;
  }
  .point__text p {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: bold;
  }
  .point__text p:nth-child(1) {
    padding: 0 0 2.19%;
  }
  .point__thumb {
    text-align: center;
    padding: 0 1.14% 0 4.74%;
  }
  .point__thumb img {
    display: block;
    width: 100%;
  }
  .point__amazon {
    font-size: 12px;
    font-size: 0.75rem;
    color: #CCCCCC;
    text-align: center;
    padding: 2% 0;
  }

  .insta {
    display: block;
    width: 100%;
    background: url(../img/bg_insta.jpg) 100% 0 no-repeat;
    background-size: cover;
    padding: 5% 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .insta__inner {
    display: block;
    width: 100%;
    max-width: 1104px;
    margin: auto;
  }
  .insta__content {
    background: rgba(255, 255, 255, 0.8);
  }
  .insta__title {
    display: block;
    width: 52.9%;
    padding: 5.25% 23.55% 0;
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    box-sizing: initial;
  }
  .insta__title img {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }
  .insta__moviewrap {
    display: table;
    width: 100%;
    padding: 5.43% 6.88% 7.97%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .insta__movie {
    display: table-cell;
    position: relative;
    width: 32.93%;
    height: 0;
    padding: 0 0 46.8%;
    overflow: hidden;
    vertical-align: middle;
  }
  .insta__movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .insta__intro {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: bold;
    text-align: center;
    padding: 5.43% 4% 0;
    line-height: 1.5;
  }
  .insta__intro li {
    display: block;
    position: relative;
    padding: 0 0 1.58%;
    transition: .8s;
  }
  .insta__intro p {
    font-size: 30px;
    font-size: 1.875rem;
    color: #DE849D;
    transition: .8s;
  }
  .insta__text {
    display: table-cell;
    width: 67%;
    vertical-align: middle;
    padding: 0 0 0 6.16%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    vertical-align: middle;
  }
  .insta__text span {
    color: #6D9AB1;
    font-weight: bold;
  }
  .insta__text__follow {
    display: block;
    font-size: 30px;
    font-size: 1.875rem;
    color: #DE849D;
    padding: 6.3% 0 0;
    font-weight: bold;
    text-align: center;
    line-height: 1.0;
  }
  .insta__text__follow span {
    font-size: 20px;
    font-size: 1.25rem;
    color: #2F2929;
  }
  .insta__text__circulation {
    display: block;
    font-size: 30px;
    font-size: 1.875rem;
    color: #DE849D;
    padding: 2.3% 0 6.3%;
    font-weight: bold;
    text-align: center;
    line-height: 1.0;
  }
  .insta__text__circulation span {
    font-size: 20px;
    font-size: 1.25rem;
    color: #2F2929;
  }

  .profile__inner {
    display: block;
    width: 100%;
    max-width: 1104px;
    margin: auto;
  }
  .profile__title {
    display: block;
    width: 34.47%;
    padding: 10.61% 0 0 32.63%;
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    box-sizing: initial;
  }
  .profile__title img {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }
  .profile__content {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .profile__thumb {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding: 7.89% 4.65% 7.37% 3.33%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .profile__thumb img {
    position: relative;
    width: 100%;
    vertical-align: middle;
  }
  .profile__text {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding: 0 4.03% 0 1.58%;
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    box-sizing: initial;
  }
  .profile__text__title {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: bold;
    line-height: 1.275;
    padding: 0 0 5.79%;
  }
  .profile__text p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }

  .abroad {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 0 6.4%;
  }
  .abroad__inner {
    width: 100%;
    max-width: 1140px;
    margin: auto;
  }
  .abroad__detail {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 1.58% 0;
  }
  .abroad__thumb {
    display: table-cell;
    width: 55%;
    vertical-align: top;
    padding: 0 5.2% 0 3.33%;
    transition: .8s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .abroad__thumb img {
    width: 100%;
  }
  .abroad__text {
    display: table-cell;
    width: 45%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
  }
  .abroad__text__inner {
    padding: 9%;
    background: #92d3cb;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    vertical-align: middle;
  }
  .abroad__text__title {
    font-size: 32px;
    font-size: 2rem;
    color: #000;
    font-weight: bold;
    padding: 0 0 2.8%;
    transition: .8s;
  }
  .abroad__text__detail {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    transition: .8s;
  }

  footer {
    display: block;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 0 0 8px;
  }

  #pageTop {
    position: fixed;
    right: 2%;
    bottom: 100px;
    width: 5%;
    z-index: 2000;
  }
  #pageTop img {
    width: 100%;
  }
}