https://www.suncackikaku.com/_next/static/chunks/pages/works/category/%5Bid%5D-cc5b1a28c6f84bfb.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5197],{323:(e,a,s)=>{"use strict";s.r(a),s.d(a,{__N_SSP:()=>g,default:()=>p});var c=s(7876),t=s(5961),d=s.n(t),n=s(7928),i=s(5536),r=s(9023),o=s(4945),l=s(2297),x=s(3935),b=s(6157),_=s(8230),f=s.n(_),j=s(8827),h=s.n(j),g=!0;function p(e){let{works:a,categories:s,category:t,tags:_}=e;return(0,b.s)(),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(n.A,{pageTitle:"".concat(t.data&&t.data.name),pageDescription:"サンカクキカクは福岡県久留米市に本社を置くデザイン会社です。".concat(t.data&&t.data.name,"に関する制作実績の一覧ページです。"),pagePath:"https://suncackikaku.com/works/category/".concat(t.data&&t.data.slug)}),(0,c.jsxs)("div",{className:"jsx-b69dfd6d78ea7cb4 body_inner",children:[(0,c.jsx)("div",{className:"jsx-b69dfd6d78ea7cb4 contents_wrapper",children:(0,c.jsxs)(o.A,{children:[(0,c.jsxs)("div",{className:"jsx-b69dfd6d78ea7cb4 main",children:[(0,c.jsx)("div",{className:"jsx-b69dfd6d78ea7cb4 section_title_box",children:(0,c.jsxs)("div",{className:"jsx-b69dfd6d78ea7cb4 section_title_inner",children:[(0,c.jsx)("h1",{className:"jsx-b69dfd6d78ea7cb4 section_title",children:"".concat(t.data&&t.data.name)}),(0,c.jsx)("p",{className:"jsx-b69dfd6d78ea7cb4 section_title_sub",children:"制作実績"})]})}),(0,c.jsxs)("div",{className:"jsx-b69dfd6d78ea7cb4 works_wrapper width_adjustment",children:[(0,c.jsx)("div",{className:"jsx-b69dfd6d78ea7cb4 content_category_block",children:(0,c.jsx)(l.A,{categories:s,selectedCategory:t})}),(0,c.jsx)("div",{className:"jsx-b69dfd6d78ea7cb4 works_tag_block",children:(0,c.jsx)(x.A,{tags:_})}),(0,c.jsx)("div",{className:"jsx-b69dfd6d78ea7cb4 works_contents_block",children:(0,c.jsx)("div",{className:"jsx-b69dfd6d78ea7cb4 works_contents_inner",children:a.data&&a.data.map(e=>(0,c.jsx)("div",{className:"jsx-b69dfd6d78ea7cb4 works_contents_box",children:(0,c.jsx)("p",{className:"jsx-b69dfd6d78ea7cb4 works_contents_img",children:(0,c.jsx)(f(),{href:"/works/".concat(e.slug),legacyBehavior:!0,children:(0,c.jsx)("a",{className:"jsx-b69dfd6d78ea7cb4 works_contents_a",children:(0,c.jsx)(h(),{src:e.eye_catching,alt:e.title,width:1600,height:1200})})})})},e.id))})})]})]}),(0,c.jsx)(i.A,{})]})}),(0,c.jsx)(r.A,{})]}),(0,c.jsx)(d(),{id:"b69dfd6d78ea7cb4",children:'.works_wrapper.jsx-b69dfd6d78ea7cb4{background:#FFF;padding:50px 25px}.works_tag_block.jsx-b69dfd6d78ea7cb4{margin:auto}.works_tag_list.jsx-b69dfd6d78ea7cb4{display:flex;flex-wrap:wrap;gap:13px 16px;margin-bottom:60px}.works_tag_a.jsx-b69dfd6d78ea7cb4{display:inline-block;font-family:"Noto Sans Japanese";font-style:normal;font-weight:500;font-size:12px;line-height:160%;text-align:center;letter-spacing:.12em;color:#8A8A8A;border:.5px solid#CFCFCF;padding:5px 10px}.works_contents_inner.jsx-b69dfd6d78ea7cb4{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin:auto}.works_contents_a.jsx-b69dfd6d78ea7cb4:hover{opacity:.6}@media screen and (min-width:600px){}@media screen and (min-width:768px){}@media screen and (min-width:1023px){.works_tag_a.jsx-b69dfd6d78ea7cb4:hover{color:#FFF;background:#EC6D59}}@media screen and (min-width:1399px){}@media screen and (min-width:1400px){}'})]})}},2297:(e,a,s)=>{"use strict";s.d(a,{A:()=>r});var c=s(7876),t=s(5961),d=s.n(t),n=s(8230),i=s.n(n);function r(e){let{categories:a,selectedCategory:s}=e;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("ul",{className:"jsx-2d8fbe21dcfe29c3 content_category_list",children:[(0,c.jsx)("li",{className:"jsx-2d8fbe21dcfe29c3 content_category_li",children:(0,c.jsx)(i(),{href:"/works",legacyBehavior:!0,children:(0,c.jsx)("a",{className:"jsx-2d8fbe21dcfe29c3 "+((s?"content_category_a":"content_category_a active")||""),children:"ALL"})})}),a.data.map(e=>s&&s.data.id==e.id?(0,c.jsx)("li",{className:"jsx-2d8fbe21dcfe29c3 content_category_li",children:(0,c.jsx)(i(),{href:"/works/category/".concat(e.slug),legacyBehavior:!0,children:(0,c.jsx)("a",{className:"jsx-2d8fbe21dcfe29c3 content_category_a active",children:e.name})})},e.id):(0,c.jsx)("li",{className:"jsx-2d8fbe21dcfe29c3 content_category_li",children:(0,c.jsx)(i(),{href:"/works/category/".concat(e.slug),legacyBehavior:!0,children:(0,c.jsx)("a",{className:"jsx-2d8fbe21dcfe29c3 content_category_a",children:e.name})})},e.id))]}),(0,c.jsx)(d(),{id:"2d8fbe21dcfe29c3",children:'.content_category_list.jsx-2d8fbe21dcfe29c3{max-width:450px;display:flex;justify-content:space-between;margin-bottom:40px}.content_category_a.jsx-2d8fbe21dcfe29c3{display:inline-block;font-family:"Noto Sans Japanese";font-style:normal;font-weight:500;font-size:12px;line-height:17px;text-align:center;color:#8A8A8A;padding:10px;border-bottom:1px solid#FFF}

