.font-default,body,html{font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}.font-en,#top .h1 h1,#top .h1 .cap,#top .share .h,#overview .headline h2,#overview .content-inner h3,#trial .headline h2,#trial .trial-note .h3,#trial #present h3,#special .headline h2,#live-stage .headline h2,#goods .headline h2,#side aside .head span,#side aside .head .cap,#side aside nav ul li a{font-family:adobe-garamond-pro, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;font-weight:400;font-style:normal}.font-mincho{font-family:a-otf-midashi-mi-ma31-pr6n, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", sans-serif;font-weight:600;font-style:normal}.clearfix::after,.row::after{content:"";display:block;clear:both}.clear-img{width:auto;height:auto;max-width:100%;max-height:100%}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1.5}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;outline:none}a.disabled{pointer-events:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}svg{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor}img{vertical-align:bottom}object{pointer-events:none}.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:#fff}.text-sub{color:#444}.text-accent1{color:#fb0}.text-accent2{color:#777}.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}.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}}body,html{font-size:14px;color:#444;width:100%}html{background:#fff}body{overflow-x:hidden}.gwrap{position:relative;width:100%;overflow:hidden}.container{max-width:1000px;margin:0 auto}.container-fluid{max-width:100%}.hidden{display:none}.fb_iframe_widget>span{vertical-align:baseline !important}svg{pointer-events:none}svg use{transition:.3s}svg .svg-accent1{fill:#fb0}svg .svg-accent2{fill:#777}svg .svg-main{fill:#fff}a:hover svg .svg-accent1{fill:#fff}a:hover svg .svg-accent2{fill:#fff}.text-shadow,#top .h1,#top .share .h{text-shadow:1px 1px 3px rgba(0,0,0,0.25)}.box-shadow,#top .h1 .cap .line{box-shadow:1px 1px 3px rgba(0,0,0,0.25)}#main{position:relative;width:80%}@media screen and (max-width: 599px){#main{width:100%}}#bg{position:fixed;z-index:-1;width:80%;height:100%;background-image:url(../assets/tgs/bg.jpg);background-repeat:no-repeat;background-position:center center}@media screen and (max-width: 599px){#bg{width:100%;background-size:contain}}#side{position:fixed;right:0;top:0;width:20%;height:100%;background:#fb0}@media screen and (max-width: 599px){#side{width:60%;right:-60%;transition:.5s}#side.open{right:0%;transition:.5s}}#top{padding-top:300px}#top .h1{text-align:center;color:#222}#top .h1 h1{font-size:4rem}@media screen and (max-width: 599px){#top .h1 h1{font-size:1.9rem;font-weight:bold}}#top .h1 .cap{font-size:1.5rem}@media screen and (max-width: 599px){#top .h1 .cap{font-size:1.1rem}}#top .h1 .cap .line{display:block;margin:0 auto 10px auto;width:150px;height:1px;background:#444}#top .share{margin-top:200px;text-align:center}#top .share .inner{display:inline-block}#top .share .h{display:inline-block;border-bottom:solid 1px #444}#top .share .btns a{display:inline-block;transition:2s}#top .share .btns a svg{fill:#444;filter:drop-shadow(1px 1px 3px rgba(0,0,0,0.25))}#top .share .btns a:hover svg{fill:#777}#overview{margin-top:100px}#overview .headline{position:relative;color:#444;padding:0 10px;margin-bottom:20px}#overview .headline h2{position:relative;display:inline-block;font-size:4rem;line-height:1.6}#overview .headline h2::after{position:absolute;right:50%;bottom:7px;content:"";height:1px;width:100%;background:#777}#overview .headline .ruby{font-size:1.4rem}#overview .content-inner{position:relative;padding:50px 30px;color:#fff}#overview .content-inner h3{position:absolute;right:0;top:-30px;line-height:30px;font-size:4rem}#overview #date{margin-top:100px;margin-bottom:70px;background:#777}#overview #date h3{color:#777}#overview #date .box{margin:30px 0}#overview #date .box p{font-size:1.5rem}@media screen and (max-width: 599px){#overview #date .box p{font-size:1.3rem}}#overview #date .box p small{font-size:0.8rem}#overview #event-hall{background:#444}#overview #event-hall h3{color:#444}#overview #event-hall .en-cap{padding:0 0 0 20px;font-size:1.3rem;border-left:solid 5px #fff}#overview #event-hall .jp-cap{padding:20px 0;font-size:1.3rem}#overview a.outside-link{color:#fff;text-decoration:none}#overview a.outside-link:hover{text-decoration:underline}#overview a.outside-link i{margin-right:5px}#trial{margin-top:30px}#trial .headline{position:relative;color:#444;padding:0 10px;margin-bottom:60px;text-align:center}#trial .headline h2{position:relative;display:inline-block;font-size:4rem;line-height:1.6}#trial .headline h2::after{position:absolute;left:50%;bottom:7px;content:"";height:1px;width:200%;background:#444}#trial .headline .ruby{font-size:1.4rem}#trial .shop-link{display:block;padding:10px;margin:10px 0;text-decoration:none;color:#444;border:dotted 2px #444;font-size:0.9rem;text-align:center;transition:.3s}#trial .shop-link:hover{background:#444;color:#fff}#trial .shop-link i{margin-right:5px}@media screen and (max-width: 599px){#trial img{padding:20px;box-sizing:border-box}}#trial .trial-note .h3{color:#fb0;font-size:3.6rem;line-height:0.5}@media screen and (max-width: 599px){#trial .trial-note .h3{margin-top:40px;font-size:2.4rem}}#trial .trial-note .note{padding:30px 0 10px 0;background:#fb0;color:#fff}#trial .trial-note .note h3{position:relative;display:inline-block;padding:10px 15px;margin:0 20px;border-left:solid 5px #fff;font-size:2.4rem}@media screen and (max-width: 599px){#trial .trial-note .note h3{font-size:1.6rem}}#trial .trial-note .note>div{padding:20px}#trial .trial-note .note>div p{padding:7px 0;font-size:1.1rem}#trial .trial-note .attention{margin:0 20px 20px 20px;padding:10px;background:#fff;font-weight:bold;font-size:1.1rem}#trial .trial-note .attention i{margin-right:5px}#trial #present{position:relative;margin:100px 10px 0 10px;padding:20px 0;background:#444;color:#fff}#trial #present h3{position:absolute;right:0;top:-29px;line-height:30px;font-size:4rem;color:#444}@media screen and (max-width: 599px){#trial #present h3{font-size:3.6rem}}#trial #present .note{padding:40px 20px 10px 20px}#trial #present .note p{padding:5px 0;font-size:1.2rem}@media screen and (max-width: 599px){#trial #present .note p{font-size:1.1rem}}#trial #present .note p strong{font-size:1.6rem}@media screen and (max-width: 599px){#trial #present .note p strong{font-size:1.3rem}}#trial #present .color-attention{margin:10px 20px;padding:5px 10px;background:#fff;color:#444;text-align:center}#trial #present .color-attention i{margin-right:5px}#trial #present .color-schedule{padding:20px}#trial #present .present-info{position:relative}#trial #present .present-info .clearfile{position:absolute;right:-75px;bottom:-75px;width:400px}@media screen and (max-width: 599px){#trial #present .present-info .clearfile{position:relative;right:0;bottom:0;padding:0;width:100%}}#special{position:relative;margin-top:100px}#special .headline{position:relative;color:#444;padding:0 10px;margin-bottom:70px}#special .headline h2{position:relative;display:inline-block;font-size:4rem;line-height:1.6}#special .headline h2::after{position:absolute;right:-50%;bottom:7px;content:"";height:1px;width:100%;background:#777}#special .headline .ruby{font-size:1.4rem}#special .special-info{padding:30px 0 10px 0;background:#777;color:#fff}#special .special-info h3{display:inline-block;margin:0 20px;padding:10px 15px;border-left:solid 5px #fff;font-size:2rem}@media screen and (max-width: 599px){#special .special-info h3{font-size:1.3rem}}#special .special-info .note{padding:20px}#special .special-info .note p{padding:10px 0}#special .uchiwa{transform:scale(1.3) translateY(-50px)}@media screen and (max-width: 599px){#special .uchiwa{padding:20px 0 0 0;transform:scale(1) translateY(0px)}}#special .falmaga-box{margin-top:50px}#live-stage{margin-top:20px;padding:50px 0}#live-stage .headline{position:relative;color:#444;padding:0 10px;margin-bottom:70px;text-align:right}#live-stage .headline h2{position:relative;display:inline-block;font-size:4rem;line-height:1.6}#live-stage .headline h2::after{position:absolute;right:-50%;bottom:7px;content:"";height:1px;width:100%;background:#444}#live-stage .headline .ruby{font-size:1.4rem}@media screen and (max-width: 599px){#live-stage .headline .ruby{font-size:1rem}}#live-stage .live-text{padding:20px;background:#444;color:#fff}#live-stage .intro{margin:20px 0 30px 0;font-size:1.1rem}#live-stage .schedule{display:table;width:100%;margin:10px 0}#live-stage .schedule>div{display:table-cell;vertical-align:middle}#live-stage .schedule>div.cal{width:15%}#live-stage .schedule>div.cal img{width:70px}#live-stage .schedule>div.date{width:20%;font-size:1.5rem}@media screen and (max-width: 599px){#live-stage .schedule>div.date{font-size:1.2rem}}#live-stage .schedule>div.links a{position:relative;display:block;margin:10px;padding:0 20px;border:solid 1px #fff;text-decoration:none;color:#fff;font-size:1rem;line-height:30px;transition:.2s}#live-stage .schedule>div.links a:hover{background:#fff;color:#444}#live-stage .schedule>div.links a i{position:absolute;right:10px;top:0;line-height:30px}#goods{padding-top:30px}#goods .headline{position:relative;color:#444;padding:0 10px;margin-bottom:70px;text-align:center}#goods .headline h2{position:relative;display:inline-block;font-size:4rem;line-height:1.6}#goods .headline h2::after{position:absolute;right:50%;bottom:7px;content:"";height:1px;width:100%;background:#777}#goods .headline .ruby{font-size:1.4rem}@media screen and (max-width: 599px){#goods .headline .ruby{font-size:1.1rem}}#goods .goods-wrap{padding:0 0 50px 0}#goods .box{padding:10px 0}#goods .box img{filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.5))}#goods .box .name{padding:5px;font-size:1.1rem;border-bottom:solid 1px #444}#goods .box .price{padding:5px;text-align:right;font-size:0.9rem}#goods .box .price span{padding-left:10px;font-size:1.3rem;font-weight:bold}footer{padding:50px 20px 20px 20px;text-align:center}footer .copyright{padding:10px 0 0 0;font-size:0.9rem}.ys9-logo-pc{position:fixed;bottom:0;left:0;width:12%}.ys9-logo-pc a img{padding-bottom:10px;width:100%}.ys9-logo-pc span{position:absolute;background:#fb0;content:"";display:block;width:200%;height:100%;bottom:-50%;left:-60%;transform:rotate(45deg);z-index:-1}@media screen and (max-width: 599px){.ys9-logo-pc{display:none}}#side aside{padding:20px;box-sizing:border-box}#side aside .head span{display:block;color:#fff;font-size:3.5rem;line-height:1.1}@media screen and (max-width: 599px){#side aside .head span{font-size:1.8rem;display:inline-block;margin-right:10px}}#side aside .head .cap{color:#444444;font-size:1.2rem}@media screen and (max-width: 599px){#side aside .head .cap{font-size:1rem}}#side aside .share{margin:20px 0}@media screen and (max-width: 599px){#side aside .share{margin:5px 0}}#side aside .share a{display:inline-block;transition:2s;margin-right:10px}#side aside .share a svg{fill:#fff}#side aside .share a:hover svg{fill:#444}#side aside nav ul li a{display:block;margin:15px 0;color:#444444;text-decoration:none;font-size:1.5rem;transition:.2s}@media screen and (max-width: 599px){#side aside nav ul li a{margin:10px 0}}#side aside nav ul li a:hover{color:#fff;animation:navStrMove .35s ease infinite alternate}#side .ys9-logo-sp{display:none;text-align:center}@media screen and (max-width: 599px){#side .ys9-logo-sp{display:block}#side .ys9-logo-sp a{display:inline-block;width:70%}#side .ys9-logo-sp img{width:100%}}@keyframes navStrMove{0%{transform:translateX(0)}100%{transform:translateX(10px)}}#menu-btn{display:none;position:fixed;top:0;left:0;padding:10px;background:#fff}@media screen and (max-width: 599px){#menu-btn{display:block}}#menu-btn .menu-trigger,#menu-btn .menu-trigger span{display:inline-block;transition:all .4s;box-sizing:border-box}#menu-btn .menu-trigger{position:relative;width:50px;height:44px}#menu-btn .menu-trigger span{position:absolute;left:0;width:100%;height:4px;background-color:#fb0;border-radius:4px}#menu-btn .menu-trigger span:nth-of-type(1){top:0}#menu-btn .menu-trigger span:nth-of-type(2){top:20px}#menu-btn .menu-trigger span:nth-of-type(3){bottom:0}#menu-btn .menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(20px) rotate(-45deg);transform:translateY(20px) rotate(-45deg)}#menu-btn .menu-trigger.active span:nth-of-type(2){opacity:0}#menu-btn .menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-20px) rotate(45deg);transform:translateY(-20px) rotate(45deg)}