@charset "utf-8";#splash{position:fixed;z-index:99999;width:100%;height:100%;text-align:center;color:#fff}#g-nav{position:fixed;z-index:999;top:0;right:-100%;width:30%;height:100vh;background-color:rgba(0,0,0);transition:all .6s}#g-nav.panelactive{right:0}#g-nav.panelactive #g-nav-list{position:fixed;z-index:999;width:30%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}@media only screen and (max-width:768px){#g-nav,#g-nav.panelactive #g-nav-list{width:100%}}#g-nav{color:#fff;font-family:'AvenirNextLTPro-Bold'}#g-nav h2{padding:1.6em 2em;border-bottom:1px solid #414141;font-size:.85rem;letter-spacing:.2em}#g-nav h2{padding:1.6em 2em;border-bottom:1px solid #414141;font-size:.85rem;letter-spacing:.2em}#g-nav h2 a{color:#fff;text-decoration:none}#g-nav h2 a:hover{color:#ccc}#g-nav ul.cate{width:100%;z-index:999;padding:2.5em 2em}#g-nav ul.work-category{width:100%;background-color:#222;display:flex;flex-wrap:wrap;padding:1.6em 2em}#g-nav li{list-style:none;text-align:left}#g-nav li a{color:#fff;font-size:1.2em;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:700;transition:all .5s}#g-nav li a:hover{color:#ccc}#g-nav ul.work-category li{width:50%}#g-nav ul.work-category li a{padding:5px 10px;font-family:'AvenirNextLTPro-Light';font-weight:lighter;font-size:.7em}#search-wrap{position:fixed;top:0;left:0;z-index:3;opacity:1;transition:all .4s;width:100%;height:100vh;border:1px solid #333;background:#fff;display:flex;justify-content:center;align-items:center}#search-wrap form{position:relative;height:66px}#search-wrap input{-webkit-appearance:none;outline:none;cursor:pointer;color:#fff}#search-wrap input[type=text]{width:100%;padding:20px;border:none;border-bottom:2px solid #666;transition:all .5s;letter-spacing:.05em}#search-wrap input[type=text]:focus{background:#444}#search-wrap input[type=submit]{position:absolute;top:0;right:10px;background:url(//www.balus.net/wp/wp-content/themes/teppei-lab/css/../img/icon_search.svg) no-repeat 15px center;background-size:25px 25px;width:60px;height:60px}.openbtn{position:fixed;z-index:9999;top:10px;right:10px;cursor:pointer;width:50px;height:50px}.openbtn span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:3px;border-radius:2px;background-color:#fff;width:45%}.openbtn span:nth-of-type(1){top:15px}.openbtn span:nth-of-type(2){top:23px}.openbtn span:nth-of-type(3){top:31px}.openbtn.active span:nth-of-type(1){top:18px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){top:30px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}.sort-btn{display:flex;justify-content:center;margin:50px 0;list-style:none;text-transform:uppercase;flex-wrap:wrap}.sort-btn li{position:relative;cursor:pointer;margin:0 10px;font-size:.9em}.sort-btn li.active{font-family:'AvenirNextLTPro-Bold'}.sort-btn li:after{content:'';position:absolute;bottom:-3px;left:25%;width:50%;height:2px;background:#a0a0a0;transition:all .3s;transform:scale(0,1);transform-origin:center top}.sort-btn li.active:after,.sort-btn li:hover:after{transform:scale(1,1)}@media only screen and (max-width:375px){.sort-btn{flex-wrap:wrap;justify-content:flex-start;margin:50px 0 10px}.sort-btn li{font-size:.8em;width:20%;margin:0 0 15px;text-align:center}}.scroll-top{position:fixed;right:20px;bottom:10px;z-index:2;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;white-space:nowrap;animation:arrowmove 1s ease-in-out infinite}@keyframes arrowmove{0%{bottom:20px}50%{bottom:25px}100%{bottom:20px}}.scroll-top.scroll-view{opacity:1;visibility:visible}.scroll-top a{position:relative;text-decoration:none;color:#666;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;display:block}.js-scroll.scroll-top a{color:#aaa}.js-scroll a:after{content:"";position:absolute;top:0;right:0;width:1px;height:50px;background:#aaa}.js-scroll a:before{content:"";position:absolute;top:30px;right:-6px;width:1px;height:20px;background:#aaa;transform:skewX(-31deg)}_:-ms-lang(x),.js-scroll a:before{right:-11px}.js-pagetop a:after{content:"";position:absolute;top:0;right:0;width:1px;height:50px;background:#666}.js-pagetop a:before{content:"";position:absolute;top:0;right:-6px;width:1px;height:20px;background:#666;transform:skewX(31deg)}_:-ms-lang(x),.js-pagetop a:before{right:0}#slider{width:100%;height:100vh}.grid{position:relative}.item{display:block;position:absolute;width:49.5%;z-index:1}.item-content{position:relative;width:100%;height:100%;padding:30px}.item-content a{text-decoration:none}.item-content p{text-align:left;letter-spacing:.05em;padding:10px 0 0;font-size:.8em;font-family:'Noto Sans JP';font-weight:300}.item-content p span{font-size:1em;font-family:'AvenirNextLTPro-Medium';color:#9b9b9b}.grid img{width:100%;height:auto;vertical-align:bottom}@media only screen and (max-width:768px){.item{width:100%}.item-content{padding:10px}}.fancybox-thumbs{background:transparent!important}.fancybox-thumbs__list a:before{border:6px solid #fa999b}.fancybox-caption__body{letter-spacing:.1em}.item{opacity:0}.fadeUp{animation-name:fadeUpAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;margin-top:100px}to{opacity:1;margin-top:0}}.TextRandomAnime span{opacity:0}.TextRandomAnime.appearRandomtext span{animation:text_randomanime_on .5s ease-out forwards}@keyframes text_randomanime_on{0%{opacity:0}100%{opacity:1}}.TextRandomAnime.appearRandomtext span:nth-child(2n){animation-delay:.7s}.TextRandomAnime.appearRandomtext span:nth-child(3n+1){animation-delay:.35s}.img-box{overflow:hidden}.grid img{transform:scale(1);transition:.5s ease-in-out}.grid a:hover img{transform:scale(1.1)}#splash{background-color:#000;background-size:200% 200%;animation:bggradient 20s ease infinite}@keyframes bggradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}