1.content_category_a.jsx-2d8fbe21dcfe29c3:hover{border-bottom:1px solid#EC6D59;color:#EC6D59}.content_category_a.active.jsx-2d8fbe21dcfe29c3{border-bottom:1px solid#EC6D59;color:#EC6D59}'})]})}},3935:(e,a,s)=>{"use strict";s.d(a,{A:()=>r});var c=s(7876),t=s(5961),d=s.n(t),n=s(8230),i=s.n(n);function r(e){let{tags:a,selectedTag:s}=e;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("ul",{className:"jsx-aa1576fea2ce05bc works_tag_list",children:a.data&&a.data.map(e=>s&&s.data.id==e.id?(0,c.jsx)("li",{className:"jsx-aa1576fea2ce05bc works_tag_li active",children:(0,c.jsx)(i(),{href:"/works/tag/".concat(e.slug),legacyBehavior:!0,children:(0,c.jsx)("a",{className:"jsx-aa1576fea2ce05bc works_tag_a",children:e.name})})},e.id):(0,c.jsx)("li",{className:"jsx-aa1576fea2ce05bc works_tag_li",children:(0,c.jsx)(i(),{href:"/works/tag/".concat(e.slug),legacyBehavior:!0,children:(0,c.jsx)("a",{className:"jsx-aa1576fea2ce05bc works_tag_a",children:e.name})})},e.id))}),(0,c.jsx)(d(),{id:"aa1576fea2ce05bc",children:'.works_tag_list.jsx-aa1576fea2ce05bc{display:flex;flex-wrap:wrap;gap:13px 16px;margin-bottom:60px}.works_tag_a.jsx-aa1576fea2ce05bc{display:inline-block;font-family:"Noto Sans Japanese";font-style:normal;font-weight:500;font-size:12px;line-height:160%;text-align:center;letter-spacing:.12em;color:#8A8A8A;border:.5px solid#CFCFCF;padding:5px 10px}.works_tag_li.active.jsx-aa1576fea2ce05bc .works_tag_a.jsx-aa1576fea2ce05bc{color:#FFF;background:#EC6D59}@media screen and (min-width:1023px){.works_tag_a.jsx-aa1576fea2ce05bc:hover{color:#FFF;background:#EC6D59}}'})]})}},4026:(e,a,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/works/category/[id]",function(){return s(323)}])},4945:(e,a,s)=>{"use strict";s.d(a,{A:()=>n});var c=s(7876),t=s(8969),d=s(861);function n(e){let{children:a}=e;return(0,c.jsx)(t.N,{onExitComplete:()=>window.scrollTo(0,0),children:(0,c.jsx)(d.P.div,{variants:{hidden:{opacity:0,x:0,y:20},enter:{opacity:1,x:0,y:0},exit:{opacity:0,x:0,y:20}},initial:"hidden",animate:"enter",exit:"exit",transition:{duration:.4,type:"easeInOut"},style:{position:"relative"},children:a})})}}},e=>{e.O(0,[9918,5695,2963,2029,5375,3835,636,6593,8792],()=>e(e.s=4026)),_N_E=e.O()}]);