https://www.m-hand.co.jp/_next/static/chunks/8300-c310cbfcfdd10a25.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8300],{6016:function(e,t,n){n.d(t,{W:function(){return s}});var a=n(5893),l=n(3967),r=n.n(l);class i extends Error{constructor(e,t=`Unsupported type: ${e}`){super(t)}}let s=({children:e,className:t,size:n="default",withDefaultPaddingSide:l=!0})=>{let s=(e=>{switch(e){case"full":return`w-full${l&&" px-[var(--contents--padding--side)"}]`;case"large":return`max-w-[var(--contents--width--large)]${l&&" px-[var(--contents--padding--side)]"}`;case"default":return`max-w-[var(--contents--width)]${l&&" px-[var(--contents--padding--side)]"}`;default:throw new i(e)}})(n);return(0,a.jsx)("div",{className:r()([s,t]),children:e})}},5286:function(e,t,n){n.d(t,{f:function(){return i}});var a=n(5893),l=n(7294),r=n(8602);let i=({sub:e,copy:t,slug:n,as:i,color:s,className:c,modal:o,decoImage:u})=>{let[m,d]=(0,l.useState)({isOpen:!1,initialIndex:0});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{id:"intro01",className:`c-intro01 js-c-anime-elem${s?` has-color ${s}`:""}`,"data-amim-parent":!0,children:[(0,a.jsxs)("div",{className:"c-intro01__inner u-inner",children:[t?(0,a.jsx)("p",{className:"c-head01 u-en u-uppercase","data-anime":"fadein-down",children:e}):(0,a.jsx)("h1",{className:`${c} c-head01 u-en u-uppercase`,"data-anime":"fadein-down",children:e}

