@charset "UTF-8";
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, footer, header, nav, section {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

figcaption, figure, main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active, a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: inherit; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details, menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

/* ==========================================================================
   ELEMENT RESET
   ======================================================================= */

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: normal;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0; }

dl, dt, dd, ol, ul, li {
  margin: 0;
  padding: 0; }

ol, ul {
  list-style: none; }

li {
  list-style: none; }

figure {
  margin: 0; }

em {
  font-style: normal; }

a {
  color: inherit;
  text-decoration: none; }

table {
  border-collapse: collapse; }

button {
  margin: 0;
  padding: 0;
  background: none;
  border: none; }
  button:focus {
    outline: none; }

input,
button,
select,
textarea {
  line-height: inherit; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  line-height: inherit; }

/* ==========================================================================
   UTILL
   ======================================================================= */
/* 画像置換 */
.u-ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  display: block;
}
.lang_ja .u-ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px!important;
  line-height: 0px!important;
  display: block;
}
/* PC、タブレットで非表示 */
@media all and (min-width: 760px){
  .u-ir--tab-pc{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
    display: block;
  }
}
/* フロート解除 */
.u-cf::after {
  content: "";
  display: block;
  clear: both;
}

.u-ta--center{
  text-align: center!important;
}
.u-ta--right{
  text-align: right!important;
}
.u-ta--left{
  text-align: left!important;
}

/* SPでセンター*/
@media all and (max-width: 759px){
  .u-ta-center--sp{
    text-align: center;
  }
}

/* PCで非表示 */
@media all and (min-width: 980px){
  .u-hide--pc{
    display: none;
  }
}
/* PC、タブレットで非表示 */
@media all and (min-width: 760px){
  .u-hide--tab-pc{
    display: none;
  }
}
/* タブレットのみ非表示 */
@media all and (min-width: 760px) and (max-width: 979px){
  .u-hide--tab{
    display: none;
  }
}
/* SPで非表示 */
@media all and (max-width: 759px){
  .u-hide--sp{
    display: none;
  }
}


/* ==========================================================================
media query

タブレット、PC
@media all and (min-width: 760px){
  body{
  }
}

PC
@media all and (min-width: 980px){
  body{
  }
}

タブレットのみ
@media all and (min-width: 760px) and (max-width: 979px){
  body{
  }
}

SP
@media all and (max-width: 759px){
  body{
  }
}

基本は以下のみ
@media all and (min-width: 760px){
  body{
  }
}
@media all and (max-width: 759px){
  body{
  }
}

*/

/* ==========================================================================
   BASE
   ======================================================================= */

html {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
}

body {
  color: #323232;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button,
input,
optgroup,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
}

a:focus,
button:focus{
  outline:0;
}

em{
  font-style: normal;
}

strong,
.c-bold {
  font-weight: bold;
}

/* ==========================================================================
   TYPO COMPONENT
   ======================================================================= */

/* --------------------------------------------------------------------------
   sans serif
   ----------------------------------------------------------------------- */
