#works #main-image{background-image:url("../../img/pages/works/main_image.jpg")}#works #white-out{background-image:url("../../img/pages/works/nowloading.svg")}#works #modal #modal-wrap{width:80%;max-width:920px;height:80%;padding:24px 16px 24px 24px}#works #modal #modal-content{overflow-y:auto;height:100%;padding:2%}#works #modal #modal-content h2{font-size:2.4rem;font-weight:bold;margin-bottom:20px}#works #modal #modal-content br{display:none}#works #modal #modal-content .gallery{width:62%;float:left;margin-right:30px}#works #modal #modal-content .gallery img{width:100%;height:auto;margin-bottom:20px}#works #modal #modal-content::after{content:'';display:table;clear:both}#works #modal #modal-content.loading{background:url("../../img/pages/works/nowloading.svg") center center no-repeat}#works #content-header{position:relative;margin-bottom:30px}#works #content-header h1{margin-bottom:0}#works #content-header #search-header-top{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:26px}#works #content-header #search-header-top #search-keyword{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}#works #content-header #search-header-top #search-keyword input[name="keyword"]{width:274px;height:36px;margin-right:8px;padding:0 14px;border:1px solid #cccccc;border-radius:34px;font-size:1.4rem}#works #content-header #search-header-top #search-keyword input[name="submit-search-data"]{overflow:hidden;width:34px;height:34px;padding:14px;background:#ccc url("../../img/pages/works/icon_search.png") no-repeat 8px 8px;background-size:50% auto;border:none;border-radius:34px;text-indent:-999px;outline:none;-moz-transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;-o-transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;-webkit-transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 300ms}#works #content-header #search-header-top #search-keyword input[name="submit-search-data"]:hover{background-color:#e6e6e6}#works #content-header #works-search-list{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-top:8px}#works #content-header #works-search-list a{display:block;width:100%;height:100%;background-color:#f1ede7;text-align:center;text-decoration:none;-moz-transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 600ms;-o-transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 600ms;-webkit-transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 600ms;transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 600ms}#works #content-header #works-search-list a:hover,#works #content-header #works-search-list a.active{background-color:#dccdb5}#works #content-header #works-search-list #search-top{width:184px;height:86px;line-height:86px}#works #content-header #works-search-list #search-category{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;width:766px}#works #content-header #works-search-list #search-category li{width:184px;height:38px;line-height:38px}#works #content-header #works-search-list #search-category li:nth-of-type(-n+4){margin-bottom:8px}#works #works-item-list{position:relative;overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;align-items:stretch;-moz-transition:height 600ms cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:height 600ms cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:height 600ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:height 600ms cubic-bezier(0.215, 0.61, 0.355, 1)}#works #works-item-list::before{content:'';display:none;position:absolute;top:0;left:0;z-index:11;width:100%;height:100%;background:#fff no-repeat center center}#works #works-item-list.standby{height:220px !important}#works #works-item-list.standby::before{display:block;background-image:url("../../img/pages/works/nowloading.svg")}#works #works-item-list .item{position:absolute;top:0;left:0;overflow:hidden;border:1px solid #dddddd;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1}#works #works-item-list .item.none{-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}#works #works-item-list .item .item-inner{display:block;overflow:hidden;position:relative;width:100%;height:100%;padding:10px;text-decoration:none;background:#ffffff;cursor:pointer}#works #works-item-list .item .item-inner::after{content:'';position:absolute;width:100%;height:5px;bottom:0;left:0;background:#000000;-moz-transition:-moz-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:-o-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:-webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transform:translate3d(0, 5px, 0);-ms-transform:translate3d(0, 5px, 0);-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}#works #works-item-list .item .item-inner .thumbnail{position:relative;overflow:hidden;width:156px;height:156px;margin-bottom:4px;text-align:center;opacity:1;-moz-transition:opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1)}#works #works-item-list .item .item-inner .thumbnail.loading{opacity:0}#works #works-item-list .item .item-inner .thumbnail .image{width:100%;height:100%;background:no-repeat center center;background-size:cover;-moz-transition:-moz-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:-o-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:-webkit-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}#works #works-item-list .item .item-inner .thumbnail .before_after{display:inline-block;position:absolute;bottom:0;left:0;padding:3px 6px;font-size:1rem;letter-spacing:-0.04em;background:rgba(255,255,255,0.9)}#works #works-item-list .item .item-inner:hover .thumbnail .image{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}#works #works-item-list .item .item-inner:hover::after{-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}#works #works-item-list .item.empty{border:none}#works #works-item-list .item .title{width:100%;max-width:152px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#works #works-item-list .item .year{font-size:1.2rem;min-height:20px}#works #works-item-list .item .content{display:none}#works #works-item-list.animate .item{-moz-transition:-moz-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:-o-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:-webkit-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1)}#works #works-item-list .error{width:100%;color:#ff0000;text-align:center}#works #more-works{width:60%;margin:20px auto;-moz-transition:-moz-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:-o-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:-webkit-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);opacity:1}#works #more-works:disabled{transform:translate3d(0, 6px, 0);opacity:0}#works #item-template{display:none}#works #now-loading{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-moz-transition:opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1);min-height:244px;opacity:0}#works #now-loading.loading{opacity:1}@media screen and (max-width: 767px){#works #modal #modal-wrap{width:96%;max-width:100%;height:96%;padding:40px 1% 4% 0}#works #modal #modal-content{height:100%;padding:4%}#works #modal #modal-content h2{font-size:1.6rem;font-weight:bold;margin-bottom:20px}#works #modal #modal-content .gallery{width:100%;float:none;margin-right:30px}#works #modal #modal-content .gallery img{display:block;width:100%;height:auto;margin-bottom:10px}#works #modal #modal-close{top:0;right:0}#works #content-header{position:relative;margin-bottom:30px}#works #content-header h1{margin-bottom:40px}#works #content-header #search-header-top{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:26px}#works #content-header #search-header-top #search-keyword{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%}#works #content-header #search-header-top #search-keyword input[name="keyword"]{width:80%;height:34px;margin-right:4%;padding:14px;border:1px solid #cccccc;border-radius:34px}#works #content-header #search-header-top #search-keyword input[name="submit-search-data"]{overflow:hidden;width:34px;height:34px;padding:14px;background:#ccc url("../../img/pages/works/icon_search.png") no-repeat 8px 8px;background-size:50% auto;border:none;border-radius:34px;text-indent:-999px;outline:none;-moz-transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;-o-transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;-webkit-transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 300ms}#works #content-header #search-header-top #search-keyword input[name="submit-search-data"]:hover{background-color:#e6e6e6}#works #content-header #works-search-list{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-top:20px}#works #content-header #works-search-list a{display:block;width:100%;height:100%;background-color:#f1ede7;text-align:center;text-decoration:none;-moz-transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 600ms;-o-transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 600ms;-webkit-transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 600ms;transition:background-color,cubic-bezier(0.215, 0.61, 0.355, 1) 600ms}#works #content-header #works-search-list a:hover{background-color:#f1ede7}#works #content-header #works-search-list a.active{background-color:#dccdb5}#works #content-header #works-search-list #search-top{width:100%;height:48px;line-height:48px;margin-bottom:4px}#works #content-header #works-search-list #search-category{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;width:100%}#works #content-header #works-search-list #search-category li{width:49%;height:36px;line-height:36px;margin-bottom:4px}#works #content-header #works-search-list #search-category li:nth-of-type(-n+4){margin-bottom:4px}#works #works-item-list{position:relative;min-height:244px;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;align-items:stretch;-moz-transition:height 600ms cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:height 600ms cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:height 600ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:height 600ms cubic-bezier(0.215, 0.61, 0.355, 1)}#works #works-item-list.standby{height:220px !important}#works #works-item-list.standby::before{display:block;background-image:url("../../img/pages/works/nowloading.svg")}#works #works-item-list .item{position:absolute;top:0;left:0;overflow:hidden;width:47.6%;height:220px;margin-bottom:16px;border:1px solid #dddddd;-moz-transition:-moz-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:-o-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:-webkit-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1}#works #works-item-list .item.none{-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}#works #works-item-list .item .item-inner{display:block;width:100%;height:100%;padding:10px;text-decoration:none;background:#ffffff}#works #works-item-list .item .item-inner .thumbnail{position:relative;overflow:hidden;width:100%;height:150px;margin-bottom:4px;text-align:center;opacity:1;-moz-transition:opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1)}#works #works-item-list .item .item-inner .thumbnail.loading{opacity:0}#works #works-item-list .item .item-inner .thumbnail .image{width:100%;height:100%;background:no-repeat center center;background-size:cover;-moz-transition:-moz-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:-o-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:-webkit-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}#works #works-item-list .item .item-inner .thumbnail .before_after{display:inline-block;position:absolute;bottom:0;left:0;padding:3px 6px;font-size:1rem;letter-spacing:-0.04em;background:rgba(255,255,255,0.9)}#works #works-item-list .item.empty{border:none}#works #works-item-list .item .title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#works #works-item-list .item .year{font-size:1.2rem}#works #item-template{display:none}#works #status{display:none}#works #status.data-error{padding:50px 0;color:#e60012;text-align:center}}