https://web-mad.com/_nuxt/5924cf3.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{478:function(t,e,r){var o=r(5),l=r(479),d=r(148);o({target:"Array",proto:!0},{fill:l}),d("fill")},479:function(t,e,r){"use strict";var o=r(28),l=r(109),d=r(47);t.exports=function(t){for(var e=o(this),r=d(e),n=arguments.length,w=l(n>1?arguments[1]:void 0,r),c=n>2?arguments[2]:void 0,v=void 0===c?r:l(c,r);v>w;)e[w++]=t;return e}},482:function(t,e,r){t.exports=r.p+"img/close.79e49dc.svg"},485:function(t,e){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMThWNkwxOSAxMkw5IDE4WiIgZmlsbD0iI0NCRDFEQiIvPgo8L3N2Zz4K"},499:function(t,e,r){var content=r(543);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,r(67).default)("5b789369",content,!0,{sourceMap:!1})},542:function(t,e,r){"use strict";r(499)},543:function(t,e,r){var o=r(66),l=r(354),d=r(485),n=r(355),w=o(!1),c=l(d),v=l(n);w.push([t.i,'.works[data-v-5a756295]{position:relative}.works .movie_button[data-v-5a756295]{position:absolute;top:0;left:0;display:block;width:13rem;height:13rem;z-index:1;opacity:0;transition-duration:.2s}@media only screen and (max-width:980px){.works .movie_button[data-v-5a756295]{position:absolute;top:2.4rem;left:auto;right:2.4rem;width:9.6rem;height:9.6rem;opacity:1;transform:none!important}}.works .isModalCursorActive[data-v-5a756295]{opacity:1}.works .modal_window[data-v-5a756295]{position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:0;z-index:-1;background-color:rgba(0,0,0,.8)}.works .modal_window .cursor_wrap[data-v-5a756295]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.works .modal_window .movie_wrap[data-v-5a756295]{position:relative;margin:auto;width:75vw;z-index:1}.works .modal_window.active[data-v-5a756295]{opacity:1;z-index:10}@media only screen and (max-width:980px){.works .modal_window .movie_wrap[data-v-5a756295]{width:95vw}}.works .layout_switch[data-v-5a756295]{position:fixed;left:0;right:0;bottom:2.4rem;margin:auto;padding:.2rem;width:37rem;border-radius:10rem;background-color:#cbd1db;z-index:5}.works .layout_switch button[data-v-5a756295]{position:relative;padding:.4rem 2rem .4rem 4rem;border-radius:10rem;z-index:1}.works .layout_switch button svg[data-v-5a756295]{position:absolute;top:.6rem;left:1.2rem;display:block;margin:auto;width:2.4rem;height:2.4rem}.works .layout_switch button svg rect[data-v-5a756295]{transition-property:all .3s ease-in-out}.works .layout_switch button span[data-v-5a756295]{font-size:1.4rem;color:#101010;line-height:1.2;transition:all .3s ease-in-out}.works .layout_switch .active svg rect[data-v-5a756295]{fill:#cbd1db;transition-delay:.3s}.works .layout_switch .active span[data-v-5a756295]{color:#cbd1db}.works .layout_switch .bg_black[data-v-5a756295]{position:absolute;top:.4rem;left:.4rem;display:block;height:calc(100% - .8rem);border-radius:10rem;background-color:#101010;z-index:0;transition:all .3s ease-in-out}@media only screen and (max-width:980px){.works .layout_switch[data-v-5a756295]{width:90vw}.works .layout_switch button svg[data-v-5a756295]{top:.4rem}.works .layout_switch button span[data-v-5a756295]{font-size:1.2rem}}.works .mv[data-v-5a756295]{position:relative;padding-top:18rem}.works .mv .upper h1[data-v-5a756295]{font-size:13rem;line-height:1}.works .mv .upper .en[data-v-5a756295]{margin-top:2rem;margin-left:.4rem;font-size:2rem;font-weight:600;line-height:1}.works .mv .lower[data-v-5a756295]{position:relative;margin-top:2.4rem}.works .mv .lower .wrap[data-v-5a756295]{width:calc(100% - 20rem)}.works .mv .lower button[data-v-5a756295]{margin-right:.8rem;margin-bottom:1.6rem;padding:.6rem 2rem;border:.2rem solid #cbd1db;border-radius:10rem}.works .mv .lower button .cat_title[data-v-5a756295]{margin-right:.2rem;font-size:2.2rem;line-height:1.2}.works .mv .lower button .num[data-v-5a756295]{line-height:1.2}.works .mv .lower .selected[data-v-5a756295]{background-color:#cbd1db}.works .mv .lower .selected span[data-v-5a756295]{color:#101010}.works .mv .lower .play[data-v-5a756295]{position:absolute;top:0;right:0;margin:auto;padding:0 0 0 3rem;font-size:1.6rem;border:none}.works .mv .lower .play[data-v-5a756295]:before{content:"";position:absolute;top:-.1rem;left:0;bottom:0;display:block;margin:auto;width:2.4rem;height:2.4rem;background-image:url('+c+');background-size:contain;background-repeat:no-repeat}@media only screen and (max-width:980px){.works .mv .upper h1[data-v-5a756295]{font-size:6rem}.works .mv .upper .en[data-v-5a756295]{margin-top:1rem;margin-left:.4rem;font-size:1.2rem}.works .mv .lower[data-v-5a756295]{margin-top:2.4rem;padding-bottom:6rem}.works .mv .lower .wrap[data-v-5a756295]{width:100%}.works .mv .lower button[data-v-5a756295]{margin-bottom:1.2rem;padding:.4rem 1.2rem;border:.16rem solid #cbd1db}.works .mv .lower button .cat_title[data-v-5a756295]{font-size:1.6rem}.works .mv .lower button .num[data-v-5a756295]{font-size:1.1rem}.works .mv .lower .play[data-v-5a756295]{top:auto;bottom:0;margin:0;padding:0 0 0 3rem;overflow:hidden}}.works .work_list[data-v-5a756295]{position:relative;margin-top:9rem;padding-bottom:15rem}@media only screen and (max-width:980px){.works .work_list[data-v-5a756295]{margin-top:3.5rem;padding-bottom:9.6rem}}.works .work_list .detail[data-v-5a756295]{position:relative;margin-left:3rem}.works .work_list .detail[data-v-5a756295]:before{content:"";position:absolute;top:0;left:-3rem;bottom:0;display:block;margin:auto;width:2.4rem;height:2.4rem;background-image:url('+v+');background-size:contain;background-repeat:no-repeat}.works .work_list .detail span[data-v-5a756295]{line-height:1.2}@media only screen and (max-width:980px){.works .work_list .detail[data-v-5a756295]{margin-left:2.4rem}.works .work_list .detail[data-v-5a756295]:before{width:2rem;height:2rem}}.works .work_list ul li[data-v-5a756295]{opacity:0;-webkit-animation:layout_change-data-v-5a756295 1.2s cubic-bezier(.165,.84,.44,1) forwards;animation:layout_change-data-v-5a756295 1.2s cubic-bezier(.165,.84,.44,1) forwards}@-webkit-keyframes layout_change-data-v-5a756295{0%{opacity:0}

