a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
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,
td,
th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle;
}

blockquote,
q {
  quotes: none;
}

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

a img {
  border: none;
}

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

*,
html {
  font-family: Meiryo UI!important;
}

a {
  text-decoration: none;
}

button,
input {
  outline: none;
  border: 0;
}

button {
  background: transparent;
}

body,
html {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#superContainer {
  height: 100%;
  position: relative;
  touch-action: none;
}

.fp-section {
  position: relative;
  box-sizing: border-box;
}

.fp-slide {
  float: left;
}

.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: all .3s ease-out;
}

.fp-section.fp-table,
.fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -0.19791667rem;
}

.fp-controlArrow.fp-prev {
  left: 0.078125rem;
  width: 0;
  border-width: 0.20052083rem 0.17708333rem 0.20052083rem 0;
  border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
  right: 0.078125rem;
  border-width: 0.20052083rem 0 0.20052083rem 0.17708333rem;
  border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
  overflow: scroll;
}

.fp-notransition {
  transition: none!important;
}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -0.16666667rem;
  top: 50%;
  opacity: 1;
}

#fp-nav.right {
  right: 0.08854167rem;
}

#fp-nav.left {
  left: 0.08854167rem;
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
}

.fp-slidesNav.bottom {
  bottom: 0.08854167rem;
}

.fp-slidesNav.top {
  top: 0.08854167rem;
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 0.07291667rem;
  height: 0.06770833rem;
  margin: 0.03645833rem;
  position: relative;
}

.fp-slidesNav ul li {
  display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
  background: #303330;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  top: 0.01041667rem;
  left: 0.01041667rem;
  width: 0.04166667rem;
  height: 0.04166667rem;
  border: 0.00520833rem solid #000;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -0.01041667rem;
  color: #fff;
  font-size: 0.07291667rem;
  font-family: arial,helvetica,sans-serif;
  white-space: nowrap;
  max-width: 1.14583333rem;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
}

#fp-nav ul li:hover .fp-tooltip {
  transition: opacity .2s ease-in;
  width: auto;
  opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
  right: 0.10416667rem;
}

#fp-nav ul li .fp-tooltip.left {
  left: 0.10416667rem;
}

.swiper-container {
  margin: 0 auto;
  list-style: none;
  padding: 0;
}

.swiper-wrapper {
  position: absolute;
  top: 1.11979167rem;
}

.swiper-slide {
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
  touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
  bottom: 0;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 0.05208333rem;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 0.05208333rem;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  transition: opacity .3s;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0.03125rem 0;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 0.04166667rem;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s,top .2s;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.02083333rem;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s,left .2s;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s,right .2s;
}

