https://masachiro.com/_next/static/chunks/3158.5c2eb0e113b444de.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3158],{3158:function(e,t,n){n.r(t),n.d(t,{default:function(){return Base1}});var a=n(2196),l=n(1661),s=n(8578),i=n(5171),r=n(2414),o=n(4544),c=n(2393),d=n(1552),u=n(3257),h=n(1997);let SearchIcon=e=>{let{width:t=28,height:n=28,color:l=h.UZ.COLOR,...s}=e;return(0,a.jsx)("svg",{width:t,height:n,viewBox:"0 0 21 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s,children:(0,a.jsx)("path",{d:"M10.1719 2.83789C14.3394 2.83789 17.7186 6.21628 17.7188 10.3838C17.7188 12.1847 17.086 13.8375 16.0332 15.1348L19.9336 19.25C20.3158 19.6533 20.2988 20.2906 19.8955 20.6729C19.4922 21.055 18.8549 21.038 18.4727 20.6348L14.5684 16.5146C13.3301 17.4042 11.8129 17.9307 10.1719 17.9307C6.00436 17.9305 2.62598 14.5513 2.62598 10.3838C2.62613 6.21637 6.00446 2.83804 10.1719 2.83789ZM10.1719 4.85059C7.11583 4.85074 4.63882 7.32774 4.63867 10.3838C4.63867 13.44 7.11573 15.9178 10.1719 15.918C13.2281 15.918 15.7061 13.4401 15.7061 10.3838C15.7059 7.32765 13.2281 4.85059 10.1719 4.85059Z",fill:"#333333"})})};var x=n(1038),f=n(3754);let SpSearchIcon=e=>{let{className:t,searchBoxState:n,searchBoxActions:l}=e,s=n.isOpen,i=n.keyword,r=l.setIsOpen,o=l.setIsFocused,c=l.setSelectionStart,d=l.setSelectionEnd;return s?null:(0,a.jsx)("div",{className:(0,f.cn)("relative flex items-center justify-center rounded-s bg-white","h-[34px] w-[34px]",t),children:(0,a.jsx)("button",{type:"button",className:"flex h-full w-full items-center justify-center",onClick:()=>{r(!0),o(!0);let e=i.length;c(e),d(e)},"aria-label":"検索",children:(0,a.jsx)(SearchIcon,{color:x.theme.color.TEXT_BLACK,width:24,height:24})})})},SpSearchBox=e=>{let{className:t,searchBoxState:n,searchBoxActions:s,base:i,onSearch:r}=e,o=n.isOpen,c=n.keyword,d=n.disableTransition,u=n.isFocused,g=n.selectionStart,m=n.selectionEnd,b=s.setIsOpen,p=s.setKeyword,v=s.setDisableTransition,j=s.setIsFocused,A=s.setSelectionStart,S=s.setSelectionEnd,y=(0,l.useRef)(null);(0,l.useEffect)(()=>{let e=y.current;if(e){if(u){if(e.focus(),null!==g&&null!==m)try{e.setSelectionRange(g,m)}catch(e){}}else e.blur()}},[u,g,m]);let handleClose=()=>{v(!0),b(!1),j(!1),setTimeout(()=>v(!1),0)},C="PREVIEW"===i.mode;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:(0,f.cn)("z-sp-drawer bg-ui-overlay","opacity-0 transition-opacity duration-300",o&&"opacity-100",!o&&"pointer-events-none",C?"absolute inset-0":"fixed inset-0"),onClick:handleClose}),(0,a.jsx)("div",{className:(0,f.cn)("left-0 right-0 top-0 z-sp-drawer bg-white",!d&&"transition-transform duration-300",o?"translate-y-0":"-translate-y-full",C?"absolute w-[376px]":"fixed",t),children:(0,a.jsxs)("div",{className:"flex items-center gap-12 px-16 py-12",children:[(0,a.jsx)("form",{className:"flex-1",onSubmit:e=>{e.preventDefault(),c.trim()&&(null==r||r(c.trim()),handleClose())},children:(0,a.jsxs)("div",{className:"relative flex w-full items-center rounded-s border border-ui-dark bg-white",children:[(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("label",{className:"block px-12 pt-4 text-s text-text-black",children:"検索"}),(0,a.jsx)("input",{ref:y,type:"text",value:c,maxLength:60,onChange:e=>{p(e.target.value),A(e.target.selectionStart),S(e.target.selectionEnd)},onSelect:e=>{let t=e.target;A(t.selectionStart),S(t.selectionEnd)},onFocus:()=>{j(!0)},onBlur:()=>{j(!1),A(null),S(null)},autoFocus:o,className:"w-full bg-transparent px-12 pb-8 text-l text-text-black focus-visible:outline-none"})]}),(0,a.jsx)("button",{type:"submit",className:"flex h-full items-center justify-center px-12","aria-label":"検索実行",children:(0,a.jsx)(SearchIcon,{color:x.theme.color.TEXT_BLACK,width:24,height:24})})]})}),(0,a.jsx)("button",{type:"button",className:"flex h-[34px] w-[34px] flex-shrink-0 items-center justify-center",onClick:handleClose,"aria-label":"閉じる",children:(0,a.jsx)(h.Tw,{color:x.theme.color.TEXT_BLACK,width:20,height:20})})]})})]})},GlobalDrawerMenu=e=>{let{setActive:t,MenuLink:n}=e,{searchBoxState:l,searchBoxActions:s}=(0,i.lg)();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(u.O,{...e}),(0,f.jV)(e.design.menus)&&(0,a.jsx)(SpSearchBox,{searchBoxState:e.searchBoxState||l,searchBoxActions:e.searchBoxActions||s,base:e.base,onSearch:e.onSearch}),(0,a.jsxs)("div",{className:(0,f.cn)("relative z-[1] flex h-[48px] max-h-[48px] items-center justify-center px-[96px]"),children:[(0,a.jsx)("div",{className:"absolute bottom-0 left-16 top-0 flex items-center",children:(0,a.jsx)("div",{className:"flex h-[34px] w-[34px] items-center justify-center rounded-[4px] bg-white",children:(0,a.jsx)("button",{type:"button",onClick:()=>{t&&t(!0)},"aria-label":"メニュー",children:(0,a.jsx)(h.Oq,{className:"relative z-[1] block",color:x.theme.color.TEXT_BLACK})})})}),(0,a.jsx)(n,{type:"HOME",customHref:void 0,className:"block max-w-full",children:(0,a.jsx)("h1",{className:"truncate text-[14px] font-normal text-text-black",children:e.currentShop.shop.name})}),(0,a.jsxs)("div",{className:"absolute bottom-0 right-16 top-0 flex items-center gap-x-8",children:[(0,f.jV)(e.design.menus)&&(0,a.jsx)(SpSearchIcon,{searchBoxState:e.searchBoxState||l,searchBoxActions:e.searchBoxActions||s}),(0,a.jsx)(i.Cm,{type:"ICON_ONLY",onGlobal:e.onGlobal,setActive:t,base:e.base,showSearchBox:!1,searchBoxState:e.searchBoxState||l,searchBoxActions:e.searchBoxActions||s,onSearch:e.onSearch})]})]})]})};var Base1=e=>{var t,n,u,h;let{children:x,headerFixed:f,footerFixed:g,...m}=e,b=m.design.basic,p=null===(t=m.design.banner)||void 0===t?void 0:t.headerBanner,{isDismissed:v,handleDismiss:j}=(0,d.W)({bannerId:null!==(h=null==p?void 0:p.id)&&void 0!==h?h:"",bannerData:{text:null==p?void 0:p.text,fontColor:null==p?void 0:p.fontColor,backgroundColor:null==p?void 0:p.backgroundColor,fontSize:null==p?void 0:p.fontSize},isPreviewMode:"VIEW"!==m.base.mode}),A=(0,c.W9)({banner:p,mode:m.base.mode,pageType:m.base.menuType})&&!v;return(0,a.jsxs)(s.Dw,{base:m.base,footerFixed:g,headerAbove:A?(0,a.jsx)(o.b,{banner:null===(n=m.design.banner)||void 0===n?void 0:n.headerBanner,mode:m.base.mode,pageType:m.base.menuType,isDismissed:v,onDismiss:j}):void 0,floatingContent:(0,a.jsx)(r.O,{banner:null===(u=m.design.banner)||void 0===u?void 0:u.floatingBanner,mode:m.base.mode,pageType:m.base.menuType}),children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(GlobalDrawerMenu,{type:"default",...m}),f]}),(0,a.jsx)(()=>{let e=A?(0,c.__)(p.fontSize):0;return"HOME"!==m.base.menuType?(0,a.jsx)(l.Fragment,{}):b.mainVisuals&&b.hasMainVisual?(0,a.jsx)("div",{style:{paddingTop:"".concat(234,"px"),"--header-height":"".concat(e,"px")},children:(0,a.jsx)(i.ZE,{images:b.mainVisuals,height:282,duration:2e3,wait:4e3,className:"absolute left-0 right-0 top-[var(--header-height)]",children:(0,a.jsx)("div",{className:"absolute",children:(0,a.jsx)(i.zU,{logo:b.logo,base:m.base,MenuLink:m.MenuLink,disableLink:!0,classNameLogoImage:"max-w-[70%] mx-auto"})})})}):(0,a.jsx)("div",{className:"mb-20 mt-40 flex justify-center",children:(0,a.jsx)(i.zU,{logo:b.logo,base:m.base,MenuLink:m.MenuLink,disableLink:!0,classNameLogoImage:"max-w-[70%] mx-auto"})})},{}),(0,a.jsx)("div",{className:"min-h-[calc(100vh-147px)]",children:x}),(0,a.jsx)(i.jg,{base:m.base})]})}},2414:function(e,t,n){n.d(t,{O:function(){return FloatingBanner}});var a=n(2196),l=n(9061),s=n.n(l),i=n(9690),r=n.n(i),o={src:"/_next/static/media/sample_floating_banner.b7aef4c7.png",height:480,width:480,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAABlBMVEXW1t3f3+SUmSD8AAAACXBIWXMAACxLAAAsSwGlPZapAAAAFkl