1),o?.id&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("button",{className:"c-intro01-modal__btn u-en u-uppercase",onClick:()=>{d({isOpen:!0,initialIndex:0})},children:(0,a.jsx)("span",{className:"c-intro01-modal__btn-txt",children:"view more"})},o.id),(0,a.jsx)(r.Z,{isOpen:m.isOpen,onClose:()=>{d(e=>({...e,isOpen:!1}))},items:[o],initialIndex:m.initialIndex,variant:"minimal",loop:!1})]})]}),u&&(0,a.jsx)("img",{src:u.src,alt:"",width:u.width,height:u.height,loading:"lazy",className:`c-intro01-${n}`,"data-anime":"bounce"})]}),t&&(0,a.jsx)("div",{id:"intro02",className:"c-intro02",children:(0,a.jsx)(i||"h1",{className:"c-intro02__img",children:(0,a.jsxs)("picture",{children:[(0,a.jsx)("source",{srcSet:`/images/${n}/img_intro01_pc.webp`,media:"(min-width: 768px)"}),(0,a.jsx)("img",{src:`/images/${n}/img_intro01_sp.webp`,alt:`${t}`})]})})})]})}},7393:function(e,t,n){n.d(t,{w:function(){return i}});var a=n(5893),l=n(7294),r=n(5601);let i=({children:e,hoverText:t,href:n,hasHref:i=!0,className:s,aLabel:c,as:o="p",font:u="en",hasArrow:m=!0,onClick:d})=>{let[h,g]=(0,l.useState)(!1),[p,f]=(0,l.useState)(!1),[x]=(0,l.useState)(e),[_,b]=(0,l.useState)(x),v=(0,l.useRef)(null);(0,l.useEffect)(()=>{if(!p)return;let e=()=>{let e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()";return e[Math.floor(Math.random()*e.length)]};(()=>{v.current&&cancelAnimationFrame(v.current);let n=String(h?t:x),a=String(_),l=0,r=()=>{let t=++l/30,i=a.length,s=n.length,c="",o=Math.floor(i+(s-i)*Math.min(t,1));for(let t=0;t<s;t++)(l-3*t)/10<1?t<o&&(c+=e()):c+=n[t];c.length<o&&(c+=Array(o-c.length).fill(0).map(e).join("")),b(c),c!==n&&(v.current=requestAnimationFrame(r))};v.current=requestAnimationFrame(r)})()},[h,p,t,x]),(0,l.useEffect)(()=>()=>{v.current&&cancelAnimationFrame(v.current)},[]);let w=(0,a.jsxs)(a.Fragment,{children:[m&&(0,a.jsx)("span",{className:"c-btn02__arrow"}),(0,a.jsx)("span",{className:`c-btn02__txt ${"en"===u&&"u-en u-uppercase"}`,children:_})]});return(0,a.jsx)(o,{className:`c-btn02 ${s} ${h?"is-hovered":""}`,onMouseEnter:()=>{p||f(!0),g(!0)},onMouseLeave:()=>g(!1),children:i&&n?(0,a.jsx)(r.P,{href:n,className:"c-btn02__link","aria-label":c,children:w}):(0,a.jsx)("span",{className:"c-btn02__link",onClick:d,children:w})})}},8602:function(e,t,n){var a=n(5893),l=n(7294),r=n(1163),i=n(8333),s=n(7393),c=n(5601);t.Z=({isOpen:e,onClose:t,items:n=[],initialIndex:o=0,variant:u="full",loop:m=!1})=>{let d=(0,l.useCallback)(e=>n&&0!==n.length&&e>=0&&e<n.length?e:0,[n]),[h,g]=(0,l.useState)(e),[p,f]=(0,l.useState)(!1),[x,_]=(0,l.useState)(d(o)),[b,v]=(0,l.useState)({}),w=(0,r.useRouter)();(0,l.useEffect)(()=>{let n=()=>{e&&t()};return w.events.on("routeChangeStart",n),()=>{w.events.off("routeChangeStart",n)}},[e,t,w.events]);let j=(0,l.useRef)(null),N=(0,l.useRef)(null),$=(0,l.useCallback)(async()=>{if(N.current)try{let e,t;let n=await N.current.getVideoWidth(),a=await N.current.getVideoHeight();if(0===n||0===a)return;let l=n/a,r=window.innerHeight-150,i=50;window.innerWidth>=768&&(i=80);let s=window.innerWidth-i,c=Math.min(1e3,s),o=Math.min(1e3,r);o*l<=c?e=(t=o)*l:t=(e=c)/l,v({width:`${Math.round(e)}px`,height:`${Math.round(t)}px`})}catch(e){console.error("Vimeo player error during updateSize:",e)}},[]);(0,l.useEffect)(()=>{if(e){g(!0);let e=setTimeout(()=>{f(!0)},10);return()=>clearTimeout(e)}{f(!1);let e=setTimeout(()=>{g(!1)},300);return()=>clearTimeout(e)}},[e]),(0,l.useEffect)(()=>{e&&_(d(o))},[e,o,d]);let k=n[x];if((0,l.useEffect)(()=>{let t;if(!e||!p||!k||!k.vimeoUrl||!j.current)return;let n={url:k.vimeoUrl,autoplay:!0,muted:!0,unmute_button:!1,loop:!0},a=new i.Z(j.current,n);N.current=a;let l=()=>{clearTimeout(t),t=setTimeout(()=>$(),150)};return a.on("loaded",()=>{setTimeout(()=>$(),50)}),window.addEventListener("resize",l),()=>{window.removeEventListener("resize",l),clearTimeout(t),N.current&&(N.current.destroy(),N.current=null)}},[e,p,k,$]),!h||0===n.length)return null;let C=e=>!!(e?.modalImage||e?.publicLogImage||e?.vimeoUrl),S=e=>{let t=n.length;if(t<=1)return -1;for(let a=1;a<t;a++){let l=(e+a)%t;if(C(n[l]))return l}return -1},I=e=>{let t=n.length;if(t<=1)return -1;for(let a=1;a<t;a++){let l=(e-a+t)%t;if(C(n[l]))return l}return -1};if(!k)return null;let E=k?.modalImage||k?.publicLogImage,y=I(x),M=S(x),T=-1!==y?n[y]:null,L=-1!==M?n[M]:null,F="minimal"!==u&&n.length>1,U=!m&&(-1===y||y>x),O=!m&&(-1===M||M<x);return(0,a.jsx)("div",{className:`c-modal01 ${p?"is-visible":""}`,onClick:t,children:(0,a.jsxs)("div",{className:"c-modal01__content",onClick:e=>e.stopPropagation(),children:[F&&(0,a.jsx)("button",{className:"c-modal01__nav

1-button c-modal01__nav-button--prev",onClick:()=>{let e=I(x);-1!==e&&_(e)},disabled:U,"aria-label":"前のコンテンツへ",children:"full"===u&&"modalImage"in k&&T?.slug?(0,a.jsx)("img",{src:`/images/publiclog/category/${T.slug}.webp`,alt:`前へ`}):(0,a.jsx)("span",{className:"c-modal01__nav-button-icon is-prev"})}),(0,a.jsxs)("div",{className:"c-modal01__image-container",children:[k.vimeoUrl?(0,a.jsx)("div",{className:"c-modal01__vimeo-container",ref:j,style:b}):E?"full"===u&&"modalImage"in k?(0,a.jsx)(c.P,{href:`/publiclog/${k.slug}/`,className:"c-btn02__link",children:(0,a.jsx)("img",{src:`${E.url}?fm=webp&fit=crop&w=1100`,alt:"",className:"c-modal01__main-image"})}):(0,a.jsx)("img",{src:`${E.url}?fm=webp&fit=crop&w=1100`,alt:"",className:"c-modal01__main-image"}):null,(0,a.jsx)("button",{className:"c-modal01__close-button",onClick:t,"aria-label":"閉じる"}),"full"===u&&"modalImage"in k&&(0,a.jsx)(s.w,{href:`/publiclog/${k.slug}/`,className:"c-modal01__view-more-button is-white",aLabel:`PUBLIC LOG カテゴリー${k.slug?.toUpperCase()}ページへ`,hoverText:"view more",onClick:t,children:"view more"})]}),F&&(0,a.jsx)("button",{className:"c-modal01__nav-button c-modal01__nav-button--next",onClick:()=>{let e=S(x);-1!==e&&_(e)},disabled:O,"aria-label":"次のコンテンツへ",children:"full"===u&&"modalImage"in k&&L?.slug?(0,a.jsx)("img",{src:`/images/publiclog/category/${L.slug}.webp`,alt:`次へ`}):(0,a.jsx)("span",{className:"c-modal01__nav-button-icon is-next"})})]})})}}}]);