html,body{overflow-x:hidden}
.page-cover{display:block;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;}
.page-cover .inner-cover{display:block;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(0.6, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.6, 0, 0.3, 1);}
.page-cover .cyan-cover{background-color:#121212;}
.page-cover .black-cover{background-color:#4c4c4c;}
#translate-cover{z-index:80;}
#translate-cover .inner-cover{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
#stage-cover{position:absolute;top:50%;left:50%;margin-top:-95.5px;margin-left:-153.5px;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(0.6, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.6, 0, 0.3, 1);}

.cover-on #stage-cover{opacity:1;}
.cover-out #start-cover .inner-cover{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
.cover-out #start-cover .cyan-cover{-webkit-transition-duration:1.2s;transition-duration:1.2s;}
.cover-out #start-cover .black-cover{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:.2s;transition-delay:.2s;}
.cover-out #start-cover #stage-cover{-webkit-transform:translate3d(0, 100%, 0) scale(0.5);transform:translate3d(0, 100%, 0) scale(0.5);opacity:0;-webkit-transition-duration:1s;transition-duration:1s;}
.cover-out #g-header{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:.2s;transition-delay:.2s;}
.trans-cover-in #translate-cover .inner-cover{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.trans-cover-in #translate-cover .cyan-cover{-webkit-transition-duration:1.2s;transition-duration:1.2s;-webkit-transition-delay:.2s;transition-delay:.2s;}
.trans-cover-in #translate-cover .black-cover{-webkit-transition-duration:1s;transition-duration:1s;}
.trans-cover-in #translate-cover #stage-cover{margin-top:-220px;opacity:1;-webkit-transform:translate3d(0, 100%, 0) scale(0.5);transform:translate3d(0, 100%, 0) scale(0.5);-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:0s;transition-delay:0s;}
.trans-cover-out #translate-cover .inner-cover{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
.trans-cover-out #translate-cover .cyan-cover{-webkit-transition-duration:1.6s;transition-duration:1.6s;-webkit-transition-delay:.0s;transition-delay:.0s;}
.trans-cover-out #translate-cover .black-cover{-webkit-transition-duration:1.6s;transition-duration:1.6s;-webkit-transition-delay:.2s;transition-delay:.2s;}
.trans-cover-out #translate-cover #stage-cover{margin-top:-220px;opacity:0;-webkit-transform:translate3d(0, 100%, 0) scale(0.5);transform:translate3d(0, 100%, 0) scale(0.5);-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:.5s;transition-delay:.5s;}
.btn-rotate{-webkit-transform:translate3d(0, 220px, 0) rotate(90deg);transform:translate3d(0, 220px, 0) rotate(90deg);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:2s;transition-delay:2s;-webkit-transition-timing-function:cubic-bezier(0.6, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.6, 0, 0.3, 1);}
.btn-rotate:before{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:2.5s;transition-delay:2.5s;-webkit-transition-timing-function:cubic-bezier(0.6, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.6, 0, 0.3, 1);}
#contents{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:.8s;transition-duration:.8s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.1, 1);transition-timing-function:cubic-bezier(0, 0, 0.1, 1);}
.trans-content-in #contents{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:cubic-bezier(0.6, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.6, 0, 0.3, 1);-webkit-transform:translate3d(0, 60px, 0);transform:translate3d(0, 60px, 0);}
.trans-content-out #contents{-webkit-transition-duration:0s;transition-duration:0s;-webkit-transform:translate3d(0, -100px, 0);transform:translate3d(0, -100px, 0);}
.index-in #top #main-visual:before,.index-in #top #main-visual:after,.index-in #top #main-visual:after{-webkit-transform:scaleX(1);transform:scaleX(1);}
.index-in #top #main-visual .catch-copy li{width:100%;}
.index-in #top #main-visual .catch-copy h2:before,.index-in #top #main-visual .catch-copy h3:before,.index-in #top #main-visual .catch-copy p:before{-webkit-transform:translate3d(101%, 0, 0);transform:translate3d(101%, 0, 0);}
.index-in #top #slide-show>.slide-inner{width:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.index-in #top #slide-show .slide-img{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.index-in .btn-rotate{-webkit-transform:translate3d(0, 0, 0) rotate(90deg);transform:translate3d(0, 0, 0) rotate(90deg);}
.index-in .btn-rotate:before{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
@media screen and (max-width: 500px){#stage-cover{-webkit-transform:translate3d(0, 0, 0) scale(0.25);transform:translate3d(0, 0, 0) scale(0.25);}
.cover-out #start-cover #stage-cover{-webkit-transform:translate3d(0, 100%, 0) scale(0.25);transform:translate3d(0, 100%, 0) scale(0.25);}
.trans-cover-in #translate-cover #stage-cover{margin-top:-250px;-webkit-transform:translate3d(0, 100%, 0) scale(0.25);transform:translate3d(0, 100%, 0) scale(0.25);}
.trans-cover-out #translate-cover #stage-cover{margin-top:-250px;-webkit-transform:translate3d(0, 100%, 0) scale(0.25);transform:translate3d(0, 100%, 0) scale(0.25);};}
#g-header .block-body a:hover{color:#0071be;}
#top-products .product-list img{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s;}
#g-footer .nav-group a:before,#g-footer .sub-nav-group a:before{-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s, -webkit-transform .8s;}
.sns-list a{-webkit-transition:opacity .4s;transition:opacity .4s;}
.btn-round:before{-webkit-transition:opacity .8s;transition:opacity .8s;}
.btn-round>.inner:after{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s;}
#products .product-list .inner:after{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s;}
#products .product-list .list-btn .btn-inner{display:block;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;}
#products .product-list path{-webkit-transition:stroke .4s;transition:stroke .4s;}
.side-list a:before{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s;}
.side-list a h4,.side-list a span{-webkit-transition:color .4s;transition:color .4s;}
.modal-close{-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;-webkit-transition-duration:.4s;transition-duration:.4s;}
#contact .contact-section .block a i{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s;}