.swiper-pagination-progressbar {
  background: rgba(0,0,0,.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 0.02083333rem;
  left: 0;
  top: 0;
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 0.02083333rem;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0,0%,100%,.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0,0,0,.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-pagination-lock,
.swiper-scrollbar-lock {
  display: none;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 6.25rem;
}

body {
  background-color: #1e1e1e;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 0.140625rem;
  height: 0.22916667rem;
  margin-top: -0.11458333rem;
  z-index: 10;
  cursor: pointer;
  background-size: 0.140625rem 0.22916667rem;
  background-position: 50%;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
  left: 0.46875rem;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
  right: 0.46875rem;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s;
  transform: translateZ(0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0.05208333rem;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullet {
  width: 0.04166667rem;
  height: 0.04166667rem;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 0.05208333rem;
  top: 50%;
  transform: translate3d(0,-50%,0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0.02604167rem 0;
  display: block;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.02604167rem;
}

.swiper-pagination-progress {
  background: rgba(0,0,0,.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progress {
  width: 100%;
  height: 0.02083333rem;
  left: 0;
  top: 0;
}

.swiper-container-vertical>.swiper-pagination-progress {
  width: 0.02083333rem;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: hsla(0,0%,100%,.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.swiper-container-3d {
  -o-perspective: 6.25rem;
  perspective: 6.25rem;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent);
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 6.25rem;
}

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(0.26041667rem);
  filter: blur(0.26041667rem);
  z-index: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-scrollbar {
  border-radius: 0.05208333rem;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 0.015625rem;
  z-index: 50;
  height: 0.02604167rem;
  width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 0.015625rem;
  top: 1%;
  z-index: 50;
  width: 0.02604167rem;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,.5);
  border-radius: 0.05208333rem;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 0.21875rem;
  height: 0.21875rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.109375rem;
  margin-top: -0.109375rem;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
  animation: swiper-preloader-spin 1s steps(12) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:0.07291667rem;color:#000;margin:0;padding:0}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn)}}@keyframes swiper-preloader-spin{to{transform:rotate(1turn)}}.layer-mask{width:100%;height:100%;opacity:.7;transition:all .5s;background-color:#3e3e3e;position:absolute;left:0;top:0;right:0}.swiper-slide-active .layer-mask{display:none}.pc-banner{width:100%;float:left}@media screen and (max-width:3.47916667rem){.pc-banner{background-size:auto 100%}}.swiper-container{width:100%;margin:0.18229167rem 0}@media screen and (max-width:3.47916667rem){.swiper-container{margin:0.10416667rem 0 0.078125rem}}.swiper-slide{-webkit-transition:transform 1s;-moz-transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;transform:scale(.85);margin-top:0.36458333rem;margin-bottom:0.36458333rem}@media screen and (max-width:3.47916667rem){.swiper-slide{transform:scale(.97)}}.swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1.15);z-index:1002}@media screen and (max-width:3.47916667rem){.swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(.97)}}.none-effect{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none}.swiper-slide a{background:#fff;display:block;border-radius:0.01041667rem}@media screen and (min-width:3.47916667rem){.swiper-slide a:after{top:0;box-shadow:0 0.01041667rem 0.03125rem rgba(0,0,0,.3);box-shadow:0 0.02083333rem 0.10416667rem 0 rgba(0,0,0,.3)}.swiper-slide-active a:before,.swiper-slide a:after{position:absolute;left:0;display:block;box-sizing:border-box;content:"";width:100%;height:100%;border-radius:0.01041667rem}.swiper-slide-active a:before{top:2.13541667rem;z-index:10002}}.swiper-slide-active a:after{background:none}@media screen and (max-width:3.47916667rem){.swiper-slide a{padding:0.02604167rem;border-radius:0.01041667rem}}.swiper-slide img{width:100%;border-radius:0.02604167rem;display:block;height:100%;border:none}@media screen and (max-width:3.47916667rem){.swiper-slide img{border-radius:0.01041667rem}}.swiper-pagination{position:relative;margin-bottom:0.15625rem}.swiper-pagination-bullet{background:#00a0e9;margin-left:0.02083333rem;margin-right:0.02083333rem;width:0.08854167rem;height:0.08854167rem;opacity:1;margin-bottom:0.02083333rem}.swiper-pagination-bullet-active{width:0.06770833rem;height:0.06770833rem;background:#fff;margin-bottom:0}@media screen and (max-width:3.47916667rem){.swiper-pagination{position:relative;margin-bottom:0.10416667rem}.swiper-pagination-bullet{background:#00a0e9;margin-left:0.01041667rem;margin-right:0.01041667rem;width:0.04166667rem;height:0.04166667rem;margin-bottom:0.01041667rem}.swiper-pagination-bullet-active{width:0.03125rem;height:0.03125rem;background:#fff;border:0.015625rem solid #00a0e9;margin-bottom:0}}.button{width:100%;margin:0 auto;top:-1.51041667rem;position:relative;z-index:1002}@media screen and (max-width:5.75520833rem){.button{width:100%;top:-1.25rem;z-index:1002;position:relative}}@media screen and (max-width:4.16666667rem){.button{width:100%;top:-1.04166667rem;z-index:1002;position:relative}}.button div:hover{background-color:#333;opacity:.8;cursor:pointer}.swiper-button-prev{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l4.2 4.2L8.4 22l17.8 17.8L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E") #000 center 50%/50% 50% no-repeat;background-size:0.078125rem}.swiper-button-next,.swiper-button-prev{width:0.36458333rem;height:0.36458333rem;border-radius:50%;opacity:.5;cursor:pointer}.swiper-button-next{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44 .8 39.8 18.6 22 .8 4.2 5 0z' fill='%23fff'/%3E%3C/svg%3E") #000 center 50%/50% 50% no-repeat;background-size:0.078125rem}@media screen and (max-width:3.47916667rem){.button div{width:0.14583333rem;height:0.14583333rem}}@-webkit-keyframes scaleVideo{0%{transform:scale(1);-webkit-transform:scale(1)}25%{transform:scale(1.25);-webkit-transform:scale(1.25)}50%{transform:scale(1);-webkit-transform:scale(1)}75%{transform:scale(1.25);-webkit-transform:scale(1.25)}}@keyframes scaleVideo{0%{transform:scale(1);-webkit-transform:scale(1)}25%{transform:scale(1.25);-webkit-transform:scale(1.25)}50%{transform:scale(1);-webkit-transform:scale(1)}75%{transform:scale(1.25);-webkit-transform:scale(1.25)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes fadeInLeft1{0%{opacity:0;transform:translate3d(-20%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft1{0%{opacity:0;transform:translate3d(-20%,0,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInRight1{0%{opacity:0;transform:translate3d(20%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight1{0%{opacity:0;transform:translate3d(20%,0,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInBottom1{0%{opacity:0;transform:translate3d(0,20%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInBottom1{0%{opacity:0;transform:translate3d(0,20%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes mouse{0%{opacity:0;transform:translate3d(20%,20%,0)}50%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20%,20%,0)}}@keyframes mouse{0%{opacity:0;transform:translate3d(20%,20%,0)}50%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20%,20%,0)}}@-webkit-keyframes fadeInTop1{0%{opacity:0;transform:translate3d(0,-50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInTop1{0%{opacity:1;transform:translate3d(0,-50%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeOutLeft1{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft1{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@-webkit-keyframes fadeOutRight1{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes fadeOutRight1{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}body{min-width:6.25rem;min-height:4.16666667rem}video{margin:0;padding:0}.clearfix:after{content:" "}.clearfix{zoom:1}*{font-family:Microsoft YaHei;font-weight:400}body{background:#fff;overflow-x:auto}#dmm_ntgnavi{background:url(//abres.octlib.com/site/jp/beautysite/img/bg_navimain.41e6ec1.gif) 50% repeat-x;border-bottom:0.00520833rem solid #ccc;border-top:0.00520833rem solid #ccc;font-size:0.0625rem}#dmm_ntgnavi ul{list-style:none;margin:0.01041667rem 0;padding:0}#dmm_ntgnavi ul li{float:left;margin:0 0.03125rem 0 0;line-height:0.078125rem}#dmm_ntgnavi ul.navi_left{float:left}#dmm_ntgnavi ul.navi_left li>a{display:block;padding:0 0.015625rem 0 0.04166667rem;text-decoration:none;border:0.00520833rem solid #eee;border-radius:0.015625rem}#dmm_ntgnavi ul.navi_left li>a:hover{background:#eee;border:0.00520833rem solid #666;border-radius:0.015625rem}#dmm_ntgnavi ul.navi_left li>a span{display:block;padding:0.046875rem 0.05208333rem 0.03645833rem 0.14583333rem;color:#333;font-weight:700}#dmm_ntgnavi ul.navi_left li.dmm_top img{margin:0.04166667rem 0.02604167rem 0.04166667rem 0}#dmm_ntgnavi ul.navi_left li.ntg_top span{background:url(//abres.octlib.com/site/jp/beautysite/img/bg_bt_olgtop.e4fcb9c.gif) 0 no-repeat}#dmm_ntgnavi ul.navi_left li.ntg_brw span{background:url(//abres.octlib.com/site/jp/beautysite/img/bg_bt_brows.b73bc02.gif) 0 no-repeat}#dmm_ntgnavi ul.navi_left li.ntg_min span{background:url(//abres.octlib.com/site/jp/beautysite/img/bg_bt_mini.832ea13.gif) 0 no-repeat}#dmm_ntgnavi ul.navi_left li.ntg_poi span{background:url(//abres.octlib.com/site/jp/beautysite/img/bg_bt_point.6ef60c3.gif) 0 no-repeat}#dmm_ntgnavi ul.navi_right{float:right;font-size:0.05208333rem}#dmm_ntgnavi ul.navi_right li{margin:0 0.05208333rem 0 0;padding:0.04166667rem 0.02604167rem}#dmm_ntgnavi .arrow{padding-left:0.07291667rem;background:url(//abres.octlib.com/site/jp/beautysite/img/arrow_common.deba40a.gif) no-repeat 0}#dmm_ntgnavi .tx-point{font-size:0.08333333rem;font-weight:700;color:#ff4b4b!important}#dmm_ntgnavi p{margin:0;line-height:2.6em}#dmm_ntgnavi .clear{clear:both}#dmm_ntgnavi .mg-l12{margin-left:0.0625rem}#dmm_ntgnavi .mg-r12{margin-right:0.0625rem}#dmm_ntgnavi .pd-t12{padding-top:0.0625rem}.index-page{position:relative;height:4.6875rem;background-color:#000}.index-page,.section1,.section2,.section3,.section4,.section5{overflow:hidden}.link-box{margin-top:0.52083333rem;text-align:center}.link-box a{font-size:0.078125rem}.section1{position:absolute;top:0;left:0;display:none;overflow:hidden;height:4.6875rem;width:10rem;background:url(//abres.octlib.com/site/jp/beautysite/img/pc-1.7b29c3c.jpg) no-repeat top;background-size:100%}.section1 .video{top:0.765625rem;height:0.75520833rem;background:url(//abres.octlib.com/site/jp/beautysite/img/video.e4137b5.png) no-repeat top;background-size:100%;cursor:pointer}.section1 .twitter,.section1 .video{position:absolute;left:0.19270833rem;width:1.30208333rem}.section1 .twitter{top:1.67708333rem;height:1.45833333rem;transform:scale(1);transform-origin:0 0}.section1 .to-booking{display:block;position:absolute;top:3.36979167rem;left:3.78125rem;width:2.44791667rem;height:0.60416667rem;background:url(//abres.octlib.com/site/jp/beautysite/img/to-booking.7767f0d.png) no-repeat top;background-size:100%;cursor:pointer}.section1 .to-booking:hover{background:url(//abres.octlib.com/site/jp/beautysite/img/to-booking-hover.89a2c3c.png) no-repeat top;background-size:100%}.section1 .logo{position:absolute;top:0.046875rem;left:0.21875rem;width:0.90625rem;height:0.44791667rem;background:url(//abres.octlib.com/site/jp/beautysite/img/logo.c406bfc.png) no-repeat top;z-index:6;background-size:100%}.section2{position:absolute;top:0;left:0;width:100%;display:none;min-width:6.77083333rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char-bg.8e7d05c.png) no-repeat top}.section2.show{display:block}.section2 .head{position:relative;width:100%;height:0.58854167rem;z-index:1}.section2 .head i{display:block;width:100%;height:0.58854167rem}.section2 .char-list{position:absolute;top:3.19270833rem;left:0.15104167rem;width:6.45833333rem;height:0.66666667rem}.section2 .char-list .char-item-1{float:left;width:1.01041667rem;height:0.75rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char1-icon.e4044ed.png) no-repeat 50%;background-size:100%;cursor:pointer}.section2 .char-list .char-item-1.active,.section2 .char-list .char-item-1:hover{width:1.01041667rem;height:0.75rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char1-icon-hover.e4a9b38.png) no-repeat 50%;background-size:100%}.section2 .char-list .char-item-2{float:left;width:1.01041667rem;height:0.75rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char2-icon.289f709.png) no-repeat 50%;background-size:100%;cursor:pointer}.section2 .char-list .char-item-2.active,.section2 .char-list .char-item-2:hover{width:1.01041667rem;height:0.75rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char2-icon-hover.7842854.png) no-repeat 50%;background-size:100%}.section2 .char-list .char-item-3{float:left;width:1.01041667rem;height:0.75rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char3-icon.db78482.png) no-repeat 50%;background-size:100%;cursor:pointer}.section2 .char-list .char-item-3.active,.section2 .char-list .char-item-3:hover{width:1.01041667rem;height:0.75rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char3-icon-hover.34b1879.png) no-repeat 50%;background-size:100%}.section2 .char-list .char-item-4{float:left;width:1.01041667rem;height:0.75rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char4-icon.781ffbc.png) no-repeat 50%;background-size:100%;cursor:pointer}.section2 .char-list .char-item-4.active,.section2 .char-list .char-item-4:hover{width:1.01041667rem;height:0.75rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char4-icon-hover.e136609.png) no-repeat 50%;background-size:100%}.section2 .char-list .char-item-5{float:left;width:1.01041667rem;height:0.75rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char5-icon.f6b31e7.png) no-repeat 50%;background-size:100%;cursor:pointer}.section2 .char-list .char-item-5.active,.section2 .char-list .char-item-5:hover{width:1.01041667rem;height:0.75rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char5-icon-hover.66cb3df.png) no-repeat 50%;background-size:100%}.section2 .char-list .char-item-6{float:left;width:1.01041667rem;height:0.75rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char6-icon.1e466af.png) no-repeat 50%;background-size:100%;cursor:pointer}.section2 .char-list .char-item-6.active,.section2 .char-list .char-item-6:hover{width:1.01041667rem;height:0.75rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char6-icon-hover.3e389d5.png) no-repeat 50%;background-size:100%}.section2 .char-list .char-item-1{padding-left:0}.section2 .section-2{position:relative;width:6.77083333rem;height:4.6875rem;margin:0 auto}.section2 .section-2 .char1{width:100%;height:100%;display:none}.section2 .section-2 .char1 .char-main{opacity:0;position:absolute;left:-0.67708333rem;top:0.05208333rem;width:4.6875rem;height:4.05208333rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char1.1206d2a.png) no-repeat top;z-index:0;-webkit-animation:fadeInLeft1 .6s linear;animation:fadeInLeft1 .6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.section2 .section-2 .char1 .char-des{opacity:0;position:absolute;top:0.97916667rem;right:0.30729167rem;width:3rem;height:2.29166667rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char1-des.58d7f07.png) no-repeat top;background-size:100%;-webkit-animation:fadeInRight1 .6s linear;animation:fadeInRight1 .6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.section2 .section-2 .char1.show{display:block}.section2 .section-2 .char2{width:100%;height:100%;display:none}.section2 .section-2 .char2 .char-main{opacity:0;position:absolute;left:-0.67708333rem;top:0.05208333rem;width:4.6875rem;height:4.05208333rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char2.4699cfa.png) no-repeat top;z-index:0;-webkit-animation:fadeInLeft1 .6s linear;animation:fadeInLeft1 .6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.section2 .section-2 .char2 .char-des{opacity:0;position:absolute;top:0.97916667rem;right:0.30729167rem;width:3rem;height:2.29166667rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char2-des.7e16434.png) no-repeat top;background-size:100%;-webkit-animation:fadeInRight1 .6s linear;animation:fadeInRight1 .6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.section2 .section-2 .char2.show{display:block}.section2 .section-2 .char3{width:100%;height:100%;display:none}.section2 .section-2 .char3 .char-main{opacity:0;position:absolute;left:-0.67708333rem;top:0.05208333rem;width:4.6875rem;height:4.05208333rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char3.64b56d7.png) no-repeat top;z-index:0;-webkit-animation:fadeInLeft1 .6s linear;animation:fadeInLeft1 .6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.section2 .section-2 .char3 .char-des{opacity:0;position:absolute;top:0.97916667rem;right:0.30729167rem;width:3rem;height:2.29166667rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char3-des.5daca40.png) no-repeat top;background-size:100%;-webkit-animation:fadeInRight1 .6s linear;animation:fadeInRight1 .6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.section2 .section-2 .char3.show{display:block}.section2 .section-2 .char4{width:100%;height:100%;display:none}.section2 .section-2 .char4 .char-main{opacity:0;position:absolute;left:-0.67708333rem;top:0.05208333rem;width:4.6875rem;height:4.05208333rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char4.3334637.png) no-repeat top;z-index:0;-webkit-animation:fadeInLeft1 .6s linear;animation:fadeInLeft1 .6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.section2 .section-2 .char4 .char-des{opacity:0;position:absolute;top:0.97916667rem;right:0.30729167rem;width:3rem;height:2.29166667rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char4-des.bb790a0.png) no-repeat top;background-size:100%;-webkit-animation:fadeInRight1 .6s linear;animation:fadeInRight1 .6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.section2 .section-2 .char4.show{display:block}.section2 .section-2 .char5{width:100%;height:100%;display:none}.section2 .section-2 .char5 .char-main{opacity:0;position:absolute;left:-0.67708333rem;top:0.05208333rem;width:4.6875rem;height:4.05208333rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char5.3ac1a13.png) no-repeat top;z-index:0;-webkit-animation:fadeInLeft1 .6s linear;animation:fadeInLeft1 .6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.section2 .section-2 .char5 .char-des{opacity:0;position:absolute;top:0.97916667rem;right:0.30729167rem;width:3rem;height:2.29166667rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char5-des.9eefb2c.png) no-repeat top;background-size:100%;-webkit-animation:fadeInRight1 .6s linear;animation:fadeInRight1 .6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.section2 .section-2 .char5.show{display:block}.section2 .section-2 .char6{width:100%;height:100%;display:none}.section2 .section-2 .char6 .char-main{opacity:0;position:absolute;left:-0.67708333rem;top:0.05208333rem;width:4.6875rem;height:4.05208333rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char6.2862b70.png) no-repeat top;z-index:0;-webkit-animation:fadeInLeft1 .6s linear;animation:fadeInLeft1 .6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.section2 .section-2 .char6 .char-des{opacity:0;position:absolute;top:0.97916667rem;right:0.30729167rem;width:3rem;height:2.29166667rem;background:url(//abres.octlib.com/site/jp/beautysite/img/char6-des.d8d7380.png) no-repeat top;background-size:100%;-webkit-animation:fadeInRight1 .6s linear;animation:fadeInRight1 .6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.section2 .section-2 .char6.show{display:block}.section2 .section-2 .char5 .char-des{top:0.52083333rem}.section3{position:absolute;top:0;left:0;width:100%;display:none;background:url(//abres.octlib.com/site/jp/beautysite/img/story-bg.9a9d660.png) no-repeat top}.section3 .section-3{position:relative;width:6.77083333rem;height:4.6875rem;margin:0 auto}.section3 .story{position:absolute;top:0.81770833rem;left:2.49479167rem;width:5.00520833rem;height:4.6875rem;overflow-y:scroll;overflow-x:hidden}.section3 .story .content{width:4.89583333rem;box-sizing:border-box}.section3 .story1{width:4.89583333rem;height:3.03645833rem;background:url(//abres.octlib.com/site/jp/beautysite/img/story-1.01d59ff.png) no-repeat top;background-size:100%}.section3 .story2{width:4.89583333rem;height:3.03645833rem;background:url(//abres.octlib.com/site/jp/beautysite/img/story-2.6cc6036.png) no-repeat top;background-size:100%}.section3 .story3{width:4.89583333rem;height:3.03645833rem;background:url(//abres.octlib.com/site/jp/beautysite/img/story-3.c0c0ab8.png) no-repeat top;background-size:100%;padding-bottom:1.04166667rem}.section4{display:none;position:absolute;top:0;left:0;width:10rem;height:4.6875rem;background:url(//abres.octlib.com/site/jp/beautysite/img/news-bg.04bf6ab.jpg) no-repeat top;background-size:100%}.section4 .mainArticle-list{position:absolute;top:1.015625rem;left:2.23958333rem;box-sizing:border-box;font-size:0.0625rem;height:2.94791667rem;width:5.34375rem;background:url(//abres.octlib.com/site/jp/beautysite/img/list-content-bg.2c5e508.png) no-repeat top;background-size:100%}.section4 .article-list-nav{width:5.46875rem;height:0.3125rem;margin-left:0.17708333rem;margin-top:-0.13541667rem;font-size:0}.section4 .article-list-nav .nav-item{display:inline-block;width:0.72916667rem;height:0.3125rem;cursor:pointer}.section4 .article-list-nav .nav-item:first-child{margin-left:0}.section4 .article-list-nav .nav-item.nav-item-1{background:url(//abres.octlib.com/site/jp/beautysite/img/article-1.6a61d7e.png) no-repeat top;background-size:100%}.section4 .article-list-nav .nav-item.nav-item-2{background:url(//abres.octlib.com/site/jp/beautysite/img/article-2.c7d8806.png) no-repeat top;background-size:100%}.section4 .article-list-nav .nav-item.nav-item-3{background:url(//abres.octlib.com/site/jp/beautysite/img/article-3.e34eb06.png) no-repeat top;background-size:100%}.section4 .article-list-nav .nav-item.nav-item-4{background:url(//abres.octlib.com/site/jp/beautysite/img/article-4.b89bbca.png) no-repeat top;background-size:100%}.section4 .article-list-nav .nav-item.choose.nav-item-1{background:url(//abres.octlib.com/site/jp/beautysite/img/article-1-hover.50d70b9.png) no-repeat top;background-size:100%}.section4 .article-list-nav .nav-item.choose.nav-item-2{background:url(//abres.octlib.com/site/jp/beautysite/img/article-2-hover.7e8f90e.png) no-repeat top;background-size:100%}.section4 .article-list-nav .nav-item.choose.nav-item-3{background:url(//abres.octlib.com/site/jp/beautysite/img/article-3-hover.684bf09.png) no-repeat top;background-size:100%}.section4 .article-list-nav .nav-item.choose.nav-item-4{background:url(//abres.octlib.com/site/jp/beautysite/img/article-4-hover.00ca912.png) no-repeat top;background-size:100%}.section4 .news-ul{margin:0.10416667rem auto;width:4.42708333rem;height:1.875rem;z-index:5}.section4 .news-ul .news-ul-list{width:4.42708333rem;font-size:0.10416667rem;box-sizing:border-box;display:none}.section4 .news-ul .news-ul-list .news-ul-list-ul{height:0.3125rem;width:4.42708333rem;margin-top:0.03125rem}.section4 .news-ul .news-ul-list .news-ul-list-ul .news-ul-list-ul-list{height:0.3125rem;line-height:0.3125rem;color:#eed894;font-size:0.10416667rem;display:inline-block;width:4.42708333rem;border-bottom:0.00520833rem dotted #c4b8b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section4 .news-ul .news-ul-list .news-ul-list-ul .news-ul-list-ul-list a{width:5.46875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;text-align:left;color:#2c2204;cursor:pointer}.section4 .news-ul .news-ul-list .news-ul-list-ul .news-ul-list-ul-list a span{display:inline-block;vertical-align:top}.section4 .news-ul .news-ul-list .news-ul-list-ul .news-ul-list-ul-list a .span-title{padding-left:0.05208333rem;width:3.64583333rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.section4 .news-ul .news-ul-list .news-ul-list-ul .news-ul-list-ul-list a .news-ul-list-ul-list-time{margin-left:0.03645833rem}.section4 .news-ul .news-ul-list .news-ul-list-ul .news-ul-list-ul-list:hover{cursor:pointer;color:#f9f9f9}.section4 .news-ul .show-list{display:block}.section4 .pagination{margin:0.14583333rem auto 0;width:1.51041667rem;height:0.21875rem}.section4 .pagination .prev-page{display:inline-block;width:0.41666667rem;height:0.21875rem;text-align:center;line-height:0.21875rem;color:#201b17;font-size:0.125rem;vertical-align:top;cursor:pointer}.section4 .pagination .prev-page:hover{width:0.41666667rem;height:0.21875rem;color:#b96434;cursor:pointer}.section4 .pagination .number{display:inline-block;width:0.41666667rem;height:0.21875rem;line-height:0.21875rem;text-align:center;color:#201b17;font-size:0.09375rem;vertical-align:top}.section4 .pagination .number span{color:#201b17}.section4 .pagination .next-page{display:inline-block;width:0.41666667rem;height:0.21875rem;text-align:center;line-height:0.21875rem;color:#201b17;font-size:0.125rem;vertical-align:top;cursor:pointer}.section4 .pagination .next-page:hover{width:0.41666667rem;height:0.21875rem;color:#b96434;cursor:pointer}.section5{display:none;position:absolute;top:0;left:0;width:100%;height:4.6875rem;background:url(//abres.octlib.com/site/jp/beautysite/img/news-bg.04bf6ab.jpg) no-repeat top}.section5 .section-5{position:relative;width:6.77083333rem;height:4.6875rem;margin:0 auto}.section5 .section-5 .article-container{position:absolute;top:0.79166667rem;left:1.04166667rem;box-sizing:border-box;font-size:0.0625rem;height:4.6875rem;width:5.46875rem;margin:0 auto}.section5 .section-5 .detail-title{position:absolute;top:0.0625rem;left:0;width:5.46875rem;height:0.58854167rem;text-align:center;line-height:0.46875rem;font-size:0.15625rem;color:#cc9d1e;z-index:665}.section5 .section-5 .publish-time{position:absolute;top:0.42708333rem;left:0;text-align:center;width:100%;font-size:0.08333333rem;color:#868686;z-index:665}.section5 .section-5 .content-wrapper{position:relative;top:0.08854167rem;width:4.79166667rem;height:3.84895833rem;background:url(//abres.octlib.com/site/jp/beautysite/img/detail-content-bg.bd78278.png) no-repeat top;background-size:100%}.section5 .section-5 .return-list{position:absolute;top:0.10416667rem;left:0.10416667rem;width:0.33333333rem;height:0.33333333rem;background:url(//abres.octlib.com/site/jp/beautysite/img/return-list.d720ac1.png) no-repeat top;cursor:pointer;background-size:100%;z-index:666}.section5 .section-5 .article-content{position:absolute;top:0.59895833rem;left:0.16145833rem;width:4.47916667rem;height:2.9375rem;overflow-y:scroll;overflow-x:hidden;color:#000;font-size:0.11458333rem;line-height:0.20833333rem}.show_water{z-index:10;display:block;-webkit-animation:masky2 1.5s steps(39) forwards;animation:masky2 1.5s steps(39) forwards}@-webkit-keyframes masky2{0%{-webkit-mask-position:0 0;opacity:1}to{-webkit-mask-position:100% 0;opacity:.8}}@keyframes masky2{0%{-webkit-mask-position:0 0;opacity:1}to{-webkit-mask-position:100% 0;opacity:.8}}.show{display:block}@-webkit-keyframes mask{0%{opacity:.5}to{opacity:1}}@keyframes mask{0%{opacity:.5}to{opacity:1}}.popups{position:fixed;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.9);z-index:999;display:none}.popups .popup-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.popups .popup-content .cancle{outline:none;border:none;cursor:pointer}.popups{overflow:auto}.popups .popup-content{z-index:15}.popups .popup-content .cancle{position:absolute;top:-0.25rem;right:-0.05208333rem;display:block;background:url(//abres.octlib.com/site/jp/beautysite/img/close.02a20c0.png) no-repeat top;width:0.25rem;height:0.25rem;background-size:100%}.videopop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:999}.videopop .btn-close{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0}.videopop .pop{width:0.26041667rem;height:0.26041667rem}.videopop .video-btn{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}*{margin:0;padding:0;list-style:none;text-decoration:none}body{min-width:6.77083333rem}.clearfix:after{content:".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}

.clearfix {
  *zoom: 1;
}

.ie9 .char-des,
.ie9 .char-main,
.ie9 .click-bg {
  opacity: 1!important;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
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,
td,
th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle;
}

blockquote,
q {
  quotes: none;
}

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

a img {
  border: none;
}

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

*,
html {
  font-family: Meiryo UI!important;
}

a {
  text-decoration: none;
}

button,
input {
  outline: none;
  border: 0;
}

button {
  background: transparent;
}

body,
html {
  width: 100%;
  height: 100%;
  background: #0d0d0d;
}

::-webkit-scrollbar {
  width: 0.03125rem;
  height: 0.03125rem;
  background-color: #171717;
  display: none;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 #171717;
  background-color: #171717;
}

::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 #474747;
  background-color: #474747;
}

.footer-share {
  position: relative;
  z-index: 20;
  width: 100%;
  height: 1rem;
  margin-top: -0.8125rem;
}

.header {
  position: absolute;
  top: 0.21875rem;
  width: 100%;
  height: 0.55208333rem;
  background: url(//abres.octlib.com/site/jp/beautysite/img/nav-bg.052c36a.png) no-repeat top;
  z-index: 3;
  background-size: 100%;
}

.header-main,
.header-main .header-content {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

.header-main .header-content {
  font-size: 0;
  vertical-align: top;
}

.header-main .menu {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.header-main .menu i {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%);
  display: block;
}

.header-main .menu-1 {
  width: 0.80729167rem;
  height: 0.52083333rem;
  margin-left: 2.94791667rem;
}

.header-main .menu-1.active,
.header-main .menu-1:hover {
  background: url(//abres.octlib.com/site/jp/beautysite/img/nav-active-home.2f4520c.png) no-repeat top;
  background-size: 100% 100%;
}

.header-main .menu-1.active i,
.header-main .menu-1:hover i {
  background: url(//abres.octlib.com/site/jp/beautysite/img/nav-home-active.d62eabb.png) no-repeat 50%;
  background-size: 100%;
}

.header-main .menu-1 i {
  width: 0.29166667rem;
  height: 0.24479167rem;
  background: url(//abres.octlib.com/site/jp/beautysite/img/nav-home.050d293.png) no-repeat 50%;
  background-size: 100%;
}

.header-main .menu-2 {
  width: 1.41145833rem;
  height: 0.52083333rem;
}

.header-main .menu-2.active,
.header-main .menu-2:hover {
  background: url(//abres.octlib.com/site/jp/beautysite/img/nav-active-character.b4a6841.png) no-repeat top;
  background-size: 100% 100%;
}

.header-main .menu-2.active i,
.header-main .menu-2:hover i {
  background: url(//abres.octlib.com/site/jp/beautysite/img/nav-character-active.229a91e.png) no-repeat 50%;
  background-size: 100%;
}

.header-main .menu-2 i {
  width: 0.890625rem;
  height: 0.24479167rem;
  background: url(//abres.octlib.com/site/jp/beautysite/img/nav-character.e0cc8ea.png) no-repeat 50%;
  background-size: 100%;
}

.header-main .menu-3 {
  width: 0.99479167rem;
  height: 0.52083333rem;
}

.header-main .menu-3.active,
.header-main .menu-3:hover {
  background: url(//abres.octlib.com/site/jp/beautysite/img/nav-active-story.cb0fcc6.png) no-repeat top;
  background-size: 100% 100%;
}

.header-main .menu-3.active i,
.header-main .menu-3:hover i {
  background: url(//abres.octlib.com/site/jp/beautysite/img/nav-story-active.2b85167.png) no-repeat 50%;
  background-size: 100%;
}

.header-main .menu-3 i {
  width: 0.47395833rem;
  height: 0.24479167rem;
  background: url(//abres.octlib.com/site/jp/beautysite/img/nav-story.bb71cd9.png) no-repeat 50%;
  background-size: 100%;
}

.header-main .menu-4 {
  width: 0.91145833rem;
  height: 0.52083333rem;
}

.header-main .menu-4.active,
.header-main .menu-4:hover {
  background: url(//abres.octlib.com/site/jp/beautysite/img/nav-active-news.e0db40f.png) no-repeat top;
  background-size: 100% 100%;
}

.header-main .menu-4.active i,
.header-main .menu-4:hover i {
  background: url(//abres.octlib.com/site/jp/beautysite/img/nav-news-active.d37a3a8.png) no-repeat 50%;
  background-size: 100%;
}

.header-main .menu-4 i {
  width: 0.390625rem;
  height: 0.24479167rem;
  background: url(//abres.octlib.com/site/jp/beautysite/img/nav-news.c5f9324.png) no-repeat 50%;
  background-size: 100%;
}

.shod {
  -webkit-animation: fadeInLeft .8s .2s 1 both;
  animation: fadeInLeft .8s .2s 1 both;
  display: block;
  bottom: 50%;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-50%,4.16666667rem,0);
  }

  to {
    opacity: 1;
    transform: translate3d(-50%,50%,0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-50%,4.16666667rem,0);
  }

  to {
    opacity: 1;
    transform: translate3d(-50%,50%,0);
  }
}

@-webkit-keyframes updown {
  0% {
    transform: translateY(0.01041667rem);
  }

  to {
    transform: translateY(0.53125rem);
  }
}

@keyframes updown {
  0% {
    transform: translateY(0.01041667rem);
  }

  to {
    transform: translateY(0.53125rem);
  }
}

.footer-box {
  position: absolute;
  bottom: -0.15625rem;
  overflow: hidden;
  background: #0d0d0d;
  box-sizing: border-box;
  width: 100%;
  font-size: 0.0625rem;
  height: 0.578125rem;
  margin: 0 auto;
  z-index: 3;
}

.footer-box .footer {
  margin: 0 auto;
  width: 5.3125rem;
  position: relative;
  height: 0.54166667rem;
}

.footer-box .footer .des,
.footer-box .footer .service {
  display: block;
  height: 0.15625rem;
  text-align: center;
}

.footer-box .footer .des .item,
.footer-box .footer .service .item {
  color: #fff;
  padding: 0 0.140625rem;
  border-left: 0.00520833rem solid #b8babf;
  box-sizing: border-box;
  font-size: 0.07291667rem;
}

.footer-box .footer .des .item:first-child,
.footer-box .footer .service .item:first-child {
  border-left: none;
}

.footer-box .footer .des .item a,
.footer-box .footer .service .item a {
  color: #fff;
}

.footer-box .footer .des .item a:hover,
.footer-box .footer .service .item a:hover {
  color: #22afff;
}

.footer-box .footer .des .item {
  padding: 0.10416667rem;
  border-left: none;
}

.footer-box .footer .des .item:first-child {
  padding: 0 0.140625rem;
}
@-webkit-keyframes scaleVideo {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  25% {
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  75% {
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
  }
}

@keyframes scaleVideo {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  25% {
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  75% {
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

@-webkit-keyframes fadeInLeft1 {
  0% {
    opacity: 0;
    transform: translate3d(-20%,0,0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

@keyframes fadeInLeft1 {
  0% {
    opacity: 0;
    transform: translate3d(-20%,0,0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

@-webkit-keyframes fadeInRight1 {
  0% {
    opacity: 0;
    transform: translate3d(20%,0,0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

@keyframes fadeInRight1 {
  0% {
    opacity: 0;
    transform: translate3d(20%,0,0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

@-webkit-keyframes fadeInBottom1 {
  0% {
    opacity: 0;
    transform: translate3d(0,20%,0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

@keyframes fadeInBottom1 {
  0% {
    opacity: 0;
    transform: translate3d(0,20%,0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

@-webkit-keyframes mouse {
  0% {
    opacity: 0;
    transform: translate3d(20%,20%,0);
  }

  50% {
    opacity: 1;
    transform: translateZ(0);
  }

  to {
    opacity: 0;
    transform: translate3d(20%,20%,0);
  }
}

@keyframes mouse {
  0% {
    opacity: 0;
    transform: translate3d(20%,20%,0);
  }

  50% {
    opacity: 1;
    transform: translateZ(0);
  }

  to {
    opacity: 0;
    transform: translate3d(20%,20%,0);
  }
}

@-webkit-keyframes fadeInTop1 {
  0% {
    opacity: 0;
    transform: translate3d(0,-50%,0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

@keyframes fadeInTop1 {
  0% {
    opacity: 1;
    transform: translate3d(0,-50%,0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

@-webkit-keyframes fadeOutLeft1 {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(-100%,0,0);
  }
}

@keyframes fadeOutLeft1 {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(-100%,0,0);
  }
}

@-webkit-keyframes fadeOutRight1 {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(100%,0,0);
  }
}

@keyframes fadeOutRight1 {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(100%,0,0);
  }
}