.container{
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media all and (max-width: 759px){
  .container{
    background:#e60012 url(../img/common/bg_stripe.png) 0 0;
  }
}

body{
   background:#e60012 url(../img/common/bg_stripe.png) 0 0;
}

/* ==========================================================================
   HEADER
   ======================================================================= */

.topheader{
  width: 100%;
  background: #e60012;
}
.topheader__body{
  position: relative;
  box-sizing: border-box;
}

.topheader__select span{
  font-family: Helvetica Neue, Helvetica,Arial, sans-serif;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}

.topheader__ico{
  display: inline-block;
  position: relative;
  vertical-align: middle;
  opacity: 0.7;
}

@media all and (min-width: 760px){
  .topheader__body{
    height: 36px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100%;
  }

  .topheader__logo{
    display: block;
    background: url(../img/common/logo_nintendo.svg) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    width: 60px;
    height: 15px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 100;
  }

  .topheader__logo a{
    display: block;
    width: 60px;
    height: 15px;
  }

  .topheader__select{
    position: absolute;
    right: 5px;
    top: 11px;
  }

  .topheader__select span{
    font-size: 9px;
    line-height: 14px;
  }

  .topheader__select a{
    color: #f8b3b8;
    transition: color 0.25s ease-out;
  }

  .no-touchevents .topheader__select a:hover{
    color: #FFF;
  }

  .topheader__ico{
    width: 14px;
    height: 14px;
  }

  .topheader__ico::after{
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/common/arrow_white.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    top: 0;
  }
}
@media all and (min-width: 1024px){
  .topheader__body{
    height: 40px;
  }
  .topheader__logo,
  .topheader__logo a{
    width: 77px;
    height: 20px;
  }
  .topheader__select{
    right: 15px;
    top: 12px;
  }
  .topheader__select span{
    font-size: 12px;
    line-height: 16px;
  }
  .topheader__ico{
    width: 16px;
    height: 16px;
  }
  .topheader__ico::after{
    width: 16px;
    height: 16px;
    top: -1px;
  }
}
@media all and (min-width: 1280px){
  .topheader__body{
    height: 48px;
  }
  .topheader__logo,
  .topheader__logo a{
    width: 77px;
    height: 20px;
  }
  .topheader__select{
    right: 30px;
    top: 17px;
  }
}
@media all and (min-width: 1440px){
  .topheader__body{
    height: 60px;
  }
  .topheader__logo,
  .topheader__logo a{
    width: 97px;
    height: 25px;
  }
  .topheader__select{
    top: 22px;
  }
}
@media all and (max-width: 759px){
  .topheader__body{
    height: 47px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }

  .topheader__logo{
    display: block;
    background: url(../img/common/logo_nintendo_sp.png) 0 0 no-repeat;
    -webkit-background-size: 86px 21px;
            background-size: 86px 21px;
    width: 86px;
    height: 21px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 100;
  }

  .topheader__logo a{
    width: 86px;
    height: 21px;
    display: block;
  }
  
  .topheader__select{
    position: absolute;
    right: 3px;
    top: 15px;
  }

  .topheader__select span{
    font-size: 10px;
    line-height: 16px;
  }

  .topheader__select a{
    color: #f8b3b8;
  }
  
  .topheader__ico{
    width: 16px;
    height: 16px;
  }
  .topheader__ico::after{
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/common/arrow_white.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    top: 0;
  }
}

@media all and (max-width: 370px){
  .topheader__select{
    right: 0;
  }
  .topheader__select span{
    font-size: 8px;
  }
}


/* ==========================================================================
   HERO
   ======================================================================= */
.hero{
  width: 100%;
  position: relative;

}

@media all and (min-width: 760px){
  .hero__wrapper{
    width: 100%;
    padding-top: 50.97222%;
    position: relative;
    border-bottom:#FFF 3px solid;
    background: url(../img/common/bg_stripe.png) 0 0;
  }

  .hero__update-bg{
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/hero/hero_bg_update.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    width: 100%;
    padding-top: 50.9722%;
    
    visibility: hidden;
  }

  .hero__red-bg{
    position: absolute;
    right: -15%;
    top: 0;
    background: url(../img/common/bg_stripe.png) 0 0;
    width: 130%;
    padding-top: 50.9722%;
    transform:skewX(30deg);
  }

  .hero__mario{
    position: absolute;
    left: 44.8%;
    top: 50%;
    margin-top: -28.8%;
    width: 39.9319%;
    transform:translate3d(-220%,0,0);
  }
  .hero__update-mario{
    position: absolute;
    left: 44.8%;
    top: 50%;
    margin-top: -28.8%;
    width: 39.9319%;
    z-index: 3;
  }
  .hero__logo{
    position: absolute;
    left: 21.9%;
    top: 50%;
    margin-top: -20%;
    width: 27.778%;
    transform:translate3d(-220%,0,0);
  }
  .hero__update-logo{
    position: absolute;
    left: 21.9%;
    top: 50%;
    margin-top: -20%;
    width: 27.778%;
    z-index: 2;
  }
  .hero__update-logo span{
    display: inline-block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    
    width: 0;
  }

  .hero__update-mario span{
    display: inline-block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    
    width: 0;
  }

  .hero__mario img{
    width: 100%;
    height: auto;
  }
  .hero__logo img{
    width: 100%;
    height: auto;
  }

  .hero-info{
    position: relative;
    z-index: 4;
    
  }

  .hero-movie__title{
    display: none;
  }
  .hero-movie__linktext{
    display: none;
  }
  
  .hero__balloon,
  .hero__update{
    position: absolute;
    left: 50%;
    top: -70.2%;
    width: 23.4%;
    margin-left: -51.6%;
    


  }
  .hero__balloon,
  .hero__update{
    -webkit-transform: scale(0,0);
        -ms-transform: scale(0,0);
            transform: scale(0,0); 
  }
  .hero__balloon.show,
  .hero__update.show{
    -webkit-animation: bound-show .95s ease 0s both;
            animation: bound-show .95s ease 0s both;
  }

  .hero__balloon.loop,
  .hero__update.loop{
    -webkit-animation: bound 1s ease infinite both;
            animation: bound 1s ease infinite both;
  }
  
  .hero__balloon p a,
  .hero__update p a{
    display: block;
    padding-top: 100%;
    position: relative;
    z-index: 4;
  }

  .hero__balloon p a span,
  .hero__update p a span{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    z-index: 3;
  }

  .hero__balloon p a span{
    background: url(../img/hero/hero_balloon_text_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .hero__update p a span{
    background: url(../img/hero/hero_balloon_text_pc_add.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .hero__balloon p a span::before,
  .hero__update p a span::before{
    content: "";
    display: block;
    padding-top: 100%;
  }
  
  .hero__balloon p a::before,
  .hero__update p a::before{
    content: "";
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    background: url(../img/hero/hero_balloon_shadow_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
  }

  .hero__balloon p a::after,
  .hero__update p a::after{
    content: "";
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    background: url(../img/hero/hero_balloon_bg_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
  }

  .no-touchevents .hero__balloon a,
  .no-touchevents .hero__update a{
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  .no-touchevents .hero__balloon a:hover,
  .no-touchevents .hero__update a:hover{
    -webkit-animation: bound 1s ease 0s both;
            animation: bound 1s ease 0s both;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1); 
  }


  .hero-info{
    width: 100%;
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
  }
  
  .hero-info__body{
     margin-left: auto;
     margin-right: auto;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     max-width: 1000px;
     padding-left: 20px;
     padding-right: 20px;
     position: relative;
  }

  .hero-info__body::after{
    content: "";
    display: block;
    padding-top: 16%;
  }

  .hero-movie__new{
    width: 27.184%;
    position: absolute;
    left: -12%;
    top: -19%;
    z-index: 5;
  }
  .hero-movie__new p{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    background: url(../img/hero/hero_movie_new_text_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    z-index: 3;
  }

  .hero-movie__new p::before{
    content: "";
    display: block;
    padding-top: 100%;
  }
  
  .hero-movie__new::before{
    content: "";
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    background: url(../img/hero/hero_movie_new_shadow_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1;
    
    -webkit-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;
  }



  .hero-movie__new::after{
    content: "";
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    background: url(../img/hero/hero_movie_new_bg_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-animation: rotate 6s linear infinite;
    animation: rotate 6s linear infinite;
  }

  .hero-movie{
    position: absolute;
    left: 50%;
    bottom: 9.6%;
    width: 30.9%;
    margin-left: 17.9%;
  }
  
  .no-touchevents .hero-movie-btn{
    display: block;
  }
  .no-touchevents .hero-movie-btn:hover {
    -webkit-animation: btnBounce .2s ease-out;
    animation: btnBounce .2s ease-out;
  }

  .hero-movie__thumb {
    width: 100%;
  }

  .hero-movie__thumb span{
    display: block;
    width: 100%;
    background: url(../img/hero/hero_movie_thumb.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .hero-movie__thumb span::before{
    content: "";
    display: block;
    padding-top: 56.3107%;
  }

  .hero-movie__label{
    width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 1.6vw;
    line-height: 1.4;
    margin-top: 13px;
  }
  
  .hero-appstore-btn {
    position: absolute;
    left: 50%;
    top: 30%;
    width: 19.8%;
    margin-left: -28.1%;
  }

  .is-os-android .hero-appstore-btn {
    display: none;
  }
  .is-os-ios .hero-appstore-btn {
    width: 19.8%;
    margin-left: -17.2%;
  }

  .hero-appstore-btn span{
    display: block;
    width: 100%;
    background: url(../img/hero/hero_btn_appstore_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .hero-appstore-btn span::before{
    content: "";
    display: block;
    padding-top: 29.598%;
  }

  .lang_ja .hero-appstore-btn span::before{
    padding-top: 29.798%;
  }
  
  .hero-googleplay-btn {
    position: absolute;
    left: 50%;
    top: 30%;
    width: 19.8%;
    margin-left: -7.2%;
  }
  .is-os-android .hero-googleplay-btn {
    margin-left: -17.2%;
  }
  .is-os-ios .hero-googleplay-btn {
    display: none;
  }

  .hero-googleplay-btn span{
    display: block;
    width: 100%;
    background: url(../img/hero/hero_btn_googleplay_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .hero-googleplay-btn span::before{
    content: "";
    display: block;
    padding-top: 29.798%;
  }

  .hero__scroll-arrow{
    position: fixed;
    left: 0;
    right: 0;
    width: 5.902%;
    margin: 0 auto;
    bottom: 20px;
    z-index: 5;
    opacity: 0;
    display: none;
  }

  .hero__scroll-arrow.loop{
    -webkit-animation: scrolldownHero 1.4s linear infinite;
            animation: scrolldownHero 1.4s linear infinite;
  }

  .is-scrolled-fv .hero__scroll-arrow.loop{
    display: none;
    z-index: -1;
  }

  .hero__scroll-arrow a{
    display: block;
    width: 100%;
    padding-top: 80%;
    background: url(../img/hero/scroll_none_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .lang_ja .hero__scroll-arrow a{
    background: url(../img/hero/scroll_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

}
@media screen and (min-aspect-ratio: 16/10) {
  .hero__scroll-arrow{
    display: block;
  }
}

@media all and (min-width: 980px){
	.hero-movie__label{
	    font-size: 1.115vw;
	  }
}
@media all and (min-width: 1440px){
	.hero-movie__label{
	    font-size: 16px;
	  }
}


@media all and (max-width: 759px){
  .hero__wrapper{
    width: 100%;
    padding-top: 152.6667%;
    position: relative;
    border-bottom:#FFF 3px solid;
    background: url(../img/common/bg_stripe.png) 0 0;
  }
  .hero__update-bg{
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/hero/hero_bg_update_sp.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    width: 100%;
    padding-top: 152.6667%;
    visibility: hidden;
  }
  .hero__red-bg{
    position: absolute;
    right: -15%;
    top: 0;
    background: url(../img/common/bg_stripe.png) 0 0;
    /*-webkit-background-size: 21px;
            background-size: 21px;*/
    width: 130%;
   padding-top: 152.6667%;
    transform:skewX(10deg);
  }

  .hero__mario{
    position: absolute;
    left: 19.8%;
    top: -1.2%;
    width: 91.7333%;
    transform:translate3d(-220%,0,0);
  }
  .hero__update-mario{
    position: absolute;
    left: 19.8%;
    top: -1.2%;
    width: 91.7333%;
    z-index: 3;
  }
  .hero__logo{
    position: absolute;
    left: -0.8%;
    top: 34.6%;
    width: 57.3333%;
    transform:translate3d(-220%,0,0);
    z-index: 4;
  }
  .hero__update-logo{
    position: absolute;
    left: -0.8%;
    top: 34.6%;
    width: 57.3333%;
    z-index: 5;
  }
  .hero__update-logo span{
    display: inline-block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    
    width: 0;
  }

  .hero__update-mario span{
    display: inline-block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    
    width: 0;
  }

  .hero__mario img{
    width: 100%;
    height: auto;
  }
  .hero__logo img{
    width: 100%;
    height: auto;
  }

  .hero-info{
    position: relative;
    z-index: 6;
    
  }
  
  .hero__balloon,
  .hero__update{
    position: absolute;
    left: 3%;
    top: -50%;
    width: 39.4667%;
    margin-top: -100%;
    
  }
  
  .hero__balloon,
  .hero__update{
    -webkit-transform: scale(0,0);
        -ms-transform: scale(0,0);
            transform: scale(0,0); 
  }
  .hero__balloon.show,
  .hero__update.show{
    -webkit-animation: bound-show .95s ease 0s both;
            animation: bound-show .95s ease 0s both;
  }

  .hero__balloon.loop,
  .hero__update.loop{
    -webkit-animation: bound 1s ease infinite both;
            animation: bound 1s ease infinite both;
  }



  .hero__balloon p,
  .hero__update p {
    padding-top: 100%;
     /*-webkit-animation: bound .85s ease infinite both;
    animation: bound .85s ease infinite both;*/
  }
  .hero__balloon p a span,
  .hero__update p a span{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    z-index: 3;
  }

  .hero__balloon p a span{
    background: url(../img/hero/hero_balloon_text_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .hero__update p a span{
    background: url(../img/hero/hero_balloon_text_sp_add.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .hero__balloon p a span::before,
  .hero__update p a span::before{
    content: "";
    display: block;
    padding-top: 100%;
  }
  
  .hero__balloon p a::before,
  .hero__update p a::before{
    content: "";
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    background: url(../img/hero/hero_balloon_shadow_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1;
  }

  .hero__balloon p a::after,
  .hero__update p a::after{
    content: "";
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    background: url(../img/hero/hero_balloon_bg_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
  }


  .hero-info{
    width: 100%;
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
  }
  
  .hero-info__body{
     margin-left: auto;
     margin-right: auto;
     width: 100%;
     position: relative;
  }

  .hero-info__body::after{
    content: "";
    display: block;
    padding-top: 34.8333%;
  }

  .hero-movie__new{
    width: 18%;
    position: absolute;
    left: 1.4%;
    top: -10%;
    z-index: 5;
  }
  .hero-movie__new p{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    background: url(../img/hero/hero_movie_new_text_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    z-index: 3;
  }

  .hero-movie__new p::before{
    content: "";
    display: block;
    padding-top: 100%;
  }
  
  .hero-movie__new::before{
    content: "";
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    background: url(../img/hero/hero_movie_new_shadow_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;
  }

  .hero-movie__new::after{
    content: "";
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    background: url(../img/hero/hero_movie_new_bg_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;
  }

  .hero-movie{
    position: absolute;
    right: 4%;
    bottom: 5%;
    width: 58.1333%;  }

  .hero-movie__thumb {
    width: 100%;
  }

  .hero-movie__thumb span{
    display: block;
    width: 100%;
    background: url(../img/hero/hero_movie_thumb_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .hero-movie__thumb span{
    background: url(../img/hero/hero_movie_thumb_ja_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .hero-movie__thumb span::before{
    content: "";
    display: block;
    padding-top: 56.1107%;
  }

  .hero-movie__label{
    width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 2.9334vw;
    margin-top: 7px;
  }
  
 .hero-appstore-btn {
    position: absolute;
    right: 4%;
    top: -102%;
    width: 41.8%;
  }
  .lang_ja .hero-appstore-btn{
    width: 41.6%;
  }
  .is-os-ios .hero-appstore-btn{
    top: -70%;
  }
  .is-os-android .hero-appstore-btn{
    display: none;
  }

 .hero-appstore-btn span{
    display: block;
    width: 100%;
    background: url(../img/hero/hero_btn_appstore_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .hero-appstore-btn span::before{
    content: "";
    display: block;
    padding-top: 29.34%;
  }
  
  .lang_ja .hero-appstore-btn span::before{
    padding-top: 29.79798%;
  }
  
  .hero-googleplay-btn {
    position: absolute;
    right: 4%;
    top: -63%;
    width: 41.6%;
  }
  .is-os-android .hero-googleplay-btn {
    top: -70%;
  }
  .is-os-ios .hero-googleplay-btn{
    display: none;
  }

 .hero-googleplay-btn span{
    display: block;
    width: 100%;
    background: url(../img/hero/hero_btn_googleplay_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .hero-googleplay-btn span::before{
    content: "";
    display: block;
    padding-top: 29.69798%;
  }
  .lang_ja .hero-googleplay-btn span::before{
    padding-top: 29.79798%;
  }

  .hero-movie__title{
    width: 30%;
    background: url(../img/hero/hero_movie_title.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 4.8%;
    bottom: 56%;
  }

  .hero-movie__title span::before{
    content: "";
    display: block;
    padding-top: 23.1111%;
  }

  .hero-movie__linktext{
    position: absolute;
    left: 10.5%;
    bottom: 35%;
  }

  .hero-movie__linktext a{
    color: #FFF;
    font-weight: bold;
  }

  .hero-movie__linktext span{
    color: #FFF;
    font-weight: bold;
    font-size: 2.9334vw;
    display: inline-block;
    vertical-align: middle;
  }

  .hero-movie__linktext i{
    width: 2.6667vw;
    height: 2.6667vw;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 5px;
  }

  .hero-movie__linktext i::before{
    content: "";
    display: block;
    width: 2.6667vw;
    height: 2.6667vw;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #FFF;
  }

  .hero-movie__linktext i::after{
    content: "";
    display: block;
    width: 2.6667vw;
    height: 2.6667vw;
    background: url(../img/common/arrow_black.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
  }

  .hero__scroll-arrow{
    position: fixed;
    left: 0;
    right: 0;
    width: 16.871%;
    margin: 0 auto;
    bottom: 35px;
    z-index: 10;
    opacity: 0;
    display: none;
  }

  .hero__scroll-arrow.loop{
    display: block;
    -webkit-animation: scrolldownHero 1.4s linear infinite;
            animation: scrolldownHero 1.4s linear infinite;
  }

  .is-scrolled-fv .hero__scroll-arrow.loop{
    display: none;
    z-index: -1;
  }

  .hero__scroll-arrow a{
    display: block;
    width: 100%;
    padding-top: 75.301%;
    background: url(../img/hero/scroll_none_sp.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .hero__scroll-arrow a{
    background: url(../img/hero/scroll_sp.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
}

.section{
  width: 100%;
  position: relative;
}
.section__wrapper{
  position: relative;
  box-sizing: border-box;
}
@media all and (min-width: 760px){
	.section{
	}
	.section__wrapper{
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		padding-right: 20px;
		max-width: 1000px;
	}

	.sec-text{
		font-size: 1.65vw;
		line-height: 1.4;
		color: #FFF;
		font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	}
  .lang_ko .sec-text{
    font-size: 1.6vw;
  }
	.lang_ja .sec-text{
		line-height: 1.65;
	}

}
@media all and (min-width: 980px){
  .sec-text{
    font-size: 1.25vw;
    line-height: 1.4;
  }
  .lang_ko .sec-text{
    font-size: 1.25vw;
  }
  .lang_ko .sec-text,
  .lang_zh-tw .sec-text,
  .lang_ja .sec-text{
		line-height: 1.8;
	}
}
@media all and (min-width: 1440px){
  .sec-text{
    font-size: 17px;
    line-height: 1.4;
 }
 .lang_ko .sec-text{
    font-size: 17px;
  }
 .lang_ja .sec-text{
 		font-size: 18px;
		line-height: 1.8;
	}
}

@media all and (max-width: 759px){
 .section__wrapper{
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .sec-text{
    font-size: 3.46667vw;
    line-height: 1.3;
    color: #FFF;
    font-weight: bold;
 }
  .lang_ja .sec-text{
    font-size: 3.46667vw;
    line-height: 1.8;
  }

  .lang_ko .sec-text,
  .lang_zh-tw .sec-text,
  .lang_ja .sec-text{
    line-height: 1.8;
  }
}


/* ==========================================================================
   SEC1
   ======================================================================= */

.sec1{
  width: 100%;
  position: relative;
}
.sec1__wrapper{
  position: relative;
  box-sizing: border-box;
}
@media all and (min-width: 760px){
  .sec1__wrapper{
    padding-top: 6%;
    background: url(../img/sec1/sec1_bg_pc.jpg) 50% 60% no-repeat ;
    -webkit-background-size: cover;
            background-size: cover;
  }
}
@media all and (max-width: 759px){
 .sec1__wrapper{
    padding-top: 5%;
    background: url(../img/sec1/sec1_bg_sp.jpg) 50% 50% no-repeat ;
    -webkit-background-size: cover;
            background-size: cover;
  }
}


@media all and (min-width: 760px){
  .sec1-lead{
    background: url(../img/sec1/sec1_bg_title_pc.png) 50% -50px no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .sec1-lead__body{
    padding-top: 23.232%;
    position: relative;
  }
  
  .sec1-lead__text{
    display: none;
  }

  .lang_ja .sec1-lead__text{
    display: block;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    left: 0;
    right: 0;
    top: 11%;
  }



  .sec1-lead__title{
    position: absolute;
    left: 0;
    right: 0;
    top: 24%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .lang_ru .sec1-lead__title{
    width: 64%;
  }
  .sec1-lead__title span{
    color: #FFF;
    font-weight: bold;
  }

  .lang_ja .sec1-lead__title{
     max-width: 760px;
     width: 79.1667%;
   }

   .lang_ja .sec1-lead__title span{
      display: block;
      width: 100%;
      background: url(../img/sec1/sec1_lead_pc.png) 0 0 no-repeat;
      -webkit-background-size: cover;
              background-size: cover;
    }
   .lang_ja .sec1-lead__title span::before{
      content: "";
      display: block;
      padding-top: 8.94737%;
    }

   .sec1-lead__arrow{
    position: absolute;
    left: 0;
    right: 0;
    top: 60%;
    margin: 0 auto;
    width: 3.75%;
       background: url(../img/sec1/sec1_arrow_pc.png) 0 0 no-repeat;
      -webkit-background-size: cover;
              background-size: cover;
    -webkit-animation: scrolldown 1.4s linear infinite;
    animation: scrolldown 1.4s linear infinite;
    
   }
   .sec1-lead__arrow::before{
     content: "";
     display: block;
     padding-top: 50%;
   }

}
@media all and (max-width: 759px){
  .sec1-lead{
    position: relative;
    
  }
  .sec1-lead__body{
    background: url(../img/sec1/sec1_bg_title_sp.png) 50% 100% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    padding: 3% 0 8.667% 0;
  }

  .lang_ja .sec1-lead__body{
    padding: 4% 0 8.667% 0;
  }

  .sec1-lead__text{
    display: none;
  }

  .lang_ja .sec1-lead__text{
    display: block;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: bold;
  }

  .sec1-lead__title{
    text-align: center;
    margin: 0 10px;
   }

  .lang_ja .sec1-lead__title{
     max-width: 760px;
     margin: 0 auto;
   }

  .sec1-lead__title span{
    color: #FFF;
    font-weight: bold;
    font-size: 5vw;
    line-height: 1.2;
  }

  .lang_zh-tw .sec1-lead__title span{
    font-size: 4vw;
    line-height: 1.5;
  }

 .lang_ja .sec1-lead__title span{
    display: block;
    width: 100%;
    background: url(../img/sec1/sec1_lead_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

 .lang_ja .sec1-lead__title span::before{
    content: "";
    display: block;
    padding-top: 11.7333%;
  }

  .sec1-lead__arrow{
    position: absolute;
    left: 0;
    right: 0;
    top: 77%;
    margin: 0 auto;
    width: 4.8%;
       background: url(../img/sec1/sec1_arrow_sp.png) 0 0 no-repeat;
      -webkit-background-size: cover;
              background-size: cover;
    -webkit-animation: scrolldown .8s linear infinite;
            animation: scrolldown .8s linear infinite;
  }

  .sec1-lead__arrow::before{
    content: "";
    display: block;
    padding-top: 50%;
  }

}



@media all and (min-width: 760px){
  .sec1-header__body{
    padding-top: 36.25%;
  }

  .sec1-title-num{
    width: 12.5%;
    position: absolute;
    left: -2%;
    top: -46%;
    -webkit-animation: bound .75s ease infinite both;
            animation: bound .75s ease infinite both;
  }

  .sec1-title-num::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec1-title-num p{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    background: url(../img/sec1/sec1_num_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .sec1-title-num p::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec1-title{
    width: 57.475%;
    position: absolute;
    left: 1%;
    top: -1.3%;
  }
  .sec1-title span{
    color: #FFF;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 7vw;
    line-height: 1.0;
    text-shadow: 3px 3px 0px rgba(0,0,0,0.5);
    
  }

  .lang_ja .sec1-title{
    width: 57.475%;
    position: absolute;
    left: 1%;
    top: -10.7%;
  }
  .lang_ja .sec1-title span{
    display: block;
    width: 100%;
    background: url(../img/sec1/sec1_title_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    text-shadow:none;
  }
 .lang_ja .sec1-title span::before{
    content: "";
    display: block;
    padding-top: 45.614%;
  }
  .sec1-title-num--sp{
    
    display: none;
  }
  .lang_ru .sec1-title{
    width: 72.475%;
    top: 9.3%;
  }
  .lang_ru .sec1-title span{
    font-size: 6vw;
  }
}
@media all and (min-width: 980px){
  .sec1-title span{
    font-size: 6vw;
  }
  .lang_ru .sec1-title span{
    font-size: 5vw;
  }
}
@media all and (min-width: 1200px){
  .sec1-title span{
    font-size: 5vw;
  }
  .lang_ru .sec1-title span{
    font-size: 4vw;
  }
}
@media all and (min-width: 1440px){
  .sec1-title span{
    font-size: 70px;
  }
   .lang_ru .sec1-title span{
    font-size: 60px;
  }
}
@media all and (max-width: 759px){
 .sec1-header__body{
    padding-top: 140.4%;
  }

  .sec1-title-num{
    
    display: none;

  }


  .sec1-title-num--sp{

    width: 16%;
    position: absolute;
    left: 3.3%;
    top: -46.4%;
     -webkit-animation: bound .75s ease infinite both;
              animation: bound .75s ease infinite both;
  }

  .lang_ja .sec1-title-num--sp{
    top: -22.4%;
  }

  .sec1-title-num--sp::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec1-title-num--sp p{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    background: url(../img/sec1/sec1_num_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .sec1-title-num--sp p::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec1-title{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 0;
  }

  .sec1-title span{
    display: block;
    margin: 0 10px;
    color: #FFF;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 11.5vw;
    line-height: 1.05;
    text-align: center;
    text-shadow: 3px 3px 0px rgba(0,0,0,0.5);
  }

   .lang_zh-tw .sec1-title{
     top: 3%;
     width: 80%;
     margin: 0 auto;
     right: 0;
   }
   .lang_zh-tw .sec1-title span{
    font-size: 12.5vw;
    line-height: 1.15;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  }

   .lang_ko .sec1-title{
     top: 6%;
     width: 80%;
     margin: 0 auto;
     right: 0;
   }

   .lang_ko .sec1-title span{
    font-size: 12.5vw;
    line-height: 1.15;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  }


  .lang_ja .sec1-title{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 0;
  }
  .lang_ja .sec1-title span{
    display: block;
    margin: 0;
    width: 100%;
    background: url(../img/sec1/sec1_title_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    text-shadow: none;
  }
  .lang_ja .sec1-title span::before{
    content: "";
    display: block;
    padding-top: 46.4%;
  }


}



@media all and (min-width: 760px){
  .sec1-copy-outer{
    position: relative;
    padding-bottom: 3.479%;
  }
  .sec1-copy{
    background: url(../img/sec1/sec1_bg_text_pc.png) 50% 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .sec1-copy__body{
    padding: 3% 0;
  }

  .sec1-stitle{
    margin-bottom: 1%;
  }
  .sec1-stitle span{
    color: #FFF;
    font-weight: bold;
  }
  .lang_ja .sec1-stitle{
    width: 56.25%;
  }

  .lang_ja .sec1-stitle span{
    display: block;
    width: 100%;
    background: url(../img/sec1/sec1_stitle_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .sec1-stitle span::before{
    content: "";
    display: block;
    padding-top: 6.66667%;
  }

  .sec1-text{
    width: 55.25%;
    max-width: 540px;
  }

  .lang_zh-tw .sec1-copy-outer{
    padding-bottom: 3.479%;
  }

  .lang_en .sec1-copy-outer,
  .lang_ru .sec1-copy-outer,
  .lang_en-gb .sec1-copy-outer{
    position: relative;
    padding-bottom: 5.279%;
  }

    .lang_pt-br .sec1-copy-outer{
      padding-bottom: 5.879%;
    }
}
@media all and (min-width: 1100px){
  .lang_ko .sec1-copy-outer{
    padding-bottom: 6.479%;
  }
}

@media all and (max-width: 759px){
  .sec1-copy{
    padding-top: 5.336%;
    background: url(../img/sec1/sec1_bg_text_sp.png) 50% 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
        position: relative;
        z-index: 2;
  }
  .sec1-copy__body{
    position: relative;
    
  }

  .sec1-stitle{
    width: 100%;
    text-align: center;
  }
  .sec1-stitle span{
    margin: 0 10px;
    color: #FFF;
    font-weight: bold;
  }

  .lang_ja .sec1-stitle{
    width: 100%;
  }
  .lang_ja .sec1-stitle span{
    display: block;
    margin: 0;
    width: 100%;
    background: url(../img/sec1/sec1_stitle_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .lang_ja .sec1-stitle span::before{
    content: "";
    display: block;
    padding-top: 14.667%;
  }

  .sec1-text{
    padding: 5.336% 25px 5.836% 25px;
  }
}


@media all and (min-width: 760px){
  .sec1-phone{
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .sec1-phone__body{
    padding-top: 51.354%;
  }

  .sec1-phone__img{
    width: 35.4167%;
    position: absolute;
    left: 58.4%;
    bottom: -40%;
  }
  .lang_ja .sec1-phone__img{
    left: 55.4%;
  }
  .sec1-phone__img span{
    display: block;
    width: 100%;
    background: url(../img/sec1/sec1_img_phone_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
   }
  .sec1-phone__img span::before{
    content: "";
    display: block;
    padding-top: 195.575%;
  }
  .sec1-phone__display{
    width: 29%;
    position: absolute;
    left: 61.6%;
    bottom: -21.5%
  }
  .lang_ja .sec1-phone__display{
    left: 58.6%;
  }

  #sec1-slide {
    display:none;
  }
  #sec1-slide.slick-initialized {
    display: block;
  }

  .sec1-phone__display img{
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  .sec1-bgm{
    width: 11.2%;
    position: absolute;
    left: 87%;
    bottom: 2%;
  }
  .sec1-bgm__btn{
    width: 100%;
    display: block;
    background: url(../img/sec1/sec1_btn_sound_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    left: 0;
    top: 0;
  }
  .sec1-bgm__btn::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec1-bgm__btn-off{
    width: 100%;
    display: block;
    background: url(../img/sec1/sec1_btn_sound_off_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    left: 0;
    top: 0;
    
    display: none;
  }

  .sec1-bgm__btn-off::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .is-bgm-on .sec1-bgm__btn{
    display: none;
  }

  .is-bgm-on .sec1-bgm__btn-off{
    display: block;
  }

  .is-bgm-off .sec1-bgm__btn-off{
    display: none;
  }

  .is-bgm-off .sec1-bgm__btn{
    display: block;
  }

  .no-touchevents .sec1-bgm__btn:hover,
  .no-touchevents .sec1-bgm__btn-off:hover{
    -webkit-animation: bound .75s ease 0s both;
            animation: bound .75s ease 0s both;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1); 
  }


}

@media all and (max-width: 759px){
 .sec1-phone{
    position: absolute;
    left: 0;
    top: 36.5%;
  }
  .sec1-phone__body{
    width: 100%;
    padding-top: 115.808%;
  }

  .sec1-phone__img{
    width: 60.2667%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    
  }
  .sec1-phone__img span{
    display: block;
    width: 100%;
    background: url(../img/sec1/sec1_img_phone_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
   }
  .sec1-phone__img span::before{
    content: "";
    display: block;
    padding-top: 195.575%;
  }
  .sec1-phone__display{
    width: 49.6%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 12.7%;
  }

  .is-ie .sec1-phone__display{
    top: -33.3%;
  }

  #sec1-slide {
    display:none;
  }
  #sec1-slide.slick-initialized {
    display: block;
  }

  .sec1-phone__display img{
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  .sec1-bgm{
    width: 23.2%;
    position: absolute;
    right: 3.5%;
    top: 45.5%;
    z-index: 3;
  }
  .sec1-bgm__btn{
    width: 100%;
    display: block;
    background: url(../img/sec1/sec1_btn_sound_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    left: 0;
    top: 0;
  }
  .sec1-bgm__btn::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec1-bgm__btn-off{
    width: 100%;
    display: block;
    background: url(../img/sec1/sec1_btn_sound_off_pc.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    left: 0;
    top: 0;
    
    display: none;
  }

  .sec1-bgm__btn-off::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .is-bgm-on .sec1-bgm__btn{
    display: none;
  }

  .is-bgm-on .sec1-bgm__btn-off{
    display: block;
  }

  .is-bgm-off .sec1-bgm__btn-off{
    display: none;
  }

  .is-bgm-off .sec1-bgm__btn{
    display: block;
  }
}



/* ==========================================================================
   SEC2
   ======================================================================= */

.sec2{
  width: 100%;
  position: relative;
}
.sec2__wrapper{
  position: relative;
  box-sizing: border-box;
}
@media all and (min-width: 760px){
  .sec2__wrapper{
    padding-bottom: 2.5%;
    background: url(../img/sec2/sec2_bg_pc.jpg) 50% 50% repeat-x ;
    -webkit-background-size: 3594px auto;
            background-size: 3594px auto;
    -webkit-animation: sec2-bgloop 120s linear infinite;
            animation: sec2-bgloop 120s linear infinite;
  }

  .sec2-mario{
    position: absolute;
    left: -4.5%;
    bottom: 2.8%;
    width: 42.8708%;
    max-width: 617px;
    background: url(../img/sec2/sec2_chara.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .sec2-mario::before{
    content: "";
    display: block;
    padding-top: 115.883%;
  }

}

@-webkit-keyframes sec2-bgloop {
  0% { background-position: 0 0;}
  100% { background-position: -3594px 0;}
}
@keyframes sec2-bgloop {
  0% { background-position: 0 0;}
  100% { background-position: -3594px 0;}
}

@media all and (min-width: 1200px){
  .sec2-mario{
    left: -2%;
    bottom: -12.8%;
  }
}

@media all and (min-width: 1440px){
  .sec2-mario{
    left: 50%;
    margin-left: -710px;
    bottom: -13.3%;
  }
}

@media all and (max-width: 759px){
	.sec2{
	  z-index: 2;
	}
	 .sec2__wrapper{
    background: url(../img/sec2/sec2_bg_sp.jpg) 50% 50% repeat-x ;
    -webkit-background-size: 3700px auto;
            background-size: 3700px auto;
    -webkit-animation: sec2-bgloop-sp-759 80s linear infinite;
            animation: sec2-bgloop-sp-759 80s linear infinite;
  }

  .sec2-bg,
  .sec2-bg-ui{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
  }
  .sec2-bg-ui{
    z-index: 4;
    height: 100px;
  }
  #sec2-bg-slide{
    width: 100%;
  }
  .sec2-bg img{
    width: 100%;
    height: auto;
  }

  .sec2-bg-slide__item{
    background: rgba(0,0,0,0.2);
  }
  .sec2-bg-slide__item:nth-child(2n){
    background: rgba(255,0,0,0.2);
  }

  .sec2-mario{
    position: absolute;
    left: -16.6%;
    top: -1.3%;
    width: 70.6667%;
    background: url(../img/sec2/sec2_chara_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .sec2-mario::before{
    content: "";
    display: block;
    padding-top: 141.509%;
  }

}

@media all and (max-width: 420px){
  .sec2__wrapper{
    background: url(../img/sec2/sec2_bg_sp.jpg) 50% 50% repeat-x ;
    -webkit-background-size: 1850px auto;
            background-size: 1850px auto;
    -webkit-animation: sec2-bgloop-sp-420 80s linear infinite;
            animation: sec2-bgloop-sp-420 80s linear infinite;
  }
}

@-webkit-keyframes sec2-bgloop-sp-759 {
  0% { background-position: 0 0;}
  100% { background-position: -3700px 0;}
}
@keyframes sec2-bgLoop-sp-759 {
  0% { background-position: 0 0;}
  100% { background-position: -3700px 0;}
}

@-webkit-keyframes sec2-bgloop-sp-420 {
  0% { background-position: 0 0;}
  100% { background-position: -1850px 0;}
}
@keyframes sec2-bgLoop-sp-420 {
  0% { background-position: 0 0;}
  100% { background-position: -1850px 0;}
}


@media all and (min-width: 760px){
  
  .sec2-chara__body{
    padding-top: 35.104%;
    position: relative;
  }
  .lang_en .sec2-chara__body,
  .lang_en-gb .sec2-chara__body,
  .lang_zh-tw .sec2-chara__body,
  .lang_ru .sec2-chara__body{
    padding-top: 36.504%;
  }
  .lang_de .sec2-chara__body,
  .lang_nl .sec2-chara__body,
  .lang_it .sec2-chara__body,
  .lang_fr .sec2-chara__body,
  .lang_fr-ca .sec2-chara__body,
  .lang_es-mx .sec2-chara__body,
  .lang_es .sec2-chara__body{
    padding-top: 40.104%;
  }

}
@media all and (max-width: 759px){
  .sec2-chara__body{
    padding-top: 104.833%;
    
  }
}


@media all and (min-width: 760px){
  .sec2-copy{
    background: url(../img/sec2/sec2_bg_text_pc.png) 50% 0 no-repeat;
  }
  .sec2-copy__body{
    position: relative;
    padding: 2.5% 0 2.5% 0;
  }

  .sec2-title-num{
    width: 12.5%;
    position: absolute;
    left: 37.6%;
    top: -52.2%;
     -webkit-animation: bound .75s ease infinite both;
            animation: bound .75s ease infinite both;
  }
  .lang_de .sec2-title-num,
  .lang_en .sec2-title-num,
  .lang_en-gb .sec2-title-num,
  .lang_nl .sec2-title-num,
  .lang_it .sec2-title-num,
  .lang_fr .sec2-title-num,
  .lang_fr-ca .sec2-title-num,
  .lang_es-mx .sec2-title-num,
  .lang_es .sec2-title-num,
  .lang_ko .sec2-title-num,
  .lang_zh-tw .sec2-title-num{
    top: -87.2%;
  }
  .lang_ru .sec2-title-num{
    top: -69.2%;
  }
  .lang_pt-br .sec2-title-num{
    top: -67.2%;
  }

  .sec2-title-num::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec2-title-num p{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    background: url(../img/sec2/sec2_num_pc.png) 100% 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .sec2-title-num p::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec2-stitle{
    width: 60%;
    margin-left: 40%;
    margin-bottom: 1%;
  }
  .sec2-stitle span{
    color: #FFF;
    font-weight: bold;
  }

  .lang_ja .sec2-stitle{
    width: 60%;
    margin-left: 40%;
    margin-bottom: 1%;
  }
  .lang_ja .sec2-stitle span{
    display: block;
    width: 100%;
    background: url(../img/sec2/sec2_title_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .sec2-stitle span::before{
    content: "";
    display: block;
    padding-top: 7.65217%;
  }

  .sec2-text{
    width: 60%;
    margin-left: 40%;
  }
}
@media all and (min-width: 1100px){
  .lang_de .sec2-title-num,
  .lang_en .sec2-title-num,
  .lang_en-gb .sec2-title-num,
  .lang_nl .sec2-title-num,
  .lang_it .sec2-title-num,
  .lang_fr .sec2-title-num,
  .lang_fr-ca .sec2-title-num,
  .lang_es-mx .sec2-title-num,
  .lang_es .sec2-title-num,
  .lang_ko .sec2-title-num,
  .lang_zh-tw .sec2-title-num{
    top: -73.2%;
  }
  .lang_ru .sec2-title-num,
  .lang_pt-br .sec2-title-num{
    top: -64.2%;
  }
}

@media all and (max-width: 759px){
  .sec2-copy{
    padding-top: 5.336%;
    background: url(../img/sec2/sec2_bg_text_sp.png) 50% 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .sec2-copy__body{
    position: relative;
  }

  .sec2-title-num{
    width: 16%;
    position: absolute;
    left: 3.3%;
    top: -22.4%;
     -webkit-animation: bound .75s ease infinite both;
            animation: bound .75s ease infinite both;
  }

  .sec2-title-num::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec2-title-num p{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    background: url(../img/sec2/sec2_num_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .sec2-title-num p::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec2-stitle{
    width: 100%;
    text-align: center;
  }
  .sec2-stitle span{
    margin: 0 10px;
    color: #FFF;
    font-weight: bold;
  }
  .lang_ja .sec2-stitle span{
    display: block;
    width: 100%;
    background: url(../img/sec2/sec2_title_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .sec2-stitle span::before{
    content: "";
    display: block;
    padding-top: 8%;
  }

  .sec2-text{
    padding: 5.336% 25px 5.836% 25px;
  }
}

/* ==========================================================================
   SEC3
   ======================================================================= */


@media all and (min-width: 760px){
  .sec3{
    width: 50%;
    float: left;
    position: relative;
    z-index: 4;
  }

  .sec3__wrapper{
    width: 100%;
    background: url(../img/sec3/sec3_bg.jpg) 100% 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: relative;
  }

  .sec3-chara{
    position: absolute;
    right: -8.7%;
    top: -8.1%;
    width: 45.8708%;
    max-width: 335px;
    background: url(../img/sec3/sec3_chara.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_de .sec3-chara,
  .lang_nl .sec3-chara,
  .lang_it .sec3-chara,
  .lang_fr .sec3-chara,
  .lang_fr-ca .sec3-chara,
  .lang_pt-br .sec3-chara{
     top: -1%;
   }
   .lang_ru .sec3-chara{
     top: 4%;
   }
   .lang_es-mx .sec3-chara{
     top: -6.8%;
   }

  .sec3-chara::before{
    content: "";
    display: block;
    padding-top: 168.657%;
  }



  .sec3-copy{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-left: 4.4%;
    max-width: 720px;
    float: right;
  }

  .sec3__wrapper::after{
    content: "";
    display: block;
    clear: both;
  }

  .sec3-copy__wrapper{
     position: relative;
     box-sizing: border-box;
   }

   .sec3-copy__body{
    width: 100%;
    position: relative;
    padding-top: 67.8%;
  }
  .lang_es-mx .sec3-copy__body,
  .lang_es .sec3-copy__body{
    padding-top: 74.8%;
   }
   .lang_de .sec3-copy__body,
   .lang_nl .sec3-copy__body,
   .lang_it .sec3-copy__body,
   .lang_fr .sec3-copy__body,
   .lang_fr-ca .sec3-copy__body,
   .lang_pt-br .sec3-copy__body{
     padding-top: 78.8%;
   }
   .lang_ru .sec3-copy__body{
     padding-top: 82.8%;
   }

   .sec3-title-num{
    width: 17.65%;
    position: absolute;
    left: -2.5%;
    top: -4.2%;
     -webkit-animation: bound .75s ease infinite both;
            animation: bound .75s ease infinite both;
  }

  .sec3-title-num::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec3-title-num p{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    background: url(../img/sec3/sec3_num_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .sec3-title-num p::before{
    content: "";
    display: block;
    padding-top: 100%;
  }
  .sec3-stitle{
    width: 55.885%;
    position: absolute;
    left: 0%;
    top: 27.7%;
  }
  .sec3-stitle span{
    color: #FFF;
    font-weight: bold;
  }
  .lang_es-mx .sec3-stitle,
  .lang_ru .sec3-stitle,
  .lang_pt-br .sec3-stitle{
    top: 17.7%;
  }
  .lang_es-mx .sec3-stitle{
    top: 20.7%;
  }
  .lang_de .sec3-stitle,
  .lang_nl .sec3-stitle,
  .lang_it .sec3-stitle,
  .lang_fr .sec3-stitle,
  .lang_fr-ca .sec3-stitle,
  .lang_es .sec3-stitle{
    top: 23.7%;
  }
  .lang_ja .sec3-stitle{
    width: 65.885%;
    position: absolute;
    left: 0%;
    top: 27.7%;
  }
  .lang_ja .sec3-stitle span{
    display: block;
    width: 100%;
    background: url(../img/sec3/sec3_title_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .sec3-stitle span::before{
    content: "";
    display: block;
    padding-top: 23.6842%;
  }

  .sec3-text{
    width: 64.65%;
    position: absolute;
    top: 54%;
    left: 0;
  }
  .lang_de .sec3-text,
  .lang_nl .sec3-text,
  .lang_it .sec3-text,
  .lang_fr .sec3-text,
  .lang_fr-ca .sec3-text,
  .lang_es .sec3-text{
    top: 50%;
  }
  .lang_es-mx .sec3-text{
    top: 45%;
  }
  .lang_pt-br .sec3-text,
  .lang_de .sec3-text{
    top: 48%;
  }
  .lang_ru .sec3-text{
    top: 43%;
  }
  .lang_zh-tw .sec3-text,
  .lang_ko .sec3-text{
    top: 58%;
  }
  .sec4-title-num--sp{
    display: none;
  }
}
@media all and (min-width: 980px){
  .sec3-copy__body{
     padding-top: 62.8%;
   }
  .sec3-chara{
    right: -0.7%;
  }
  .lang_de .sec3-chara,
  .lang_ru .sec3-chara,
  .lang_nl .sec3-chara,
  .lang_it .sec3-chara,
  .lang_fr .sec3-chara,
  .lang_fr-ca .sec3-chara,
  .lang_pt-br .sec3-chara{
    top: -8.1%;
  }
   .sec3-text{
    width: 52.65%;
  }
  .lang_ru .sec3-stitle {
    top: 13.7%;
  }
  .lang_ja .sec3-stitle{
    width: 55.885%;
    top: 27.7%;
  }
  .lang_es-mx .sec3-copy__body,
  .lang_es .sec3-copy__body{
    padding-top: 62.8%;
   }
   .lang_ru .sec3-text{
       top: 52%;
   }
  .lang_pt-br .sec3-text{
       top: 58%;
   }
  .lang_de .sec3-copy__body,
  .lang_ru .sec3-copy__body,
  .lang_nl .sec3-copy__body,
  .lang_it .sec3-copy__body,
  .lang_fr .sec3-copy__body,
  .lang_fr-ca .sec3-copy__body,
  .lang_pt-br .sec3-copy__body{
    padding-top: 66.8%;
  }
}
@media all and (max-width: 759px){
  .sec3{
    position: relative;
    z-index: 3;
  }

  .sec3__wrapper{
    width: 100%;
    background: url(../img/sec3/sec3_bg_sp.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: relative;
  }

  .sec3-chara{
    position: absolute;
    left: 1.5%;
    bottom: 0;
    width: 54.7667%;
    background: url(../img/sec3/sec3_chara_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .sec3-chara::before{
    content: "";
    display: block;
    padding-top: 147.27273%;
  }



  .sec3-copy{
    width: 100%;
    position: relative;
  }

  .sec3-copy__wrapper{
     position: relative;
     box-sizing: border-box;
   }

   .sec3-copy__body{
     width: 100%;
     position: relative;
     padding-top: 46.6667%;
   }

   .lang_ja .sec3-copy__body{
     padding-top: 42.6667%;
   }

   .sec3-title-num{
    width: 16%;
    position: absolute;
    left: 3.3%;
    top: -3.5%;
     -webkit-animation: bound .75s ease infinite both;
            animation: bound .75s ease infinite both;
  }

  .sec3-title-num::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec3-title-num p{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    background: url(../img/sec3/sec3_num_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .sec3-title-num p::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec3-stitle{
    width: 55.4%;
    position: absolute;
    left: 44.6%;
    top: 20.6%;
  }
  .lang_zh-tw .sec3-stitle{
    left: 50%;
  }
  .lang_ko .sec3-stitle{
    left: 50%;
  }


  .sec3-stitle span{
    color: #FFF;
    font-weight: bold;
    display: block;
    margin-right: 10px;
  }

  .lang_ja .sec3-stitle{
    width: 100%;
    position: absolute;
    left: 42.6%;
    top: 15.6%;
  }
  .lang_ja .sec3-stitle span{
    margin: 0;
    display: block;
    width: 54.6667%;
    background: url(../img/sec3/sec3_title_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .sec3-stitle span::before{
    content: "";
    display: block;
    padding-top: 41.4634%;
  }

  .sec3-text{
    padding: 4.8% 25px 5.336% 25px;
    background: url(../img/sec3/sec3_bg_text_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .sec3-text{
    line-height: 1.7;
  }

  
  .sec4-title-num--sp{
    width: 16%;
    position: absolute;
    left: 3.3%;
    bottom: -17.4%;
    z-index: 5;
     -webkit-animation: bound .75s ease infinite both;
            animation: bound .75s ease infinite both;
  }

  .sec4-title-num--sp::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec4-title-num--sp p{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    background: url(../img/sec4/sec4_num_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .sec4-title-num--sp p::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

}

/* ==========================================================================
   SEC4
   ======================================================================= */

@media all and (min-width: 760px){
  .sec4{
    width: 50%;
    float: right;
    position: relative;
    z-index: 4;
  }

  .sec4__wrapper{
    width: 100%;
     background: url(../img/sec4/sec4_bg.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: relative;
  }

  .sec4-chara{
    position: absolute;
    left: 46.7%;
    top: -21%;
    width: 60.8708%;
    max-width: 438px;
    background: url(../img/sec4/sec4_chara.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_en-gb .sec4-chara,
  .lang_en .sec4-chara,
  .lang_ko .sec4-chara,
  .lang_zh-tw .sec4-chara{
    top: -12%;
  }
  .lang_es-mx .sec4-chara,
  .lang_es .sec4-chara{
    top: -12%;
  }
  .lang_de .sec4-chara,
  .lang_ru .sec4-chara,
  .lang_nl .sec4-chara,
  .lang_it .sec4-chara,
  .lang_fr .sec4-chara,
  .lang_fr-ca .sec4-chara,
  .lang_pt-br .sec4-chara{
    top: 0;
  }


  .sec4-chara::before{
    content: "";
    display: block;
    padding-top: 136.53%;
  }

  .sec4-copy{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-right: 4.4%;
    max-width: 720px;
    float: left;
  }

  .sec4__wrapper::after{
    content: "";
    display: block;
    clear: both;
  }

  .sec4-copy__wrapper{
     position: relative;
     box-sizing: border-box;
   }

   .sec4-copy__body{
     width: 100%;
     position: relative;
     padding-top: 67.8%;
   }
  
  .lang_es-mx .sec4-copy__body,
  .lang_es .sec4-copy__body{
    padding-top: 74.8%;
   }
   .lang_de .sec4-copy__body,
   .lang_nl .sec4-copy__body,
   .lang_it .sec4-copy__body,
   .lang_fr .sec4-copy__body,
   .lang_fr-ca .sec4-copy__body,
   .lang_pt-br .sec4-copy__body{
     padding-top: 78.8%;
   }
   .lang_ru .sec4-copy__body {
      padding-top: 82.8%;
    }

   .sec4-title-num{
    width: 17.65%;
    position: absolute;
    left: 0.9%;
    top: -4.2%;
     -webkit-animation: bound .75s ease infinite both;
            animation: bound .75s ease infinite both;
  }

  .sec4-title-num::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec4-title-num p{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    background: url(../img/sec4/sec4_num_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .sec4-title-num p::before{
    content: "";
    display: block;
    padding-top: 100%;
  }

  .sec4-stitle{
    width: 55.885%;
    position: absolute;
    left: 5.3%;
    top: 27.7%;
  }
  .lang_pt-br .sec4-stitle,
  .lang_ru .sec4-stitle{
    top: 17.7%;
  }
  .lang_es-mx .sec4-stitle{
    top: 20.7%;
  }
  .lang_de .sec4-stitle,
  .lang_nl .sec4-stitle,
  .lang_it .sec4-stitle,
  .lang_fr .sec4-stitle,
  .lang_fr-ca .sec4-stitle,
  .lang_es .sec4-stitle{
    top: 23.7%;
  }
  .sec4-stitle span{
    display: block;
    color: #FFF;
    font-weight: bold;
  }

  .lang_ja .sec4-stitle{
    width: 65.885%;
    position: absolute;
    left: 5.3%;
    top: 27.7%;
  }
  .lang_ja .sec4-stitle span{
    display: block;
    width: 100%;
    background: url(../img/sec4/sec4_title_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .sec4-stitle span::before{
    content: "";
    display: block;
    padding-top: 23.6842%;
  }

  .sec4-text{
    width: 58.65%;
    position: absolute;
    top: 54%;
    left: 5.3%;
  }
  .lang_ru .sec4-text{
    width: 46.65%;
    top: 43%;
   }
  .lang_nl .sec4-text,
  .lang_it .sec4-text,
  .lang_fr .sec4-text,
  .lang_fr-ca .sec4-text,
  .lang_es-mx .sec4-text,
  .lang_es .sec4-text{
    top: 50%;
  }
  .lang_es-mx .sec4-text{
    top: 45%;
  }
  .lang_pt-br .sec4-text,
  .lang_de .sec4-text{
    top: 48%;
  }
  .lang_zh-tw .sec4-text,
  .lang_ko .sec4-text{
    top: 58%;
  }
  .lang_nl .sec4-text{
    width: 54.35%;
  }
  .lang_en .sec4-text,
  .lang_en-gb .sec4-text{
    width: 49.95%;
  }
  .lang_es-mx .sec4-text,
  .lang_es .sec4-text,
  .lang_it .sec4-text,
  .lang_fr .sec4-text,
  .lang_fr-ca .sec4-text,
  .lang_pt-br .sec4-text{
    width: 51.65%;
  }

}
@media all and (min-width: 980px){
  .sec4-copy__body{
     padding-top: 62.8%;
   }
   .lang_de .sec4-chara,
   .lang_nl .sec4-chara,
   .lang_it .sec4-chara,
   .lang_fr .sec4-chara,
   .lang_fr-ca .sec4-chara,
   .lang_pt-br .sec4-chara{
    top: -14%;
  }
  .lang_ru .sec4-chara{
    top: -12%;
  }
  .lang_ja .sec4-stitle{
    width: 55.885%;
    top: 27.7%;
  }
  .lang_ru .sec4-stitle{
    top: 13.7%;
    width: 49.885%;
  }
  .lang_es-mx .sec4-copy__body,
  .lang_es .sec4-copy__body{
    padding-top: 62.8%;
   }
   .lang_pt-br .sec4-text{
       top: 58%;
       width: 51.65%;
   }
  .lang_de .sec4-copy__body,
  .lang_ru .sec4-copy__body,
  .lang_nl .sec4-copy__body,
  .lang_it .sec4-copy__body,
  .lang_fr .sec4-copy__body,
  .lang_fr-ca .sec4-copy__body,
  .lang_pt-br .sec4-copy__body{
    padding-top: 66.8%;
  }

  .lang_ru .sec4-text{
    top: 52%;
    width: 58.65%;

   }
}
@media all and (max-width: 759px){
  .sec4{
    position: relative;
    z-index: 2;
  }

  .sec4__wrapper{
    width: 100%;
     background: url(../img/sec4/sec4_bg_sp.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: relative;
  }

  .sec4-chara{
    position: absolute;
    left: 50.7%;
    top: -26%;
    width: 52.4%;
    max-width: 438px;
    background: url(../img/sec4/sec4_chara_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .sec4-chara::before{
    content: "";
    display: block;
    padding-top: 135.878%;
  }

  .sec4-copy{
    width: 100%;
    position: relative;
  }

  .sec4__wrapper::after{
    content: "";
    display: block;
    clear: both;
  }

  .sec4-copy__wrapper{
     position: relative;
     box-sizing: border-box;
   }

   .sec4-copy__body{
     width: 100%;
     position: relative;
     padding-top: 42.6667%;
   }

   .sec4-title-num{
    display: none;
  }

  .sec4-stitle{
    width: 60.6667%;
    position: absolute;
    left: 7.7%;
    top: 25.8%;
  }


  .sec4-stitle span{
    display: block;
    color: #FFF;
    font-weight: bold;
  }

  .lang_ja .sec4-stitle{
    width: 54.6667%;
    position: absolute;
    left: 7.7%;
    top: 15.8%;
  }
  .lang_ja .sec4-stitle span{
    display: block;
    width: 100%;
    background: url(../img/sec4/sec4_title_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .sec4-stitle span::before{
    content: "";
    display: block;
    padding-top: 41.4634%;
  }

  .sec4-text{
    padding: 4.8% 25px 5.336% 25px;
    background: url(../img/sec3/sec3_bg_text_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
}






/* ==========================================================================
   ABOUT
   ======================================================================= */

@media all and (min-width: 760px){
  .about{
    clear: both;
  }

  .infomation{
      background: url(../img/common/bg_stripe.png) 0 0;
      position: relative;
      clear: both;
      z-index: 4;
  }

}
@media all and (max-width: 759px){

}

@media all and (min-width: 760px){

  .about__wrapper{
    position: relative;
  }
  .about-chara{
    width: 50%;
    max-width: 720px;
    height: 899px;
    position: absolute;
    left: 50%;
    margin-left: -72%;
    top: 0;
    display: none;
  }
  
  .is-fixed-chara .about-chara{
    position: fixed;
  }
  .is-fixed-chara.is-fixed-chara-b .about-chara{
    position: absolute;
  }


  .about-chara-coin{
    width: 16.53%;
    background: url(../img/about/about_coin_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    
    position: absolute;
    left: 90%;
    top: 71.5%;
  }
  .about-chara-coin::before{
    content: "";
    display: block;
    padding-top: 118.487%;
  }

  .about-chara-kuribo{
    width: 30.9%;
    background: url(../img/about/about_kuribo_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 54.8%;
    top: 75.8%;
  }

  .about-chara-kuribo::before{
    content: "";
    display: block;
    padding-top: 98.6486%;
  }

  .about-chara-koura{
    width: 20.5%;
    background: url(../img/about/about_koura_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 34.5%;
    top: 10.5%;
  }

  .about-chara-koura::before{
    content: "";
    display: block;
    padding-top: 97.931%;
  }

  .about-chara-mario{
    width: 108.07%;
    background: url(../img/about/about_mario_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    
    position: absolute;
    left: 0;
    top: 26%;
  }

  .about-chara-mario::before{
    content: "";
    display: block;
    padding-top: 77.3902%;
  }

  .about-header__wrapper{
    padding-top: 6.9%;
    margin-bottom: 7.2%;
  }

  .about-header-stitle{
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }
  .about-header-stitle span{
    display: block;
    width: 100%;
    background: url(../img/about/about_title_en_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .about-header-stitle span::before{
    content: "";
    display: block;
    padding-top: 5.26316%;
  }
  
  .about-header-title{
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .about-header-title span{
    color: #FFF;
    font-weight: bold;
  }

  .lang_ja .about-header-title{
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }
  .lang_ja .about-header-title span{
    display: block;
    width: 100%;
    background: url(../img/about/about_title_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about-header-title span::before{
    content: "";
    display: block;
    padding-top: 11.1842%;
  }
}

@media all and (min-width: 1440px){
  .about-chara{
    margin-left: -1020px;
  }
}
@media all and (max-width: 759px){
 .about__wrapper{
    position: relative;
  }
  .about-chara{
    width: 100%;
    position: relative!important;
    top: 0!important;
    padding-top: 69.333%;
  }
  .about-chara-coin{
    width: 15.8667%;
    background: url(../img/about/about_coin_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    
    position: absolute;
    left: 52.2%;
    top: 78.4%;
  }
  .about-chara-coin::before{
    content: "";
    display: block;
    padding-top: 118.487%;
  }

  .about-chara-koura{
    width: 19.8667%;
    background: url(../img/about/about_koura_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    left: -5.5%;
    top: -1.5%;
  }

  .about-chara-koura::before{
    content: "";
    display: block;
    padding-top: 97.9866%;
  }

  .about-chara-mario{
    width: 105.467%;
    background: url(../img/about/about_mario_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    
    position: absolute;
    left: -6.8%;
    top: -3%;
    z-index: 3;
  }

  .about-chara-mario::before{
    content: "";
    display: block;
    padding-top: 77.3704%;
  }

  .about-header{
    background: url(../img/about/about_header_bg_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .about-header__wrapper{
    padding-top: 5.3%;
    padding-bottom: 3.8%;
    margin-bottom: 4.6%;
  }

  .about-header-stitle{
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }
  .about-header-stitle span{
    display: block;
    width: 100%;
    background: url(../img/about/about_title_en_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .about-header-stitle span::before{
    content: "";
    display: block;
    padding-top: 5.86667%;
  }

  .about-header-title{
    width: 100%;
    text-align: center;
  }
  .about-header-title span{
    margin: 0 10px 0 10px;
    display: block;
    color: #FFF;
    font-weight: bold;
  }

  .lang_ja .about-header-title{
    width: 100%;
  }
  .lang_ja .about-header-title span{
    display: block;
    width: 100%;
    background: url(../img/about/about_title_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about-header-title span::before{
    content: "";
    display: block;
    padding-top: 9.86667%;
  }
}



.section-about{
  width: 100%;
  position: relative;
}
.section-about__wrapper{
  position: relative;
  box-sizing: border-box;
}
@media all and (min-width: 760px){
 .section-about{
  width: 100%;
  max-width: 960px;
  margin: 0 auto 4.7% auto;
 }
 .section-about__wrapper{
   width: 610px;
   margin-left: auto;
   margin-right: auto;
 }
}

@media all and (min-width: 980px){
  .about{
    clear: both;
  }

  .section-about__wrapper{
    width: 610px;
    margin-left: 350px;
    margin-right: 0;
  }

  .about-chara{
    display: block;
  }
}
@media all and (max-width: 759px){
 .section-about__wrapper{
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}


@media all and (min-width: 760px){
  .about1__title{
    width: 100%;
    max-width: 612px;
    margin: 0 auto 3.3% auto;
  }
  .about1__title span{
    display: block;
    color: #FFF;
    font-weight: bold;
  }

  .lang_ja .about1__title{
    width: 100%;
    max-width: 612px;
    margin: 0 auto 3.3% auto;
  }
  .lang_ja .about1__title span{
    display: block;
    width: 100%;
    background: url(../img/about/about1_title_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about1__title span::before{
    content: "";
    display: block;
    padding-top: 7.84314%;
  }

  .about1__text{
    width: 100%;
    max-width: 610px;
    margin-bottom: 12.2%;
  }
  .lang_ja .about1__text{
    font-size: 17px;
  }

  .about1__line{
    width: 100%;
    max-width: 613px;
  }
  .about1__line span{
    display: block;
    width: 100%;
    background: url(../img/about/about_line_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .about1__line span::before{
    content: "";
    display: block;
    padding-top: 1.46819%;
  }
 
}
@media all and (max-width: 759px){
  .about1__title{
    width: 100%;
    margin: 0 auto  5.3%  auto;
    text-align: center;
  }
  .about1__title span{
    display: block;
    margin: 0 10px;
    color: #FFF;
    font-weight: bold;
  }
  .lang_ja .about1__title{
    width: 100%;
    margin: 0 auto  5.3%  auto;
  }
  .lang_ja .about1__title span{
    margin: 0 auto;
    display: block;
    width: 100%;
    background: url(../img/about/about1_title_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about1__title span::before{
    content: "";
    display: block;
    padding-top: 7.84314%;
  }

  .about1__text{
    margin: 0 25px 6.7% 25px;
    font-size: 3.46667vw;
  }

  .about1__line{
    margin: 0 25px 7.3% 25px;
  }
  .about1__line span{
    display: block;
    width: 100%;
    background: url(../img/about/about_line_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .about1__line span::before{
    content: "";
    display: block;
    padding-top: 1.46819%;
  }
}



@media all and (min-width: 760px){
  .about2__title{
    width: 100%;
    max-width: 612px;
    margin-bottom: 3.7%;
  }
  .about2__title span{
    color: #FFF;
    font-weight: bold;
  }
  .lang_ja .about2__title{
    width: 100%;
    max-width: 612px;
    margin-bottom: 3.7%;
  }
  .lang_ja .about2__title span{
    display: block;
    width: 100%;
    background: url(../img/about/about2_title_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about2__title span::before{
    content: "";
    display: block;
    padding-top: 7.84314%;
  }

  .about2__text{
    width: 100%;
    max-width: 610px;
    margin-bottom: 7.2%;
  }
  .lang_ja .about2__text{
    font-size: 17px;
  }

  .about2-img::after{
    content: "";
    display: block;
    clear: both;
  }

  .about2-img-item{
    width: 100%;
    max-width: 182px;
    float: left;
    margin-right: 5.2%;
    margin-bottom: 10%;
  }

    
  .about2-img-item:nth-child(3){
     margin-right: 0;
  }
  .about2-img-item__img span{
    display: block;
    width: 100%;
  }
 .about2-img-item__img span::before{
    content: "";
    display: block;
    padding-top: 204.396%;
  }

  .about2-img-item--1 .about2-img-item__img span{
    background: url(../img/about/about2_img1_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about2-img-item--2 .about2-img-item__img span{
    background: url(../img/about/about2_img2_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about2-img-item--3 .about2-img-item__img span{
    background: url(../img/about/about2_img3_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }


  .about2-img-item__label{
    width: 100%;
    max-width: 182px;
    margin-top: 8%;
  }
  .about2-img-item__label span{
    display: block;
    width: 100%;
  }
 .about2-img-item__label span::before{
    content: "";
    display: block;
    padding-top: 25.8065%;
  }

  .about2-img-item--1 .about2-img-item__label span{
    background: url(../img/about/about2_btn1_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about2-img-item--2 .about2-img-item__label span{
    background: url(../img/about/about2_btn2_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about2-img-item--3 .about2-img-item__label span{
    background: url(../img/about/about2_btn3_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .no-touchevents .about2-img-item a{
    display: block;
  }
  .no-touchevents .about2-img-item a:hover{
     -webkit-animation: btnBounce .2s;
      animation: btnBounce .2s;
   }



  .about2__line{
    width: 100%;
    max-width: 613px;
  }
  .about2__line span{
    display: block;
    width: 100%;
    background: url(../img/about/about_line_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .about2__line span::before{
    content: "";
    display: block;
    padding-top: 1.46819%;
  }
 
}
@media all and (max-width: 759px){
  .about2__title{
    width: 100%;
    margin-bottom: 4.6%;
    text-align: center;
  }
  .about2__title span{
    margin: 0 10px;
    color: #FFF;
    font-weight: bold;
  }
  .lang_ja .about2__title{
    width: 100%;
    max-width: 612px;
    margin-bottom: 4.6%;
  }
  .lang_ja .about2__title span{
    display: block;
    margin: 0;
    width: 100%;
    background: url(../img/about/about2_title_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about2__title span::before{
    content: "";
    display: block;
    padding-top: 8.8%;
  }

  .about2__text{
    margin: 0 25px 7.5% 25px;
    font-size: 3.46667vw;
  }
  .about2-img{
    margin-bottom: 10%;
  }
  .about2-img-item a{
    display: block;
    position: relative;
  }
  .about2-img-item__label{
    position: absolute;
    width: 34%;
    text-align: center;
    right: 1%;
    bottom: 12%;
  }
  .about2-img-item__label span{
    color: #FFF;
    font-weight: bold;
    font-size: 3.46667vw;
    line-height: 1.3;
  }

  .about2-img-item{
    width: 100%;
    margin-bottom: 1.3%;
  }

  .about2-img-item__img span{
    display: block;
    width: 100%;
  }
 .about2-img-item__img span::before{
    content: "";
    display: block;
    padding-top: 28%;
  }

  .about2-img-item--1 .about2-img-item__img span{
    background: url(../img/about/about2_btn1_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about2-img-item--2 .about2-img-item__img span{
    background: url(../img/about/about2_btn2_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about2-img-item--3 .about2-img-item__img span{
    background: url(../img/about/about2_btn3_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .about2__line{
    margin: 0 25px 7.7% 25px;
  }
  .about2__line span{
    display: block;
    width: 100%;
    background: url(../img/about/about_line_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .about2__line span::before{
    content: "";
    display: block;
    padding-top: 1.46819%;
  }
}



@media all and (min-width: 760px){
  .section-about-3{
    margin-bottom: 0;
    padding-bottom: 4.7%;
  }
  .about3__title{
    width: 100%;
    margin-bottom: 3.3%;
  }
  .about3__title span{
    display: block;
    color: #FFF;
    font-weight: bold;
  }
  .lang_ja .about3__title{
    width: 100%;
    max-width: 612px;
    margin-bottom: 3.3%;
  }
  .lang_ja .about3__title span{
    display: block;
    width: 100%;
    background: url(../img/about/about3_title_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about3__title span::before{
    content: "";
    display: block;
    padding-top: 7.84314%;
  }

  .about3__text{
    width: 100%;
    max-width: 610px;
    margin-bottom: 2.2%;
  }
  .lang_ja .about3__text{
    font-size: 17px;
  }
  .about3-img{
    width: 610px;
    height: 599px;
    position: relative;
  }
  .about3-img::after{
    content: "";
    display: block;
    clear: both;
  }

  .about3-img-item{
    width: 100%;
    max-width: 205px;
  }
  .about3-img-item:nth-child(3n){
     margin-right: 0;
  }
  .about3-img-item__img span{
    display: block;
    width: 100%;
  }
 .about3-img-item__img span::before{
    content: "";
    display: block;
    padding-top: 111.22%;
  }
  
  .about3-img-item--1{
    position: absolute;
    left: -3.9%;
    top: 0;
  }

  .about3-img-item--2{
    position: absolute;
    left: 33.8%;
    top: 0;
  }
  .about3-img-item--3{
    position: absolute;
    left: 70.8%;
    top: 0;
  }

  .about3-img-item--4{
    position: absolute;
    left: -3.9%;
    top: 47.2%;
  }

  .about3-img-item--5{
    position: absolute;
    left: 33.8%;
    top: 47.2%;
  }
  .about3-img-item--6{
    position: absolute;
    left: 70.8%;
    top: 47.2%;
  }
  
  .about3-img-item--1 .about3-img-item__img span{
    background: url(../img/about/about3_chara1_img_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--2 .about3-img-item__img span{
    background: url(../img/about/about3_chara2_img_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--3 .about3-img-item__img span{
    background: url(../img/about/about3_chara3_img_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--4 .about3-img-item__img span{
    background: url(../img/about/about3_chara4_img_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--5 .about3-img-item__img span{
    background: url(../img/about/about3_chara5_img_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--6 .about3-img-item__img span{
    background: url(../img/about/about3_chara6_img_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .about3-img-item__label{
    width: 100%;
    max-width: 205px;
    float: left;
  }
  .about3-img-item__label span{
    display: block;
    width: 100%;
  }
 .about3-img-item__label span::before{
    content: "";
    display: block;
    padding-top: 29.2683%;
  }

  .about3-img-item--1 .about3-img-item__label span{
    background: url(../img/about/about3_chara1_text_en_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--2 .about3-img-item__label span{
    background: url(../img/about/about3_chara2_text_en_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--3 .about3-img-item__label span{
    background: url(../img/about/about3_chara3_text_en_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--4 .about3-img-item__label span{
    background: url(../img/about/about3_chara4_text_en_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--5 .about3-img-item__label span{
    background: url(../img/about/about3_chara5_text_en_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--6 .about3-img-item__label span{
    background: url(../img/about/about3_chara6_text_en_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .lang_ru .about3-img-item--1 .about3-img-item__label span{
    background: url(../img/about/about3_chara1_text_ru_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ru .about3-img-item--2 .about3-img-item__label span{
    background: url(../img/about/about3_chara2_text_ru_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ru .about3-img-item--3 .about3-img-item__label span{
    background: url(../img/about/about3_chara3_text_ru_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ru .about3-img-item--4 .about3-img-item__label span{
    background: url(../img/about/about3_chara4_text_ru_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ru .about3-img-item--5 .about3-img-item__label span{
    background: url(../img/about/about3_chara5_text_ru_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ru .about3-img-item--6 .about3-img-item__label span{
    background: url(../img/about/about3_chara6_text_ru_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .lang_zh-tw .about3-img-item--1 .about3-img-item__label span{
    background: url(../img/about/about3_chara1_text_zhtw_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--2 .about3-img-item__label span{
    background: url(../img/about/about3_chara2_text_zhtw_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--3 .about3-img-item__label span{
    background: url(../img/about/about3_chara3_text_zhtw_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--4 .about3-img-item__label span{
    background: url(../img/about/about3_chara4_text_zhtw_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--5 .about3-img-item__label span{
    background: url(../img/about/about3_chara5_text_zhtw_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--6 .about3-img-item__label span{
    background: url(../img/about/about3_chara6_text_zhtw_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .lang_zh-tw .about3-img-item--1 .about3-img-item__label span{
    background: url(../img/about/about3_chara1_text_zhtw_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--2 .about3-img-item__label span{
    background: url(../img/about/about3_chara2_text_zhtw_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--3 .about3-img-item__label span{
    background: url(../img/about/about3_chara3_text_zhtw_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--4 .about3-img-item__label span{
    background: url(../img/about/about3_chara4_text_zhtw_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--5 .about3-img-item__label span{
    background: url(../img/about/about3_chara5_text_zhtw_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--6 .about3-img-item__label span{
    background: url(../img/about/about3_chara6_text_zhtw_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  
  .lang_ko .about3-img-item--1 .about3-img-item__label span{
    background: url(../img/about/about3_chara1_text_ko_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ko .about3-img-item--2 .about3-img-item__label span{
    background: url(../img/about/about3_chara2_text_ko_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ko .about3-img-item--3 .about3-img-item__label span{
    background: url(../img/about/about3_chara3_text_ko_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ko .about3-img-item--4 .about3-img-item__label span{
    background: url(../img/about/about3_chara4_text_ko_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ko .about3-img-item--5 .about3-img-item__label span{
    background: url(../img/about/about3_chara5_text_ko_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ko .about3-img-item--6 .about3-img-item__label span{
    background: url(../img/about/about3_chara6_text_ko_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }


  .lang_ja .about3-img-item--1 .about3-img-item__label span{
    background: url(../img/about/about3_chara1_text_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about3-img-item--2 .about3-img-item__label span{
    background: url(../img/about/about3_chara2_text_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about3-img-item--3 .about3-img-item__label span{
    background: url(../img/about/about3_chara3_text_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about3-img-item--4 .about3-img-item__label span{
    background: url(../img/about/about3_chara4_text_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about3-img-item--5 .about3-img-item__label span{
    background: url(../img/about/about3_chara5_text_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about3-img-item--6 .about3-img-item__label span{
    background: url(../img/about/about3_chara6_text_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .about3__line{
    width: 100%;
    max-width: 613px;
  }
  .about3__line span{
    display: block;
    width: 100%;
    background: url(../img/about/about_line_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .about3__line span::before{
    content: "";
    display: block;
    padding-top: 1.46819%;
  }
 
}
@media all and (max-width: 759px){
  .about3__title{
    width: 100%;
    margin-bottom: 3.3%;
    text-align: center;
  }
  .about3__title span{
    display: block;
    margin: 0 10px;
    color: #FFF;
    font-weight: bold;
  }
  .lang_ja .about3__title{
    width: 100%;
    max-width: 612px;
    margin-bottom: 3.3%;
  }
  .lang_ja .about3__title span{
    display: block;
    margin: 0;
    width: 100%;
    background: url(../img/about/about3_title_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about3__title span::before{
    content: "";
    display: block;
    padding-top: 9.06667%;
  }

  .about3__text{
    margin: 0 25px;
    font-size: 3.46667vw;
    margin-bottom: 1.8%;
  }

  .about3-img{
    width: 100%;
  }


  .about3-img-item{
    width: 52.8%;
  }

  .about3-img-item__img span{
    display: block;
    width: 100%;
  }
 .about3-img-item__img span::before{
    content: "";
    display: block;
    padding-top: 107.07071%;
  }

  .about3-img-item--1 .about3-img-item__img span{
    background: url(../img/about/about3_chara1_img_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .about3-img-item--2 .about3-img-item__img span{
    background: url(../img/about/about3_chara2_img_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .about3-img-item--3 .about3-img-item__img span{
    background: url(../img/about/about3_chara3_img_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .about3-img-item--4 .about3-img-item__img span{
    background: url(../img/about/about3_chara4_img_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .about3-img-item--5 .about3-img-item__img span{
    background: url(../img/about/about3_chara5_img_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .about3-img-item--6 .about3-img-item__img span{
    background: url(../img/about/about3_chara6_img_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }


  .about3-img-item__label{
    width: 100%;
  }
  .about3-img-item__label span{
    display: block;
    width: 100%;
  }
 .about3-img-item__label span::before{
    content: "";
    display: block;
    padding-top: 26.7677%;
  }

  .about3-img-item--1 .about3-img-item__label span{
    background: url(../img/about/about3_chara1_text_en_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--2 .about3-img-item__label span{
    background: url(../img/about/about3_chara2_text_en_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--3 .about3-img-item__label span{
    background: url(../img/about/about3_chara3_text_en_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--4 .about3-img-item__label span{
    background: url(../img/about/about3_chara4_text_en_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--5 .about3-img-item__label span{
    background: url(../img/about/about3_chara5_text_en_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .about3-img-item--6 .about3-img-item__label span{
    background: url(../img/about/about3_chara6_text_en_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .lang_ru .about3-img-item--1 .about3-img-item__label span{
    background: url(../img/about/about3_chara1_text_ru_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ru .about3-img-item--2 .about3-img-item__label span{
    background: url(../img/about/about3_chara2_text_ru_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ru .about3-img-item--3 .about3-img-item__label span{
    background: url(../img/about/about3_chara3_text_ru_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ru .about3-img-item--4 .about3-img-item__label span{
    background: url(../img/about/about3_chara4_text_ru_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ru .about3-img-item--5 .about3-img-item__label span{
    background: url(../img/about/about3_chara5_text_ru_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ru .about3-img-item--6 .about3-img-item__label span{
    background: url(../img/about/about3_chara6_text_ru_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .lang_zh-tw .about3-img-item--1 .about3-img-item__label span{
    background: url(../img/about/about3_chara1_text_zhtw_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--2 .about3-img-item__label span{
    background: url(../img/about/about3_chara2_text_zhtw_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--3 .about3-img-item__label span{
    background: url(../img/about/about3_chara3_text_zhtw_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--4 .about3-img-item__label span{
    background: url(../img/about/about3_chara4_text_zhtw_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--5 .about3-img-item__label span{
    background: url(../img/about/about3_chara5_text_zhtw_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--6 .about3-img-item__label span{
    background: url(../img/about/about3_chara6_text_zhtw_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .lang_zh-tw .about3-img-item--1 .about3-img-item__label span{
    background: url(../img/about/about3_chara1_text_zhtw_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--2 .about3-img-item__label span{
    background: url(../img/about/about3_chara2_text_zhtw_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--3 .about3-img-item__label span{
    background: url(../img/about/about3_chara3_text_zhtw_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--4 .about3-img-item__label span{
    background: url(../img/about/about3_chara4_text_zhtw_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--5 .about3-img-item__label span{
    background: url(../img/about/about3_chara5_text_zhtw_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .about3-img-item--6 .about3-img-item__label span{
    background: url(../img/about/about3_chara6_text_zhtw_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  
  .lang_ko .about3-img-item--1 .about3-img-item__label span{
    background: url(../img/about/about3_chara1_text_ko_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ko .about3-img-item--2 .about3-img-item__label span{
    background: url(../img/about/about3_chara2_text_ko_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ko .about3-img-item--3 .about3-img-item__label span{
    background: url(../img/about/about3_chara3_text_ko_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ko .about3-img-item--4 .about3-img-item__label span{
    background: url(../img/about/about3_chara4_text_ko_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ko .about3-img-item--5 .about3-img-item__label span{
    background: url(../img/about/about3_chara5_text_ko_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ko .about3-img-item--6 .about3-img-item__label span{
    background: url(../img/about/about3_chara6_text_ko_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }


  .lang_ja .about3-img-item--1 .about3-img-item__label span{
    background: url(../img/about/about3_chara1_text_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about3-img-item--2 .about3-img-item__label span{
    background: url(../img/about/about3_chara2_text_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about3-img-item--3 .about3-img-item__label span{
    background: url(../img/about/about3_chara3_text_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about3-img-item--4 .about3-img-item__label span{
    background: url(../img/about/about3_chara4_text_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about3-img-item--5 .about3-img-item__label span{
    background: url(../img/about/about3_chara5_text_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .about3-img-item--6 .about3-img-item__label span{
    background: url(../img/about/about3_chara6_text_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

   .about3__line{
    margin: 0 25px 10% 25px;
    display: none;
  }
  .about3__line span{
    display: block;
    width: 100%;
  }
 .about3__line span::before{
    content: "";
    display: block;
    padding-top: 1.46819%;
  }
}


@media all and (min-width: 760px){
  .info{
    background: url(../img/info/info_bg_chara.png) 50% 50% no-repeat;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
  }


  .info-block{
    width: 100%;
    background: url(../img/info/info_bg_block.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .info-block::before{
    content: "";
    display: block;
    padding-top: 5.03694%;
  }
  

 
}
@media all and (max-width: 759px){
 .info-block{
    margin-top: 7.2%;
    width: 100%;
    background: url(../img/info/info_block_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .info-block::before{
    content: "";
    display: block;
    padding-top: 20.8%;
  }
}



@media all and (min-width: 760px){
  .info1__body{
    padding: 138px 0 50px 0;
  }


  .info1-ico{
    width: 440px;
    margin: 0 auto 17px auto;
  }
  .info1-ico::after{
    content: "";
    display: block;
    clear: both;
  }
  .info1-ico__appicon{
    width: 220px;
    height: 209px;
   background: url(../img/info/info_appicon_bg_pc.png) 0 0 no-repeat;
    float: left;
    position: relative;
  }

  .info1-ico__appicon-before{
    display: block;
    width: 220px;
    height: 209px;
    background: url(../img/info/info_appicon_pc.png) 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .1s cubic-bezier(0.455, 0.03, 0.515, 0.955) .2s;
            transition: opacity .1s cubic-bezier(0.455, 0.03, 0.515, 0.955) .2s;
  }

  .info1-ico__appicon-after{
    display: block;
    width: 220px;
    height: 209px;
    background: url(../img/info/info_appicon_update_pc.png) 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition: opacity .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .is-appicon-anime .info1-ico__appicon{
    -webkit-animation: appiconBounce .2s;
      animation: appiconBounce .2s;
  }
  .is-appicon-anime .info1-ico__appicon-before{
    opacity: 0;
  }
  .is-appicon-anime .info1-ico__appicon-after{
    opacity: 1;
  }

  .info1-ico__logo{
    width: 220px;
    height: 209px;
    background: url(../img/info/info_logo_pc.png) 0 0 no-repeat;
    float: left;
  }
  .lang_zh-tw .info1-ico__logo{
    width: 220px;
    height: 209px;
    background: url(../img/info/info_logo_tw_pc.png) 0 0 no-repeat;
    float: left;
  }
  .lang_ja .info1-ico__logo{
    width: 220px;
    height: 209px;
    background: url(../img/info/info_logo_ja_pc.png) 0 0 no-repeat;
    float: left;
  }

  .info1-copyright{
    font-size: 12px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
  }

 
}
@media all and (max-width: 759px){
 .info1__body{
    padding: 8.2% 0 3.8% 0;
  }


  .info1-ico{
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 0;
  }
  .info1-ico::after{
    content: "";
    display: block;
    clear: both;
  }
  .info1-ico__appicon{
    width: 42%;
    background: url(../img/info/info_appicon_bg_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    display: inline-block;
    position: relative;
  }
  .info1-ico__appicon-before{
    display: block;
    width: 100%;
    background: url(../img/info/info_appicon_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .1s cubic-bezier(0.455, 0.03, 0.515, 0.955) .2s;
            transition: opacity .1s cubic-bezier(0.455, 0.03, 0.515, 0.955) .2s;
  }

  .info1-ico__appicon-after{
    display: block;
    width: 100%;
    background: url(../img/info/info_appicon_update_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition: opacity .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .is-appicon-anime .info1-ico__appicon{
    -webkit-animation: appiconBounce .2s;
      animation: appiconBounce .2s;
  }
  .is-appicon-anime .info1-ico__appicon-before{
    opacity: 0;
  }
  .is-appicon-anime .info1-ico__appicon-after{
    opacity: 1;
  }
  .info1-ico__appicon::before,
  .info1-ico__appicon-before::before,
  .info1-ico__appicon-after::before{
    content: "";
    display: block;
    padding-top: 92.0635%;
  }

  .info1-ico__logo{
    display: inline-block;
    width: 42%;
    background: url(../img/info/info_logo_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_zh-tw .info1-ico__logo{
    display: inline-block;
    width: 42%;
    background: url(../img/info/info_logo_tw_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .info1-ico__logo{
    display: inline-block;
    width: 42%;
    background: url(../img/info/info_logo_ja_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .info1-ico__logo::before{
    content: "";
    display: block;
    padding-top: 92.0635%;
  }

  .info1-copyright{
    display: none;
    font-size: 12px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
  }
}



@media all and (min-width: 760px){
  .info2{
    padding-bottom: 1%;
  }
  .info2__title{
    width: 100%;
    max-width: 964px;
    margin-bottom: 2.5%;
    background: url(../img/info/info_title_bg_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: relative;
  }
  .info2__title::before{
    content: "";
    display: block;
    padding-top: 11.8257%;
    text-align: center;
  }
  .info2__title-text{
    display: inline-block;
    position: absolute;
    left: 50%;
    text-align: center;
    top: 50%;
    width: 95%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
  }

  .lang_ko .info2__title span{
    display: block;
    width: 100%;
    background: url(../img/info/info_title_ko_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .info2__title span{
    display: block;
    width: 100%;
    background: url(../img/info/info_title_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ko .info2__title span::before,
  .lang_ja .info2__title span::before{
    content: "";
    display: block;
    padding-top: 11.8257%;
  }
  .lang_ko .info2__title,
  .lang_ja .info2__title{
    background: none;
  }
  .lang_ko .info2__title::before,
  .lang_ja .info2__title::before{
    display: none;
  }

  .info2__date{
    width: 100%;
    max-width: 964px;
    margin-bottom: 2.5%;
    text-align: center;
  }

  .info2__date span{
    color: #ffd222;
    text-shadow: 3px 3px 0px rgba(0,0,0,0.2);
  }

  .info2__price-note{
    margin-bottom: 10px;
  }


  .lang_ja .info2__date span{
    text-shadow: none;
    display: block;
    width: 100%;
    background: url(../img/info/info_sale_date_ja_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .lang_ja .info2__date span::before{
    content: "";
    display: block;
    padding-top: 5.72917%;
  }

  .info2__price{
    width: 100%;
    max-width: 960px;
    margin-bottom: 3.6%;
  }
  .info2__price span{
    display: block;
    width: 100%;
    background: url(../img/info/info_price_ja_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .info2__price span::before{
    content: "";
    display: block;
    padding-top: 23.6458%;
  }
  .info2__pricebtn a{
    color: #FFF;
    font-weight: bold;
  }

  .info2__pricebtn{
    text-align: center;
    margin-bottom: 2.1%;
    margin-left: 25px;
    margin-right: 25px;
  }
  .info2__pricebtn-ico{
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
  }

  .info2__pricebtn-ico::before{
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 8px;
            border-radius: 8px;
    background: #FFF;
  }

  .info2__pricebtn-ico::after{
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/common/arrow_e60012.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
  }

  .info2__pricebtn-label{
    line-height: 20px;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
  }
  .info2__pricebtn a i{
    margin-bottom: 5px;
  }
  .info2__pricebtn a span{
    padding-bottom: 5px;
  }
  .no-touchevents .info2__pricebtn a:hover span{
    padding-bottom: 4px;
    border-bottom:#FFF 1px solid;
  }

  
  .info2__note{
    line-height: 20px;
    font-size: 12px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
  }

  .info2__store-btn{
    text-align: center;
    margin-top: 7.3%;
    margin-bottom: 4.7%;
  }

  .info2-appstore-btn {
    display: inline-block;
    width: 181px;
    margin: 0 8px;
  }

  .is-os-android .info2-appstore-btn {
    display: none;
  }

 .info2-appstore-btn span{
    display: block;
    width: 100%;
    background: url(../img/hero/hero_btn_appstore_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .info2-appstore-btn span::before{
    content: "";
    display: block;
    padding-top: 29.498%;
  }
  
  .lang_ja .info2-appstore-btn span::before{
    padding-top: 29.698%;
  }
  
  .info2-googleplay-btn {
    display: inline-block;
    width: 181px;
    margin: 0 8px;
  }

  .is-os-ios .info2-googleplay-btn {
    display: none;
  }

 .info2-googleplay-btn span{
    display: block;
    width: 100%;
    background: url(../img/hero/hero_btn_googleplay_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .info2-googleplay-btn span::before{
    content: "";
    display: block;
    padding-top: 29.798%;
  }
  .lang_ja .info2-googleplay-btn span::before{
    padding-top: 29.798%;
  }

  .info2-rating{
    text-align: center;
    margin-bottom: 4.7%;
  }
  .info2-rating li{
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
  }

  .info2-rating p{
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    margin-top: 10px;
  }

  .info2__nav{
    text-align: center;
    margin-bottom: 7%;
  }

  .info2__nav-item{
    display: inline-block;
    margin: 0 20px;
  }
  
  .info2__nav-item a{
    color: #FFF;
    font-weight: bold;
    padding-bottom: 4px;
  }

  .info2__nav-item a span{
    padding-bottom: 5px;
  }

  .info2__nav-item.ico-blank a span{
    padding-bottom: 5px;
    padding-right: 15px;
    background: url(../img/common/ico_blank_pc.png) 100% 0 no-repeat;
  }
  .no-touchevents .info2__nav-item a:hover span{
    padding-bottom: 4px;
    border-bottom:#FFF 1px solid;
  }

  .info2__nav-item i{
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 6px;
    margin-bottom: 3px;
  }

   .info2__nav-item i::before{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    background: #FFF;
  }

   .info2__nav-item i::after{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/common/arrow_e60012.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
  }

   .info2__nav-item span{
    line-height: 12px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
  }

  .info2__sub{
    line-height: 1.5;
    font-size: 11px;
    text-align: center;
    color: #e6a8a8;
    font-weight: bold;
    width: 74%;
    margin: 0 auto;
  }

  .info2__sub--appstore{
    display: inline-block;
  }
  .info2__sub--googleplay{
    display: inline-block;
  }

  .is-os-ios .info2__sub--googleplay{
    display: none;
  }
  .is-os-android .info2__sub--appstore{
    display: none;
  }
  
  .info2-copyright{
    display: none;
  }
 
}
@media all and (min-width: 980px){
  .info2__sub{
    width: 94%;
  }
}

@media all and (max-width: 759px){
 .info2{
    padding-bottom: 1%;
  }
  .info2__title{
    width: 100%;
    margin-bottom: 3.6%;
  }
  .info2__title{
    display: block;
    width: 100%;
    background: url(../img/info/info_title_bg_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: relative;
  }
 .info2__title::before{
    content: "";
    display: block;
    padding-top: 16.2055%;
  }
  .info2__title-text{
    display: inline-block;
    position: absolute;
    left: 50%;
    text-align: center;
    top: 50%;
    width: 95%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
  }

  .lang_ko .info2__title span{
    display: block;
    width: 100%;
    background: url(../img/info/info_title_ko_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ja .info2__title span{
    display: block;
    width: 100%;
    background: url(../img/info/info_title_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .lang_ko .info2__title span::before,
  .lang_ja .info2__title span::before{
    content: "";
    display: block;
    padding-top: 16.2055%;
  }
  .lang_ko .info2__title,
  .lang_ja .info2__title{
    background: none;
  }
  .lang_ko .info2__title::before,
  .lang_ja .info2__title::before{
    display: none;
  }

  .info2__date{
    width: 100%;
    max-width: 964px;
    margin-bottom: 2.5%;
    text-align: center;
  }

  .info2__date span{
    color: #ffd222;
    text-shadow: 3px 3px 0px rgba(0,0,0,0.2);
  }

  .info2__price-note{
    margin-top: 20px;
    margin-bottom: 0;
  }


  .lang_ja .info2__date span{
    display: block;
    width: 100%;
    background: url(../img/info/info_sale_date_ja_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .lang_ja .info2__date span::before{
    content: "";
    display: block;
    padding-top: 8.26667%;
  }

  .info2__price{
    width: 100%;
    max-width: 960px;
    margin-bottom: 7%;
  }
  .info2__price span{
    display: block;
    width: 100%;
    background: url(../img/info/info_price_ja_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .info2__price span::before{
    content: "";
    display: block;
    padding-top: 18.4%;
  }
  .info2__pricebtn a{
    color: #FFF;
    font-weight: bold;
  }

  .info2__pricebtn{
    text-align: center;
    margin-bottom: 7.1%;
    margin-left: 25px;
    margin-right: 25px;
  }
  .info2__pricebtn-ico{
    width: 3.2vw;
    height: 3.2vw;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
  }

  .info2__pricebtn-ico::before{
    content: "";
    display: block;
    width: 3.2vw;
    height: 3.2vw;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #FFF;
  }

  .info2__pricebtn-ico::after{
    content: "";
    display: block;
    width: 3.2vw;
    height: 3.2vw;
    background: url(../img/common/arrow_e60012.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
  }

  .info2__pricebtn-label{
    line-height: 1;
    font-size: 3.2vw;
    display: inline;
    vertical-align: middle;
  }
  .lang_ja .info2__pricebtn-label{
    display: inline-block;
  }
  
  .info2__note{
    line-height: 1.23;
    font-size: 2.9333vw;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    margin-left: 25px;
    margin-right: 25px;
  }
  .lang_ja .info2__note{
    margin-left: 0;
    margin-right: 0;
  }

  .info2__store-btn{
    text-align: center;
    margin-top: 7.3%;
    margin-bottom: 4.7%;
  }

  .info2-appstore-btn {
    display: inline-block;
    width: 206px;
    margin: 4px 4px;
  }
  .is-os-android .info2-appstore-btn {
    display: none;
  }

 .info2-appstore-btn span{
    display: block;
    width: 100%;
    background: url(../img/hero/hero_btn_appstore_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
 .info2-appstore-btn span::before{
    content: "";
    display: block;
    padding-top: 29.598%;
  }
  .lang_ja .hero-appstore-btn span::before{
    padding-top: 29.79798%;
  }
  
  .info2-googleplay-btn {
    display: inline-block;
    width: 206px;
    margin: 4px 4px;
  }
  .is-os-ios .info2-googleplay-btn {
    display: none;
  }

 .info2-googleplay-btn span{
    display: block;
    width: 100%;
    background: url(../img/hero/hero_btn_googleplay_pc.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .info2-googleplay-btn span::before{
    content: "";
    display: block;
    padding-top: 29.598%;
  }
  .lang_ja .info2-googleplay-btn span::before{
    padding-top: 29.698%;
  }

  .info2-copyright{
    font-size: 3.2vw;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5.9%;
  }

  .info2-rating{
    text-align: center;
    margin-bottom: 5.9%;
  }
  .info2-rating li{
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
  }

  .info2-rating p{
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
  }

  .info2__nav{
    margin: 0 25px 26% 25px;
    text-align: center;
  }
    
  .lang_zh-tw .info2__nav,
  .lang_ko .info2__nav,
  .lang_ja .info2__nav{
    width: 46vw;
    text-align: left;
    margin: 0 auto 26% auto;
  }

  .info2__nav-item{
    margin-bottom: 4.5%;
  }

  .lang_zh-tw .info2__nav-item,
  .lang_ko .info2__nav-item,
  .lang_ja .info2__nav-item{
    margin-bottom: 9.5%;
  }
  
  .info2__nav-item a{
    color: #FFF;
    font-weight: bold;
  }

  .info2__nav-item.ico-blank a span{
    padding-right: 15px;
    background: url(../img/common/ico_blank_sp.png) 100% 0 no-repeat;
    -webkit-background-size: 12px;
            background-size: 12px;
  }

  .info2__nav-item i{
    width: 3.2vw;
    height: 3.2vw;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 6px;
  }

   .info2__nav-item i::before{
    content: "";
    display: block;
    width: 3.2vw;
    height: 3.2vw;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #FFF;
  }

   .info2__nav-item i::after{
    content: "";
    display: block;
    width: 3.2vw;
    height: 3.2vw;
    background: url(../img/common/arrow_e60012.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
  }

   .info2__nav-item span{
    line-height: 1.2;
    font-size: 3.3vw;
    display: inline;
    vertical-align: middle;
  }
  
  .lang_zh-tw .info2__nav-item span,
  .lang_ko .info2__nav-item span,
  .lang_ja .info2__nav-item span{
    display: inline-block;
    line-height: 1;
  }

  .info2__sub{
    line-height: 1.23;
    font-size: 2.6667vw;
    display: inline-block;
    color: #FFF;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 32%;
  }

  .lang_ja .info2__sub{
    line-height: 1.6;
    font-size: 2.6667vw;
  }

  .info2__sub--appstore{
    display: inline-block;
  }
  .info2__sub--googleplay{
    display: inline-block;
  }

  .is-os-ios .info2__sub--googleplay{
    display: none;
  }
  .is-os-android .info2__sub--appstore{
    display: none;
  }
  
}

@media all and (min-width: 760px){
  .footer{
    width: 100%;
    background: url(../img/common/footer_bg.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .footer::before{
    content: "";
    display: block;
    padding-top: 13.263%;
  }
  .page-top{
    position: fixed;
    right: 3.2%;
    bottom: 30px;
    z-index: 10;
    display: none;
  }
  .page-top a{
    display: block;
    width: 72px;
    height: 70px;
    background: url(../img/common/btn_pagetop_pc.png) 0 0 no-repeat;
  }

  .is-scrolled-pagetop .page-top{
    display: block;
  }

  .page-top a:hover{
    -webkit-animation: btnBounce .2s;
    animation: btnBounce .2s
  }

  .is-fixed-page-top .page-top{
    position: absolute;
    bottom: 100px;
  }


}

@media all and (max-width: 759px){
  .footer{
    margin-top: -57%;
    width: 100%;
    background: url(../img/common/footer_bg_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .footer::before{
    content: "";
    display: block;
    padding-top: 96.5333%;
  }
  .page-top{
    width: 100%;
    height: 1px;
    position: relative;
    margin-top: -1px;
  }
  .page-top a{
    position: absolute;
    right: 5%;
    bottom: 41.5vw;
    display: block;
    width: 72px;
    height: 70px;
    background: url(../img/common/btn_pagetop_pc.png) 0 0 no-repeat;
  }
}


@media all and (min-width: 760px){
	.sec1-lead__title span {
	    font-family: 'Roboto', Arial, Helvetica, sans-serif;
	    font-size: 2.5vw;
      text-shadow: 3px 3px 0px rgba(0,0,0,0.3);
	}
  .lang_ja .sec1-lead__title span{
    text-shadow:none;
  }
  .lang_zh-tw .sec1-title span,
  .lang_ko .sec1-title span,
  .lang_zh-tw .sec1-lead__title span,
  .lang_ko .sec1-lead__title span{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  }
	.sec1-stitle span,
	.sec2-stitle span,
	.sec3-stitle span,
	.sec4-stitle span{
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
    	font-size: 2vw;
    	line-height: 1.2;
      text-shadow: 3px 3px 0px rgba(0,0,0,0.3);
	}

  .lang_ja .sec1-stitle span,
  .lang_ja .sec2-stitle span,
  .lang_ja .sec3-stitle span,
  .lang_ja .sec4-stitle span{
      text-shadow:none;
  }

  .lang_zh-tw .sec1-stitle span,
  .lang_zh-tw .sec2-stitle span,
  .lang_zh-tw .sec3-stitle span,
  .lang_zh-tw .sec4-stitle span,
  .lang_ko .sec1-stitle span,
  .lang_ko .sec2-stitle span,
  .lang_ko .sec3-stitle span,
  .lang_ko .sec4-stitle span{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.95vw;
  }

	.about-header-title span{
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
    	font-size: 5vw;
    	line-height: 1.2;
      text-shadow: 3px 3px 0px rgba(0,0,0,0.3);
	}
  .lang_ja .about-header-title span{
    text-shadow: none;
  }
  .lang_zh-tw .about-header-title span,
  .lang_ko .about-header-title span{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  }
	.about1__title span,
	.about2__title span,
	.about3__title span{
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
    	font-size: 2.4vw;
    	line-height: 1.2;
      text-shadow: 3px 3px 0px rgba(0,0,0,0.3);
	}

  .lang_ja .about1__title span,
  .lang_ja .about2__title span,
  .lang_ja .about3__title span{
      text-shadow: none;
  }

  .lang_zh-tw .about1__title span,
  .lang_zh-tw .about2__title span,
  .lang_zh-tw .about3__title span,
  .lang_ko .about1__title span,
  .lang_ko .about2__title span,
  .lang_ko .about3__title span{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  }

  .info2__title-text{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 4vw;
    line-height: 1.2;
  }
  .lang_zh-tw .info2__title-text,
  .lang_ko .info2__title-text{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  }
  .info2__date span{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: 2.77vw;
      line-height: 1.2;
  }
  .lang_zh-tw .info2__date span,
  .lang_ko .info2__date span{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  }
}
@media all and (min-width: 980px){
	.sec1-lead__title span {
	    font-size: 2.25vw;
	}
	.sec1-stitle span,
	.sec2-stitle span,
	.sec3-stitle span,
	.sec4-stitle span{
    	font-size: 1.85vw;
	}
  .lang_zh-tw .sec1-stitle span,
  .lang_zh-tw .sec2-stitle span,
  .lang_zh-tw .sec3-stitle span,
  .lang_zh-tw .sec4-stitle span,
  .lang_ko .sec1-stitle span,
  .lang_ko .sec2-stitle span,
  .lang_ko .sec3-stitle span,
  .lang_ko .sec4-stitle span{
      font-size: 1.9vw;
  }
	.about-header-title span{
		font-size: 4vw;
	}
  .info2__title-text{
    font-size: 3.4vw;
  }
}
@media all and (min-width: 1200px){
}
@media all and (min-width: 1440px){
	.sec1-lead__title span {
	    font-size: 28px;
	}
	.sec1-stitle span,
	.sec2-stitle span,
	.sec3-stitle span,
	.sec4-stitle span{
    	font-size: 24px;
	}
  .lang_zh-tw .sec1-stitle span,
  .lang_zh-tw .sec2-stitle span,
  .lang_zh-tw .sec3-stitle span,
  .lang_zh-tw .sec4-stitle span,
  .lang_ko .sec1-stitle span,
  .lang_ko .sec2-stitle span,
  .lang_ko .sec3-stitle span,
  .lang_ko .sec4-stitle span{
      font-size: 27px;
  }
	.about-header-title span{
		font-size: 48px;
	}
  .info2__title-text{
    font-size: 48px;
  }
  .info2__date span{
    font-size: 40px;
  }
}
@media all and (max-width: 759px){
  .info2__title-text{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 5.5vw;
    line-height: 1.2;
    font-weight: bold;
  }
  .sec1-stitle span,
  .sec2-stitle span,
  .sec3-stitle span,
  .sec4-stitle span{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: 4.8vw;
      line-height: 1.2;
      text-shadow: 3px 3px 0px rgba(0,0,0,0.2);
  }
  .lang_ru .sec1-stitle span,
  .lang_ru .sec2-stitle span,
  .lang_ru .sec3-stitle span,
  .lang_ru .sec4-stitle span{
      font-size: 4.2vw;
  }

  .lang_ja .sec1-stitle span,
  .lang_ja .sec2-stitle span,
  .lang_ja .sec3-stitle span,
  .lang_ja .sec4-stitle span{
      text-shadow: none;
  }
  .about-header-title span{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: 5.5vw;
      line-height: 1.2;
  }
  .lang_fr .about-header-title span{
    font-size: 4.8vw;
  }
  .about1__title span,
  .about2__title span,
  .about3__title span{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: 4.4vw;
      line-height: 1.2;
      text-shadow: 3px 3px 0px rgba(0,0,0,0.2);
  }
  .lang_ja .about1__title span,
  .lang_ja .about2__title span,
  .lang_ja .about3__title span{
      text-shadow: none;
  }
  .info2__date span{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: 5.2vw;
      line-height: 1.2;
  }
  .lang_zh-tw .info2__date span,
  .lang_ko .info2__date span{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  }
}

/* ==========================================================================
   ABOUT
   ======================================================================= */

.modal-container{
  display: none;
}

.none {
  display: none;
}

#movie-modal {
  z-index: 11000;
  background-color: transparent;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
}
@media all and (min-width: 760px){

  .modal_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,.9);
    text-indent: -9999px;
  }

  .modal_window {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 760px;
    height: 570px;
    margin: -275px 0 0 -380px;
  }

  .modal_btn_close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    overflow: hidden;
    z-index: 2;
  }
  .showmovie .modal_btn_close {
    right: 15px;
  }

  .modal_btn_close a {
    display: block;
    height: 100%;
    background-color: #E80000;
    text-indent: -9999px;
    outline: none;
    width: 44px;
    height: 44px;
    -webkit-border-radius: 22px;
            border-radius: 22px;
    position: absolute;
  }

  .modal_btn_close a::before{
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/common/ico_close.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }

  .modal_btn_close a{
    display: block;
  }

  .no-touchevents .modal_btn_close a:hover {
    -webkit-animation: btnBounce .2s ease-out;
    animation: btnBounce .2s ease-out;
  }

  .modal_contents.loading:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .open_modal body{
    overflow: hidden;
  }

  .open_modal #movie-modal{
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .modal-hero-movie__body{
    margin-bottom: 8px;
    min-height: 428px;
  }

  .modal-hero-movie__contents{
    width: 760px;
    margin: 0 auto;
  }

  .modal-hero-movie__frame-phone{
    box-sizing: border-box;
    width: 300px;
    background: #FFF;
    position: relative;
    margin: 0 auto;
    display: none;
  }
  .modal-hero-movie__frame-display{
    box-sizing: border-box;
    width: 760px;
    background: #FFF;
    position: relative;
    margin: 0 auto;
    display: none;
  }

  .modal-ytplayer-phone .modal-hero-movie__frame-phone{
    display: block;
  }
  .modal-ytplayer-display .modal-hero-movie__frame-display{
    display: block;
  }

  .modal-hero-movie__frame-phone .modal-hero-movie__player{
    width: 100%;
    padding-top: 177.528%;
    background: #FFF;
  }

  .modal-hero-movie__frame-display .modal-hero-movie__player{
    width: 100%;
    padding-top: 56.25%;
    background: #FFF;
  }

  .modal-hero-movie__player iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

  .modal-slide-list{
    width: 760px;
    margin: 0 auto;
  }
  #modal-slide{
    width: 654px;
    margin: 0 auto;
  }
  .modal-slide-list{
  }

  #modal-slide .sec1-slide__item{
    width: 164px;
    position: relative;
    cursor: pointer;
  }

  #modal-slide .sec1-slide__item:focus{
     outline: none;
  }

  #modal-slide .sec1-slide__item span{
    width: 158px;
    height: 88px;
    position: relative;
    display: block;
  }
  #modal-slide .sec1-slide__item em{
     width: 138px;
     text-align: center;
     color: #FFF;
     font-weight: bold;
     font-size: 12px;
     line-height: 1.25;
     display: block;
     margin-top: 10px;
     margin-left: 10px;
   }
  .lang_ja #modal-slide .sec1-slide__item em{
    margin-top: 8px;
    line-height: 1.35;
  }
  
  #modal-slide .sec1-slide__id_hDabKSqw9es span{
    background: url(../img/modal/thumb_id_hDabKSqw9es.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  #modal-slide .sec1-slide__id_8BPTrwu8pn4 span{
    background: url(../img/modal/thumb_id_8BPTrwu8pn4.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  #modal-slide .sec1-slide__id_nfAXCX0g_8o span{
    background: url(../img/modal/thumb_id_nfAXCX0g_8o.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  #modal-slide .sec1-slide__id_WeJt-OzlVh8 span{
    background: url(../img/modal/thumb_id_WeJt-OzlVh8.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  #modal-slide .sec1-slide__id_Qpdfg5km60w span{
    background: url(../img/modal/thumb_id_Qpdfg5km60w.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  #modal-slide .sec1-slide__id_E39ychZKnDI span{
    background: url(../img/modal/thumb_id_E39ychZKnDI.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  #modal-slide .sec1-slide__id_VTglyDBdp-A span{
    background: url(../img/modal/thumb_id_VTglyDBdp-A.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  #modal-slide .sec1-slide__id_KORoB9K5to8 span{
    background: url(../img/modal/thumb_id_KORoB9K5to8.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  #modal-slide .sec1-slide__id_DjQtkl4lyJ8 span{
    background: url(../img/modal/thumb_id_DjQtkl4lyJ8.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }


  .sec1-slide__item span::after{
    content: "";
    width: 32px;
    height: 32px;
    background: url(../img/modal/movie_ico.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
  }

  #modal-slide .sec1-slide__item.is_movie_current span::after{
    content: "";
    width: 158px;
    height: 88px;
    background: url(../img/modal/currentframe.png) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }

  .no-touchevents .sec1-slide__item:hover{
    opacity: 0.75;
  }


  #modal-slide {
    display:none;
  }
  #modal-slide.slick-initialized {
    display: block;
  }

}
@media all and (min-width: 980px){
  .modal_window {
    width: 920px;
    height: 670px;
    margin: -315px 0 0 -460px;
  }
  .modal-hero-movie__contents {
    width: 920px;
  }
  .modal-hero-movie__frame-display{
    width: 920px;
  }
}

@media all and (max-width: 759px){
  .modal_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,.9);
    text-indent: -9999px;
  }

  .modal_window {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 96%;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .modal_btn_close {
    display: block;
    position: absolute;
    top: -60px;
    right: 0;
    width: 44px;
    height: 44px;
    overflow: hidden;
    z-index: 2;
  }

  .modal_btn_close a {
    display: block;
    height: 100%;
    background-color: #E80000;
    text-indent: -9999px;
    outline: none;
    width: 44px;
    height: 44px;
    -webkit-border-radius: 22px;
            border-radius: 22px;
    position: absolute;
  }

  .modal_btn_close a::before{
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/common/ico_close.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }

  .modal_btn_close a{
    display: block;
  }

  .modal_contents.loading:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .open_modal body{
    overflow: hidden;
  }

  .open_modal #movie-modal{
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .modal-hero-movie__body{
  }

  .modal-hero-movie__contents{
    width: 100%;
  }

  .modal-hero-movie__frame-phone{
    box-sizing: border-box;
    width: 100%;
    position: relative;
    margin: 0 auto;
    display: none;
  }
  .modal-hero-movie__frame-display{
    box-sizing: border-box;
    width: 100%;
    position: relative;
    margin: 0 auto;
    display: none;
  }

  .modal-ytplayer-phone .modal-hero-movie__frame-phone{
    display: block;
  }
  .modal-ytplayer-display .modal-hero-movie__frame-display{
    display: block;
  }

  .modal-hero-movie__frame-phone .modal-hero-movie__player{
    width: 100%;
    padding-top: 56.25%;
  }

  .modal-hero-movie__frame-display .modal-hero-movie__player{
    width: 100%;
    padding-top: 56.25%;
  }

  .modal-hero-movie__player iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
}


#movie-modal-list {
  z-index: 11000;
  background-color: transparent;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
}

@media all and (min-width: 760px){
  #movie-modal-list,
  .open_modal #movie-modal-list{
    display: none;
  }
}

@media all and (max-width: 759px){

  .modal-movie-list_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,.9);
    text-indent: -9999px;
  }

  .modal-movie-list_window {

  }

  .modal-movie-list_contents{
    position: relative;
    padding: 40px 0 10px 0;
  }

  .modal-movie-list_btn_close {
    display: block;
    position: fixed;
    top: 15px;
    right: 15px;
    width: 44px;
    height: 44px;
    overflow: hidden;
    z-index: 2;
  }
  .csspositionsticky .modal-movie-list_btn_close{
    position: fixed;
    position: -webkit-sticky;
      position: sticky;
    float: right;
     margin-right: 15px;
     pointer-events: auto;
  }

  .modal-movie-list_btn_close a {
    display: block;
    height: 100%;
    background-color: #E80000;
    text-indent: -9999px;
    outline: none;
    width: 44px;
    height: 44px;
    -webkit-border-radius: 22px;
            border-radius: 22px;
    position: absolute;
  }

  .modal-movie-list_btn_close a::before{
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/common/ico_close.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }

  .modal-movie-list_btn_close a{
    display: block;
  }

  .modal-movie-list_contents.loading:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .open_modal body{
    overflow: hidden;
  }

  .open_modal #movie-modal-list{
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .modal-movie-list__video{
    width: 285px;
    height: 160px;
    position: relative;
    margin: 0 auto;
  }
  /*.modal-movie-list__btn{
    width: 285px;
    height: 160px;
    position: absolute;
    left: 0;
    top: 0;
    background: #FFF;
    z-index: 2;
  }*/

  /*.list-movei-playing .modal-movie-list__btn{
    display: none;
  }*/
  .modal-movie-list__video iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .modal-movie-list__video-title{
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    margin: 15px 15px 30px 15px;
    text-align: center;
  }
}


@media all and (min-width: 760px){
  .is_open_country .mfp-bg{
    background: #000 url(../img/modal/bgDetail.png);
    -webkit-background-size: 84px;
            background-size: 84px;
    opacity: 1;
  }

  .is_modal_bg_anime .mfp-bg{
    width: 100%;
  }
  .is_modal_bg_anime .mfp-removing{
    width: 0;
  }

  .is_open_country .inner {
    position: relative;
    width: 570px;
    margin: 0 auto;
    padding: 100px 0;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    font-weight: bold;
  }

  .is_open_country p.lead {
    text-align: left;
    padding-bottom: 13px
  }

  .is_open_country table {
    width: 100%;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    line-height: 1.7
  }

  .is_open_country th,.is_open_country td {
    padding: 15px;
    text-align: center
  }

  .is_open_country thead th {
    white-space: nowrap
  }

  .is_open_country th.c2,.is_open_country td.c2 {
    text-align: center;
    border-left: 1px solid #fff
  }

  .is_open_country tbody th,.is_open_country tbody td {
    border-top: 1px solid #fff
  }
 .is_open_country .mfp-wrap {
     -webkit-overflow-scrolling: touch;
  }
}


@media all and (max-width: 759px){
  .is_open_country .mfp-bg{
    background: #000 url(../img/modal/bgDetail.png);
    -webkit-background-size: 84px;
            background-size: 84px;
    opacity: 1;
  }

  .is_modal_bg_anime .mfp-bg{
    width: 100%;
  }
  .is_modal_bg_anime .mfp-removing{
    width: 0;
  }

  .is_open_country .inner {
    position: relative;
    margin: 0 10px;
    padding: 80px 0 30px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    font-weight: bold;
  }

  .is_open_country p.lead {
    text-align: left;
    padding-bottom: 8px;
    font-size: 13px;
  }

  .is_open_country table {
    width: 100%;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    line-height: 1.4
  }

  .is_open_country th,.is_open_country td {
    padding: 8px;
    text-align: center
  }

  .is_open_country thead th {
    white-space: nowrap
  }

  .is_open_country th.c2,.is_open_country td.c2 {
    text-align: center;
    border-left: 1px solid #fff
  }

  .is_open_country tbody th,.is_open_country tbody td {
    border-top: 1px solid #fff
  }

  .is_open_country .mfp-wrap {
     -webkit-overflow-scrolling: touch;
  }
}


@media all and (min-width: 760px){
  .is_open_price .mfp-bg{
    background: #000 url(../img/modal/bgDetail.png);
    opacity: 1;
    -webkit-background-size: 84px;
            background-size: 84px;
  }

  .is_modal_bg_anime .mfp-bg{
    width: 100%;
  }
  .is_modal_bg_anime .mfp-removing{
    width: 0;
  }

  .is_open_price .inner {
    position: relative;
    width: 750px;
    margin: 0 auto;
    padding: 100px 0;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    font-weight: bold;
  }

  .is_open_price p.lead {
  text-align: left;
  padding-bottom: 13px
}

.is_open_price table {
  width: 100%;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  line-height: 1.7;
  margin-bottom: 10px;
}

.is_open_price th,.is_open_price td {
  padding: 15px;
  text-align: center
}
.is_open_price th.c-right,.is_open_price td.c-right {
  text-align: right;
}
.is_open_price .thead-sub{
  border-top: 1px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 7px 15px;
  font-size: 12px;
}
.is_open_price thead th {
  white-space: nowrap
}

.is_open_price th.c2,.is_open_price td.c2 {
  border-left: 1px solid #fff
}
.is_open_price th.line1,.is_open_price td.line1 {
  border-left: 2px solid #fff
}
.is_open_price th.line2,.is_open_price td.line2 {
  border-left: 1px solid #fff
}
.is_open_price th.line3,.is_open_price td.line3 {
  border-left: 1px #5c5c5c solid;
}

.is_open_price tbody th,.is_open_price tbody td {
  border-top: 1px solid #fff
}

.is_open_price .note{
  font-size: 12px;
  margin-top: 5px;
}

.is-os-ios .col-google,
.is-os-ios .row-google{
  display: none;
}

.is-os-android .col-app,
.is-os-android .row-app{
  display: none;
}

.is_open_price .mfp-wrap {
     -webkit-overflow-scrolling: touch;
  }

}


@media all and (max-width: 759px){
  .is_open_price .mfp-bg{
    background: #000 url(../img/modal/bgDetail.png);
    opacity: 1;
  }

  .is_modal_bg_anime .mfp-bg{
    width: 100%;
  }
  .is_modal_bg_anime .mfp-removing{
    width: 0;
  }


  .is_open_price .inner {
    position: relative;
    margin: 0 10px;
    padding: 80px 0 30px 0;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    font-weight: bold;
  }

  .is_open_price p.lead {
  text-align: left;
  padding-bottom: 13px
}

.is_open_price table {
  width: 100%;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  line-height: 1.7;
  margin-bottom: 10px;
}

.is_open_price th,.is_open_price td {
  padding: 7px 7px;
  text-align: center
}
.is_open_price th.c-right,.is_open_price td.c-right {
  text-align: right;
}
.is_open_price .thead-sub{
  border-top: 1px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 4px 7px;
  font-size: 10px;
}
.is_open_price thead th {
  white-space: nowrap
}

.is_open_price th.c2,.is_open_price td.c2 {
  border-left: 1px solid #fff
}
.is_open_price th.line1,.is_open_price td.line1 {
  border-left: 2px solid #fff
}
.is_open_price th.line2,.is_open_price td.line2 {
  border-left: 1px solid #fff
}
.is_open_price th.line3,.is_open_price td.line3 {
  border-left: 1px #5c5c5c solid;
}

.is_open_price tbody th,.is_open_price tbody td {
  border-top: 1px solid #fff
}

.is_open_price .note{
  font-size: 12px;
  margin-top: 5px;
}

.is-os-ios .col-google,
.is-os-ios .row-google{
  display: none;
}

.is-os-android .col-app,
.is-os-android .row-app{
  display: none;
}
.is_open_price .mfp-wrap {
     -webkit-overflow-scrolling: touch;
  }
}

@media all and (min-width: 760px){

.is_open_faq .mfp-bg{
  background: #fff url(../img/modal/bg_pp.png);
  -webkit-background-size: 84px;
          background-size: 84px;
  opacity: 1;
}

.is_modal_bg_anime .mfp-bg{
    width: 100%;
  }
  .is_modal_bg_anime .mfp-removing{
    width: 0;
  }


.is_open_faq .mfp-content a {
  color: #3aa4ff;
  text-decoration: underline;
}

.is_open_faq .mfp-content a:hover {
  text-decoration: none
}

.is_open_faq .mfp-ajax-holder .mfp-content .inner {
  width: 640px;
  margin: 0 auto;
  /*display: inline-block;*/
  letter-spacing: 0;
  vertical-align: middle;
  text-align: left;
}

.is_open_faq .mfp-content h2 {
  margin: 65px 0 60px;
  font-size: 48px;
  font-weight: normal;
  text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
  text-align: center
}

.is_open_faq .mfp-content h3 {
  margin: 60px 0 50px;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.3;
  text-align: center
}

.is_open_faq .mfp-content .box_wrap .box {
  margin: 25px auto;
  padding: 5px 0;
  border-bottom: 1px solid #9a9a9a
}

.is_open_faq .mfp-content .box_wrap .box.last,.is_open_faq .mfp-content .box_wrap .box:last-child {
  border: none
}

.is_open_faq .mfp-content .box_wrap dt {
  line-height: 1.3;
  font-size: 24px;
  color: #e60012
}

.is_open_faq .mfp-content .box_wrap p,.is_open_faq .mfp-content .box_wrap dd {
  margin: 25px 0;
  line-height: 1.8;
  font-size: 14px
}

.is_open_faq .mfp-content .btn_close {
  position: fixed;
  top: 25px;
  top: -50px;
  right: 25px;
  box-sizing: border-box;
  width: 45px;
  height: 45px;
  padding: 12px;
  background-color: #fdd000;
  border-radius: 50%;
  box-shadow: 3px 3px 0px rgba(0,0,0,0.2);
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.is_open_faq .mfp-wrap {
     -webkit-overflow-scrolling: touch;
  }

}

@media all and (max-width: 759px){
  .is_open_faq .mfp-bg{
  background: #fff url(../img/modal/bg_pp.png);
  -webkit-background-size: 84px;
          background-size: 84px;
  opacity: 1;
}
  
  .is_modal_bg_anime .mfp-bg{
    width: 100%;
  }
  .is_modal_bg_anime .mfp-removing{
    width: 0;
  }

.is_open_faq .mfp-content a {
  color: #3aa4ff;
  text-decoration: underline;
}

.is_open_faq .mfp-content a:hover {
  text-decoration: none
}

.is_open_faq .mfp-ajax-holder .mfp-content .inner {
  width: 320px;
  margin: 0 auto;
  /*display: inline-block;*/
  letter-spacing: 0;
  vertical-align: middle;
  text-align: left;
  padding-bottom: 30px;
}

.is_open_faq .mfp-content h2 {
  margin: 33px 0 30px;
  font-size: 24px;
  font-weight: normal;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
  text-align: center
}

.is_open_faq .mfp-content h3 {
  margin: 30px 0 25px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.3;
  text-align: center
}

.is_open_faq .mfp-content .box_wrap .box {
  margin: 12px auto;
  padding: 3px 0;
  border-bottom: 1px solid #9a9a9a
}

.is_open_faq .mfp-content .box_wrap .box.last,.is_open_faq .mfp-content .box_wrap .box:last-child {
  border: none
}

.is_open_faq .mfp-content .box_wrap dt {
  line-height: 1.3;
  font-size: 12px;
  color: #e60012
}

.is_open_faq .mfp-content .box_wrap p,.is_open_faq .mfp-content .box_wrap dd {
  margin: 12px 0;
  line-height: 1.8;
  font-size: 10px
}

.is_open_faq .mfp-wrap {
     -webkit-overflow-scrolling: touch;
  }



}


@media all and (min-width: 760px){

  .is_open_language .mfp-bg{
    background: #000 url(../img/modal/bgDetail.png);
    -webkit-background-size: 84px;
            background-size: 84px;
    opacity: 1;
  }

  .is_modal_bg_anime .mfp-bg{
    width: 100%;
  }
  .is_modal_bg_anime .mfp-removing{
    width: 0;
  }

  .modal_contents ul {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 1.5em;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
  }

  .modal_contents ul a {
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 17px 0;
    font-weight: bold;
  }

  .modal_contents ul a:hover {
    color: #fff;
    background-color: #c80002;
  }

  .is_open_language .mfp-wrap {
     -webkit-overflow-scrolling: touch;
  }


}

@media all and (max-width: 759px){
  .is_open_language .mfp-bg{
    background: #000 url(../img/modal/bgDetail.png);
    -webkit-background-size: 84px;
            background-size: 84px;
    opacity: 1;
  }

  .is_modal_bg_anime .mfp-bg{
    width: 100%;
  }
  .is_modal_bg_anime .mfp-removing{
    width: 0;
  }

  .modal_contents ul {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 1.5em;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    padding: 30px 0;
  }

  .modal_contents ul a {
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 17px 0;
    font-weight: bold;
  }

  .is_open_language .mfp-wrap {
     -webkit-overflow-scrolling: touch;
  }
}


/* ==========================================================================
   STAGE MODAL
   ======================================================================= */

#stage-modal {
  z-index: 11000;
  background-color: transparent;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
}
@media all and (min-width: 1200px){

  .stage-modal__bg {
    position: fixed;
    width: 0;
    height: 100%;
    overflow: hidden;
    background: #000 url(../img/modal/bgDetail.png);
    opacity: 1;
    -webkit-background-size: 84px;
    background-size: 84px;
  }

  .stage-modal-content{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1105px;
    height: 589px;
    margin: -290px 0 0 -550px;
  }
  .stage-modal__btn_prev,
  .stage-modal__btn_next,
  .stage-modal__btn_close{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 100;
    position: absolute;
    cursor: pointer;
  }

  .stage-modal__btn_prev:hover,
  .stage-modal__btn_next:hover,
  .stage-modal__btn_close:hover{
    -webkit-animation: btnBounce .2s;
    animation: btnBounce .2s;
  }


  .stage-modal__btn_prev {
    top: 257px;
    left: -33px;
  }

  .stage-modal__btn_next {
    top: 257px;
    right: -28px;
  }

  .stage-modal__btn_close {
    top: -33px;
    right: -28px;
  }
  

  .stage-modal-stage{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    position: absolute;
    top: 0;
    width: 100%;
    height: 589px;
  }

  #stage-modal-stage--1{
    background: url(../img/stage/stage1_bg_pc.png) no-repeat;
  }
  #stage-modal-stage--2{
    background: url(../img/stage/stage2_bg_pc.png) no-repeat;
  }

  #stage-modal-stage--3{
    background: url(../img/stage/stage1_bg_pc.png) no-repeat;
  }
  .stage1__chara{
    width: 556px;
    top: -56px;
    right: -76px;
    position: absolute;
  }
  .stage2__chara{
    width: 440px;
    top: 50px;
    left: -50px;
    position: absolute;
  }
   .stage3__chara{
    width: 380px;
    top: 40px;
    right: -8px;
    position: absolute;
  }
  .stage1__chara-img,
  .stage3__chara-img{
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 75%;
    -ms-transform-origin: 0 75%;
    transform-origin: 0 75%;
    display: block;
  }

  .stage2__chara-img{
    top: 0;
    right: 0;
    position: absolute;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 40% 75%;
    -ms-transform-origin: 40% 75%;
    transform-origin: 40% 75%;
  }

  .stage1__body,
  .stage3__body{
    width: 620px;
    padding: 22px 0 0 75px;
  }
  .stage2__body{
    width: 660px;
    padding: 22px 0 0 405px;
  }


  .stage1__body::after,
  .stage2__body::after,
  .stage3__body::after{
    content: "";
    display: block;
    clear: both;
  }
  .stage1__slider,
  .stage3__slider{
    position: relative;
    float: right;
  }
  .stage2__slider{
    margin-right: 45px;
    float: left;
  }
  .lang_zh-tw .stage2__slider{
    margin-right: 20px;
  }
  .lang_ko .stage2__slider,
  .lang_nl .stage2__slider,
  .lang_pt-br .stage2__slider,
  .lang_es-mx .stage2__slider{
    margin-right: 30px;
  }
  .stage1__txt-box,
  .stage3__txt-box{
    padding-top: 95px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
  }

  .stage1__txt-box{
     padding-top: 95px;
  }
  .lang_en-gb .stage1__txt-box{
     padding-top: 140px;
  }
  .lang_es .stage1__txt-box,
  .lang_es-mx .stage1__txt-box,
  .lang_en .stage1__txt-box{
     padding-top: 130px;
  }
  .stage3__txt-box{
     padding-top: 0;
  }
  .lang_ja .stage3__txt-box{
     padding-top: 95px;
  }
  .lang_en .stage3__txt-box{
     padding-top: 88px;
  }

  .stage2__txt-box{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
  }

  .lang_ja .stage2__txt-box{
     padding-top: 90px;
  }
  .lang_es .stage2__txt-box,
  .lang_es-mx .stage2__txt-box,
  .lang_en-gb .stage2__txt-box{
     padding-top: 40px;
  }
  .lang_es .stage3__txt-box,
  .lang_es-mx .stage3__txt-box,
  .lang_en-gb .stage3__txt-box{
     padding-top: 80px;
  }

  .stage1__lead,
  .stage2__lead,
  .stage3__lead {
    margin: 10px 0;
  }
  .stage3__txt02{
    padding-top: 10px;
  }

  .stage-modal-sp,
  .stage-modal__btn_close_sp{
    display: none;
  }
}

@media all and (min-width: 760px) and (max-width: 1199px){

  .stage-modal__bg {
    position: fixed;
    width: 0;
    height: 100%;
    overflow: hidden;
    background: #000 url(../img/modal/bgDetail.png);
    opacity: 1;
    -webkit-background-size: 84px;
    background-size: 84px;
  }

  .stage-modal-content{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 691px;
    height: 369px;
    margin: -181px 0 0 -344px;
  }
  .stage-modal__btn_prev,
  .stage-modal__btn_next,
  .stage-modal__btn_close{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 100;
    position: absolute;
    cursor: pointer;
  }

  .stage-modal__btn_prev:hover,
  .stage-modal__btn_next:hover,
  .stage-modal__btn_close:hover{
    -webkit-animation: btnBounce .2s;
    animation: btnBounce .2s;
  }


  .stage-modal__btn_prev {
    top: 161px;
    left: -21px;
  }

  .stage-modal__btn_prev img{
    width: 41px;
    height: auto;
  }

  .stage-modal__btn_next {
    top: 161px;
    right: -17.5px;
  }

  .stage-modal__btn_next img{
    width: 41px;
    height: auto;
  }

  .stage-modal__btn_close {
    top: -19px;
    right: -17.5px;
  }

  .stage-modal__btn_close img{
    width: 41px;
    height: auto;
  }
  

  .stage-modal-stage{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    position: absolute;
    top: 0;
    width: 100%;
    height: 369px;
  }

  #stage-modal-stage--1{
    background: url(../img/stage/stage1_bg_pc.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  #stage-modal-stage--2{
    background: url(../img/stage/stage2_bg_pc.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  #stage-modal-stage--3{
    background: url(../img/stage/stage1_bg_pc.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .stage1__chara{
    width: 348px;
    top: -35px;
    right: -47px;
    position: absolute;
  }

  .stage2__chara{
    width: 275px;
    top: 31px;
    left: -31px;
    position: absolute;
  }
   .stage3__chara{
    width: 238px;
    top: 25px;
    right: -5px;
    position: absolute;
  }
  .stage1__chara img,
  .stage2__chara img,
  .stage3__chara img{
    width: 100%;
    height: auto;
  }
  .stage1__chara-img,
  .stage3__chara-img{
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 75%;
    -ms-transform-origin: 0 75%;
    transform-origin: 0 75%;
    display: block;
  }

  .stage2__chara-img{
    top: 0;
    right: 0;
    position: absolute;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 40% 75%;
    -ms-transform-origin: 40% 75%;
    transform-origin: 40% 75%;
  }

  .stage1__body{
    width: 388px;
    padding: 14px 0 0 46px;
  }
  .stage2__body{
    width: 413px;
    padding: 14px 0 0 254px;
  }
  .stage3__body{
    width: 388px;
    padding: 14px 0 0 46px;
  }

  .stage1__body::after,
  .stage2__body::after,
  .stage3__body::after{
    content: "";
    display: block;
    clear: both;
  }
  .stage1__slider,
  .stage3__slider{
    position: relative;
    float: right;
  }
  .stage2__slider{
    margin-right: 29px;
    float: left;
  }
  .lang_ko .stage2__slider,
  .lang_nl .stage2__slider,
  .lang_pt-br .stage2__slider,
  .lang_es-mx .stage2__slider{
    margin-right: 19px;
  }
  .stage1__list img,
  .stage2__list img,
  .stage3__list img{
    width: 182px;
    height: auto;
  }
  .stage1__txt-box,
  .stage3__txt-box{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
  }
  .lang_ja .stage1__txt-box,
  .lang_ja .stage3__txt-box{
    padding-top: 60px;
  }

  .stage2__txt-box{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
  }

  .lang_en .stage1__txt-box{
     padding-top: 89px;
  }
  
  .lang_es .stage1__txt-box,
  .lang_es-mx .stage1__txt-box,
  .lang_en-gb .stage1__txt-box{
     padding-top: 89px;
  }

  .lang_ja .stage2__txt-box{
    padding-top: 56px;
  }
  
  .lang_es .stage2__txt-box,
  .lang_es-mx .stage2__txt-box,
  .lang_en-gb .stage2__txt-box{
     padding-top: 30px;
  }
  
  .lang_en .stage3__txt-box{
     padding-top: 65px;
  }
  
  .lang_es .stage3__txt-box,
  .lang_es-mx .stage3__txt-box,
  .lang_en-gb .stage3__txt-box{
     padding-top: 50px;
  }

  .stage1__ttl img{
    width: auto;
    height: 16px;
  }
  .stage1__lead img{
    width: 191px;
    height: auto;
  }
  .stage1__txt img{
    width: 183px;
    height: auto;
  }

  .stage2__ttl img{
    width: auto;
    height: 16px;
  }
  .stage2__lead img{
    width: 201px;
    height: auto;
  }
  .stage2__txt img{
    width: 179px;
    height: auto;
  }

  .stage3__ttl img{
    width: auto;
    height: 16px;
  }
  .stage3__lead img{
    width: 173px;
    height: auto;
  }
  .stage3__txt img{
    width: 179px;
    height: auto;
  }
  .stage3__txt02 img{
    width: 173px;
    height: auto;
  }

  .stage1__lead,
  .stage2__lead,
  .stage3__lead {
    margin: 6px 0;
  }
  .stage3__txt02{
    padding-top: 6px;
  }

  .stage-modal-sp,
  .stage-modal__btn_close_sp{
    display: none;
  }

}

@media all and (max-width: 759px){
  .stage-modal__bg {
    position: fixed;
    width: 0;
    height: 100%;
    overflow: hidden;
    background: #000 url(../img/modal/bgDetail.png);
    opacity: 1;
    -webkit-background-size: 84px;
    background-size: 84px;
  }
  
  .stage-modal-pc,
  .stage-modal__btn_next,
  .stage-modal__btn_prev,
  .stage-modal__btn_close{
    display: none;
  }

  .stage-modal-content{
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .stage-modal__btn_close_sp{
    position: fixed;
    top: 20px;
    right: 10px;
    z-index: 999;
    
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  .stage-modal-stage{

    display: none;

    position: relative;
    width: 90%;
    margin: 0 auto;
    
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  .stage-modal-sp{
    background: url(../img/stage/bg_mode-top_sp.jpg) no-repeat 0 100% #0757CB;
    -webkit-background-size: cover;
            background-size: cover;
    width: 100%;
    border-radius: 20px;
    box-shadow: 8px 10px 0 rgba(0,0,0,0.3);
    padding-top: 30px;
    margin: 36px auto;
    position: relative;
  }

  .stage-modal-sp__title{
    width: 90%;
    margin: 0 auto 20px auto;
    text-align: center;
  }

  .stage-modal-sp__title img{
    width: 100%;
    height: auto;
  }

  .stage-modal-sp__mode_slide{
    width: 70%;
    margin: 0 auto 20px auto;
  }

  .stage-modal-sp__mode_slide img{
    width: 100%;
    height: auto;
  }

  .stage-modal-sp__text{
    width: 70%;
    margin: 0 auto 20px auto;
  }

  .stage-modal-sp__text img{
    width: 100%;
    height: auto;
  }

  .stage-modal-sp__mode_obj{
    width: 80%;
    margin: 0 auto 0 auto;
    padding-bottom: 10px;
  }

  .stage-modal-sp__mode_obj img{
    width: 100%;
    height: auto;
  }

}

/* ==========================================================================
   cookie attention
   ======================================================================= */

@media all and (min-width: 760px){
  #attention {
    display: none;
    opacity: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    background: rgba(0,0,0,0.75);
    z-index: 9999;
    text-align: left;
    font-size: 1.15em;
    line-height: 1.8;
    padding: 10px 5px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
  }

  #attention p {
    margin-bottom: 8px;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
  }

  #eu_cookie {
    clear: both;
    width: 95%;
    max-width: 960px;
    margin: 0 auto;
  }

  #attention .cookiePolicy {
    width: 250px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background: #999;
    padding: 6px 20px;
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: bold;
  }

  .no-touchevents #attention .cookiePolicy:hover {
    background: #b1b1b1
  }

  #attention .cookieOK {
    width: 100px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background: #ff6633;
    padding: 6px 20px;
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: bold;
  }

  .no-touchevents #attention .cookieOK:hover {
    background: #f1a606
  }

  .is_open_cookie-policy .mfp-bg{
    background: #fff url(../img/modal/bg_pp.png);
    -webkit-background-size: 84px;
            background-size: 84px;
    opacity: 1;
  }

  .is_open_cookie-policy .mfp-content {
    color: #000;
    width: 90%;
    max-width: 550px;
    height: 100%;
    margin: 55px auto
  }

  .is_open_cookie-policy .mfp-content a {
    color: #1B31EB;
  }

  .is_open_cookie-policy .mfp-content h1 {
    color: #8c8c8c;
    font-weight: bold;
    text-align: center;
    font-size: 2.0em;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    background-color: #e6e6e6;
    padding: 12px;
    border-radius: 6px
  }

  .is_open_cookie-policy .mfp-content h3 {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 2.0em;
    margin-bottom: 18px;
    text-align: center;
    border-top: 1px solid #999;
    padding-top: 30px
  }

  .is_open_cookie-policy .mfp-content h4 {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 2.0em;
    margin-bottom: 12px;
    text-align: center
  }

  .is_open_cookie-policy .mfp-content h5 {
    color: #666;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 2.0em;
    margin-bottom: 12px
  }

  .is_open_cookie-policy .mfp-content p {
    text-align: left;
    font-size: 1.25em;
    line-height: 2.0;
    margin-bottom: 30px
  }

  .is_open_cookie-policy .mfp-content p:last-child {
    padding-bottom: 100px
  }

  .is_open_cookie-policy .mfp-content .indent {
    text-align: left;
    font-size: 1.25em;
    line-height: 2.0;
    margin-bottom: 30px;
    border: 1px solid #bebebe;
    padding: 12px 20px;
    border-radius: 8px
  }

  .is_open_cookie-policy .mfp-content ul {
    text-align: left;
    font-size: 1.25em;
    line-height: 2.0;
    margin-bottom: 30px
  }

  .is_open_cookie-policy .mfp-content li {
    list-style: disc;
    margin-left: 1.25em
  }
}
@media all and (max-width: 759px){
  #attention {
    display: none;
    opacity: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    background: rgba(0,0,0,0.75);
    z-index: 9999;
    text-align: left;
    font-size: 1.15em;
    line-height: 1.8;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    text-align: center;
  }

  #attention p {
    margin-bottom: 8px;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
  }

  #eu_cookie {
    clear: both;
    width: 95%;
    max-width: 960px;
    margin: 0 auto;
  }

  #attention .cookiePolicy {
    width: 250px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background: #999;
    padding: 6px 20px;
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: bold;
  }

  .no-touchevents #attention .cookiePolicy:hover {
    background: #b1b1b1
  }

  #attention .cookieOK {
    width: 100px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background: #ff6633;
    padding: 6px 20px;
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: bold;
  }

  .no-touchevents #attention .cookieOK:hover {
    background: #f1a606
  }

  .is_open_cookie-policy .mfp-bg{
    background: #fff url(../img/modal/bg_pp.png);
    -webkit-background-size: 84px;
            background-size: 84px;
    opacity: 1;
  }

  .is_open_cookie-policy .mfp-content {
    color: #000;
    width: 90%;
    max-width: 300px;
    height: 100%;
    margin: 55px auto
  }

  .is_open_cookie-policy .mfp-content a {
    color: #1B31EB;
  }

  .is_open_cookie-policy .mfp-content h1 {
    color: #8c8c8c;
    font-weight: bold;
    text-align: center;
    font-size: 2.0em;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    background-color: #e6e6e6;
    padding: 12px;
    border-radius: 6px
  }

  .is_open_cookie-policy .mfp-content h3 {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 2.0em;
    margin-bottom: 18px;
    text-align: center;
    border-top: 1px solid #999;
    padding-top: 30px
  }

  .is_open_cookie-policy .mfp-content h4 {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 2.0em;
    margin-bottom: 12px;
    text-align: center
  }

  .is_open_cookie-policy .mfp-content h5 {
    color: #666;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 2.0em;
    margin-bottom: 12px
  }

  .is_open_cookie-policy .mfp-content p {
    text-align: left;
    font-size: 11px;
    line-height: 1.6;
    margin-bottom: 30px
  }

  .is_open_cookie-policy .mfp-content p:last-child {
    padding-bottom: 100px
  }

  .is_open_cookie-policy .mfp-content .indent {
    text-align: left;
    font-size: 1.25em;
    line-height: 2.0;
    margin-bottom: 30px;
    border: 1px solid #bebebe;
    padding: 12px 20px;
    border-radius: 8px
  }

  .is_open_cookie-policy .mfp-content ul {
    text-align: left;
    font-size: 1.25em;
    line-height: 2.0;
    margin-bottom: 30px
  }

  .is_open_cookie-policy .mfp-content li {
    list-style: disc;
    margin-left: 1.25em
  }
}
th.col-special-price,
td.col-special-price {
  color: #ffe91d;
}

/* ==========================================================================
   KEY FRAME ANIME
   ======================================================================= */
@-webkit-keyframes scrolldown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
          transform: translate3d(0,-10px,0);
  }
  1% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
     -webkit-transform: translate3d(0,2px,0);
          transform: translate3d(0,2px,0);
  }
  100% {
    opacity: 0;
     -webkit-transform: translate3d(0,2px,0);
          transform: translate3d(0,2px,0);
  }
}
@keyframes scrolldown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
          transform: translate3d(0,-10px,0);
  }
  1% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
     -webkit-transform: translate3d(0,2px,0);
          transform: translate3d(0,2px,0);
  }
  100% {
    opacity: 0;
     -webkit-transform: translate3d(0,2px,0);
          transform: translate3d(0,2px,0);
  }
}

@-webkit-keyframes scrolldownHero {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
          transform: translate3d(0,-10px,0);
  }
  1% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
     -webkit-transform: translate3d(0,10px,0);
          transform: translate3d(0,10px,0);
  }
  100% {
    opacity: 0;
     -webkit-transform: translate3d(0,10px,0);
          transform: translate3d(0,10px,0);
  }
}
@keyframes scrolldownHero {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
          transform: translate3d(0,-10px,0);
  }
  1% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
     -webkit-transform: translate3d(0,10px,0);
          transform: translate3d(0,10px,0);
  }
  100% {
    opacity: 0;
     -webkit-transform: translate3d(0,10px,0);
          transform: translate3d(0,10px,0);
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
        transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
        transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
  }
}
@-webkit-keyframes bound {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  1.388889% {
    -webkit-transform: matrix3d(1.05412, 0, 0, 0, 0, 1.06887, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05412, 0, 0, 0, 0, 1.06887, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.777778% {
    -webkit-transform: matrix3d(1.09288, 0, 0, 0, 0, 1.11451, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.09288, 0, 0, 0, 0, 1.11451, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.166667% {
    -webkit-transform: matrix3d(1.1156, 0, 0, 0, 0, 1.13462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.1156, 0, 0, 0, 0, 1.13462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.555556% {
    -webkit-transform: matrix3d(1.12321, 0, 0, 0, 0, 1.13112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.12321, 0, 0, 0, 0, 1.13112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.944444% {
    -webkit-transform: matrix3d(1.11787, 0, 0, 0, 0, 1.109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.11787, 0, 0, 0, 0, 1.109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(1.10255, 0, 0, 0, 0, 1.07507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.10255, 0, 0, 0, 0, 1.07507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.722222% {
    -webkit-transform: matrix3d(1.08057, 0, 0, 0, 0, 1.03656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.08057, 0, 0, 0, 0, 1.03656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  11.111111% {
    -webkit-transform: matrix3d(1.05525, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05525, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.5% {
    -webkit-transform: matrix3d(1.0296, 0, 0, 0, 0, 0.9704, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0296, 0, 0, 0, 0, 0.9704, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.888889% {
    -webkit-transform: matrix3d(1.00607, 0, 0, 0, 0, 0.95079, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00607, 0, 0, 0, 0, 0.95079, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  15.277778% {
    -webkit-transform: matrix3d(0.98644, 0, 0, 0, 0, 0.94214, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98644, 0, 0, 0, 0, 0.94214, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(0.97182, 0, 0, 0, 0, 0.94365, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97182, 0, 0, 0, 0, 0.94365, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.055556% {
    -webkit-transform: matrix3d(0.96261, 0, 0, 0, 0, 0.95315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96261, 0, 0, 0, 0, 0.95315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  19.444444% {
    -webkit-transform: matrix3d(0.95865, 0, 0, 0, 0, 0.96774, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95865, 0, 0, 0, 0, 0.96774, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.833333% {
    -webkit-transform: matrix3d(0.95929, 0, 0, 0, 0, 0.98429, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95929, 0, 0, 0, 0, 0.98429, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.222222% {
    -webkit-transform: matrix3d(0.96362, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96362, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.611111% {
    -webkit-transform: matrix3d(0.97051, 0, 0, 0, 0, 1.01272, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97051, 0, 0, 0, 0, 1.01272, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(0.97885, 0, 0, 0, 0, 1.02115, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97885, 0, 0, 0, 0, 1.02115, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.388889% {
    -webkit-transform: matrix3d(0.98757, 0, 0, 0, 0, 1.02487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98757, 0, 0, 0, 0, 1.02487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.777778% {
    -webkit-transform: matrix3d(0.99579, 0, 0, 0, 0, 1.02422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99579, 0, 0, 0, 0, 1.02422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.166667% {
    -webkit-transform: matrix3d(1.00284, 0, 0, 0, 0, 1.02014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00284, 0, 0, 0, 0, 1.02014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30.555556% {
    -webkit-transform: matrix3d(1.00829, 0, 0, 0, 0, 1.01387, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00829, 0, 0, 0, 0, 1.01387, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.944444% {
    -webkit-transform: matrix3d(1.01192, 0, 0, 0, 0, 1.00675, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01192, 0, 0, 0, 0, 1.00675, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.01375, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01375, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  34.722222% {
    -webkit-transform: matrix3d(1.01395, 0, 0, 0, 0, 0.99453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01395, 0, 0, 0, 0, 0.99453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.111111% {
    -webkit-transform: matrix3d(1.01281, 0, 0, 0, 0, 0.99091, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01281, 0, 0, 0, 0, 0.99091, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.5% {
    -webkit-transform: matrix3d(1.01069, 0, 0, 0, 0, 0.98931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01069, 0, 0, 0, 0, 0.98931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.888889% {
    -webkit-transform: matrix3d(1.00797, 0, 0, 0, 0, 0.98959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00797, 0, 0, 0, 0, 0.98959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40.277778% {
    -webkit-transform: matrix3d(1.00503, 0, 0, 0, 0, 0.99135, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00503, 0, 0, 0, 0, 0.99135, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(1.00218, 0, 0, 0, 0, 0.99404, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00218, 0, 0, 0, 0, 0.99404, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.055556% {
    -webkit-transform: matrix3d(0.99967, 0, 0, 0, 0, 0.9971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99967, 0, 0, 0, 0, 0.9971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.444444% {
    -webkit-transform: matrix3d(0.99767, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99767, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45.833333% {
    -webkit-transform: matrix3d(0.99626, 0, 0, 0, 0, 1.00235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99626, 0, 0, 0, 0, 1.00235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.222222% {
    -webkit-transform: matrix3d(0.99547, 0, 0, 0, 0, 1.00391, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99547, 0, 0, 0, 0, 1.00391, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.611111% {
    -webkit-transform: matrix3d(0.99526, 0, 0, 0, 0, 1.00459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99526, 0, 0, 0, 0, 1.00459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99553, 0, 0, 0, 0, 1.00447, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99553, 0, 0, 0, 0, 1.00447, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  51.388889% {
    -webkit-transform: matrix3d(0.99616, 0, 0, 0, 0, 1.00372, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99616, 0, 0, 0, 0, 1.00372, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.777778% {
    -webkit-transform: matrix3d(0.99703, 0, 0, 0, 0, 1.00256, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99703, 0, 0, 0, 0, 1.00256, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.166667% {
    -webkit-transform: matrix3d(0.99802, 0, 0, 0, 0, 1.00125, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99802, 0, 0, 0, 0, 1.00125, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  55.555556% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.944444% {
    -webkit-transform: matrix3d(0.99988, 0, 0, 0, 0, 0.99899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99988, 0, 0, 0, 0, 0.99899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(1.00061, 0, 0, 0, 0, 0.99832, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00061, 0, 0, 0, 0, 0.99832, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.722222% {
    -webkit-transform: matrix3d(1.00115, 0, 0, 0, 0, 0.99803, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00115, 0, 0, 0, 0, 0.99803, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  61.111111% {
    -webkit-transform: matrix3d(1.00147, 0, 0, 0, 0, 0.99808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00147, 0, 0, 0, 0, 0.99808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  62.5% {
    -webkit-transform: matrix3d(1.0016, 0, 0, 0, 0, 0.9984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0016, 0, 0, 0, 0, 0.9984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.888889% {
    -webkit-transform: matrix3d(1.00155, 0, 0, 0, 0, 0.9989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00155, 0, 0, 0, 0, 0.9989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  65.277778% {
    -webkit-transform: matrix3d(1.00137, 0, 0, 0, 0, 0.99946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00137, 0, 0, 0, 0, 0.99946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.055556% {
    -webkit-transform: matrix3d(1.00077, 0, 0, 0, 0, 1.00043, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00077, 0, 0, 0, 0, 1.00043, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  69.444444% {
    -webkit-transform: matrix3d(1.00043, 0, 0, 0, 0, 1.00072, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00043, 0, 0, 0, 0, 1.00072, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.833333% {
    -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00085, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00085, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  72.222222% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1.00083, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1.00083, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.611111% {
    -webkit-transform: matrix3d(0.99966, 0, 0, 0, 0, 1.00069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99966, 0, 0, 0, 0, 1.00069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(0.99953, 0, 0, 0, 0, 1.00047, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99953, 0, 0, 0, 0, 1.00047, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.388889% {
    -webkit-transform: matrix3d(0.99947, 0, 0, 0, 0, 1.00023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99947, 0, 0, 0, 0, 1.00023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  77.777778% {
    -webkit-transform: matrix3d(0.99947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.166667% {
    -webkit-transform: matrix3d(0.99952, 0, 0, 0, 0, 0.99981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99952, 0, 0, 0, 0, 0.99981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80.555556% {
    -webkit-transform: matrix3d(0.9996, 0, 0, 0, 0, 0.99969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.9996, 0, 0, 0, 0, 0.99969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.944444% {
    -webkit-transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  84.722222% {
    -webkit-transform: matrix3d(0.99993, 0, 0, 0, 0, 0.9997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99993, 0, 0, 0, 0, 0.9997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  86.111111% {
    -webkit-transform: matrix3d(1.00003, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00003, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.5% {
    -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 0.9999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0001, 0, 0, 0, 0, 0.9999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  88.888889% {
    -webkit-transform: matrix3d(1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.277778% {
    -webkit-transform: matrix3d(1.00018, 0, 0, 0, 0, 1.00008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00018, 0, 0, 0, 0, 1.00008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(1.00018, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00018, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.055556% {
    -webkit-transform: matrix3d(1.00017, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00017, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  94.444444% {
    -webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95.833333% {
    -webkit-transform: matrix3d(1.00011, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00011, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.222222% {
    -webkit-transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  98.611111% {
    -webkit-transform: matrix3d(1.00003, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00003, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes bound {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  1.388889% {
    -webkit-transform: matrix3d(1.05412, 0, 0, 0, 0, 1.06887, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05412, 0, 0, 0, 0, 1.06887, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.777778% {
    -webkit-transform: matrix3d(1.09288, 0, 0, 0, 0, 1.11451, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.09288, 0, 0, 0, 0, 1.11451, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.166667% {
    -webkit-transform: matrix3d(1.1156, 0, 0, 0, 0, 1.13462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.1156, 0, 0, 0, 0, 1.13462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.555556% {
    -webkit-transform: matrix3d(1.12321, 0, 0, 0, 0, 1.13112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.12321, 0, 0, 0, 0, 1.13112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.944444% {
    -webkit-transform: matrix3d(1.11787, 0, 0, 0, 0, 1.109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.11787, 0, 0, 0, 0, 1.109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(1.10255, 0, 0, 0, 0, 1.07507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.10255, 0, 0, 0, 0, 1.07507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.722222% {
    -webkit-transform: matrix3d(1.08057, 0, 0, 0, 0, 1.03656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.08057, 0, 0, 0, 0, 1.03656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  11.111111% {
    -webkit-transform: matrix3d(1.05525, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05525, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.5% {
    -webkit-transform: matrix3d(1.0296, 0, 0, 0, 0, 0.9704, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0296, 0, 0, 0, 0, 0.9704, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.888889% {
    -webkit-transform: matrix3d(1.00607, 0, 0, 0, 0, 0.95079, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00607, 0, 0, 0, 0, 0.95079, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  15.277778% {
    -webkit-transform: matrix3d(0.98644, 0, 0, 0, 0, 0.94214, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98644, 0, 0, 0, 0, 0.94214, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(0.97182, 0, 0, 0, 0, 0.94365, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97182, 0, 0, 0, 0, 0.94365, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.055556% {
    -webkit-transform: matrix3d(0.96261, 0, 0, 0, 0, 0.95315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96261, 0, 0, 0, 0, 0.95315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  19.444444% {
    -webkit-transform: matrix3d(0.95865, 0, 0, 0, 0, 0.96774, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95865, 0, 0, 0, 0, 0.96774, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.833333% {
    -webkit-transform: matrix3d(0.95929, 0, 0, 0, 0, 0.98429, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95929, 0, 0, 0, 0, 0.98429, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.222222% {
    -webkit-transform: matrix3d(0.96362, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96362, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.611111% {
    -webkit-transform: matrix3d(0.97051, 0, 0, 0, 0, 1.01272, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97051, 0, 0, 0, 0, 1.01272, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(0.97885, 0, 0, 0, 0, 1.02115, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97885, 0, 0, 0, 0, 1.02115, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.388889% {
    -webkit-transform: matrix3d(0.98757, 0, 0, 0, 0, 1.02487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98757, 0, 0, 0, 0, 1.02487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.777778% {
    -webkit-transform: matrix3d(0.99579, 0, 0, 0, 0, 1.02422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99579, 0, 0, 0, 0, 1.02422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.166667% {
    -webkit-transform: matrix3d(1.00284, 0, 0, 0, 0, 1.02014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00284, 0, 0, 0, 0, 1.02014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30.555556% {
    -webkit-transform: matrix3d(1.00829, 0, 0, 0, 0, 1.01387, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00829, 0, 0, 0, 0, 1.01387, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.944444% {
    -webkit-transform: matrix3d(1.01192, 0, 0, 0, 0, 1.00675, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01192, 0, 0, 0, 0, 1.00675, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.01375, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01375, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  34.722222% {
    -webkit-transform: matrix3d(1.01395, 0, 0, 0, 0, 0.99453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01395, 0, 0, 0, 0, 0.99453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.111111% {
    -webkit-transform: matrix3d(1.01281, 0, 0, 0, 0, 0.99091, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01281, 0, 0, 0, 0, 0.99091, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.5% {
    -webkit-transform: matrix3d(1.01069, 0, 0, 0, 0, 0.98931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01069, 0, 0, 0, 0, 0.98931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.888889% {
    -webkit-transform: matrix3d(1.00797, 0, 0, 0, 0, 0.98959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00797, 0, 0, 0, 0, 0.98959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40.277778% {
    -webkit-transform: matrix3d(1.00503, 0, 0, 0, 0, 0.99135, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00503, 0, 0, 0, 0, 0.99135, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(1.00218, 0, 0, 0, 0, 0.99404, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00218, 0, 0, 0, 0, 0.99404, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.055556% {
    -webkit-transform: matrix3d(0.99967, 0, 0, 0, 0, 0.9971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99967, 0, 0, 0, 0, 0.9971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.444444% {
    -webkit-transform: matrix3d(0.99767, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99767, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45.833333% {
    -webkit-transform: matrix3d(0.99626, 0, 0, 0, 0, 1.00235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99626, 0, 0, 0, 0, 1.00235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.222222% {
    -webkit-transform: matrix3d(0.99547, 0, 0, 0, 0, 1.00391, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99547, 0, 0, 0, 0, 1.00391, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.611111% {
    -webkit-transform: matrix3d(0.99526, 0, 0, 0, 0, 1.00459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99526, 0, 0, 0, 0, 1.00459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99553, 0, 0, 0, 0, 1.00447, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99553, 0, 0, 0, 0, 1.00447, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  51.388889% {
    -webkit-transform: matrix3d(0.99616, 0, 0, 0, 0, 1.00372, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99616, 0, 0, 0, 0, 1.00372, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.777778% {
    -webkit-transform: matrix3d(0.99703, 0, 0, 0, 0, 1.00256, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99703, 0, 0, 0, 0, 1.00256, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.166667% {
    -webkit-transform: matrix3d(0.99802, 0, 0, 0, 0, 1.00125, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99802, 0, 0, 0, 0, 1.00125, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  55.555556% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.944444% {
    -webkit-transform: matrix3d(0.99988, 0, 0, 0, 0, 0.99899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99988, 0, 0, 0, 0, 0.99899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(1.00061, 0, 0, 0, 0, 0.99832, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00061, 0, 0, 0, 0, 0.99832, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.722222% {
    -webkit-transform: matrix3d(1.00115, 0, 0, 0, 0, 0.99803, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00115, 0, 0, 0, 0, 0.99803, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  61.111111% {
    -webkit-transform: matrix3d(1.00147, 0, 0, 0, 0, 0.99808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00147, 0, 0, 0, 0, 0.99808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  62.5% {
    -webkit-transform: matrix3d(1.0016, 0, 0, 0, 0, 0.9984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0016, 0, 0, 0, 0, 0.9984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.888889% {
    -webkit-transform: matrix3d(1.00155, 0, 0, 0, 0, 0.9989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00155, 0, 0, 0, 0, 0.9989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  65.277778% {
    -webkit-transform: matrix3d(1.00137, 0, 0, 0, 0, 0.99946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00137, 0, 0, 0, 0, 0.99946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.055556% {
    -webkit-transform: matrix3d(1.00077, 0, 0, 0, 0, 1.00043, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00077, 0, 0, 0, 0, 1.00043, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  69.444444% {
    -webkit-transform: matrix3d(1.00043, 0, 0, 0, 0, 1.00072, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00043, 0, 0, 0, 0, 1.00072, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.833333% {
    -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00085, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00085, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  72.222222% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1.00083, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1.00083, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.611111% {
    -webkit-transform: matrix3d(0.99966, 0, 0, 0, 0, 1.00069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99966, 0, 0, 0, 0, 1.00069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(0.99953, 0, 0, 0, 0, 1.00047, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99953, 0, 0, 0, 0, 1.00047, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.388889% {
    -webkit-transform: matrix3d(0.99947, 0, 0, 0, 0, 1.00023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99947, 0, 0, 0, 0, 1.00023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  77.777778% {
    -webkit-transform: matrix3d(0.99947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.166667% {
    -webkit-transform: matrix3d(0.99952, 0, 0, 0, 0, 0.99981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99952, 0, 0, 0, 0, 0.99981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80.555556% {
    -webkit-transform: matrix3d(0.9996, 0, 0, 0, 0, 0.99969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.9996, 0, 0, 0, 0, 0.99969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.944444% {
    -webkit-transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  84.722222% {
    -webkit-transform: matrix3d(0.99993, 0, 0, 0, 0, 0.9997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99993, 0, 0, 0, 0, 0.9997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  86.111111% {
    -webkit-transform: matrix3d(1.00003, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00003, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.5% {
    -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 0.9999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0001, 0, 0, 0, 0, 0.9999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  88.888889% {
    -webkit-transform: matrix3d(1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.277778% {
    -webkit-transform: matrix3d(1.00018, 0, 0, 0, 0, 1.00008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00018, 0, 0, 0, 0, 1.00008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(1.00018, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00018, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.055556% {
    -webkit-transform: matrix3d(1.00017, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00017, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  94.444444% {
    -webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95.833333% {
    -webkit-transform: matrix3d(1.00011, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00011, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.222222% {
    -webkit-transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  98.611111% {
    -webkit-transform: matrix3d(1.00003, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00003, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes bound-show {
  0% {
    -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  1.666667% {
    -webkit-transform: matrix3d(0.13823, 0, 0, 0, 0, 0.19361, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.13823, 0, 0, 0, 0, 0.19361, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.333333% {
    -webkit-transform: matrix3d(0.2909, 0, 0, 0, 0, 0.41838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.2909, 0, 0, 0, 0, 0.41838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5% {
    -webkit-transform: matrix3d(0.44674, 0, 0, 0, 0, 0.6417, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.44674, 0, 0, 0, 0, 0.6417, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.666667% {
    -webkit-transform: matrix3d(0.59685, 0, 0, 0, 0, 0.84028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.59685, 0, 0, 0, 0, 0.84028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(0.73459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.73459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10% {
    -webkit-transform: matrix3d(0.85548, 0, 0, 0, 0, 1.11482, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.85548, 0, 0, 0, 0, 1.11482, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  11.666667% {
    -webkit-transform: matrix3d(0.95693, 0, 0, 0, 0, 1.18519, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95693, 0, 0, 0, 0, 1.18519, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.333333% {
    -webkit-transform: matrix3d(1.03794, 0, 0, 0, 0, 1.21612, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03794, 0, 0, 0, 0, 1.21612, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  15% {
    -webkit-transform: matrix3d(1.09883, 0, 0, 0, 0, 1.21542, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.09883, 0, 0, 0, 0, 1.21542, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.14088, 0, 0, 0, 0, 1.19205, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.14088, 0, 0, 0, 0, 1.19205, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.333333% {
    -webkit-transform: matrix3d(1.16611, 0, 0, 0, 0, 1.15487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.16611, 0, 0, 0, 0, 1.15487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20% {
    -webkit-transform: matrix3d(1.17694, 0, 0, 0, 0, 1.1117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.17694, 0, 0, 0, 0, 1.1117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.666667% {
    -webkit-transform: matrix3d(1.17603, 0, 0, 0, 0, 1.06881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.17603, 0, 0, 0, 0, 1.06881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.333333% {
    -webkit-transform: matrix3d(1.16606, 0, 0, 0, 0, 1.03067, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.16606, 0, 0, 0, 0, 1.03067, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(1.14957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.14957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.666667% {
    -webkit-transform: matrix3d(1.12889, 0, 0, 0, 0, 0.97795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.12889, 0, 0, 0, 0, 0.97795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  28.333333% {
    -webkit-transform: matrix3d(1.10606, 0, 0, 0, 0, 0.96444, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.10606, 0, 0, 0, 0, 0.96444, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30% {
    -webkit-transform: matrix3d(1.08275, 0, 0, 0, 0, 0.95849, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.08275, 0, 0, 0, 0, 0.95849, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.666667% {
    -webkit-transform: matrix3d(1.0603, 0, 0, 0, 0, 0.95863, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0603, 0, 0, 0, 0, 0.95863, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.0397, 0, 0, 0, 0, 0.96312, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0397, 0, 0, 0, 0, 0.96312, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35% {
    -webkit-transform: matrix3d(1.02162, 0, 0, 0, 0, 0.97026, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02162, 0, 0, 0, 0, 0.97026, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.666667% {
    -webkit-transform: matrix3d(1.00644, 0, 0, 0, 0, 0.97855, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00644, 0, 0, 0, 0, 0.97855, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.333333% {
    -webkit-transform: matrix3d(0.99432, 0, 0, 0, 0, 0.98678, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99432, 0, 0, 0, 0, 0.98678, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40% {
    -webkit-transform: matrix3d(0.98522, 0, 0, 0, 0, 0.99411, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98522, 0, 0, 0, 0, 0.99411, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(0.97893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.333333% {
    -webkit-transform: matrix3d(0.97516, 0, 0, 0, 0, 1.00424, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97516, 0, 0, 0, 0, 1.00424, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45% {
    -webkit-transform: matrix3d(0.97354, 0, 0, 0, 0, 1.00683, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97354, 0, 0, 0, 0, 1.00683, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.666667% {
    -webkit-transform: matrix3d(0.97367, 0, 0, 0, 0, 1.00797, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97367, 0, 0, 0, 0, 1.00797, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.333333% {
    -webkit-transform: matrix3d(0.97516, 0, 0, 0, 0, 1.00795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97516, 0, 0, 0, 0, 1.00795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.97763, 0, 0, 0, 0, 1.00708, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97763, 0, 0, 0, 0, 1.00708, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  51.666667% {
    -webkit-transform: matrix3d(0.98072, 0, 0, 0, 0, 1.00571, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98072, 0, 0, 0, 0, 1.00571, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.333333% {
    -webkit-transform: matrix3d(0.98414, 0, 0, 0, 0, 1.00412, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98414, 0, 0, 0, 0, 1.00412, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  55% {
    -webkit-transform: matrix3d(0.98762, 0, 0, 0, 0, 1.00254, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98762, 0, 0, 0, 0, 1.00254, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.666667% {
    -webkit-transform: matrix3d(0.99098, 0, 0, 0, 0, 1.00113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99098, 0, 0, 0, 0, 1.00113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(0.99406, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99406, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60% {
    -webkit-transform: matrix3d(0.99677, 0, 0, 0, 0, 0.99919, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99677, 0, 0, 0, 0, 0.99919, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  61.666667% {
    -webkit-transform: matrix3d(0.99904, 0, 0, 0, 0, 0.99869, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99904, 0, 0, 0, 0, 0.99869, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.333333% {
    -webkit-transform: matrix3d(1.00085, 0, 0, 0, 0, 0.99847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00085, 0, 0, 0, 0, 0.99847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  65% {
    -webkit-transform: matrix3d(1.00221, 0, 0, 0, 0, 0.99847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00221, 0, 0, 0, 0, 0.99847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 0.99864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00315, 0, 0, 0, 0, 0.99864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.333333% {
    -webkit-transform: matrix3d(1.00372, 0, 0, 0, 0, 0.9989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00372, 0, 0, 0, 0, 0.9989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70% {
    -webkit-transform: matrix3d(1.00396, 0, 0, 0, 0, 0.99921, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00396, 0, 0, 0, 0, 0.99921, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  71.666667% {
    -webkit-transform: matrix3d(1.00394, 0, 0, 0, 0, 0.99951, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00394, 0, 0, 0, 0, 0.99951, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.333333% {
    -webkit-transform: matrix3d(1.00371, 0, 0, 0, 0, 0.99978, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00371, 0, 0, 0, 0, 0.99978, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(1.00335, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00335, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.666667% {
    -webkit-transform: matrix3d(1.00288, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00288, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  78.333333% {
    -webkit-transform: matrix3d(1.00237, 0, 0, 0, 0, 1.00025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00237, 0, 0, 0, 0, 1.00025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80% {
    -webkit-transform: matrix3d(1.00185, 0, 0, 0, 0, 1.00029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00185, 0, 0, 0, 0, 1.00029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.666667% {
    -webkit-transform: matrix3d(1.00135, 0, 0, 0, 0, 1.00029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00135, 0, 0, 0, 0, 1.00029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00089, 0, 0, 0, 0, 1.00026, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00089, 0, 0, 0, 0, 1.00026, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85% {
    -webkit-transform: matrix3d(1.00048, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00048, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  86.666667% {
    -webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  88.333333% {
    -webkit-transform: matrix3d(0.99987, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99987, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90% {
    -webkit-transform: matrix3d(0.99967, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99967, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(0.99953, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99953, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.333333% {
    -webkit-transform: matrix3d(0.99944, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99944, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95% {
    -webkit-transform: matrix3d(0.99941, 0, 0, 0, 0, 0.99995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99941, 0, 0, 0, 0, 0.99995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  96.666667% {
    -webkit-transform: matrix3d(0.99941, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99941, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  98.333333% {
    -webkit-transform: matrix3d(0.99944, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99944, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes bound-show {
  0% {
    -webkit-transform: matrix3d(0.00001, 0, 0, 0, 0, 0.00001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.00001, 0, 0, 0, 0, 0.00001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  1.666667% {
    -webkit-transform: matrix3d(0.13823, 0, 0, 0, 0, 0.19361, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.13823, 0, 0, 0, 0, 0.19361, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.333333% {
    -webkit-transform: matrix3d(0.2909, 0, 0, 0, 0, 0.41838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.2909, 0, 0, 0, 0, 0.41838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5% {
    -webkit-transform: matrix3d(0.44674, 0, 0, 0, 0, 0.6417, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.44674, 0, 0, 0, 0, 0.6417, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.666667% {
    -webkit-transform: matrix3d(0.59685, 0, 0, 0, 0, 0.84028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.59685, 0, 0, 0, 0, 0.84028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(0.73459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.73459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10% {
    -webkit-transform: matrix3d(0.85548, 0, 0, 0, 0, 1.11482, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.85548, 0, 0, 0, 0, 1.11482, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  11.666667% {
    -webkit-transform: matrix3d(0.95693, 0, 0, 0, 0, 1.18519, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95693, 0, 0, 0, 0, 1.18519, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.333333% {
    -webkit-transform: matrix3d(1.03794, 0, 0, 0, 0, 1.21612, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03794, 0, 0, 0, 0, 1.21612, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  15% {
    -webkit-transform: matrix3d(1.09883, 0, 0, 0, 0, 1.21542, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.09883, 0, 0, 0, 0, 1.21542, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.14088, 0, 0, 0, 0, 1.19205, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.14088, 0, 0, 0, 0, 1.19205, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.333333% {
    -webkit-transform: matrix3d(1.16611, 0, 0, 0, 0, 1.15487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.16611, 0, 0, 0, 0, 1.15487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20% {
    -webkit-transform: matrix3d(1.17694, 0, 0, 0, 0, 1.1117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.17694, 0, 0, 0, 0, 1.1117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.666667% {
    -webkit-transform: matrix3d(1.17603, 0, 0, 0, 0, 1.06881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.17603, 0, 0, 0, 0, 1.06881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.333333% {
    -webkit-transform: matrix3d(1.16606, 0, 0, 0, 0, 1.03067, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.16606, 0, 0, 0, 0, 1.03067, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(1.14957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.14957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.666667% {
    -webkit-transform: matrix3d(1.12889, 0, 0, 0, 0, 0.97795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.12889, 0, 0, 0, 0, 0.97795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  28.333333% {
    -webkit-transform: matrix3d(1.10606, 0, 0, 0, 0, 0.96444, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.10606, 0, 0, 0, 0, 0.96444, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30% {
    -webkit-transform: matrix3d(1.08275, 0, 0, 0, 0, 0.95849, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.08275, 0, 0, 0, 0, 0.95849, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.666667% {
    -webkit-transform: matrix3d(1.0603, 0, 0, 0, 0, 0.95863, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0603, 0, 0, 0, 0, 0.95863, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.0397, 0, 0, 0, 0, 0.96312, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0397, 0, 0, 0, 0, 0.96312, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35% {
    -webkit-transform: matrix3d(1.02162, 0, 0, 0, 0, 0.97026, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02162, 0, 0, 0, 0, 0.97026, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.666667% {
    -webkit-transform: matrix3d(1.00644, 0, 0, 0, 0, 0.97855, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00644, 0, 0, 0, 0, 0.97855, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.333333% {
    -webkit-transform: matrix3d(0.99432, 0, 0, 0, 0, 0.98678, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99432, 0, 0, 0, 0, 0.98678, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40% {
    -webkit-transform: matrix3d(0.98522, 0, 0, 0, 0, 0.99411, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98522, 0, 0, 0, 0, 0.99411, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(0.97893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.333333% {
    -webkit-transform: matrix3d(0.97516, 0, 0, 0, 0, 1.00424, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97516, 0, 0, 0, 0, 1.00424, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45% {
    -webkit-transform: matrix3d(0.97354, 0, 0, 0, 0, 1.00683, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97354, 0, 0, 0, 0, 1.00683, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.666667% {
    -webkit-transform: matrix3d(0.97367, 0, 0, 0, 0, 1.00797, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97367, 0, 0, 0, 0, 1.00797, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.333333% {
    -webkit-transform: matrix3d(0.97516, 0, 0, 0, 0, 1.00795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97516, 0, 0, 0, 0, 1.00795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.97763, 0, 0, 0, 0, 1.00708, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97763, 0, 0, 0, 0, 1.00708, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  51.666667% {
    -webkit-transform: matrix3d(0.98072, 0, 0, 0, 0, 1.00571, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98072, 0, 0, 0, 0, 1.00571, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.333333% {
    -webkit-transform: matrix3d(0.98414, 0, 0, 0, 0, 1.00412, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98414, 0, 0, 0, 0, 1.00412, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  55% {
    -webkit-transform: matrix3d(0.98762, 0, 0, 0, 0, 1.00254, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98762, 0, 0, 0, 0, 1.00254, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.666667% {
    -webkit-transform: matrix3d(0.99098, 0, 0, 0, 0, 1.00113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99098, 0, 0, 0, 0, 1.00113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(0.99406, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99406, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60% {
    -webkit-transform: matrix3d(0.99677, 0, 0, 0, 0, 0.99919, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99677, 0, 0, 0, 0, 0.99919, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  61.666667% {
    -webkit-transform: matrix3d(0.99904, 0, 0, 0, 0, 0.99869, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99904, 0, 0, 0, 0, 0.99869, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.333333% {
    -webkit-transform: matrix3d(1.00085, 0, 0, 0, 0, 0.99847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00085, 0, 0, 0, 0, 0.99847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  65% {
    -webkit-transform: matrix3d(1.00221, 0, 0, 0, 0, 0.99847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00221, 0, 0, 0, 0, 0.99847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 0.99864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00315, 0, 0, 0, 0, 0.99864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.333333% {
    -webkit-transform: matrix3d(1.00372, 0, 0, 0, 0, 0.9989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00372, 0, 0, 0, 0, 0.9989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70% {
    -webkit-transform: matrix3d(1.00396, 0, 0, 0, 0, 0.99921, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00396, 0, 0, 0, 0, 0.99921, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  71.666667% {
    -webkit-transform: matrix3d(1.00394, 0, 0, 0, 0, 0.99951, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00394, 0, 0, 0, 0, 0.99951, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.333333% {
    -webkit-transform: matrix3d(1.00371, 0, 0, 0, 0, 0.99978, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00371, 0, 0, 0, 0, 0.99978, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(1.00335, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00335, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.666667% {
    -webkit-transform: matrix3d(1.00288, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00288, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  78.333333% {
    -webkit-transform: matrix3d(1.00237, 0, 0, 0, 0, 1.00025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00237, 0, 0, 0, 0, 1.00025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80% {
    -webkit-transform: matrix3d(1.00185, 0, 0, 0, 0, 1.00029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00185, 0, 0, 0, 0, 1.00029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.666667% {
    -webkit-transform: matrix3d(1.00135, 0, 0, 0, 0, 1.00029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00135, 0, 0, 0, 0, 1.00029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00089, 0, 0, 0, 0, 1.00026, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00089, 0, 0, 0, 0, 1.00026, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85% {
    -webkit-transform: matrix3d(1.00048, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00048, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  86.666667% {
    -webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  88.333333% {
    -webkit-transform: matrix3d(0.99987, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99987, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90% {
    -webkit-transform: matrix3d(0.99967, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99967, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(0.99953, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99953, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.333333% {
    -webkit-transform: matrix3d(0.99944, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99944, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95% {
    -webkit-transform: matrix3d(0.99941, 0, 0, 0, 0, 0.99995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99941, 0, 0, 0, 0, 0.99995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  96.666667% {
    -webkit-transform: matrix3d(0.99941, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99941, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  98.333333% {
    -webkit-transform: matrix3d(0.99944, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99944, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes btnBounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  30% {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes btnBounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  30% {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes appiconBounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  30% {
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px)
  }

  92% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes appiconBounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  30% {
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px)
  }

  92% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}