@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html{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}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{background-color:#ff0;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{padding:0.35em 0.75em 0.625em}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
   ======================================================================= */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,button,input,optgroup,select,textarea{
  font-family: MyYakuHanJPs,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, Arial, sans-serif;
}
html {
  font-size: 62.5%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@at-root {
  @-ms-viewport {
    width: device-width;
  }
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
ol, ul, dl {
  margin-top: 0;
  margin-bottom: 0;
}
dd{
  margin-left: 0;
}
ol,ul{
  margin: 0;
  padding-left: 0;
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
}
a{
  outline: 0;
}
a:focus,
button:focus {
   outline: 0;
}
em{
  font-style: normal;
}
figure{
  margin: 0;
}
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;
}

/* ==========================================================================
   JS MEDIA-QUERIE 判定
   ======================================================================= */
.js-media-queries {
  display: none;
  font-family: 'pc';
}
@media screen and (max-width: 979px) {
  .media-queries {
    font-family: 'tab';
  }
}
@media screen and (max-width: 759px) {
  .media-queries {
    font-family: 'sp';
  }
}


/* ==========================================================================
   UTILL
   ======================================================================= */
   
/* 画像置換 */
.u-ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  display: block;
}
.u-ir-inline {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  display: inline;
}
/* フロート解除 */
.u-cf::after {
  content: "";
  display: block;
  clear: both;
}

.u-hide {
  display: none;
}
/* 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;
  }
}

.svg-container{
  position: absolute;
  left: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -10;
}

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



/* ==========================================================================
   LAYOUT
   ======================================================================= */

/* ==========================================================================
   LAYOUT
   ======================================================================= */

body{
}
@media all and (min-width: 760px){
  .page-main-container{
    padding: 32px 32px 0 32px;
  }
  .page-main-content{
    border:#000 8px solid;
    position: relative;
  }
  .page-aside-content{
    display: none;
  }
}
@media all and (max-width: 759px){
  .page-main-container{
    padding: 10px 10px 0 10px;
  }
  .page-main-content{
    border:#000 8px solid;
    position: relative;
  }
}

@media all and (min-width: 980px){
  .page-main-container{
    max-width: 1366px;
    margin: 0 auto;
  }
  .page-main-container__body{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    -ms-flex-line-pack:stretch;
    align-content:stretch;
  }
  .page-main-content{
    border:#000 8px solid;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-right: 12px;
  }
  .page-aside-content{
    display: block;
    position: relative;
    /*background: #000;*/
    flex: 0 0 200px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    position: relative;
  }

  .page-aside-fixed-top{
    position: absolute;
    top: 0;
    width: 200px;
  }
  .page-aside-content:after {
    content: "";
    display: block;
    width: 200px;
    background: #000;
    margin-top: 706px;
    height: calc(100% - 730px);
  }

  /*.is-fixed .page-aside-fixed-top{
    position: fixed;
    top: 0;
  }
  .is-fixed-bottom .page-aside-fixed-top{
    position: absolute;
    top: auto;
    bottom: 54px;
  }*/
}

/* ==========================================================================
   FOOTER
   ======================================================================= */
@media all and (min-width: 760px){
  .gfooter{
    max-width: 1366px;
    padding: 0 32px;
    margin: 0 auto;
  }
  .gfooter__body{
  }
  .gfooter__text{
    width: 100%;
    background: url(../img/common/gfooter_text.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    background-position-x: -0.05px !important;
    background-position-y: -0.05px !important;
  }
  .gfooter__text::before{
    content: "";
    display: block;
    padding-top: 4.2978%;
  }
  .gfooter-nav{
    padding-top: 12px;
  }
  .gfooter-nav__body{
    display: flex;
  }
  .gfooter-nav__item{
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .gfooter-nav__item--top {
  }
  .gfooter-nav__item--camp{
    margin-left: 5px;
  }
  .gfooter-nav__btn{
    display: block;
    background: #000;
    position: relative;
  }
  .gfooter-nav__btn::before{
    content: "";
    display: block;
    height: 60px;
  }
  .gfooter-nav__label{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .gfooter-nav__label::before{
    content: "";
    display: block;
    height: 60px;
    width: 100%;
  }
  .gfooter-nav__item--top .gfooter-nav__label{
    background: url(../img/common/gfooternav_btn_top.svg) 50% no-repeat;
    background-size: contain;
  }
  .gfooter-nav__item--whats .gfooter-nav__label{
    background-image: url(../img/common/gfooternav_btn_whats.svg);
  }
  .gfooter-nav__item--camp .gfooter-nav__label{
    background-image: url(../img/common/gfooternav_btn_camp.svg);
  }
  .no-touchevents .gfooter-nav__btn:hover{
    background: repeating-linear-gradient( -68deg, #f7ca00, #f7ca00 24px, #409edb 24px, #409edb 48px, #e75b80 48px, #e75b80 72px );
    background-size: 77px 100%;
    animation: btnStripe77 1.5s infinite linear;
  }

  .no-touchevents .gfooter-nav__item--top .gfooter-nav__btn:hover .gfooter-nav__label{
    background-image: url(../img/common/gfooternav_btn_top_ov.svg);
  }
  .no-touchevents .gfooter-nav__item--whats .gfooter-nav__btn:hover .gfooter-nav__label{
    background-image: url(../img/common/gfooternav_btn_whats_ov.svg);
  }
  .no-touchevents .gfooter-nav__item--camp .gfooter-nav__btn:hover .gfooter-nav__label{
    background-image: url(../img/common/gfooternav_btn_camp_ov.svg);
  }

  .gfooter-nav__item__current .gfooter-nav__btn {
    background: repeating-linear-gradient( -68deg, #f7ca00, #f7ca00 24px, #409edb 24px, #409edb 48px, #e75b80 48px, #e75b80 72px );
    background-size: 77px 100%;
    animation: btnStripe77 1.5s infinite linear;
  }

  .gfooter-nav__item--camp.gfooter-nav__item__current .gfooter-nav__btn .gfooter-nav__label {
    background-image: url(../img/common/gfooternav_btn_camp_ov.svg);
  }

  .gfooter-bottom-nav{
    padding: 0.8445% 0 1.8445%;
    margin-top: 1.2%;
  }
  .gfooter-bottom-nav.camp{
    padding: 1.8445% 0;
    margin-top: 0;
    border-top: none;
  }
  .gfooter-bottom-nav.parts{
    padding: 1.8445% 0;
    margin-top: 0;
    border-top: none;
  }
  .gfooter-bottom-nav::after{
    content: "";
    display: block;
    clear: both;
  }
  .gfooter-bottom-nav__switch{
    float: right;
  }
  .gfooter-bottom-nav__home{
    float: left;
  }
  
  .gfooter-bottom-nav__item{
    display: inline-block;
    vertical-align: top;
  }
  .gfooter-bottom-nav__item a{
    display: block;
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
  }
  .gfooter-bottom-nav__item i{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 7px;
    height: 10px;
    background: url(../img/common/footer_arrow.svg) 50% 50% no-repeat;
    -webkit-background-size: 7px 10px;
            background-size: 7px 10px;
  }
  .gfooter-bottom-nav__item span{
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  .gfooter-bottom-nav__item span::after{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    bottom: -10px;
    left: 0;
    height: 5px;
    background: #000;
    transition: width .3s ease-in-out;
  }
  .no-touchevents .gfooter-bottom-nav__item a:hover span::after{
    width: 100%;
  }

  .gfooter-bottom-nav__switch .gfooter-bottom-nav__item:first-child{
    margin-right: 30px;
  }
}
@media all and (max-width: 979px){
  .gfooter__body{
    padding-bottom: 70px;
  }
}
@media all and (max-width: 759px){
  .gfooter{
    padding: 0 10px;
    margin: 0 auto;
  }
  .gfooter__body{
    padding-top: 10px;
    padding-bottom: 32px;
  }
  .gfooter__text{
    width: 100%;
    background: url(../img/common/gfooter_text_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .gfooter__text::before{
    content: "";
    display: block;
    padding-top: 28.775%;
  }
  .gfooter-nav{
  }
  .gfooter-nav__body{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .gfooter-nav__item{
  }
  .gfooter-nav__item--top {
    width: 100%;
    order: 3;
  }
  .gfooter-nav__item--whats{
    width: calc( 50% - 2.5px );
    margin-right: 2.5px;
    order: 1;
  }
  .gfooter-nav__item--camp{
    width: calc( 50% - 2.5px );
    margin-left: 2.5px;
    order: 2;
  }


  .gfooter-nav__btn{
    display: block;
    background: #000;
    position: relative;
  }
  .gfooter-nav__label{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .gfooter-nav__btn::before{
    content: "";
    display: block;
    padding-top: 37.352%;
  }
  .gfooter-nav__label::before{
    content: "";
    display: block;
    padding-top: 37.352%;
  }

  .gfooter-nav__item--top .gfooter-nav__btn::before,
  .gfooter-nav__item--top .gfooter-nav__label::before{
    content: "";
    display: block;
    padding-top: 60px;
  }
  .gfooter-nav__item--top .gfooter-nav__label{
    background: url(../img/common/gfooternav_btn_top_sp.svg) 50% no-repeat;

  }

  .gfooter-nav__item--whats .gfooter-nav__label{
    background-image: url(../img/common/gfooternav_btn_whats_sp.svg);
  }
  .gfooter-nav__item--camp .gfooter-nav__label{
    background-image: url(../img/common/gfooternav_btn_camp_sp.svg);
  }
  .gfooter-bottom-nav{
    padding: 5% 0;
  }
  .gfooter-bottom-nav__switch{
    text-align: center;
  }
  .gfooter-bottom-nav__home{
    padding: 2.5% 0 0 0;
    text-align: center;
  }
  .gfooter-bottom-nav__item{
    display: inline-block;
    vertical-align: top;
  }
  .gfooter-bottom-nav__item a{
    display: block;
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
  }
  .gfooter-bottom-nav__item i{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 7px;
    height: 10px;
    background: url(../img/common/footer_arrow.svg) 50% 50% no-repeat;
    -webkit-background-size: 6px 8px;
            background-size: 6px 8px;
  }
  .gfooter-bottom-nav__item span{
    display: inline-block;
    vertical-align: middle;
  }

  .gfooter-bottom-nav__switch .gfooter-bottom-nav__item:first-child{
    margin-right: 15px;
  }

  .gfooter-nav__item__current .gfooter-nav__btn {
    background: repeating-linear-gradient( -68deg, #f7ca00, #f7ca00 24px, #409edb 24px, #409edb 48px, #e75b80 48px, #e75b80 72px );
    background-size: 77px 100%;
    animation: btnStripe77 1.5s infinite linear;
  }

  .gfooter-nav__item--camp.gfooter-nav__item__current .gfooter-nav__btn .gfooter-nav__label {
    filter: invert(100%);
  }

  
}

@media all and (max-width: 370px){
  .gfooter-bottom-nav__item a{
    font-size: 10px;
  }
}

/* ==========================================================================
   CONTENT
   ======================================================================= */
@media all and (min-width: 760px){

  .gheader{
    width: 90px;
    height: 90px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 5;
  }
  .gheader__logo-switch{
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 90px;
  }
  .gheader__logo-switch img{
    width: 90px;
    height: 90px;
  }
  .gheader__ico {
    position: absolute;
    left: 100px;
    top: 0;
    height: 42px;
  }
  .gheader__ico--make, .gheader__ico--make img {
    width: 120px;
  }
  .gheader__ico--play, .gheader__ico--play img {
    width: 120px;
  }
  .gheader__ico--discover, .gheader__ico--discover img {
    width: 180px;
  }
}

@media all and (max-width: 759px){
  .gheader{
    width: 50%;
    height: 100px;
    position: absolute;
    left: -8px;
    top: -8px;
    z-index: 5;
  }
  .gheader__logo-switch{
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
  }
  .gheader__logo-switch img{
    width: 50px;
    height: 50px;
  }
  .gheader__ico {
    position: absolute;
    left: 50px;
    top: 0;
    height: 21px;
  }
  .gheader__ico--make, .gheader__ico--make img {
    width: 60px;
  }
  .gheader__ico--play, .gheader__ico--play img {
    width: 60px;
  }
  .gheader__ico--discover, .gheader__ico--discover img {
    width: 90px;
  }
}

@media all and (max-width: 759px){
  .gheader__logo-switch{
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
  }
  .gheader__logo-switch img{
    width: 60px;
    height: 60px;
  }
}


@media all and (min-width: 760px){
  .content-footer-nav{
    width: 100%;
    position: relative;
    border-top:#000 8px solid;
  }
  .content-footer-nav__body{
    display: flex;
  }
  .content-footer-nav__item--left{
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    padding: 8px;
  }
  .content-footer-nav__item--right{
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    padding: 8px;
  }
  .content-footer-nav__btn{
    display: block;
    width: 100%;
    padding-top: 16.216%;
    position: relative;
  }

  .content-footer-nav__item--make .content-footer-nav__btn{
    background: #f7ca00;
  }
  .content-footer-nav__item--play .content-footer-nav__btn{
    background: #e75b80;
  }
  .content-footer-nav__item--discover .content-footer-nav__btn{
    background: #409edb;
  }
  .no-touchevents .content-footer-nav__item--make .content-footer-nav__btn:hover::after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(-68deg, rgba(249, 176, 57, 1), rgba(249, 176, 57, 1) 9px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 18px);
    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .no-touchevents .content-footer-nav__item--play .content-footer-nav__btn:hover::after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(-68deg, rgba(232, 63, 104, 1), rgba(232, 63, 104, 1) 9px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 18px);
    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
    position: absolute;
    left: 0;
    top: 0;
  }
  .no-touchevents .content-footer-nav__item--discover .content-footer-nav__btn:hover::after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(-68deg, rgba(54, 136, 226, 1), rgba(54, 136, 226, 1) 9px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 18px);
    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
    position: absolute;
    left: 0;
    top: 0;
  }

  
  .content-footer-nav__label{
    width: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
    padding-top: 16.216%;
    margin: 0 auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .content-footer-nav__item--left.content-footer-nav__item--play .content-footer-nav__label{
    background-image: url(../img/common/bottomnav_right_label_play.svg);
  }
  .content-footer-nav__item--left.content-footer-nav__item--make .content-footer-nav__label{
    background-image: url(../img/common/bottomnav_left_label_make.svg);
  }
  .content-footer-nav__item--left.content-footer-nav__item--discover .content-footer-nav__label{
    background-image: url(../img/common/bottomnav_left_label_discover.svg);
  }
  .content-footer-nav__item--right.content-footer-nav__item--play .content-footer-nav__label{
    background-image: url(../img/common/bottomnav_right_label_play.svg);
  }
  .content-footer-nav__item--right.content-footer-nav__item--make .content-footer-nav__label{
    background-image: url(../img/common/bottomnav_left_label_make.svg);
  }
  .content-footer-nav__item--right.content-footer-nav__item--discover .content-footer-nav__label{
    background-image: url(../img/common/bottomnav_right_label_discover.svg);
  }
  .content-footer-nav__ico {
    width: 13.321%;
    position: absolute;
    z-index:2;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .content-footer-nav__item--left .content-footer-nav__ico {
    left: 26.896%;
  }
  .content-footer-nav__item--right .content-footer-nav__ico {
    right: 26.896%;
  }
  .content-footer-nav__ico::before{
    content: "";
    padding-top: 100%;
    display: block;
  }
  .content-footer-nav__ico i{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .content-footer-nav__item--make .content-footer-nav__ico i{
    background-image: url(../img/common/bottomnav_ico_make.svg) ;
  }
  .content-footer-nav__item--play .content-footer-nav__ico i{
    background-image: url(../img/common/bottomnav_ico_play.svg) ;
  }
  .content-footer-nav__item--discover .content-footer-nav__ico i{
    background-image: url(../img/common/bottomnav_ico_discover.svg) ;
  }
}

@media all and (max-width: 759px){
.content-footer-nav{
    width: 100%;
    border-top:#000 8px solid;
  }
  .content-footer-nav__body{
    display: flex;
  }
  .content-footer-nav__item--left{
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    padding: 8px;
  }
  .content-footer-nav__item--right{
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    padding: 8px;
  }
  .content-footer-nav__btn{
    display: block;
    width: 100%;
    padding-top: 40%;
    position: relative;
  }
  .content-footer-nav__item--make .content-footer-nav__btn{
    background: #f7ca00;
  }
  .content-footer-nav__item--play .content-footer-nav__btn{
    background: #e75b80;
  }
  .content-footer-nav__item--discover .content-footer-nav__btn{
    background: #409edb;
  }

  .content-footer-nav__btn::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 9%;
    height: 22%;
    background: url(../img/common/top_gnav_arrow.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .content-footer-nav__item--right .content-footer-nav__btn::after {
    left: 4%;
    transform: scale(-1, 1);
  }
  .content-footer-nav__item--left .content-footer-nav__btn::after {
    right: 4%;
  }
  
  .content-footer-nav__label{
    width: 56.213%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-40%, 100%);
    transform: translate(-40%, 100%);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .content-footer-nav__label::before{
    content: "";
    padding-top: 25.781%;
    display: block;
  }

  .content-footer-nav__item--left .content-footer-nav__label {
    left: 53%;
  }
  .content-footer-nav__item--right .content-footer-nav__label {
    left: 38%;
  }

  .content-footer-nav__item--make .content-footer-nav__label{
    background-image: url(../img/common/label_make.svg) ;
  }
  .content-footer-nav__item--play .content-footer-nav__label{
    background-image: url(../img/common/label_play.svg) ;
  }
  .content-footer-nav__item--discover .content-footer-nav__label{
    background-image: url(../img/common/label_discover.svg) ;
  }
  .content-footer-nav__ico {
    width: 30.321%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .content-footer-nav__item--left .content-footer-nav__ico {
    left: 5.896%;
  }
  .content-footer-nav__item--right .content-footer-nav__ico {
    right: 5.896%;
  }
  .content-footer-nav__ico::before{
    content: "";
    padding-top: 100%;
    display: block;
  }
  .content-footer-nav__ico i{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .content-footer-nav__item--make .content-footer-nav__ico i{
    background-image: url(../img/common/bottomnav_ico_make.svg) ;
  }
  .content-footer-nav__item--play .content-footer-nav__ico i{
    background-image: url(../img/common/bottomnav_ico_play.svg) ;
  }
  .content-footer-nav__item--discover .content-footer-nav__ico i{
    background-image: url(../img/common/bottomnav_ico_discover.svg) ;
  }
}

/* ==========================================================================
   GNAV
   ======================================================================= */
@media all and (min-width: 980px){
  
  .gnav-sp{
    display: none !important;
  }
  
  .gnav-sp-menu-btn{
    display: none !important;
  }
  
  .page-gnav{
    border:#000 8px solid;
  }
  .page-gnav__ico {
    width: 57.213%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -66.6%);
    transform: translate(-50%, -66.6%);
  }
  .page-gnav__ico::before{
    content: "";
    padding-top: 100%;
    display: block;
  }
  .page-gnav__ico i{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .page-gnav__item--make .page-gnav__ico i{
    background-image: url(../img/common/sidenav_ico_make.svg) ;
  }
  .page-gnav__item--play .page-gnav__ico i{
    background-image: url(../img/common/sidenav_ico_play.svg) ;
  }
  .page-gnav__item--discover .page-gnav__ico i{
    background-image: url(../img/common/sidenav_ico_discover.svg) ;
  }

  .page-gnav__item.page-gnav__item--start .page-gnav__btn::after {
    animation: icon1 1.05s infinite;
  }
  .page-gnav__item--make .page-gnav__btn--current .page-gnav__ico i{
    animation: icon1 1.05s infinite;
  }
  .page-gnav__item--play .page-gnav__btn--current .page-gnav__ico i{
    animation: icon1 1.05s infinite;
  }
  .page-gnav__item--discover .page-gnav__btn--current .page-gnav__ico i{
    animation: icon1 1.05s infinite;
  }

  .page-gnav__label::before{
    content: "";
    padding-top: 25.781%;
    display: block;
  }
  .page-gnav__item--make .page-gnav__label{
    background-image: url(../img/common/sidenav_label_make.svg) ;
  }
  .page-gnav__item--play .page-gnav__label{
    background-image: url(../img/common/sidenav_label_play.svg) ;
  }
  .page-gnav__item--discover .page-gnav__label{
    background-image: url(../img/common/sidenav_label_discover.svg) ;
  }
  .page-gnav__item--invention .page-gnav__label{
    background-image: url(../img/common/sidenav_ico_invention.svg) ;
  }
  .page-gnav__item--deco .page-gnav__label{
    background-image: url(../img/common/sidenav_ico_deco.svg) ;
  }
  .page-gnav-pagetop{
    position: absolute;
    left: 0;
    bottom: 0;
    border-top:#FFF 4px solid;
    width: 100%;
  }
  .page-gnav-pagetop__btn{
    display: block;
    width: 100%;
    height: 50px;
    position: relative;
  }
  .gnav-pagetop__ico{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 26px;
    height: 24px;
    background: url(../img/common/sidenav_ico_pagetop.svg) 50% 50% no-repeat;
  }
  .gnav-pagetop__ico::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 24px;
    background: url(../img/common/sidenav_ico_pagetop.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    opacity: 1;
  }
  .gnav-pagetop__ico::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 24px;
    background: url(../img/common/sidenav_ico_pagetop_ov.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    opacity: 0;
  }
 .no-touchevents .page-gnav-pagetop__btn:hover{
    background: repeating-linear-gradient( -68deg, #f7ca00, #f7ca00 24px, #409edb 24px, #409edb 48px, #e75b80 48px, #e75b80 72px );
    background-size: 77px 100%;
    animation: btnStripe77 1.5s infinite linear;
  }
  .no-touchevents .page-gnav-pagetop:hover .gnav-pagetop__ico::before{
    opacity: 0;
  }
  .no-touchevents .page-gnav-pagetop:hover .gnav-pagetop__ico::after{
    opacity: 1;
  }

  .page-gnav-top__btn{
    display: block;
    width: 100%;
  }
  .page-gnav-top__label{
    width: 100%;
    height: 60px;
    display: block;
    background: url(../img/common/sidenav_totop_btn.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
  }
  .no-touchevents .page-gnav-top__btn:hover .page-gnav-top__label{
     background: url(../img/common/sidenav_totop_btn_ov.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
  }
  .no-touchevents .page-gnav-top__btn:hover{
    background: repeating-linear-gradient( -68deg, #f7ca00, #f7ca00 24px, #409edb 24px, #409edb 48px, #e75b80 48px, #e75b80 72px );
    background-size: 77px 100%;
    animation: btnStripe77 1.5s infinite linear;
  }

  .page-gnav__item {
    position: relative;
  }
  .page-gnav__new-icon:before {
    position: absolute;
    display: block;
    content: "";
    width: 36px;
    height: 15px;
    top: 0;
    left: 0;
    z-index: 10;
    background: url(../img/common/new_ico_bg.svg) no-repeat;
     -webkit-background-size: cover;
            background-size: cover;
  }
  .page-gnav__new-icon:after {
    position: absolute;
    display: block;
    content: "";
    width: 36px;
    height: 15px;
    top: 0;
    left: 0;
    z-index: 10;
    background: url(../img/common/new_ico.svg) no-repeat;
     -webkit-background-size: cover;
            background-size: cover;
    animation: bound 800ms infinite;
  }
}

@media all and (max-width: 979px){
  
  .gnav-sp{
  }
  
  .gnav-sp-menu-btn{
    position: fixed;
    right: 32px;
    bottom: 10px;
    z-index: 1000;
    background: #000;
    color: #FFF;
    font-weight: bold;
  }

  .gnav-sp-menu-btn a{
    display: block;
    width: 60px;
    height: 60px;
    background: #000 url(../img/common/gnav_btn_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .gnav-sp{
    position: fixed;
    z-index: 11000;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .gnav-sp__body{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: scroll;
    background: #000;
    /*-webkit-transform: translate3d(0, calc(-100% - 24px), 0);
    transform: translate3d(0, calc(-100% - 24px), 0);*/
    -webkit-transform: translate3d(0, 120%, 0);
    transform: translate3d(0, -120%, 0);
    -webkit-transition: -webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform .8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform .8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
  }

  .gnav-sp__bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + 24px);
    overflow: hidden;
    -webkit-transform: translate3d(0, -24px, 0);
    transform: translate3d(0, -24px, 0);
    -webkit-transition: -webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform .8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform .8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
  }

  .gnav-sp__window{
   position: relative;
   z-index: 2;
   background: #000;
  }


.is-opened-gnav-sp body{
  overflow: hidden;
}
.is-opened-gnav-sp .gnav-sp{
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.is-opened-gnav-sp .gnav-sp__body,
.is-opened-gnav-sp .gnav-sp__bg{
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.gnav-sp__close-btn{
    width: 100%;
    height: 66px;
    margin: 0 auto 0 auto;
    position: relative;
    z-index: 2;
    border-top: #FFF 4px solid;
    background: #000;
  }

  .gnav-sp__close-btn a{
    display: block;
    width: 180px;
    height: 32px;
    margin: 16px auto 0 auto;
    -webkit-background-size: 250px;
            background-size: 250px;
  }

  .gnav-sp__close-btn svg{
    display: block;
    width: 180px;
    height: 32px;
  }

  .page-sp-gnav{
    width: 100%;
    margin: 0 auto;
    padding: 20px 10px;
    border-bottom: none;
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px 250px;
    background-size: 250px 250px;
  }
  .page-sp-gnav__item {
    width: 100%;
    /*height: calc((100vh - 200px ) / 3);*/
  }
  .page-sp-gnav__btn {
    display: block;
    width: 100%;
    padding-top: 28%;
    position: relative;
  }

  .page-sp-gnav__ico {
    display: none;
    width: 23%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -64%);
    transform: translate(-50%, -64%);
  }
  .page-sp-gnav__ico::before{
    content: "";
    padding-top: 100%;
    display: block;
  }
  .page-sp-gnav__item--deco .page-sp-gnav__ico::before {
    content: "";
    padding-top: 0;
    display: block;
  }
  .page-sp-gnav__item--invention .page-sp-gnav__ico::before {
    content: "";
    padding-top: 0;
    display: block;
  }
  .page-sp-gnav__ico i{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .page-sp-gnav__item--make .page-sp-gnav__ico i{
    display: none;
    background-image: url(../img/common/sidenav_ico_make.svg) ;
  }
  .page-sp-gnav__item--play .page-sp-gnav__ico i{
    background-image: url(../img/common/sidenav_ico_play.svg) ;
  }
  .page-sp-gnav__item--discover .page-sp-gnav__ico i{
    background-image: url(../img/common/sidenav_ico_discover.svg) ;
  }

  .page-sp-gnav__item--make .page-sp-gnav__btn--current  .page-sp-gnav__ico i{
    animation: icon1 1.05s infinite;
  }
  .page-sp-gnav__item--play .page-sp-gnav__btn--current  .page-sp-gnav__ico i{
    animation: icon1 1.05s infinite;
  }
  .page-sp-gnav__item--discover .page-sp-gnav__btn--current  .page-sp-gnav__ico i{
    animation: icon1 1.05s infinite;
  }

  .page-sp-gnav__item {
    position: relative;
  }
  .page-sp-gnav__new-icon:before {
    position: absolute;
    display: block;
    content: "";
    width: 36px;
    height: 15px;
    top: 8%;
    left: 0;
    z-index: 10;
    background: url(../img/common/new_ico_bg.svg) no-repeat;
     -webkit-background-size: cover;
            background-size: cover;
  }
  .page-sp-gnav__new-icon:after {
    position: absolute;
    display: block;
    content: "";
    width: 36px;
    height: 15px;
    top: 8%;
    left: 0;
    z-index: 10;
    background: url(../img/common/new_ico.svg) no-repeat;
     -webkit-background-size: cover;
            background-size: cover;
    animation: bound 800ms infinite;
  }


  .page-sp-gnav__label {
    width: 100%;
    height: 80%;
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .page-sp-gnav__label::before{
    content: "";
    padding-top: 25.781%;
    display: block;
  }
  .page-sp-gnav__item--make .page-sp-gnav__label{
    background-image: url(../img/common/sidenav_label_make_sp.svg) ;
  }
  .page-sp-gnav__item--play .page-sp-gnav__label{
    background-image: url(../img/common/sidenav_label_play_sp.svg) ;
  }
  .page-sp-gnav__item--discover .page-sp-gnav__label{
    background-image: url(../img/common/sidenav_label_discover_sp.svg) ;
  }
  .page-sp-gnav-page-sptop{
    position: absolute;
    left: 0;
    bottom: 0;
    border-top:#FFF 4px solid;
    width: 100%;
  }
  .page-sp-gnav-page-sptop__btn{
    display: block;
    width: 100%;
    height: 50px;
    position: relative;
  }
  .gnav-page-sptop__ico{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 26px;
    height: 24px;
    background: url(../img/common/sidenav_ico_page-sptop.svg) 50% 50% no-repeat;
  }
  .gnav-page-sptop__ico::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 24px;
    background: url(../img/common/sidenav_ico_page-sptop.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    opacity: 1;
  }
  .gnav-page-sptop__ico::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 24px;
    background: url(../img/common/sidenav_ico_page-sptop_ov.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    opacity: 0;
  }
 .no-touchevents .page-sp-gnav-page-sptop__btn:hover{
    background: repeating-linear-gradient( -68deg, #f7ca00, #f7ca00 24px, #409edb 24px, #409edb 48px, #e75b80 48px, #e75b80 72px );
    background-size: 77px 100%;
    animation: btnStripe77 1.5s infinite linear;
  }
  .no-touchevents .page-sp-gnav-page-sptop:hover .gnav-page-sptop__ico::before{
    opacity: 0;
  }
  .no-touchevents .page-sp-gnav-page-sptop:hover .gnav-page-sptop__ico::after{
    opacity: 1;
  }

  .page-sp-gnav-top__btn{
    display: block;
    width: 100%;
  }
  .page-sp-gnav-top__label{
    width: 100%;
    height: 60px;
    display: block;
    background: url(../img/common/sidenav_totop_btn_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
  }
  .no-touchevents .page-sp-gnav-top__btn:hover .page-sp-gnav-top__label{
     background: url(../img/common/sidenav_totop_btn_sp_ov.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
  }
  .no-touchevents .page-sp-gnav-top__btn:hover{
    background: repeating-linear-gradient( -68deg, #f7ca00, #f7ca00 24px, #409edb 24px, #409edb 48px, #e75b80 48px, #e75b80 72px );
    background-size: 77px 100%;
    animation: btnStripe77 1.5s infinite linear;
  }

  .page-sp-gnav__item--invention {
    position: relative;
  }
  .page-sp-gnav__item--invention::before {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -4px;
    content: "";
    width: 100%;
    padding-top: 1%;
    background: url(../img/common/sidenav_line_invention.svg) center bottom repeat-x;
    -webkit-background-size: contain;
            background-size: auto;
  }
  .page-sp-gnav__item--invention .page-sp-gnav__label {
    background-image: url(../img/common/sidenav_ico_invention_sp.svg);
  }
  .page-sp-gnav__item--invention .page-sp-gnav__btn {
    display: block;
    width: 100%;
    padding-top: 17.05%;
    position: relative;
  }
  .page-sp-gnav__item--invention .page-sp-gnav__label::before {
    content: "";
    padding-top: 19.781%;
    display: block;
  }
  .page-sp-gnav__item--invention .page-gnav__ico::before {
    content: "";
    padding-top: 0%;
    display: block;
  }

  .page-sp-gnav__item--deco {
    position: relative;
  }
  .page-sp-gnav__item--deco .page-sp-gnav__label {
    background-image: url(../img/common/sidenav_ico_deco_sp.svg);
  }
  .no-touchevents .page-sp-gnav__item--deco .page-gnav__btn--current .page-sp-gnav__label,
  .no-touchevents .page-sp-gnav__item--deco a:hover .page-sp-gnav__label
  {
    background-image: url(../img/common/sidenav_ico_deco_sp.svg);
  }
  .page-sp-gnav__item--deco .page-sp-gnav__btn {
    display: block;
    width: 100%;
    padding-top: 16.05%;
    position: relative;
  }
  .page-sp-gnav__item--deco .page-sp-gnav__label::before {
    content: "";
    padding-top: 19.781%;
    display: block;
  }

  .page-sp-gnav__item--deco .page-gnav__ico::before {
    content: "";
    padding-top: 0%;
    display: block;
  }

  .page-sp-gnav__body2 {
    position: relative;
  }
  .page-sp-gnav__body2::before {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    padding-top: 1%;
    background: url(../img/common/sidenav_line_sub.svg) center bottom repeat-x;
    -webkit-background-size: contain;
    background-size: auto;
  }

  .page-sp-gnav__item--movie .page-sp-gnav__ico,
  .page-sp-gnav__item--qa .page-sp-gnav__ico,
  .page-sp-gnav__item--interview .page-sp-gnav__ico
  {
    display: none;
  }




  /*サイドナビ調整ここから*/

  .page-sp-gnav__item.page-sp-gnav__item--start .page-sp-gnav__btn {
    display: block;
    width: 100%;
    padding-top: 47.5%;
    position: relative;
    background: url(../img/common/sidenav_label_whats_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .page-sp-gnav__item.page-sp-gnav__item--capable .page-sp-gnav__btn {
    display: block;
    width: 100%;
    padding-top: 18%;
    position: relative;
    background: url(../img/common/sidenav_label_capable_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .page-sp-gnav__item.page-sp-gnav__item--capable .page-sp-gnav__btn::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    z-index: 10;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #ceb498 transparent transparent transparent;
  }


  .page-sp-gnav__body.sub .page-sp-gnav__item.page-sp-gnav__item--discover .page-sp-gnav__btn {
    display: block;
    width: 100%;
    padding-top: 18%;
    position: relative;
  }

  .page-sp-gnav__body {
    border: #000 8px solid;
  }

  .page-sp-gnav__body.sub {
    border-top: 8px solid #000
  }

  .page-sp-gnav__body.sub {
    margin: 18px 0 0;
  }

  .page-sp-gnav__item::before {
      position: absolute;
      z-index: 10;
      left: 0;
      bottom: 0;
      content: "";
      width: 100%;
      padding-top: 1%;
      background: url(../img/common/sidenav_line_whats.svg) center bottom repeat-x;
      -webkit-background-size: contain;
      background-size: auto;
  }
  .page-sp-gnav__item.page-sp-gnav__item--start::before{
    display: none;
  }

  .page-sp-gnav__item.page-sp-gnav__item--capable::before {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -4px;
    content: "";
    width: 100%;
    padding-top: 1%;
    border-bottom: 5px solid #000;
    background: transparent;
    -webkit-background-size: contain;
    background-size: auto;
  }

  .page-sp-gnav__item.page-sp-gnav__item--play::before {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    padding-top: 1%;
    background: transparent;
    -webkit-background-size: contain;
    background-size: auto;
  }

  .page-sp-gnav__item.page-sp-gnav__item--deco::before {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    padding-top: 1%;
    background: transparent;
    -webkit-background-size: contain;
    background-size: auto;
  }

  .page-sp-gnav__item--make .page-gnav__btn--current,
  .no-touchevents .page-sp-gnav__item--make a:hover {
    background: repeating-linear-gradient(-68deg, rgba(128, 88, 35, 0.2), rgba(128, 88, 35, 0.2) 9px, rgba(128, 88, 35, 0) 0, rgba(128, 88, 35, 0) 18px);
    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
  }
  .page-sp-gnav__item--play .page-gnav__btn--current,
  .no-touchevents .page-sp-gnav__item--play a:hover {
    background: repeating-linear-gradient(-68deg, rgba(128, 88, 35, 0.2), rgba(128, 88, 35, 0.2) 9px, rgba(128, 88, 35, 0) 0, rgba(128, 88, 35, 0) 18px);
    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
  }
  .page-sp-gnav__item--discover .page-gnav__btn--current,
  .no-touchevents .page-sp-gnav__item--discover a:hover {
    background: repeating-linear-gradient(-68deg, rgba(128, 88, 35, 0.2), rgba(128, 88, 35, 0.2) 9px, rgba(128, 88, 35, 0) 0, rgba(128, 88, 35, 0) 18px);
    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
  }
  .page-sp-gnav__item--invention .page-gnav__btn--current,
  .no-touchevents .page-sp-gnav__item--invention a:hover {
    background: repeating-linear-gradient(-68deg, rgba(128, 88, 35, 0.2), rgba(128, 88, 35, 0.2) 9px, rgba(128, 88, 35, 0) 0, rgba(128, 88, 35, 0) 18px);
    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
  }
  .page-sp-gnav__item--deco .page-gnav__btn--current,
  .no-touchevents .page-sp-gnav__item--deco a:hover {
    background: repeating-linear-gradient(-68deg, rgba(128, 88, 35, 0.2), rgba(128, 88, 35, 0.2) 9px, rgba(128, 88, 35, 0) 0, rgba(128, 88, 35, 0) 18px);
    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
  }

  .page-sp-gnav__item.page-sp-gnav__item--start .page-sp-gnav__item__inner.page-gnav__btn--current,
  .no-touchevents .page-sp-gnav__item--start .page-sp-gnav__btn:hover,
  .no-touchevents .page-sp-gnav__item.page-sp-gnav__item--start .page-sp-gnav__item__inner:hover {
    display: block;
    background: repeating-linear-gradient(-68deg, rgba(128, 88, 35, 0.2), rgba(128, 88, 35, 0.2) 9px, rgba(128, 88, 35, 0) 0, rgba(128, 88, 35, 0) 18px);
    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
  }

  .no-touchevents .page-sp-gnav__item.page-sp-gnav__item--start .page-sp-gnav__btn:hover {
    display: block;
    width: 100%;
    padding-top: 47%;
    position: relative;
    background: url(../img/common/sidenav_label_whats_sp.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    animation: none;
  }
  /*サイドナビ調整ここまで*/


}
@media all and (max-width: 759px){
  .gnav-sp-menu-btn{
    position: fixed;
    right: 10px;
    bottom: 10px;
  }
  .gnav-sp-menu-btn a{
    width: 48px;
    height: 48px;
  }
}

/* ==========================================================================
   MODAL
   ======================================================================= */
.modal{
  position: fixed;
   z-index: 11000;
  background-color: transparent;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;

}

.modal__body{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  /*-webkit-transform: translate3d(0, calc(-100% - 24px), 0);
  transform: translate3d(0, calc(-100% - 24px), 0);*/
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform .8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform .8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
}

 #deco-modal .modal__body{
  -webkit-transform: translate3d(0, -1600px, 0);
  transform: translate3d(0, -1600px, 0);
  -webkit-transition: -webkit-transform 1.0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.0s cubic-bezier(0.23, 1, 0.32, 1);
 }


.modal__bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% + 24px);
  overflow: hidden;
  -webkit-transform: translate3d(0, -24px, 0);
  transform: translate3d(0, -24px, 0);
  -webkit-transition: -webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform .8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform .8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
}
 #deco-modal .modal__bg{
  min-height: 1100px;
 }


#movie-modal .modal__contents,
#top-movie-modal .modal__contents,
#movie-invention .modal__contents{
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    background: #000;
}
#movie-modal .modal__contents iframe,
#top-movie-modal .modal__contents iframe,
#movie-invention .modal__contents iframe{
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
}
.is-opened-modal body{
  overflow: hidden;
}
.is-opened-modal .modal{
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.is-opened-modal .modal__body,
.is-opened-modal .modal__bg{
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

 .is-opened-modal #deco-modal .modal__body{
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.is-opened-modal-end .modal__bg{
  background-color: #000;
  height: 100%;
}

.is-opened-modal-end .modal__bg.modal__bg--top{
  background-color: rgba(255,255,255,0.9);
}


.is-opened-modal-end #deco-modal .modal__bg{
  min-height: 1100px;
}

@media all and (min-width: 760px){
  .modal__bg{
    background: url(../img/common/bg_modal.svg) 50% 100% repeat-x;
    -webkit-background-size: 2560px 2400px;
            background-size: 2560px 2400px;
  }
  .modal__bg.modal__bg--top{
    background:none;
    background-color: rgba(255,255,255,0.9);
  }
  .modal__close-btn{
    width: 180px;
    height: 32px;
    margin: 32px auto 0 auto;
  }

  .modal__close-btn a{
    display: block;
    width: 180px;
    height: 32px;
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px;
            background-size: 250px;
  }

  .no-touchevents .modal__close-btn a:hover{
    background: repeating-linear-gradient( -68deg, #f7ca00, #f7ca00 24px, #409edb 24px, #409edb 48px, #e75b80 48px, #e75b80 72px );
    background-size: 77px 100%;
    animation: btnStripe77 1.5s infinite linear;
  }

  .modal__close-btn svg{
    display: block;
    width: 180px;
    height: 32px;
  }


  #movie-modal .modal__window,
  #top-movie-modal .modal__window,
  #movie-invention .modal__window{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70vw;
    min-width: 720px;
    max-width: 1200px;  
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  #deco-modal .modal__window{
    position: absolute;
    width: 960px;
    height: 986px;
    left: 50%;
    top: 20px;
    transform: translate(-50%, 0);
  }
  #deco-modal iframe{
    width: 960px;
    height: 986px;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
}
@media all and (min-width: 760px) and (max-width: 979px){
  #deco-modal iframe{
    transform-origin: center center;
    transform: scale(.72);
    margin-top: -5%;
  }

  #deco-modal .modal__close-btn{
    margin-top: -7%;
  }
}

@media all and (max-width: 759px){
  .modal__bg{
    background: url(../img/common/bg_modal.svg) 50% 100% repeat-x;
    -webkit-background-size: 1280px 1200px;
            background-size: 1280px 1200px;
  }
  .modal__bg.modal__bg--top{
    background:none;
    background-color: rgba(255,255,255,0.9);
  }
  #movie-modal .modal__window,
  #top-movie-modal .modal__window,
  #movie-invention .modal__window{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .modal__close-btn{
    width: 180px;
    height: 32px;
    margin: 32px auto 0 auto;
  }

  .modal__close-btn a{
    display: block;
    width: 180px;
    height: 32px;
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px;
            background-size: 250px;
  }

  .modal__close-btn svg{
    display: block;
    width: 180px;
    height: 32px;
  }
}

/* ==========================================================================
   pagetag
   ======================================================================= */

@media all and (min-width: 760px){
  .pagetag-whats,
  .pagetag-capable {
    position: relative;
    z-index: 2;
  }
  .pagetag-whats__label {
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 18.59%;
    background: url(../img/common/tag_whats_label.svg);
    background-size: cover;
    -webkit-background-size: cover;
    z-index: 2;
  }
  .pagetag-capable__label {
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 18.59%;
    background: url(../img/common/tag_capable_label.svg);
    background-size: cover;
    -webkit-background-size: cover;
    z-index: 2;
  }
  .pagetag__bg {
    width: 100%;
    padding-top: 18.59%;
    background: url(../img/common/tag_clip_pc.png) 0% 50% no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
  }
}
@media all and (max-width: 759px){
  .pagetag-whats,
  .pagetag-capable {
    position: relative;
    z-index: 2;
  }
  .pagetag-whats__label {
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 18.59%;
    background: url(../img/common/tag_whats_label_sp.svg);
    background-size: cover;
    -webkit-background-size: cover;
    z-index: 2;
  }
  .pagetag-capable__label {
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 18.59%;
    background: url(../img/common/tag_capable_label_sp.svg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    z-index: 2;
  }
  .pagetag__bg {
    width: 100%;
    padding-top: 18.59%;
    background: url(../img/common/tag_clip_sp.png) 0% 50% no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
  }
}






/*サイドナビ調整ここから*/
@media all and (min-width: 760px){

  .page-gnav__item--logo {
    border-bottom: 10px solid #FFF;
    background: #fff;
  }

  .page-gnav__item--logo .page-gnav__ico {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: none;
            transform: none;
  }

  .page-gnav__item--logo .page-gnav__ico i {
    height: 100%;
    background-image: url(../img/common/sidenav_labologo.svg);
  }

  .page-gnav__item--logo .page-gnav__btn {
    display: block;
    width: 100%;
    padding-top: 48%;
    position: relative;
  }

  .page-gnav__item--logo .page-gnav__ico::before {
    content: "";
    padding-top: 0;
    display: block;
  }

  .page-gnav__item {
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px 250px;
            background-size: 250px 250px;
  }

  .page-gnav__item.page-gnav__item--logo{
      background: #fff;
  }

  .page-gnav__item--start .page-gnav__ico {
    position: static;
  }

  .page-gnav__item.page-gnav__item--start.current .page-gnav__item__inner, .no-touchevents .page-gnav__item--make .page-gnav__btn:hover, .no-touchevents .page-gnav__item.page-gnav__item--start .page-gnav__item__inner:hover
  {
    display: block;
    background: repeating-linear-gradient(-68deg, rgba(128, 88, 35, 0.2), rgba(128, 88, 35, 0.2) 9px, rgba(128, 88, 35, 0) 0, rgba(128, 88, 35, 0) 18px);
    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
  }

  .page-gnav__item.page-gnav__item--start .page-gnav__btn {
    display: block;
    width: 100%;
    padding-top: 110%;
    position: relative;
    background: url(../img/common/sidenav_label_whats.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .page-gnav__item.page-gnav__item--start .page-gnav__btn::after {
    content: "";
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    display: block;
    width: 50%;
    margin: 0 auto;
    padding-top: 50%;
    background: url(../img/common/sidenav_ico_whats.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .page-gnav__item.page-gnav__item--capable .page-gnav__btn {
    display: block;
    width: 100%;
    padding-top: 50%;
    position: relative;
    background: url(../img/common/sidenav_label_capable.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }

  .page-gnav__item.page-gnav__item--capable .page-gnav__btn::after {
    content: "";
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    display: block;
    width: 50%;
    margin: 0 auto;
    padding-top: 50%;
    background: url(../img/common/sidenav_ico_capable.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .page-gnav__item.page-gnav__item--capable::after {
      content: "";
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: -7px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #d1af87;
    background: transparent;
    transform: rotate(90deg);
  }

  .page-gnav__ico {
    width: 43.213%;
    position: absolute;
    top: 68%;
    left: 18%;
    -webkit-transform: translate(-50%, -66.6%);
    transform: translate(-50%, -66.6%);
  }

  .page-gnav__label {
    width: 100%;
    position: absolute;
    top: -50%;
    left: 50%;
    -webkit-transform: translate(-50%, 116.4%);
    transform: translate(-50%, 116.4%);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .page-gnav__item.page-gnav__item--start .page-gnav__label {
    top: 0;
  }

  .page-gnav__item.page-gnav__item--capable .page-gnav__btn {
    border-bottom: 8px solid #000; 
  }
  .page-gnav.page-gnav--capable .page-gnav__label {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 6.4%);
    transform: translate(-50%, 6.4%);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .page-gnav__item.page-gnav__item--discover .page-gnav__btn::before,
  .page-gnav__item.page-gnav__item--invention .page-gnav__btn::before {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -4px;
    content: "";
    width: 100%;
    padding-top: 6%;
    background: url(../img/common/sidenav_line_whats.svg) center bottom repeat-x;
    -webkit-background-size: contain;
    background-size: auto;
  }

  .page-gnav__item--make .page-gnav__btn.page-gnav__btn--current,
  .no-touchevents .page-gnav__item--make .page-gnav__btn:hover,
  .no-touchevents .page-gnav__item--make .page-gnav__btn--current:hover{
    background: repeating-linear-gradient(-68deg, rgba(128, 88, 35, 0.2), rgba(128, 88, 35, 0.2) 9px, rgba(128, 88, 35, 0) 0, rgba(128, 88, 35, 0) 18px);    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
  }
  .page-gnav__item--play .page-gnav__btn.page-gnav__btn--current,
  .no-touchevents .page-gnav__item--play .page-gnav__btn:hover,
  .no-touchevents .page-gnav__item--play .page-gnav__btn--current:hover{
    background: repeating-linear-gradient(-68deg, rgba(128, 88, 35, 0.2), rgba(128, 88, 35, 0.2) 9px, rgba(128, 88, 35, 0) 0, rgba(128, 88, 35, 0) 18px);    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
  }
  .page-gnav__item--discover .page-gnav__btn.page-gnav__btn--current,
  .no-touchevents .page-gnav__item--discover .page-gnav__btn:hover,
  .no-touchevents .page-gnav__item--discover .page-gnav__btn--current:hover{
    background: repeating-linear-gradient(-68deg, rgba(128, 88, 35, 0.2), rgba(128, 88, 35, 0.2) 9px, rgba(128, 88, 35, 0) 0, rgba(128, 88, 35, 0) 18px);    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
  }
  .page-gnav__item--invention .page-gnav__btn.page-gnav__btn--current,
  .no-touchevents .page-gnav__item--invention .page-gnav__btn:hover,
  .no-touchevents .page-gnav__item--invention .page-gnav__btn--current:hover{
    background: repeating-linear-gradient(-68deg, rgba(128, 88, 35, 0.2), rgba(128, 88, 35, 0.2) 9px, rgba(128, 88, 35, 0) 0, rgba(128, 88, 35, 0) 18px);    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
  }
  .page-gnav__item--deco .page-gnav__btn.page-gnav__btn--current,
  .no-touchevents .page-gnav__item--deco .page-gnav__btn:hover,
  .no-touchevents .page-gnav__item--deco .page-gnav__btn--current:hover{
    background: repeating-linear-gradient(-68deg, rgba(128, 88, 35, 0.2), rgba(128, 88, 35, 0.2) 9px, rgba(128, 88, 35, 0) 0, rgba(128, 88, 35, 0) 18px);    background-size: 117px 100%;
    background-position: 0 0;
    animation: btnStripe117 2s infinite linear;
  }

  .page-gnav__item.page-gnav__item--discover:hover {
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px 250px;
            background-size: 250px 250px;
  }

  .page-gnav__item.page-gnav__item--invention:hover {
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px 250px;
            background-size: 250px 250px;
  }

  .page-gnav__item.page-gnav__item--deco:hover {
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px 250px;
            background-size: 250px 250px;
  }

  .page-gnav__item.page-gnav__item--discover .page-gnav__btn .btn-label__ov {
    display: none;
  }

  .page-gnav__item.page-gnav__item--discover .page-gnav__btn:hover .btn-label__ov {
    display: block;
  }

  .page-gnav__item.page-gnav__item--discover .page-gnav__btn:hover .btn-label {
    display: none;
  }

  .page-gnav__item.page-gnav__item--invention .page-gnav__btn .btn-label__ov {
    display: none;
  }

  .page-gnav__item.page-gnav__item--invention .page-gnav__btn:hover .btn-label__ov {
    display: block;
  }

  .page-gnav__item.page-gnav__item--invention .page-gnav__btn:hover .btn-label {
    display: none;
  }

  .page-gnav__item.page-gnav__item--deco .page-gnav__btn .btn-label__ov {
    display: none;
  }

  .page-gnav__item.page-gnav__item--deco .page-gnav__btn:hover .btn-label__ov {
    display: block;
  }

  .page-gnav__item.page-gnav__item--deco .page-gnav__btn:hover .btn-label {
    display: none;
  }

}

@media all and (min-width: 980px){
  .page-gnav__btn {
      display: block;
      width: 100%;
      padding-top: 40%;
      position: relative;
  }

  .page-gnav__item--make {
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px 250px;
            background-size: 250px 250px;
  }

  .page-gnav__item--play {
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px 250px;
            background-size: 250px 250px;;
  }

  .page-gnav__item--discover {
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px 250px;
            background-size: 250px 250px;;
  }

  .page-gnav__item--discover {
    background: url(../img/common/bg_board.gif);
    -webkit-background-size: 250px 250px;
    background-size: 250px 250px;
  }

  .no-touchevents .page-gnav__item--invention .page-gnav__btn:hover .page-gnav__bg {
    background: transparent;
    background-size: 117px 100%;
    background-position: 0 0;
    animation: unset;
  }

  .page-gnav__item--invention::before {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -4px;
    content: "";
    width: 100%;
    padding-top: 6%;
    background: transparent;
    -webkit-background-size: contain;
    background-size: auto;
  }

  .no-touchevents .page-gnav__item--deco .page-gnav__btn:hover .page-gnav__bg {
    background: transparent;
    background-size: 117px 100%;
    background-position: 0 0;
    animation: unset;
  }

  .page-gnav__item.page-gnav__item--discover .page-gnav__btn,
  .page-gnav__item.page-gnav__item--invention .page-gnav__btn,
  .page-gnav__item.page-gnav__item--deco .page-gnav__btn {
    display: block;
    width: 100%;
    padding-top: 27%;
    position: relative;
  }

  .page-gnav__item--start::before {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -4px;
    content: "";
    width: 100%;
    padding-top: 6%;
    background: url(../img/common/sidenav_line_whats.svg) center bottom repeat-x;
    -webkit-background-size: contain;
    background-size: auto;
  }

  .page-gnav__item--make::before {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -4px;
    content: "";
    width: 100%;
    padding-top: 6%;
    background: url(../img/common/sidenav_line_whats.svg) center bottom repeat-x;
    -webkit-background-size: contain;
    background-size: auto;
  }

  .page-gnav__item--deco::before {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -4px;
    content: "";
    width: 100%;
    padding-top: 6%;
    background: transparent;
    -webkit-background-size: contain;
    background-size: auto;
  }

  .nav-border {
    /*border-top: 4px solid #fff; */
    margin-top: 4px;
  }
  .page-gnav-top{
    border-top: 4px solid #fff; 
  }
  .page-gnav-top,
  .page-gnav-pagetop {
    background: #000;
  }

}
/*サイドナビ調整ここまで*/


/*フェードイン関係ここから*/
@media all and (min-width: 760px){

  .fadeBox {
    opacity: 0;
    transition: 1s;
  }

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

  .fadeBox {
    opacity: 0;
    transition: 1s;
  }

}
/*フェードイン関係ここまで*/


/* ==========================================================================
   KEY FRAME ANIME
   ======================================================================= */
@keyframes btnStripe77 {
    0% {  background-position-x: 0;  }
  100% {  background-position-x: 77px;  }
}
@keyframes btnStripe78 {
    0% {  background-position-x: 0;  }
  100% {  background-position-x: 78px;  }
}
@keyframes btnStripe98 {
    0% {  background-position-x: 0;  }
  100% {  background-position-x: 98px;  }
}
@keyframes btnStripe117 {
    0% {  background-position-x: 0;  }
  100% {  background-position-x: 117px;  }
}


/*@keyframes icon1 {
  0% { transform:scale(1) translateY(0) translateX(0); }
  25% { transform:scale(1.02) translateY(4px) translateX(0px); }
  50% { transform: translateX(1px); }
  100% { transform:scale(1)  translateY(0)  translateX(0); }
}*/

@keyframes icon1 {
  0% { transform:scale(1) rotate(-1.40deg) translateX(0) translateY(0); }
  12.5% { transform:scale(1.025) translateX(0) translateY(0); }
  13.5% { transform:scale(1); }
  25% { transform:scale(1) rotate(0deg) translateX(0) translateY(0); }
  37.5% { transform:scale(1.025) translateX(1px) translateY(2px); }
  38.5% { transform:scale(1); }
  50% { transform:scale(1) rotate(1.40deg); }
  62.5% { transform:scale(1.025) translateX(0) translateY(0); }
  63.5% { transform:scale(1); }
  75% { transform:scale(1) rotate(0deg) translateX(1px) translateY(2px); }
  87.5% { transform:scale(1.025) translateX(1px) translateY(2px); }
  88.5% { transform:scale(1); }
  100% { transform:scale(1) rotate(-1.40deg) translateX(0) translateY(0); }
}

@keyframes icon2 {
  0% { transform:scale(1) translateY(0) translateX(0); }
  25% { transform:scale(1.01) translateY(3px) translateX(0px); }
  50% { transform: translateX(1px); }
  100% { transform:scale(1)  translateY(0)  translateX(0); }
}

@keyframes icon3 {
  0% { transform:scale(1) translateY(0) translateX(0); }
  25% { transform:scale(1.02) translateY(4px) translateX(0px); }
  50% { transform: translateX(-1px); }
  100% { transform:scale(1)  translateY(0)  translateX(0); }
}

@keyframes top-arrow {
  0% { transform:scale(1) translateY(0); }
  25% { transform:scale(1.02) translateY(-4px); }
  100% { transform:scale(1)  translateY(0); }
}

@keyframes left-arrow {
  0% { transform:scale(1) translateX(0); }
  25% { transform:scale(1.02) translateX(-4px); }
  100% { transform:scale(1)  translateX(0); }
}
@keyframes right-arrow {
  0% { transform:scale(1) translateX(0); }
  25% { transform:scale(1.02) translateX(4px); }
  100% { transform:scale(1)  translateX(0); }
}

@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 report-badgeBound {
  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);
  }



}