https://www.utadori.com/wp/wp-content/themes/e462e3f5056e/static/_…/chunks/pages/character-9aba78ca82a80ab7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[597],{77:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var n=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:.08,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:2;return"".concat(Number.parseFloat("".concat(e*t)).toFixed(r),"s")}},303:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var n=r(8845),i=r(1683),o=r.n(i),a=r(8488);let l=function(e){var t=e.pageTitle,r=e.pageDescription,i=e.pagePath,l=e.pageImgFullUrl,c=(0,n.Ji)("ogp.webp"),s=t?"".concat(t," | ").concat(n.q0):n.q0,d=r||n.GO,u=n.fS+i;return(0,a.jsxs)(o(),{children:[(0,a.jsx)("title",{children:s}),(0,a.jsx)("meta",{name:"description",content:d}),(0,a.jsx)("meta",{property:"og:url",content:u}),(0,a.jsx)("meta",{property:"og:title",content:s}),(0,a.jsx)("meta",{property:"og:description",content:d}),(0,a.jsx)("meta",{property:"og:image",content:l||c})]})}},1531:(e,t,r)=>{"use strict";function n(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}r.d(t,{A:()=>n})},5590:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/character",function(){return r(7098)}])},7098:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>L});var n=r(4599),i=r(3024),o=r(1204),a=r(6340),l=r(2319),c=r(8065),s=r(303),d=r(3115),u=r(8845),g=r(2584),p=r(3793),h=r.n(p),m=r(3520),f=r(8488);function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?j(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var v=function(e){return(0,f.jsx)("svg",b(b({},e),{},{children:(0,f.jsx)("path",{d:"M15.0849 12.468L9.59694 12.852L10.0289 17.316L7.82094 17.46L7.38894 13.012L1.77294 13.38L1.62894 11.396L7.19694 11.012L6.94094 8.356L1.91694 8.708L1.77294 6.708L6.74894 6.372L6.49294 3.668L8.66894 3.508L8.94094 6.212L14.2529 5.844L14.3969 7.844L9.13294 8.212L9.40494 10.868L14.9409 10.5L15.0849 12.468ZM27.8369 17.332L25.8529 17.572L25.1169 10.644L22.0769 10.964L21.9329 9.172L24.9089 8.9L24.6369 6.308L26.6049 6.084L26.8929 8.708L32.9569 8.148C32.9409 11.06 31.5969 13.3 29.6289 14.676L27.9009 13.508C29.4209 12.612 30.4609 11.22 30.7009 10.068L27.0689 10.452L27.8369 17.332ZM43.3089 17.428L41.7569 15.364C47.7569 14.916 50.0289 12.74 50.4129 9.86C47.6609 9.892 41.0369 9.988 40.6209 9.988V7.956H53.0209C52.9249 13.396 49.7889 16.564 43.3089 17.428ZM51.7569 6.148H41.8849V4.196L51.7569 4.18V6.148ZM61.4529 17.428L59.7249 15.428C66.5569 14.516 68.7009 10.916 69.7569 7.412H65.1649C64.0929 9.124 62.6049 10.756 60.8289 11.844L58.9089 10.244C61.9969 8.644 63.9009 5.636 64.5569 3.412L66.8609 3.892C66.7009 4.404 66.4769 4.932 66.2209 5.46C68.0609 5.444 71.5649 5.428 72.3969 5.428C71.7089 9.636 70.0769 15.716 61.4529 17.428ZM79.6239 17.46L77.9759 15.732C81.0159 15.316 83.2239 14.196 84.8239 12.804C83.7519 11.94 82.6639 11.204 81.4479 10.452L82.8239 9.012C83.7359 9.508 85.0319 10.324 86.2639 11.252C87.2399 9.956 87.7999 8.564 88.0399 7.3L83.0959 7.316C82.0239 8.9 80.5839 10.452 78.7279 11.812L76.9359 10.292C79.9439 8.628 81.9759 5.684 82.7439 3.428L84.9679 3.876C84.7439 4.404 84.4879 4.932 84.1999 5.46C86.0079 5.46 89.6719 5.444 90.5039 5.444C90.0559 9.78 87.8639 15.892 79.6239 17.46ZM109.163 11.476H95.9151V9.364H109.163V11.476Z",fill:"currentColor"})}))};v.defaultProps={width:"111",height:"20",viewBox:"0 0 111 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var x=function(e){return(0,f.jsx)("svg",b(b({},e),{},{children:(0,f.jsx)("path",{d:"M14.8523 16.164H1.23631V14.1H9.71631L10.1643 7.092H2.24431V5.06H12.6123L12.0843 14.1H14.8523V16.164ZM33.9243 15.972H20.5163V13.812H33.9243V15.972ZM32.6923 7.604H21.7803V5.508H32.6923V7.604ZM43.1397 17.268L41.5557 15.636C46.5157 14.404 48.5317 12.18 48.8197 6.804L50.9317 7.108C50.3237 12.372 48.9157 15.588 43.1397 17.268ZM43.7317 11.396L41.8437 12.036C41.5717 10.628 41.0917 9.028 40.5317 7.684L42.3557 7.252C42.9157 8.468 43.4437 10.036 43.7317 11.396ZM47.0437 11.028L45.1077 11.556C44.9637 10.308 44.5317 8.564 44.0357 7.268L45.9237 6.9C46.3877 8.164 46.8677 9.796 47.0437 11.028ZM71.6197 10.66L70.7237 12.98C68.2597 11.62 65.1877 10.5 62.7077 9.732V17.316L60.4357 17.3V3.588H62.7077V7.508C64.7717 8.1 69.1397 9.428 71.6197 10.66Z",fill:"currentColor"})}))};x.defaultProps={width:"73",height:"20",viewBox:"0 0 73 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"};let L=function(e){e.isLoaded;var t=(0,m.useRouter)().query,r=null==t?void 0:t.tag,n=(0,o.useRef)(null),i=(0,o.useState)(d.mc),c=i[0],g=i[1],p=d.RP,h=function(e,t){t.style.height="".concat(t.clientHeight/10,"rem"),g(e),setTimeout(function(){return t.style.height=""},30)};(0,o.useEffect)(function(){if(null!==n.current){var e=d.mc.filter(function(e){var t;return!r||(null==(t=e.tags)?void 0:t.includes(r))});JSON.stringify(c)!==JSON.stringify(e)&&h(e,n.current)}},[r]);var j=(0,o.useState)(!1),b=j[0],x=j[1];return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(s.A,{pagePath:"/character/",pageTitle:"CHARACTER"}),(0,f.jsxs)(l.iN,{children:[(0,f.jsx)(l.a1,{children:(0,f.jsx)(l.Wz,{as:"h1",isHeading:!0,isIntersected:!0,$title:"CHARACTER",children:(0,f.jsx)(v,{role:"img","aria-label":"キャラクター"})})}),(0,f.jsx)(w,{children:(0,f.jsxs)(y,{children:[(0,f.jsxs)(_,{className:b?"is-open":"is-closed",children:[(0,f.jsx)(A,{children:(0,f.jsx)("span",{children:"FILTER"})}),(0,f.jsxs)(O,{children:[(0,f.jsx)(q,{onClick:function(){return x(!b)},children:(0,f.jsxs)(k,{children:["MORE",(0,f.jsx)(N,{})]})}),(0,f.jsxs)(H,{children:[(0,f.jsx)($,{children:(0,f.jsx)(P,{href:"/character/",className:r?"":"is-current",replace:!0,scroll:!1,children:"ALL"})}),p.map(function(e){return(0,f.jsx)($,{children:(0,f.jsx)(V,{href:"/character/?tag=".concat(e),className:r===e?"is-current":"",replace:!0,scroll:!1,children:e})},e)})]})]})]}),(0,f.jsx)(C,{ref:n,children:c.map(function(e,t){return(0,f.jsx)(a.v,{characterItem:e,$index:t,$isArchive:!0},"".concat(e.id,"_").concat(r))})}),(0,f.jsxs)(E,{id:"unit",children:[(0,f.jsx)(l.Wz,{isIntersected:!0,$title:"UNIT",$texture:(0,u.Ji)("assets/unit/ttl-texture.svg"),children:(0,f.jsx)(R,{role:"img","aria-label":"ユニット"})}),(0,f.jsx)(T,{children:d.rk.map(function(e){return(0,f.jsx)(z,{children:(0,f.jsx)(S,{href:"/character/unit/".concat(e.id,"/"),children:(0,f.jsx)(I,{src:(0,u.Ji)("assets/unit/".concat(e.id,"/bnr.webp")),alt:e.unitName})})},"unit_".concat(e.id))})})]})]})})]})]})};var w=(0,i.A)("div",{target:"euqlj718"})("padding:8rem 0;",u.$_.mobile,"{padding:4rem 0;}"),y=(0,i.A)("div",{target:"euqlj717"})(u.$_.pc,"{width:128rem;margin-inline:auto;}",u.$_.mobile,"{padding:0 1.6rem;}"),C=(0,i.A)("ul",{target:"euqlj716"})("display:grid;grid-template-columns:repeat(4, 1fr);gap:5.6rem;",u.$_.mobile,"{grid-template-columns:repeat(2, 1fr);gap:1.6rem;}"),_=(0,i.A)("div",{target:"euqlj715"})("--closed-height:9rem;background-color:var(--color_white);border:solid 0.1rem rgba(0, 0, 0, 0.1);margin-bottom:6.4rem;overflow:hidden;",u.$_.pc,"{display:grid;grid-template-columns:12rem 1fr;}",u.$_.mobile,"{margin-bottom:4rem;--closed-height:10rem;}"),A=(0,i.A)("h2",{target:"euqlj714"})("font-family:var(--font_en);font-weight:800;background-color:var(--color_black);color:var(--color_white);",u.$_.mobile,"{padding:0.8rem 0;text-align:center;}>span{",u.$_.pc,"{display:grid;place-content:center;height:100%;}}"),O=(0,i.A)("div",{target:"euqlj713"})("padding:1.2rem 2.4rem;box-sizing:border-box;position:relative;",u.$_.mobile,"{padding:1.2rem 1.6rem;}.is-closed &{height:var(--closed-height);}"),q=(0,i.A)("div",{target:"euqlj712"})({name:"1qv40a0",styles:"position:absolute;display:flex;bottom:0;left:0;z-index:1;justify-content:center;align-items:center;width:100%;height:6rem;background:linear-gradient(\n    to bottom,\n    rgba(255, 255, 255, 0) 0%,\n    rgba(255, 255, 255, 0.8) 50%,\n    rgba(255, 255, 255, 0.9) 100%\n  );cursor:pointer;transition:filter 0.1s ease-in-out;&:hover{filter:brightness(0.95);}.is-open &{display:none;}"}),k=(0,i.A)("div",{target:"euqlj711"})("font-family:var(--font_en);font-size:1.4rem;font-weight:700;color:var(--color_white);transition:all 0.1s ease-in-out;display:flex;align-items:center;gap:0.6rem;padding:0.8rem 1.2rem;border-radius:4rem;background-color:rgba(50, 50, 50, 0.6);box-shadow:0 0 0.4rem rgba(0, 0, 0, 0.1);",u.$_.mobile,"{font-size:1.2rem;}",q,":hover &{background-color:var(--color_accent);color:var(--color_white);}"),H=(0,i.A)("ul",{target:"euqlj710"})("display:flex;align-items:center;flex-wrap:wrap;gap:0.8rem 1.2rem;min-height:100%;",u.$_.mobile,"{gap:0.4rem 0.8rem;}"),$=(0,i.A)("li",{target:"euqlj79"})(""),M=(0,g.AH)(a.u,";text-decoration:none;transition:0.3s ease-in-out;transition-property:background-color,color;&:hover{color:var(--color_accent);}&.is-current{background-color:var(--color_accent);color:var(--color_white);}",""),P=(0,i.A)(h(),{target:"euqlj78"})(M,";padding-left:0.6rem;&::before{content:none!important;}"),V=(0,i.A)(h(),{target:"euqlj77"})(M,";"),N=function(){return(0,f.jsx)(Z,{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M2 5L8 11L14 5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},Z=(0,i.A)("svg",{target:"euqlj76"})({name:"s4uw1n",styles:"width:1em;height:auto"}),E=(0,i.A)("div",{target:"euqlj75"})("padding-top:16rem;",u.$_.mobile,"{padding-top:6.4rem;}"),R=(0,i.A)(x,{target:"euqlj74"})({name:"5ybpti",styles:"color:#ff3c3c"}),T=(0,i.A)("ul",{target:"euqlj73"})("display:grid;grid-template-columns:repeat(2, 1fr);gap:8rem;",u.$_.mobile,"{grid-template-columns:100%;gap:1.6rem;}"),z=(0,i.A)("li",{target:"euqlj72"})(""),S=(0,i.A)(c.Ay,{target:"euqlj71"})({name:"1v1p39v",styles:"display:block;transition:filter 0.3s ease-in-out;&:hover{filter:brightness(1.15);}"}),I=(0,i.A)("img",{target:"euqlj70"})({name:"1217fb7",styles:"width:100%;vertical-align:top"})}},e=>{e.O(0,[340,636,593,792],()=>e(e.s=5590)),_N_E=e.O()}]);