https://www.aomori-sanchi.com/_next/static/chunks/pages/mangas/[id]-545520619bc1942c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[188],{928:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mangas/[id]",function(){return n(2672)}])},5033:function(e,t,n){"use strict";var s=n(3454);n(1479);var i=n(7294),r=i&&"object"==typeof i&&"default"in i?i:{default:i};function o(e,t){for(var n=0;n<t.length;n++){var s=t[n];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}var l=void 0!==s&&s.env&&!0,a=function(e){return"[object String]"===Object.prototype.toString.call(e)},c=function(){function e(e){var t=void 0===e?{}:e,n=t.name,s=void 0===n?"stylesheet":n,i=t.optimizeForSpeed,r=void 0===i?l:i;u(a(s),"`name` must be a string"),this._name=s,this._deletedRulePlaceholder="#"+s+"-deleted-rule____{}",u("boolean"==typeof r,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=r,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0;var o=document.querySelector('meta[property="csp-nonce"]');this._nonce=o?o.getAttribute("content"):null}var t,n=e.prototype;return n.setOptimizeForSpeed=function(e){u("boolean"==typeof e,"`setOptimizeForSpeed` accepts a boolean"),u(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=e,this.inject()},n.isOptimizeForSpeed=function(){return this._optimizeForSpeed},n.inject=function(){var e=this;if(u(!this._injected,"sheet already injected"),this._injected=!0,this._optimizeForSpeed){this._tags[0]=this.makeStyleTag(this._name),this._optimizeForSpeed="insertRule"in this.getSheet(),this._optimizeForSpeed||(l||console.warn("StyleSheet: optimizeForSpeed mode not supported falling back to standard mode."),this.flush(),this._injected=!0);return}this._serverSheet={cssRules:[],insertRule:function(t,n){return"number"==typeof n?e._serverSheet.cssRules[n]={cssText:t}:e._serverSheet.cssRules.push({cssText:t}),n},deleteRule:function(t){e._serverSheet.cssRules[t]=null}}},n.getSheetForTag=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]},n.getSheet=function(){return this.getSheetForTag(this._tags[this._tags.length-1])},n.insertRule=function(e,t){if(u(a(e),"`insertRule` accepts only strings"),this._optimizeForSpeed){var n=this.getSheet();"number"!=typeof t&&(t=n.cssRules.length);try{n.insertRule(e,t)}catch(t){return l||console.warn("StyleSheet: illegal rule: \n\n"+e+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),-1}}else{var s=this._tags[t];this._tags.push(this.makeStyleTag(this._name,e,s))}return this._rulesCount++},n.replaceRule=function(e,t){if(this._optimizeForSpeed){var n=this.getSheet();if(t.trim()||(t=this._deletedRulePlaceholder),!n.cssRules[e])return e;n.deleteRule(e);try{n.insertRule(t,e)}catch(s){l||console.warn("StyleSheet: illegal rule: \n\n"+t+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),n.insertRule(this._deletedRulePlaceholder,e)}}else{var s=this._tags[e];u(s,"old rule at index `"+e+"` not found"),s.textContent=t}return e},n.deleteRule=function(e){if(this._optimizeForSpeed)this.replaceRule(e,"");else{var t=this._tags[e];u(t,"rule at index `"+e+"` not found"),t.parentNode.removeChild(t),this._tags[e]=null}},n.flush=function(){this._injected=!1,this._rulesCount=0,this._tags.forEac