1to{opacity:1}}@keyframes layout_change-data-v-5a756295{0%{opacity:0}to{opacity:1}}.works .work_list ul li a *[data-v-5a756295]{pointer-events:none}.works .work_list ul li .client_wrap h3[data-v-5a756295],.works .work_list ul li .director_wrap h3[data-v-5a756295]{line-height:1.5}.works .work_list .visual_text li[data-v-5a756295]{width:100%;border-top:.1rem solid}.works .work_list .visual_text li a[data-v-5a756295]{padding:4.8rem 0}.works .work_list .visual_text li a .media_wrap[data-v-5a756295]{position:relative;width:36.5%;overflow:hidden;border-radius:1.6rem;z-index:0}.works .work_list .visual_text li a .media_wrap .ratio_fixed[data-v-5a756295]{padding-top:42%}.works .work_list .visual_text li a .media_wrap .movie_wrap[data-v-5a756295]{position:absolute;top:0;left:-1px;width:calc(100% + 2px);opacity:0;transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.works .work_list .visual_text li a .media_wrap .movie_wrap video[data-v-5a756295]{width:100%}.works .work_list .visual_text li a:hover .media_wrap .movie_wrap[data-v-5a756295]{opacity:1}.works .work_list .visual_text li a .text_wrap[data-v-5a756295]{position:relative;width:55.5%}.works .work_list .visual_text li a .text_wrap h2[data-v-5a756295]{width:66%;font-size:2.6rem;line-height:1.5;font-weight:600}.works .work_list .visual_text li a .text_wrap .time[data-v-5a756295]{position:absolute;top:0;right:0}.works .work_list .visual_text li a .text_wrap .category[data-v-5a756295]{width:100%}.works .work_list .visual_text li a .text_wrap .client_wrap[data-v-5a756295],.works .work_list .visual_text li a .text_wrap .director_wrap[data-v-5a756295]{position:absolute;left:0;bottom:0}.works .work_list .visual_text li a .text_wrap .detail[data-v-5a756295]{position:absolute;right:0;bottom:0}@media only screen and (max-width:980px){.works .work_list .visual_text li a[data-v-5a756295]{padding:2.4rem 0}.works .work_list .visual_text li a .media_wrap[data-v-5a756295]{width:100%;border-radius:1.2rem}.works .work_list .visual_text li a .text_wrap[data-v-5a756295]{display:flex;display:-ms-flex;justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;width:100%}.works .work_list .visual_text li a .text_wrap h2[data-v-5a756295]{margin-top:2.4rem;width:66%;font-size:1.6rem}.works .work_list .visual_text li a .text_wrap .time[data-v-5a756295]{position:absolute;top:2.4rem;right:0}.works .work_list .visual_text li a .text_wrap .client_wrap[data-v-5a756295],.works .work_list .visual_text li a .text_wrap .director_wrap[data-v-5a756295]{position:relative;margin-top:1.2rem;width:48%}.works .work_list .visual_text li a .text_wrap .client_wrap[data-v-5a756295]{left:0}.works .work_list .visual_text li a .text_wrap .detail[data-v-5a756295]{right:0;bottom:0}}.works .work_list .visual li[data-v-5a756295]{position:relative;margin-bottom:2.4rem;width:49%}@media only screen and (max-width:980px){.works .work_list .visual li[data-v-5a756295]{width:100%}}.works .work_list .visual li a[data-v-5a756295]{position:relative}.works .work_list .visual li a .media_wrap[data-v-5a756295]{position:relative;width:100%;overflow:hidden;border-radius:1.6rem;z-index:0}.works .work_list .visual li a .media_wrap .ratio_fixed[data-v-5a756295]{padding-top:42%}.works .work_list .visual li a .media_wrap .movie_wrap[data-v-5a756295]{position:absolute;top:0;left:0;width:100%;opacity:0;z-index:0;transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.works .work_list .visual li a .media_wrap .movie_wrap video[data-v-5a756295]{width:100%}.works .work_list .visual li a .media_wrap[data-v-5a756295]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:rgba(0,0,0,.5)}@media only screen and (max-width:980px){.works .work_list .visual li a .media_wrap[data-v-5a756295]{border-radius:1.2rem}.works .work_list .visual li a .media_wrap[data-v-5a756295]:after{content:none}}.works .work_list .visual li a .text_wrap[data-v-5a756295]{position:absolute;padding:0 2.5%;width:95%;height:100%;opacity:0}.works .work_list .visual li a .text_wrap h2[data-v-5a756295]{margin-top:1.2rem;width:74%;font-size:1.8rem;font-weight:600;line-height:1.5}.works .work_list .visual li a .text_wrap .time[data-v-5a756295]{position:absolute;top:1.2rem;right:2.5%}.works .work_list .visual li a .text_wrap .category[data-v-5a756295]{width:100%}.works .work_list .visual li a .text_wrap .client_wrap[data-v-5a756295],.works .work_list .visual li a .text_wrap .director_wrap[data-v-5a756295]{position:absolute;

1left:2.5%;bottom:1.2rem}.works .work_list .visual li a .text_wrap .detail[data-v-5a756295]{position:absolute;right:2.5%;bottom:1.2rem}@media only screen and (max-width:980px){.works .work_list .visual li a .text_wrap[data-v-5a756295]{position:relative;padding:0;width:100%;opacity:1}.works .work_list .visual li a .text_wrap h2[data-v-5a756295]{margin-top:.4rem;width:74%;font-size:1.2rem}.works .work_list .visual li a .text_wrap .time[data-v-5a756295]{top:.4rem;right:0;font-size:1.2rem;line-height:1.5}.works .work_list .visual li a .text_wrap .category[data-v-5a756295],.works .work_list .visual li a .text_wrap .client_wrap[data-v-5a756295],.works .work_list .visual li a .text_wrap .detail[data-v-5a756295],.works .work_list .visual li a .text_wrap .director_wrap[data-v-5a756295]{display:none}}.works .work_list .visual li a:hover .media_wrap .movie_wrap[data-v-5a756295],.works .work_list .visual li a:hover .media_wrap[data-v-5a756295]:after,.works .work_list .visual li a:hover .text_wrap[data-v-5a756295]{opacity:1}.works .work_list .text[data-v-5a756295]{padding-top:2.4rem;border-top:.1rem solid}@media only screen and (max-width:980px){.works .work_list .text[data-v-5a756295]{padding-top:1.2rem;border-top:none}}.works .work_list .text li[data-v-5a756295]{padding:.6rem 0;width:100%}@media only screen and (max-width:980px){.works .work_list .text li[data-v-5a756295]{border-top:.1rem solid}}.works .work_list .text li a[data-v-5a756295]{position:relative;padding:1.2rem 0;border-radius:20rem;transition:all .2s ease-out}@media only screen and (max-width:980px){.works .work_list .text li a[data-v-5a756295]{padding:1rem 0}}.works .work_list .text li a h4[data-v-5a756295]{display:none}@media only screen and (max-width:980px){.works .work_list .text li a h4[data-v-5a756295]{display:block}}.works .work_list .text li a .media_wrap[data-v-5a756295]{position:absolute;top:-5rem;right:5%;width:36.5%;opacity:0;border-radius:1.6rem;overflow:hidden;z-index:-1;transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.works .work_list .text li a .media_wrap .ratio_fixed[data-v-5a756295]{padding-top:42%}.works .work_list .text li a .media_wrap .movie_wrap[data-v-5a756295]{position:absolute;top:0;left:0;width:100%;opacity:0}.works .work_list .text li a .media_wrap .movie_wrap video[data-v-5a756295]{width:100%}.works .work_list .text li a .media_wrap[data-v-5a756295]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:rgba(0,0,0,.5)}@media only screen and (max-width:980px){.works .work_list .text li a .media_wrap[data-v-5a756295]{display:none}}.works .work_list .text li a .text_wrap[data-v-5a756295]{position:relative;display:flex;display:-ms-flex;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-ms-align-items:center;-ms-flex-align:center;justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;width:100%;z-index:1}.works .work_list .text li a .text_wrap h2[data-v-5a756295]{width:22%;font-size:1.8rem;font-weight:600;line-height:1.5;order:0}.works .work_list .text li a .text_wrap .time[data-v-5a756295]{display:none}.works .work_list .text li a .text_wrap .category[data-v-5a756295]{width:16%;order:1}.works .work_list .text li a .text_wrap .director_wrap[data-v-5a756295]{width:16%;order:2}.works .work_list .text li a .text_wrap .client_wrap[data-v-5a756295]{width:22%;order:3}.works .work_list .text li a .text_wrap .detail[data-v-5a756295]{width:20%;order:4}.works .work_list .text li a .text_wrap .detail[data-v-5a756295]:before{left:auto;right:0;bottom:0;margin:auto}.works .work_list .text li a .text_wrap .detail span[data-v-5a756295]{display:none}@media only screen and (max-width:980px){.works .work_list .text li a .text_wrap[data-v-5a756295]{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-align-items:flex-start;-ms-flex-align:flex-start}.works .work_list .text li a .text_wrap h2[data-v-5a756295]{width:90%;font-size:1.8rem;line-height:1.5;order:0}.works .work_list .text li a .text_wrap .time[data-v-5a756295]{display:none}.works .work_list .text li a .text_wrap .category[data-v-5a756295]{position:relative;margin-top:1.2rem;padding-top:2.6rem;width:48%;order:2}.works .work_list .text li a .text_wrap .category[data-v-5a756295]:before{content:"Category";position:absolute;top:0;left:0;display:block;margin:auto;font-size:1.3rem}.works .work_list .text li a .text_wrap .director_wrap[data-v-5a756295]{margin-top:1.2rem;width:31%;order:3}.works .work_list .text li a .text_wrap .client_wrap[data-v-5a756295]{margin-top:1.2rem;width:48%;order:4}.works .work_list .text li a .text_wrap .detail[data-v-5a756295]{margin-left:0;width:2.4rem;height:2.4rem;order:1}}.works .work_list .text li a[data-v-5a756295]:hover{padding:1.2rem 2.4rem;border:.1rem solid;border-radius:10rem}.works .work_list .text li a:hover .media_wrap[data-v-5a756295],.works .work_list .text li a:hover .media_wrap .movie_wrap[data-v-5a756295],.works .work_list .text li a:hover .media_wrap[data-v-5a756295]:after,.works .work_list .text li a:hover .text_wrap[data-v-5a756295]{opacity:1}@media only screen and (max-width:980px){.works .work_list .text li a[data-v-5a756295]:hover{padding:1rem 0;border:none}}.works .work_list .text_layout[data-v-5a756295]{margin-bottom:1.6rem;width:100%}.works .work_list .text_layout span[data-v-5a756295]{line-height:1.5}.works .work_list .text_layout .project[data-v-5a756295]{width:22%}.works .work_list .text_layout .category[data-v-5a756295],.works .work_list .text_layout .director_wrap[data-v-5a756295]{width:16%}.works .work_list .text_layout .client_wrap[data-v-5a756295]{width:22%}.works .work_list .text_layout[data-v-5a756295]:after{content:"";display:block;width:calc(20% + 3rem)}@media only screen and (max-width:980px){.works .work_list .text_layout[data-v-5a756295]{display:none}}',""]),t.exports=w},563:function(t,e,r){"use strict";r.r(e);var o=r(8),l=(r(45),r(10),r(20),r(25),r(478),r(26),r(84),r(54),r(147),r(46),r(68),r(69),r(70),r(356)),d=r(480),n=Object(l.createClient)({space:"100npaxgva04",accessToken:"Owkoe51AbaJkxz5fJIV4YdC7yba36hxL3ANIxy9GoyA"}),w={asyncData:function(t){return Object(o.a)(regeneratorRuntime.mark((function e(){var r,o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=t.params,!(o=t.payload)){e.next=5;break}return e.abrupt("return",{work_data:o});case 5:return e.prev=5,e.abrupt("return",Promise.all([n.getEntries({content_type:"worksCategory",order:"sys.updatedAt"}),n.getEntries({content_type:"works",order:"-fields.publishDate"})]).then((function(t){var e=t[0].items,o=t[1].items,l=r.cat?r.cat:"",d=e.length+1,n=Array(d).fill("");

1if(""!=l){for(var w,i=0;i<d;i++)if(e[i].fields.name==l){w=i;break}n[w]="selected"}else n[e.length+1]="selected";return{categories:e,works:o,currentCat:l,catSelected:n,layoutSelected:["active","",""]}})));case 9:e.prev=9,e.t0=e.catch(5);case 11:case"end":return e.stop()}}),e,null,[[5,9]])})))()},data:function(){return{isActive:!1,clipVideoUrl:"",movieUrl:"https://player.vimeo.com/video/894790565?autoplay=1&autopause=0",showreelUrl:"",iframeList:[],modalActive:!1,modalStatus:"",isModalCursorActive:"",modalCursorX:0,modalCursorY:0,titleActive:!1,listLayout:"visual_text",layoutSelectedX:0,bgWidth:40}},head:function(){return{title:"WORKS | MAD PRODUCTION（エムエーディープロダクション）",meta:[{hid:"og:title",property:"og:title",content:"WORKS | MAD PRODUCTION（エムエーディープロダクション）"},{hid:"og:url",property:"og:url",content:"https://web-mad.com/works/"}]}},mounted:function(){var t=this.categories.length+1;this.catSelected=Array(t).fill("");var e=this.$route.params.cat;if(""!=e&&null!=e){for(var r,i=0;i<this.categories.length;i++)if(this.categories[i].fields.name==e){r=i;break}this.currentCat=e,this.catSelected[r]="selected"}else this.currentCat="",this.catSelected[this.categories.length+1]="selected";this.layoutSelected=["active","",""],this.iframeList=document.querySelectorAll(".work_list ul li iframe"),this.movieUrl+=this.$device.isDesktop?"":"&muted=1"},computed:{workList:function(){if(""==this.currentCat)return this.works;for(var t=[],i=0;i<this.works.length;i++)for(var e=this.works[i],r=e.fields.category,o=0;o<r.length;o++){r[o].fields.name==this.currentCat&&t.push(e)}return t},selectedLayout:function(){return"transform: translate3d(".concat(this.layoutSelectedX,"%, 0, 0); width: ").concat(this.bgWidth,"%;")},closeMovie:function(){return"transform: translateX(calc(".concat(this.modalCursorX,"px - 60%)) translateY(calc(").concat(this.modalCursorY,"px - 55%)) translateZ(0) translate3d(0, 0, 0);")}},methods:{toToHtmlString:function(t){return Object(d.documentToHtmlString)(t)},cursorEnter:function(t){var e=this.workList[t],r=e.fields.clipVideoUrl,o=e.fields.movieUrl;r=r?r.split("?")[0]:"",o=o.split("?")[0];var iframe=this.iframeList[t];this.convertVideoUrl(iframe,r,o)},cursorLeave:function(t){this.clipVideoUrl="",this.iframeList[t].src=this.clipVideoUrl},convertVideoUrl:function(iframe,t,e){if(t){var r=t.slice(18);r=r.replace("?share=copy",""),this.clipVideoUrl="https://player.vimeo.com/video/"+r+"?autoplay=1&playsinline=1&autopause=0&title=0&portrait=0&controls=0&background=1&byline=0&muted=1&loop=1",iframe.style.top="0%",iframe.style.left="0%",iframe.style.width="100%",iframe.style.height="100%"}else{var o="";if(e.includes("https://vimeo.com/")){var l=e.slice(18);o="https://player.vimeo.com/video/"+(l=l.replace("?share=copy",""))+"?autoplay=1&playsinline=1&autopause=0&title=0&portrait=0&byline=0"}else if(e.includes("https://youtu.be/")){o="https://www.youtube.com/embed/"+e.slice(17)+"?autoplay=1&playsinline=1"}this.clipVideoUrl=o+"&background=1&muted=1&controls=0&loop=1",iframe.style.top="-21%",iframe.style.left="-15%",iframe.style.width="130%",iframe.style.height="142%"}iframe.src=this.clipVideoUrl},catNum:function(t){for(var e=[],i=0;i<this.works.length;i++)for(var r=this.works[i].fields.category,o=0;o<r.length;o++){var l=r[o];l.fields.name==this.categories[t].fields.name&&e.push(l)}return e.length},changeCat:function(t){this.catSelected.fill(""),t<this.categories.length-1?this.currentCat==this.categories[t].fields.name?(this.currentCat="",this.catSelected[t]=""):(this.catSelected[t]="selected",this.currentCat=this.categories[t].fields.name):(this.currentCat="",this.catSelected[t]="selected"),this.iframeList=document.querySelectorAll(".work_list ul li iframe")},changeLayout:function(t){this.listLayout=t,this.layoutSelected.fill(""),this.titleActive=!1,"visual_text"==t?(this.layoutSelected[0]="active",this.layoutSelectedX=0,this.bgWidth=37):"visual"==t?(this.layoutSelected[1]="active",this.layoutSelectedX=133,this.bgWidth=30):"text"==t&&(this.layoutSelected[2]="active",this.layoutSelectedX=290,this.bgWidth=25,this.titleActive=!0)},showWindow:function(){this.modalActive=!0,this.modalStatus="active",this.showreelUrl=this.movieUrl},closeWindow:function(){this.modalActive=!1,this.modalStatus="",this.showreelUrl=""},modalCursorMove:function(t){this.modalCursorX=t.clientX,this.modalCursorY=t.pageY},modalCursorEnter:function(t){this.isModalCursorActive="isModalCursorActive"},modalCursorLeave:function(t){this.isModalCursorActive=""}}},c=w,v=(r(542),r(19)),component=Object(v.a)(c,(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"works left right"},[o("div",{directives:[{name:"show",rawName:"v-show",value:t.modalActive,expression:"modalActive"}],staticClass:"modal_window flex align-center",class:t.modalStatus},[o("div",{staticClass:"cursor_wrap",on:{click:t.closeWindow,mousemove:t.modalCursorMove,mouseenter:t.modalCursorEnter,mouseleave:t.modalCursorLeave}},[o("img",{staticClass:"close movie_button",class:t.isModalCursorActive,style:t.closeMovie,attrs:{src:r(482)}})]),t._v(" "),o("div",{staticClass:"movie_wrap"},[o("div",{staticClass:"ratio_fixed"},[o("iframe",{attrs:{src:t.showreelUrl,allow:"autoplay",allowfullscreen:"",webkitallowfullscreen:""}})])])]),t._v(" "),o("div",{staticClass:"layout_switch flex align-center"},[o("div",{staticClass:"bg_black",style:t.selectedLayout}),t._v(" "),o("button",{class:t.layoutSelected[0],on:{click:function(e){return t.changeLayout("visual_text")}}},[o("svg",{attrs:{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[o("rect",{attrs:{x:"5",y:"8",width:"2",height:"2",fill:"#101010"}}),t._v(" "),o("rect",{attrs:{x:"9",y:"8",width:"10",height:"2",fill:"#101010"}}),t._v(" "),o("rect",{attrs:{x:"5",y:"12",width:"2",height:"2",fill:"#101010"}}),t._v(" "),o("rect",{attrs:{x:"9",y:"12",width:"10",height:"2",fill:"#101010"}}),t._v(" "),o("rect",{attrs:{x:"5",y:"16",width:"2",height:"2",fill:"#101010"}}),t._v(" "),o("rect",{attrs:{x:"9",y:"16",width:"10",height:"2",fill:"#101010"}})]),t._v(" "),o("span",{},[t._v("VISUAL&TEXT")])]),t._v(" "),o("button",{class:t.layoutSelected[1],on:{click:function(e){return t.changeLayout("visual")}}},[o("svg",{attrs:{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[o("rect",{attrs:{x:"5",y:"8",width:"6",height:"4",fill:"#101010"}}),t._v(" "),o("rect",{attrs:{x:"13",y:"8",width:"6",height:"4",fill:"#101010"}}),t._v(" "),o("rect",{attrs:{x:"5",y:"14",width:"6",height:"4",fill:"#101010"}}),t._v(" "),o("rect",{attrs:{x:"13",y:"14",width:"6",height:"4",fill:"#101010"}})]),t._v(" "),o("span",{},[t._v("VISUAL")])]),t._v(" "),o("button",{class:t.layoutSelected[2],on:{click:function(e){return t.changeLayout("text")}}},[o("svg",{attrs:{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[o("rect",{attrs:{x:"5",y:"8",width:"14",height:"2",fill:"#101010"}}),t._v(" "),o("rect",{attrs:{x:"5",y:"12",width:"14",height:"2",fill:"#101010"}}),t._v(" "),o("rect",{attrs:{x:"5",y:"16",width:"14",height:"2",fill:"#101010"}})]),t._v(" "),o("span",{},[t._v("TEXT")])])]),t._v(" "),o("section",{staticClass:"mv",attrs:{id:"mv"}},[t._m(0),t._v(" "),o("div",{staticClass:"lower"},[o("div",{staticClass:"wrap flex flex-start"},[o("button",{staticClass:"flex radius",class:t.catSelected[t.categories.length+1],on:{click:function(e){return t.changeCat(t.categories.length+1)}}},[o("span",{staticClass:"cat_title block"},[t._v("ALL")]),t._v(" "),o("span",{staticClass:"num block"},[t._v(t._s(t.works.length))])]),t._v(" "),t._l(t.categories,(function(e,r){return 0!=t.catNum(r)?o("button",{staticClass:"flex radius",class:t.catSelected[r],on:{click:function(e){return t.changeCat(r)}}},[o("span",{staticClass:"cat_title block"},[t._v(t._s(e.fields.name))]),t._v(" "),o("span",{staticClass:"num block"},[t._v(t._s(t.catNum(r)))])]):t._e()}))],2),t._v(" "),o("button",{staticClass:"play block",on:{click:t.showWindow}}

1,[t._v("PLAY SHOWREEL")])])]),t._v(" "),o("section",{staticClass:"work_list",attrs:{id:"work_list"}},[t.titleActive?o("div",{staticClass:"text_layout flex align-center"},[o("span",{staticClass:"project"},[t._v("Project")]),t._v(" "),o("span",{staticClass:"category inline"},[t._v("Category")]),t._v(" "),t._m(1)]):t._e(),t._v(" "),o("ul",{staticClass:"flex",class:t.listLayout},t._l(t.workList,(function(e,r){return o("li",{key:e.id,attrs:{"data-idex":r},on:{mouseover:function(e){return t.cursorEnter(r)},mouseout:function(e){return t.cursorLeave(r)}}},[o("NuxtLink",{staticClass:"flex",attrs:{to:{name:"works-detail",params:{detail:e.fields.slug}}}},[o("div",{staticClass:"media_wrap"},[o("div",{staticClass:"img_wrap"},[o("img",{attrs:{src:e.fields.thumbnail.fields.file.url}})]),t._v(" "),o("div",{staticClass:"movie_wrap"},[o("div",{staticClass:"ratio_fixed"},[o("iframe",{attrs:{src:"",allow:"autoplay; fullscreen;",allowfullscreen:"",webkitallowfullscreen:""}})])])]),t._v(" "),o("div",{staticClass:"text_wrap"},[o("h2",[t._v(t._s(e.fields.title))]),t._v(" "),o("span",{staticClass:"time inline"},[t._v(t._s(e.fields.movieTime))]),t._v(" "),o("span",{staticClass:"category inline"},[t._v("("+t._s(e.fields.category[0].fields.name)+")")]),t._v(" "),o("div",{staticClass:"client_wrap"},[o("h4",{staticClass:"block"},[t._v("Client")]),t._v(" "),o("h3",[t._v(t._s(e.fields.client))])]),t._v(" "),o("div",{staticClass:"detail"},[o("span",{staticClass:"under_line"},[t._v("VIEW DETAIL")])])])])],1)})),0)])])}),[function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"upper flex flex-start"},[r("h1",[t._v("WORKS")]),t._v(" "),r("span",{staticClass:"en inline"}

1,[t._v("制作実績")])])},function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"client_wrap"},[r("span",{staticClass:"block"},[t._v("Client")])])}],!1,null,"5a756295",null);e.default=component.exports}}]);