.clearfix,.row{*zoom:1}.clearfix:after,.row:after{content:"";display:table;clear:both}.clear-img{width:auto;height:auto;max-width:100%;max-height:100%}.font-08{font-size:0.8rem !important}.font-09{font-size:0.9rem !important}.font-12{font-size:1.2rem !important}.font-15{font-size:1.5rem !important}.font-20{font-size:2rem !important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-main{color:#f5f5f5}.text-sub{color:#222}.text-accent{color:#9CD9BE}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.pad-5{padding:5px}.pad-10{padding:10px}.pad-20{padding:20px}.pad-30{padding:30px}.no-margin{margin:0 !important}.no-padding{padding:0 !important}.font-mason-bold,.h2-text{font-family:mason-serif,sans-serif;font-weight:700;font-style:normal}.font-mason-regular,.navigation nav a{font-family:mason-serif,sans-serif;font-weight:400;font-style:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,input,textarea,legend,article,aside,footer,header,hgroup,menu,nav,section{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-family:inherit}a{outline:none}a.disabled{pointer-events:none}object{pointer-events:none}svg{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor}img{vertical-align:bottom}.col-xs-1{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-2{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-3{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-4{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-5{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-6{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-7{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-8{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-9{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-10{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-11{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-12{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}@media screen and (max-width: 599px){.h-xs{display:none !important}.v-xs{display:block !important}.col-xs-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xs-2{flex:0 0 16.66667%;max-width:16.66667%}.col-xs-3{flex:0 0 25%;max-width:25%}.col-xs-4{flex:0 0 33.33333%;max-width:33.33333%}.col-xs-5{flex:0 0 41.66667%;max-width:41.66667%}.col-xs-6{flex:0 0 50%;max-width:50%}.col-xs-7{flex:0 0 58.33333%;max-width:58.33333%}.col-xs-8{flex:0 0 66.66667%;max-width:66.66667%}.col-xs-9{flex:0 0 75%;max-width:75%}.col-xs-10{flex:0 0 83.33333%;max-width:83.33333%}.col-xs-11{flex:0 0 91.66667%;max-width:91.66667%}.col-xs-12{flex:0 0 100%;max-width:100%}}.col-sm-1{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-2{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-3{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-4{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-5{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-6{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-7{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-8{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-9{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-10{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-11{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-12{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}@media screen and (min-width: 600px) and (max-width: 959px){.h-sm{display:none !important}.v-sm{display:block !important}.col-sm-1{flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{flex:0 0 100%;max-width:100%}}.col-md-1{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-2{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-3{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-4{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-5{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-6{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-7{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-8{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-9{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-10{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-11{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-12{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}@media screen and (min-width: 960px) and (max-width: 1279px){.h-md{display:none !important}.v-md{display:block !important}.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{flex:0 0 100%;max-width:100%}}.col-lg-1{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-2{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-3{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-4{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-5{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-6{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-7{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-8{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-9{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-10{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-11{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-12{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}@media screen and (min-width: 1280px){.h-lg{display:none !important}.v-lg{display:block !important}.col-lg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{flex:0 0 100%;max-width:100%}}.row{display:flex;box-direction:normal;box-orient:horizontal;flex-direction:row;flex-wrap:wrap}.row img{width:100%}@media screen and (max-width: 599px){.xs-order-1{order:1}.xs-order-2{order:2}.xs-order-3{order:3}.xs-order-4{order:4}.xs-order-5{order:5}}@media screen and (min-width: 600px) and (max-width: 959px){.sm-order-1{order:1}.sm-order-2{order:2}.sm-order-3{order:3}.sm-order-4{order:4}.sm-order-5{order:5}}@media screen and (min-width: 960px) and (max-width: 1279px){.md-order-1{order:1}.md-order-2{order:2}.md-order-3{order:3}.md-order-4{order:4}.md-order-5{order:5}}@media screen and (min-width: 1280px){.lg-order-1{order:1}.lg-order-2{order:2}.lg-order-3{order:3}.lg-order-4{order:4}.lg-order-5{order:5}}.m-hide.on{display:none !important}.m-show.on{display:block !important}html{width:100%;height:100%;font-family:"Noto Sans Japanese";font-size:14px}body{position:relative;width:100%;height:100%;overflow-x:hidden;background:#222;line-height:1.8;color:#f5f5f5}.grwap{position:relative}.container{max-width:1400px;margin:0 auto;padding:0 20px;box-sizing:border-box}@media screen and (max-width: 599px){.container{padding:0 15px}}.container-fluid{max-width:100%}.hidden{display:none}.fb_iframe_widget>span{vertical-align:baseline !important}.h2-img{position:absolute;top:0;right:0;opacity:0.8;text-align:right}.h2-img img{max-width:100%}@media screen and (max-width: 599px){.h2-img img{max-width:60%}}.h2-text{position:absolute;top:0;right:20px;opacity:0.8;text-align:right;font-size:6rem;line-height:1}@media screen and (max-width: 599px){.h2-text{right:10px;font-size:4rem}}.h2-text span{display:block;font-size:1rem;font-weight:normal;font-family:"Noto Sans Japanese"}#top{position:relative}#top header{position:absolute;top:0;left:0;width:100%;padding:5px;box-sizing:border-box;background:#222;z-index:0}#top .background{position:absolute;width:100%;height:100%;background-image:url(../assets/main_visual/background.jpg);background-repeat:no-repeat;background-size:cover;background-position:center bottom}#top .main-visual{position:relative;text-align:center;pointer-events:none}#top .main-visual img{pointer-events:none;max-width:100%}#top .main-visual .sp-img{width:100%}#top .main-visual .release{position:absolute;bottom:0;left:0}#top .news{position:absolute;bottom:0;left:0;width:100%;padding-top:10px;padding-bottom:10px;background:rgba(0,0,0,0.5);font-size:1.1rem;box-sizing:border-box}#top .news .container{position:relative}#top .news .container .release{position:absolute;top:-90px;left:0;max-width:100%}@media screen and (max-width: 599px){#top .news .container .release{top:-130%}}#top .news span{padding:0 10px}#top .news span i{margin-right:10px}@media screen and (max-width: 599px){#top .news{font-size:0.9rem}#top .news span{display:block;font-size:0.8rem}}#top .news .scroll-theme{transition:.3s}#top .news .scroll-theme.pc{position:absolute;right:10px;top:-90px;box-shadow:0 0 5px rgba(0,0,0,0.5)}#top .news .scroll-theme.sp{z-index:3;position:fixed;bottom:5px;left:5px;width:35%}#top .news .scroll-theme.sp img{max-width:100%}#top .news .scroll-theme:hover{opacity:0.75}#concept{padding:60px 0 40px 0;background:#222;color:#f5f5f5}@media screen and (max-width: 599px){#concept{padding:30px 0 30px 0}}#concept h2{margin-bottom:10px;font-size:2rem;color:#9CD9BE;text-shadow:0 0 5px rgba(255,255,255,0.5)}@media screen and (max-width: 599px){#concept h2{font-size:1.3rem}}#concept p{margin:50px 0}@media screen and (max-width: 599px){#concept p{margin:25px 0}}#concept p a{color:#9CD9BE}#concept .video-wrap{position:relative;box-sizing:border-box}@media screen and (min-width: 1280px){#concept .video-wrap{padding:50px}}@media screen and (min-width: 960px) and (max-width: 1279px){#concept .video-wrap{padding:50px}}#concept #video{position:relative;width:100%;height:100%}#concept #video::after{content:"";position:absolute;width:100%;height:100%;box-shadow:0 0 10px rgba(0,0,0,0.8) inset}#about{position:relative;padding:40px 0}#about::before{position:fixed;top:0;left:0;content:"";width:100%;height:100%;background-image:url(../assets/about/background.jpg);background-position:center center;background-size:cover;z-index:-1}#about .box{box-sizing:border-box;padding:20px}#about .box h3{margin:30px 0;font-size:1.6rem;text-shadow:1px 1px 5px #000}@media screen and (max-width: 599px){#about .box h3{font-size:1.3rem}}#about .box p{margin:30px 0}#about .box a{position:relative;display:block;overflow:hidden}#about .box a img{transition:1s}#about .box a:hover img{transform:scale(1.05)}#about .box a span{position:absolute;top:0;left:0;padding:0 7px;color:#f5f5f5;font-size:1.5rem;text-shadow:1px 1px 3px #000}#prologue{position:relative;padding:80px 0;background-image:url(../assets/prologue/background.jpg);background-position:center center;background-size:cover}@media screen and (min-width: 600px) and (max-width: 959px){#prologue{background-position:80% center}}@media screen and (max-width: 599px){#prologue{background-position:left center}}#prologue p{margin:50px 0;font-size:1.1rem;text-shadow:1px 1px 5px #000}#prologue p.serif{font-size:1.6em;font-weight:bold}@media screen and (min-width: 1280px){#prologue p{padding:0 80px}}@media screen and (min-width: 960px) and (max-width: 1279px){#prologue p{padding:0 40px}}@media screen and (max-width: 599px){#prologue p{padding:0 10px;margin:30px 0;font-size:1rem}#prologue p.serif{font-size:1.3rem}}#character{position:relative;padding:40px 0;background-image:url(../assets/character/background.jpg);background-position:center center;background-size:cover;color:#222}@media screen and (min-width: 1280px){#character{background-attachment:fixed}}@media screen and (min-width: 960px) and (max-width: 1279px){#character{background-attachment:fixed}}@media screen and (min-width: 600px) and (max-width: 959px){#character{padding:80px 0}}#character .swiper-container{transition:.5s}#character .swiper-container.move{transform:scale(1.03);filter:blur(2px) saturate(25%)}#character .swiper-wrapper .row{justify-content:center;align-items:center}#character h3{font-size:2.3rem;text-shadow:1px 1px 5px rgba(0,0,0,0.5);font-weight:bold}#character h3 span{font-size:1rem}@media screen and (min-width: 600px) and (max-width: 959px){#character h3{font-size:1.8rem}}@media screen and (max-width: 599px){#character h3{font-size:1.6rem}#character h3 span{font-size:0.9rem}}#character .cv{margin-bottom:50px;font-size:1.3rem}@media screen and (max-width: 599px){#character .cv{margin-bottom:20px;font-size:1.1rem}}#character p{margin:20px 0}#character .chara-nav{position:absolute;right:0;top:120px;width:15%;max-width:250px}#character .chara-nav a{position:relative;display:block;margin:15px 0;overflow:hidden}#character .chara-nav a img{max-width:100%;transition:1.5s}#character .chara-nav a span{position:absolute;bottom:0;left:50px;color:#222;text-decoration:none;text-shadow:1px 1px 3px rgba(0,0,0,0.3);transition:.7s;opacity:0}#character .chara-nav a:hover img{transform:scale(1.15)}#character .chara-nav a:hover span{opacity:1;left:0}#character .chara-nav-small{position:relative;width:100%;box-sizing:border-box;overflow:hidden}#character .chara-nav-small a{position:relative;display:block;width:44%;margin:10px 3%;box-sizing:border-box;float:left;background:rgba(0,0,0,0.5)}#character .chara-nav-small a img{width:100%}#character .chara-nav-small a span{position:absolute;left:5px;bottom:0;color:#f5f5f5;text-decoration:none;font-size:0.9rem}#character .leaves{position:absolute;top:0;left:0;width:100%;opacity:0.3;pointer-events:none;overflow:hidden}@media screen and (max-width: 599px){#character .leaves img{max-width:150%}}#product{position:relative;padding:100px 0 50px 0}@media screen and (max-width: 599px){#product{padding:100px 0 20px 0}}#product .block{margin:50px 100px;padding:50px;background:rgba(0,0,0,0.4);box-shadow:2px 2px 5px rgba(0,0,0,0.6);box-sizing:border-box}@media screen and (min-width: 600px) and (max-width: 959px){#product .block{margin:30px 20px;padding:20px}}@media screen and (max-width: 599px){#product .block{margin:30px 5px;padding:15px}}#product .block h3{margin-bottom:20px;padding:10px 20px;font-size:1.6rem;border-left:solid 10px #f5f5f5}@media screen and (max-width: 599px){#product .block h3{font-size:1.3rem;border-left:solid 5px #f5f5f5}}#product .block p{margin:20px 0}#product .block table{text-align:left}@media screen and (max-width: 599px){#product .block table{font-size:0.9rem}}#product .block table tr th{padding:5px 50px 5px 0;vertical-align:top}@media screen and (max-width: 599px){#product .block table tr th{padding-right:20px}}#product .block small{font-size:0.8rem;text-align:right}#product .block h4{padding:5px 0;margin:5px 0;font-size:1.25rem;border-bottom:solid 1px #f5f5f5}#product .block .track ol{list-style:none}#product .block .track li{margin:5px 0;font-size:0.8rem}#product .block .dl{margin-top:30px}@media screen and (max-width: 599px){#product .block .dl{margin-top:0}}#product .block .shop-links{position:relative;margin-top:30px;padding:20px;background:rgba(100,100,100,0.5);background:linear-gradient(180deg, rgba(156,217,190,0.2) 0%, rgba(156,217,190,0.7) 70%, rgba(200,186,107,0.9) 120%);text-align:center;box-sizing:border-box;box-shadow:0 0 5px rgba(0,0,0,0.8)}#product .block .shop-links::before{position:absolute;width:100%;height:100%;top:0;left:0;content:"";background-image:url(../assets/product/leaf.png);background-repeat:no-repeat;background-position:bottom right;z-index:-1}#product .block .shop-links::after{position:absolute;width:100%;height:100%;top:0;left:0;content:"";background-image:url(../assets/product/leaf.png);background-repeat:no-repeat;background-position:bottom right;z-index:-1;transform:rotate(180deg);opacity:0.6}#product .block .shop-links .price{font-size:1.5rem}@media screen and (max-width: 599px){#product .block .shop-links .price{font-size:1rem}}#product .block .shop-links .price span{margin:0 20px;font-size:2.5rem}@media screen and (max-width: 599px){#product .block .shop-links .price span{margin:0 10px;font-size:1.7rem}}#product .block .shop-links a{display:block;margin-top:20px;padding:10px;border:solid 1px #f5f5f5;color:#f5f5f5;text-decoration:none;transition:.4s}#product .block .shop-links a:hover{background:rgba(0,0,0,0.2);box-shadow:0 0 8px rgba(0,0,0,0.2) inset}#product #store-bonus .store{margin:5px 0;font-size:1.3rem;border-bottom:solid 1px #f5f5f5}#product #store-bonus .link{margin:20px 0 0 0}#product #store-bonus .link a{display:block;padding:5px;margin:10px 0;text-align:center;border:solid 1px #f5f5f5;color:#f5f5f5;text-decoration:none;transition:.3s}#product #store-bonus .link a i{margin-right:5px}#product #store-bonus .link a:hover{background:#9CD9BE}#product #theme .dl-btn{display:block;padding:10px;margin:20px 5px 0 5px;text-align:center;color:#f5f5f5;text-decoration:none;border:solid 1px #f5f5f5;transition:.3s}#product #theme .dl-btn:hover{background:#9CD9BE}footer{background:#222;color:#f5f5f5;text-align:center}footer>div{padding:15px 10px;border-top:solid 1px #555}footer .share a{margin:0 5px;transition:.2s}footer .share a:hover{opacity:0.8}footer .etc .logos{display:inline-table}footer .etc .logos>div{display:table-cell;padding:0 30px;vertical-align:middle;box-sizing:border-box}@media screen and (max-width: 599px){footer .etc .logos>div{padding:0 15px}}footer .etc .logos>div .logo-ps{height:70px;width:70px}footer .etc .logos>div .logo-ps4{height:40px;width:171.41px}footer .etc .logos>div .cero{height:70px;width:70px}@media screen and (max-width: 599px){footer .etc .logos>div .logo-ps{height:35px;width:35px}footer .etc .logos>div .logo-ps4{height:20px;width:85.71px}footer .etc .logos>div .cero{height:35px;width:35px}}footer .etc .attention{margin-top:10px}footer .etc .attention small{display:block;font-size:0.9rem;color:#888}footer .copyright small{display:block}.menu-trigger-wrap{position:fixed;top:0;right:0;padding:5px 5px 0 5px;z-index:100}.menu-trigger-wrap .menu-trigger,.menu-trigger-wrap .menu-trigger span{display:inline-block;transition:all .4s;box-sizing:border-box}.menu-trigger-wrap .menu-trigger{position:relative;width:34px;height:26px}.menu-trigger-wrap .menu-trigger span{position:absolute;right:0;width:100%;height:2px;background-color:#fff;box-shadow:1px 1px 5px #000}.menu-trigger-wrap .menu-trigger span:nth-of-type(1){top:0}.menu-trigger-wrap .menu-trigger span:nth-of-type(2){top:12px;width:29px;background-color:#9CD9BE}.menu-trigger-wrap .menu-trigger span:nth-of-type(3){bottom:0;width:24px;background-color:#c8ba6b}.menu-trigger-wrap .menu-trigger.active{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.menu-trigger-wrap .menu-trigger.active span{width:34px}.menu-trigger-wrap .menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(11px) rotate(-45deg);transform:translateY(11px) rotate(-45deg)}.menu-trigger-wrap .menu-trigger.active span:nth-of-type(2){-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.menu-trigger-wrap .menu-trigger.active span:nth-of-type(3){opacity:0}.navigation{position:fixed;z-index:98;top:0;right:0;height:100%;padding:0 0 0 300px;box-sizing:border-box;background:linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.8) 70%, #000 100%);transition:1s;opacity:0;pointer-events:none}@media screen and (min-width: 600px) and (max-width: 959px){.navigation{padding:0 0 0 100px;background:linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.8) 50%, #000 100%)}}@media screen and (max-width: 599px){.navigation{padding:0 0 0 20px;background:linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.7) 30%, rgba(0,0,0,0.9) 60%, #000 100%)}}.navigation.active{opacity:1;transition:.3s;pointer-events:auto}.navigation nav>div{display:block;margin:40px 0;text-align:right}.navigation nav>div a{text-shadow:-1px 1px 3px rgba(0,0,0,0.6);opacity:0;transition:.8s}.navigation.active nav>div a{opacity:1}.navigation.active nav>div:nth-child(1) a{padding-right:130px}.navigation.active nav>div:nth-child(2) a{padding-right:110px}.navigation.active nav>div:nth-child(3) a{padding-right:70px}.navigation.active nav>div:nth-child(4) a{padding-right:30px}.navigation.active nav>div:nth-child(5) a{padding-right:20px}.navigation nav a{position:relative;display:inline-block;padding-left:20px;color:#f5f5f5;text-decoration:none;font-size:2rem;text-align:right;line-height:1.3;letter-spacing:0.2rem;box-sizing:border-box}.navigation nav a span{display:block;font-size:0.6rem}.navigation nav a:hover{text-shadow:-2px 2px 6px #000}.navigation nav a:hover::before{opacity:1;transform:translateX(0px) translateY(0px)}.navigation nav a:hover::after{opacity:1;transform:translateX(0px);filter:blur(0px)}.navigation nav a::before{position:absolute;content:"";top:0;right:0;width:120%;height:100%;background:linear-gradient(90deg, rgba(156,217,190,0) 0%, rgba(156,217,190,0.8) 80%, rgba(200,186,107,0.9) 120%);z-index:-1;transition:.5s;transform:translateX(300px) translateY(-20px);opacity:0}.navigation nav a::after{position:absolute;content:"";top:0;right:0;width:100%;height:100%;z-index:-1;background-image:url(../assets/etc/nav/leaf.png);background-repeat:no-repeat;background-size:contain;transition:.8s;opacity:0;transform:translateX(5px);filter:blur(1px)}.navigation .share{margin-top:50px;padding:0 20px;text-align:right}.navigation .share a{display:inline-block;transition:.5s}.navigation .share a:hover{opacity:0.6}.navigation .share a:nth-child(1){transform:translateX(30px)}.navigation .share a:nth-child(2){transform:translateX(20px)}.navigation .share a:nth-child(3){transform:translateX(10px)}.navigation.active .share a{transform:translateX(0)}.loading-wrap{position:fixed;z-index:999;content:"";top:0;left:0;width:100%;height:100%;background:#222}.loading-wrap .inner{position:relative;display:flex;width:100%;height:100%;padding:50px;text-align:center;justify-content:space-around;box-sizing:border-box}.loading-wrap .inner .logo-ys{color:#888255;opacity:0;transform:translateY(-30px);transition:1.5s}.loading-wrap .inner .logo-ys.show{opacity:1;color:#f0f6ab;transform:translateY(0px);filter:drop-shadow(0 -4px 8px rgba(0,0,0,0.4))}.loading-wrap .inner .logo-ys.middle{color:#fff}.loading-wrap .inner .logo-ys.end{transform:scale(1.1);filter:blur(2px);transition:2s}.loading-wrap .inner .bgcolor{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, #191d20 0%, #363426 15%, #a48b48 50%, #e7d77a 75%, #f0f6ab 100%);opacity:0}.loading-wrap .progress{position:absolute;top:0;left:0;width:0;height:5px;background:#f0f6ab}.loading-wrap .progress.middle{background:#fff}