1EQVR4nGNgwAIYGRkY0RmMaAw0AAACLwAPh43KEgAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8},c=n(1661),d=n(3754);let generateFloatingBannerHash=e=>{let t=JSON.stringify({imageUrl:e.imageUrl||"",align:e.align||""}),n=0;for(let e=0;e<t.length;e++){let a=t.charCodeAt(e);n=(n<<5)-n+a,n&=n}return Math.abs(n).toString(36)},useFloatingBannerDismiss=e=>{let{bannerId:t,bannerData:n,isPreviewMode:a}=e,[l,s]=(0,c.useState)(!1),i=generateFloatingBannerHash(n),r="floating_banner_dismissed_".concat(t);(0,c.useEffect)(()=>{if(a)return;let e=(0,d.$o)(r);e===i?s(!0):s(!1)},[r,i,a]);let o=(0,c.useCallback)(()=>{a||((0,d.qQ)(r,i),s(!0))},[r,i,a]);return{isDismissed:l,handleDismiss:o}};var u=n(6266),h=n(8578),x=n(6726),f=n(1997);let FloatingBanner=e=>{var t;let{banner:n,mode:l,className:i}=e,c="VIEW"!==l,{footerHeight:g}=(0,h.N1)(),{isDismissed:m,handleDismiss:b}=useFloatingBannerDismiss({bannerId:null!==(t=null==n?void 0:n.id)&&void 0!==t?t:"",bannerData:{imageUrl:null==n?void 0:n.imageUrl,align:null==n?void 0:n.align},isPreviewMode:c});if(!n||!n.isActive||!n.imageUrl&&!c)return null;if("VIEW"===l&&(n.displayFrom||n.displayTo)){let e=s()().startOf("minute").toDate(),t=n.displayFrom?new Date(n.displayFrom):null,a=n.displayTo?new Date(n.displayTo):null;if(t&&e<t||a&&a<e)return null}if(m)return null;let p=n.align===u.S8.Left?"left-20":"right-20";return(0,a.jsxs)("div",{className:(0,d.cn)("z-50 fixed","h-[120px] w-[120px]","cursor-pointer transition-opacity hover:opacity-90",p,i),style:{bottom:"".concat(g>0?g+20:20,"px")},children:[(0,a.jsx)(x.C,{href:"VIEW"===l&&n.url||void 0,target:"_blank",children:(0,a.jsx)(r(),{src:n.imageUrl||o,alt:"floating_banner",priority:!0,className:"h-full w-full rounded-lg object-cover shadow-lg",fill:!0})}),(0,a.jsx)("button",{type:"button",onClick:e=>{e.preventDefault(),e.stopPropagation(),b()},className:(0,d.cn)("z-10 absolute -right-8 -top-8","flex h-[30px] w-[30px] items-center justify-center p-8","rounded-full bg-[#6C6C6C] transition-opacity hover:bg-[#6C6C6C]/80",c&&"pointer-events-none"),"aria-label":"バナーを閉じる",children:(0,a.jsx)(f.Tw,{color:"#ffffff"})})]})}},2393:function(e,t,n){n.d(t,{W9:function(){return isHeaderBannerVisible},__:function(){return getHeaderBannerHeight}});var a=n(9061),l=n.n(a);let s={SMALL:{label:"小",fontSize:12,height:30},MEDIUM:{label:"中",fontSize:16,height:40},LARGE:{label:"大",fontSize:20,height:50}},i={isActive:!1,text:"",url:"",fontSize:s.MEDIUM.fontSize,fontColor:"#000000",backgroundColor:"#D3D3D3"};({...i});let getHeaderBannerHeight=e=>e===s.LARGE.fontSize?s.LARGE.height:e===s.MEDIUM.fontSize?s.MEDIUM.height:e===s.SMALL.fontSize?s.SMALL.height:s.MEDIUM.height,isHeaderBannerVisible=e=>{let{banner:t,mode:n}=e;if(!t||!t.isActive)return!1;if("VIEW"===n&&(t.displayFrom||t.displayTo)){let e=l()().startOf("minute").toDate(),n=t.displayFrom?new Date(t.displayFrom):null,a=t.displayTo?new Date(t.displayTo):null;if(n&&e<n||a&&a<e)return!1}return!0}},4544:function(e,t,n){n.d(t,{b:function(){return HeaderBanner}});var a=n(2196),l=n(416),s=n(2393),i=n(6726),r=n(1997),o=n(3754);let HeaderBanner=e=>{let{banner:t,className:n,mode:c,pageType:d,isDismissed:u=!1,onDismiss:h}=e,x="VIEW"!==c;if(!(0,s.W9)({banner:t,mode:c,pageType:d})||!t)return null;if(u)return(0,a.jsx)("div",{style:{height:0,overflow:"hidden"}});let f=(0,s.__)(t.fontSize);return(0,a.jsx)(i.C,{href:"VIEW"===c&&t.url||void 0,target:"_blank",children:(0,a.jsxs)("div",{className:(0,o.cn)("relative flex w-full items-center justify-center px-16 text-center transition-colors",n),style:{backgroundColor:t.backgroundColor,color:t.fontColor,fontSize:"".concat(t.fontSize,"px"),height:"".concat(f,"px")},children:[(0,a.jsx)("div",{className:"flex-1",children:t.text?(0,l.ZP)(t.text):null}),(0,a.jsx)("button",{type:"button",onClick:e=>{e.preventDefault(),e.stopPropagation(),null==h||h()},className:(0,o.cn)("absolute right-8 flex items-center justify-center","transition-opacity hover:opacity-70",x&&"pointer-events-none"),style:{width:"".concat(f,"px"),height:"".concat(f,"px")},"aria-label":"バナーを閉じる",children:(0,a.jsx)(r.Tw,{width:12,height:12,color:t.fontColor})})]})})}},1552:function(e,t,n){n.d(t,{W:function(){return useHeaderBannerDismiss}});var a=n(1661),l=n(3754);let generateHeaderBannerHash=e=>{let t=JSON.stringify({text:e.text||"",fontColor:e.fontColor||"",backgroundColor:e.backgroundColor||"",fontSize:e.fontSize||0}),n=0;for(let e=0;e<t.length;e++){let a=t.charCodeAt(e);n=(n<<5)-n+a,n&=n}return Math.abs(n).toString(36)},useHeaderBannerDismiss=e=>{let{bannerId:t,bannerData:n,isPreviewMode:s}=e,[i,r]=(0,a.useState)(!1),o=generateHeaderBannerHash(n),c="header_banner_dismissed_".concat(t);(0,a.useEffect)(()=>

1{if(s)return;let e=(0,l.$o)(c);e===o?r(!0):r(!1)},[c,o,s]);let d=(0,a.useCallback)(()=>{s||((0,l.qQ)(c,o),r(!0))},[c,o,s]);return{isDismissed:i,handleDismiss:d}}}}]);