1h(function(e){return e&&e.parentNode.removeChild(e)}),this._tags=[]},n.cssRules=function(){var e=this;return this._tags.reduce(function(t,n){return n?t=t.concat(Array.prototype.map.call(e.getSheetForTag(n).cssRules,function(t){return t.cssText===e._deletedRulePlaceholder?null:t})):t.push(null),t},[])},n.makeStyleTag=function(e,t,n){t&&u(a(t),"makeStyleTag accepts only strings as second parameter");var s=document.createElement("style");this._nonce&&s.setAttribute("nonce",this._nonce),s.type="text/css",s.setAttribute("data-"+e,""),t&&s.appendChild(document.createTextNode(t));var i=document.head||document.getElementsByTagName("head")[0];return n?i.insertBefore(s,n):i.appendChild(s),s},o(e.prototype,[{key:"length",get:function(){return this._rulesCount}}]),t&&o(e,t),e}();function u(e,t){if(!e)throw Error("StyleSheet: "+t+".")}var d=function(e){for(var t=5381,n=e.length;n;)t=33*t^e.charCodeAt(--n);return t>>>0},h={};function m(e,t){if(!t)return"jsx-"+e;var n=String(t),s=e+n;return h[s]||(h[s]="jsx-"+d(e+"-"+n)),h[s]}function f(e,t){var n=e+t;return h[n]||(h[n]=t.replace(/__jsx-style-dynamic-selector/g,e)),h[n]}var p=function(){function e(e){var t=void 0===e?{}:e,n=t.styleSheet,s=void 0===n?null:n,i=t.optimizeForSpeed,r=void 0!==i&&i;this._sheet=s||new c({name:"styled-jsx",optimizeForSpeed:r}),this._sheet.inject(),s&&"boolean"==typeof r&&(this._sheet.setOptimizeForSpeed(r),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer=void 0,this._indices={},this._instancesCounts={}}var t=e.prototype;return t.add=function(e){var t=this;void 0===this._optimizeForSpeed&&(this._optimizeForSpeed=Array.isArray(e.children),this._sheet.setOptimizeForSpeed(this._optimizeForSpeed),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer||(this._fromServer=this.selectFromServer(),this._instancesCounts=Object.keys(this._fromServer).reduce(function(e,t){return e[t]=0,e},{}));var n=this.getIdAndRules(e),s=n.styleId,i=n.rules;if(s in this._instancesCounts){this._instancesCounts[s]+=1;return}var r=i.map(function(e){return t._sheet.insertRule(e)}).filter(function(e){return -1!==e});this._indices[s]=r,this._instancesCounts[s]=1},t.remove=function(e){var t=this,n=this.getIdAndRules(e).styleId;if(function(e,t){if(!e)throw Error("StyleSheetRegistry: "+t+".")}(n in this._instancesCounts,"styleId: `"+n+"` not found"),this._instancesCounts[n]-=1,this._instancesCounts[n]<1){var s=this._fromServer&&this._fromServer[n];s?(s.parentNode.removeChild(s),delete this._fromServer[n]):(this._indices[n].forEach(function(e){return t._sheet.deleteRule(e)}),delete this._indices[n]),delete this._instancesCounts[n]}},t.update=function(e,t){this.add(t),this.remove(e)},t.flush=function(){this._sheet.flush(),this._sheet.inject(),this._fromServer=void 0,this._indices={},this._instancesCounts={}},t.cssRules=function(){var e=this,t=this._fromServer?Object.keys(this._fromServer).map(function(t){return[t,e._fromServer[t]]}):[],n=this._sheet.cssRules();return t.concat(Object.keys(this._indices).map(function(t){return[t,e._indices[t].map(function(e){return n[e].cssText}).join(e._optimizeForSpeed?"":"\n")]}).filter(function(e){return!!e[1]}))},t.styles=function(e){var t,n;return t=this.cssRules(),void 0===(n=e)&&(n={}),t.map(function(e){var t=e[0],s=e[1];return r.default.createElement("style",{id:"__"+t,key:"__"+t,nonce:n.nonce?n.nonce:void 0,dangerouslySetInnerHTML:{__html:s}})})},t.getIdAndRules=function(e){var t=e.children,n=e.dynamic,s=e.id;if(n){var i=m(s,n);return{styleId:i,rules:Array.isArray(t)?t.map(function(e){return f(i,e)}):[f(i,t)]}}return{styleId:m(s),rules:Array.isArray(t)?t:[t]}},t.selectFromServer=function(){return Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]')).reduce(function(e,t){return e[t.id.slice(2)]=t,e},{})},e}(),x=i.createContext(null);x.displayName="StyleSheetContext";var v=r.default.useInsertionEffect||r.default.useLayoutEffect,g=new p;function _(e){var t=g||i.useContext(x);return t&&v(function(){return t.add(e),function(){t.remove(e)}},[e.id,String(e.dynamic)]),null}_.dynamic=function(e){return e.map(function(e){return m(e[0],e[1])}).join(" ")},t.style=_},9554:function(e,t,n){"use strict";e.exports=n(5033).style},2672:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return d},default:function(){return h}});var s=n(5893),i=n(9008),r=n.n(i),o=n(1163),l=n(7294),a=n(2261);let c=e=>{let{showControls:t,currentPage:n,totalSlides:i,episodeNumber:r,episodeTitle:o,onPageChange:a}=e,c=(0,l.useRef)(null),[u,d]=(0,l.useState)(!1),h=e=>{if(!c.current)return n;let t=c.current.getBoundingClientRect(),s=Math.round((1-Math.max(0,Math.min(1,(e-t.left)/t.width)))*i);return Math.max(1,Math.min(i,s))};return(0,l.useEffect)(()=>{let e=e=>{u&&a&&a(h(e.clientX))},t=e=>{if(!u||!a)return;e.preventDefault();let t=e.touches[0];t&&a(h(t.clientX))},n=()=>{d(!1)},s=()=>{d(!1)};return u&&(document.addEventListener("mousemove",e),document.addEventListener("mouseup",n),document.addEventListener("touchmove",t,{passive:!1}),document.addEventListener("touchend",s)),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",n),document.removeEventListener("touchmove",t),document.removeEventListener("touchend",s)}},[u,a]),(0,s.jsx)("div",{className:"absolute inset-x-0 bottom-0 z-[9999] h-1/4 transition-all duration-500 ease-out ".concat(t?"opacity-100":"pointer-events-none opacity-0"),children:(0,s.jsxs)("div",{className:"relative flex h-full flex-col items-center justify-end gap-2 sm:gap-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 rounded-full bg-black/80 px-3 py-1 sm:px-6 sm:py-2",children:[(0,s.jsx)("span",{className:"text-base font-bold tracking-wider text-white",children:n}),(0,s.jsx)("span",{className:"text-base font-medium tracking-wider text-white/50",children:"/"}),(0,s.jsx)("span",{className:"text-base font-medium tracking-wider text-white/50",children:i})]}),(0,s.jsxs)("div",{className:"flex w-full flex-col items-center gap-6 bg-black/80 px-8 pb-12 pt-4 sm:gap-2 sm:px-40 sm:py-12",children:[(0,s.jsxs)("div",{className:"mb-2 flex items-center gap-2",children:[(0,s.jsxs)("span",{className:"min-w-fit text-base font-medium tracking-wide text-white sm:text-lg",children:["第",r,"話"]}),(0,s.jsx)("span",{className:"truncate text-base font-medium tracking-wide text-white sm:text-lg",children:o})]}),(0,s.jsx)("div",{className:"flex w-full items-center justify-between",children:(0,s.jsx)("div",{className:"flex flex-1 flex-col items-center gap-6",children:(0,s.jsxs)("div",{className:"relative h-0.5 w-full cursor-pointer bg-white/50",onClick:e=>{a&&!u&&a(h(e.clientX))},onMouseDown:e=>{a&&(e.preventDefault(),d(!0),a(h(e.clientX)))},onTouchStart:e=>{if(!a)return;e.preventDefault(),d(!0);let t=e.touches[0];t&&a(h(t.clientX))},ref:c,children:[(0,s.jsx)("div",{className:"pointer-events-none absolute right-0 top-0 h-full bg-orange-500 transition-all duration-300 ease-out",style:{width:"".concat(n/i*100,"%")}}),(0,s.jsx)("div",{className:"absolute top-[-10px] flex h-5 items-center justify-center transition-all duration-300 ease-out ".concat(u?"cursor-grabbing":"cursor-grab"),onMouseDown:e=>{a&&(e.preventDefault(),e.stopPropagation(),d(!0),a(h(e.clientX)))},onTouchStart:e=>{if(!a)return;e.preventDefault(),e.stopPropagation(),d(!0);let t=e.touches[0];t&&a(h(t.clientX))},style:{right:"".concat(n/i*100,"%"),transform:"translateX(50%)"},children:(0,s.jsx)("div",{className:"size-4 rounded-full bg-orange-500 shadow-lg transition-transform sm:size-5 ".concat(u?"scale-125":"hover:scale-110")})})]})})})]})]})})};var u=n(9577),d=!0;function h(e){var t;let{images:n,mangas:i}=e,[d,h]=(0,l.useState)(0),[m,f]=(0,l.useState)(null),[p,x]=(0,l.useState)(!1),[v,g]=(0,l.useState)(),[_,y]=(0,l.useState)(!1),j=(0,o.useRouter)(),S=Number(j.query.episode),w=(null===(t=i.contents.find(e=>

1e.episode===S))||void 0===t?void 0:t.title)||"",b="https://www.aomori-sanchi.com/",N=j.query.id,k=N&&"string"==typeof N?"".concat(b,"mangas/").concat(N,"?episode=").concat(S):"",z="".concat(b,"images/manga-og.webp"),F="青森での普通の生活を送る 主人公青森さんとその仲間たちのお話。のんびりとした、地元の美味しい食べ物やモノ・コトを発信していきます。";(0,l.useEffect)(()=>{let e=()=>{y(window.innerWidth<768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,l.useEffect)(()=>{if(!n||0===n.length){g([]);return}let e=[];e.push([n[0]]);for(let t=1;t<n.length;t+=2){let s=[n[t],n[t+1]].filter(Boolean);s.length>0&&e.push(s)}g(e)},[n]),(0,l.useEffect)(()=>{h(0),m&&m.slideTo(0,0)},[S,m]);let C=()=>{m&&m.slidePrev()},R=()=>{m&&m.slideNext()},E=_?((null==n?void 0:n.length)||0)+1:((null==v?void 0:v.length)||0)+1;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(r(),{children:[(0,s.jsx)("title",{children:"青森さんちの食卓"}),(0,s.jsx)("meta",{content:F,name:"description"}),(0,s.jsx)("meta",{content:"青森さんちの食卓 第".concat(S,"話"),property:"og:title"}),(0,s.jsx)("meta",{content:F,property:"og:description"}),(0,s.jsx)("meta",{content:z,property:"og:image"}),(0,s.jsx)("meta",{content:k,property:"og:url"}),(0,s.jsx)("meta",{content:"article",property:"og:type"}),(0,s.jsx)("meta",{content:"summary_large_image",name:"twitter:card"}),(0,s.jsx)("meta",{content:"青森さんちの食卓 第".concat(S,"話"),name:"twitter:title"}),(0,s.jsx)("meta",{content:F,name:"twitter:description"}),(0,s.jsx)("meta",{content:z,name:"twitter:image"})]}),(0,s.jsxs)("div",{onClick:()=>{x(e=>!e)},children:[(0,s.jsxs)("div",{className:"relative h-dvh w-full overflow-hidden bg-black/60 sm:h-screen",children:[(0,s.jsx)("button",{className:"absolute right-2 top-2 z-50 flex size-12 items-center justify-center rounded-full transition-all duration-200  sm:right-4 sm:top-4",onClick:e=>{e.stopPropagation(),j.push("/mangas")},children:(0,s.jsx)("svg",{fill:"none",height:"24",viewBox:"0 0 24 24",width:"24",children:(0,s.jsx)("path",{d:"M18 6L6 18M6 6L18 18",stroke:"white",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})})}),(0,s.jsxs)("div",{className:"flex h-full items-center justify-center gap-4 md:gap-16",children:[(0,s.jsx)("button",{className:"hidden size-12 items-center justify-center rounded-full bg-white transition-opacity duration-200 sm:flex md:size-16 ".concat(d===E-1?"cursor-not-allowed opacity-30":"opacity-100 hover:opacity-80"),disabled:d>=E-1,onClick:e=>{e.stopPropagation(),R()},children:(0,s.jsx)("svg",{fill:"none",height:"24",viewBox:"0 0 24 24",width:"24",children:(0,s.jsx)("path",{d:"M15 18L9 12L15 6",stroke:"black",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})})}),(0,s.jsx)("div",{className:"h-screen w-full flex-1 sm:max-w-[80%]",children:(0,s.jsxs)(a.tq,{allowTouchMove:!0,className:"size-full",dir:"rtl",onSlideChange:e=>{h(e.activeIndex)},onSwiper:e=>f(e),children:[_&&(null==n?void 0:n.map((e,t)=>(0,s.jsx)(a.o5,{children:(0,s.jsx)("div",{className:"flex size-full items-center justify-center",children:(0,s.jsx)("img",{alt:"第".concat(S,"話 ").concat(t+1,"ページ目"),className:"max-h-full max-w-full object-contain",src:e})})},t))),!_&&(null==v?void 0:v.map((e,t)=>(0,s.jsx)(a.o5,{children:0===t?(0,s.jsx)("div",{className:"flex size-full items-center justify-start pl-8",children:e&&e[0]&&(0,s.jsx)("img",{alt:"第".concat(S,"話 1ページ目"),className:"mr-auto max-h-full max-w-[50%] object-contain",src:e[0]})}):(0,s.jsxs)("div",{className:"flex size-full items-center justify-center",children:[e&&e[0]&&(0,s.jsx)("img",{alt:"第".concat(S,"話 ").concat(t+1,"ページ目"),className:"max-h-full max-w-[50%] object-contain",src:e[0]}),e&&e[1]&&(0,s.jsx)("img",{alt:"第".concat(S,"話 ").concat(t+2,"ページ目"),className:"max-h-full max-w-[50%] object-contain",src:e[1]})]})},t))),(0,s.jsx)(a.o5,{children:(0,s.jsx)("div",{className:"flex size-full flex-col items-center justify-center gap-8 bg-white px-8 py-16 sm:w-[50%]",children:(0,s.jsx)("div",{className:"flex max-w-[448px] flex-col items-center gap-6 text-center",children:(()=>{var e;let t=i.contents.find(e=>e.episode===S+1);return t?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex flex-col items-center gap-1",children:[(0,s.jsx)("div",{className:"text-lg font-bold tracking-widest text-[#454545]",style:{fontFamily:"Zen Kaku Gothic New"},children:"次の話"}),(0,s.jsxs)("div",{className:"flex flex-col pt-2",children:[(0,s.jsxs)("div",{className:"text-lg font-bold tracking-widest text-[#454545]",style:{fontFamily:"Zen Kaku Gothic New"},children:["第",S+1,"話"]}),(0,s.jsx)("div",{className:"text-2xl font-bold tracking-widest text-[#454545]",style:{fontFamily:"Zen Kaku Gothic New"},children:t.title||"タイトル"})]})]}),(0,s.jsx)("div",{className:"h-[302px] w-[220px]  rounded-2xl bg-gray-200 shadow-[0px_2px_20px_0px_rgba(42,35,32,0.2)]",children:(null==t?void 0:null===(e=t.portraitThumbnail)||void 0===e?void 0:e.url)?(0,s.jsx)("img",{alt:"第".concat(S+1,"話のサムネイル"),className:"size-full rounded-2xl object-cover",src:t.portraitThumbnail.url}):(0,s.jsx)("div",{className:"flex size-full items-center justify-center rounded-2xl bg-gray-100",children:(0,s.jsx)("span",{className:"text-gray-500",children:"Next Episode Image"})})}),(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)(u.zx,{iconUrl:"/icons/arrow.svg",onClick:()=>{let e=S+1;i.contents.find(t=>t.episode===e)&&j.push("/mangas/".concat(String(j.query.id),"?episode=").concat(e))},variant:"primary",children:"次の話を読む"}),(0,s.jsx)(u.zx,{iconUrl:"/icons/arrow-orange.svg",onClick:()=>j.push("/mangas"),variant:"outline",children:"本棚に戻る"})]})]}):(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:"flex flex-col items-center gap-8",children:[(0,s.jsx)("div",{className:"text-2xl font-bold tracking-widest text-[#454545]",style:{fontFamily:"Zen Kaku Gothic New"}

1,children:"！次の話をお楽しみに"}),(0,s.jsx)("div",{className:"size-[280px] rounded-full",children:(0,s.jsx)("img",{alt:"次の話をお楽しみに",className:"size-full rounded-full object-cover",src:"/images/pages/top/next-episode-placeholder.webp"})}),(0,s.jsx)(u.zx,{iconUrl:"/icons/arrow-orange.svg",onClick:()=>j.push("/mangas"),variant:"outline",children:"本棚に戻る"})]})})})()})})})]})}),(0,s.jsx)("button",{className:"hidden size-12 items-center justify-center rounded-full bg-white transition-opacity duration-200 sm:flex md:size-16 ".concat(0===d?"cursor-not-allowed opacity-30":"opacity-100 hover:opacity-80"),disabled:0===d,onClick:e=>{e.stopPropagation(),C()},children:(0,s.jsx)("svg",{fill:"none",height:"24",viewBox:"0 0 24 24",width:"24",children:(0,s.jsx)("path",{d:"M9 18L15 12L9 6",stroke:"black",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})})})]})]}),(0,s.jsx)(c,{currentPage:d+1,episodeNumber:S,episodeTitle:w,onPageChange:e=>{m&&m.slideTo(e-1)},showControls:p&&d<E-1,totalSlides:E})]})]})}},1479:function(){},1163:function(e,t,n){e.exports=n(3035)}},function(e){e.O(0,[664,675,55,301,577,888,774,179],function(){return e(e.s=928)}),_N_E=e.O()}]);