https://www.yattajapan.com/_next/static/chunks/425-23b6b4b961ac5764.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[425],{65425:function(t,e,n){n.d(e,{Z:function(){return B}});var i,r=n(67294),o=function(){if("undefined"!=typeof Map)return Map;function t(t,e){var n=-1;return t.some(function(t,i){return t[0]===e&&(n=i,!0)}),n}return function(){function e(){this.__entries__=[]}return Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(e){var n=t(this.__entries__,e),i=this.__entries__[n];return i&&i[1]},e.prototype.set=function(e,n){var i=t(this.__entries__,e);~i?this.__entries__[i][1]=n:this.__entries__.push([e,n])},e.prototype.delete=function(e){var n=this.__entries__,i=t(n,e);~i&&n.splice(i,1)},e.prototype.has=function(e){return!!~t(this.__entries__,e)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(t,e){void 0===e&&(e=null);for(var n=0,i=this.__entries__;n<i.length;n++){var r=i[n];t.call(e,r[1],r[0])}},e}()}(),s="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,a=void 0!==n.g&&n.g.Math===Math?n.g:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),c="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(a):function(t){return setTimeout(function(){return t(Date.now())},1e3/60)},u=["top","right","bottom","left","width","height","size","weight"],h="undefined"!=typeof MutationObserver,f=function(){function t(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=function(t,e){var n=!1,i=!1,r=0;function o(){n&&(n=!1,t()),i&&a()}function s(){c(o)}function a(){var t=Date.now();if(n){if(t-r<2)return;i=!0}else n=!0,i=!1,setTimeout(s,20);r=t}return a}(this.refresh.bind(this),0)}return t.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},t.prototype.removeObserver=function(t){var e=this.observers_,n=e.indexOf(t);~n&&e.splice(n,1),!e.length&&this.connected_&&this.disconnect_()},t.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},t.prototype.updateObservers_=function(){var t=this.observers_.filter(function(t){return t.gatherActive(),t.hasActive()});return t.forEach(function(t){return t.broadcastActive()}),t.length>0},t.prototype.connect_=function(){s&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),h?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},t.prototype.disconnect_=function(){s&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},t.prototype.onTransitionEnd_=function(t){var e=t.propertyName,n=void 0===e?"":e;u.some(function(t){return!!~n.indexOf(t)})&&this.refresh()},t.getInstance=function(){return this.instance_||(this.instance_=new t),this.instance_},t.instance_=null,t}(),l=function(t,e){for(var n=0,i=Object.keys(e);n<i.length;n++){var r=i[n];Object.defineProperty(t,r,{value:e[r],enumerable:!1,writable:!1,configurable:!0})}return t},d=function(t){return t&&t.ownerDocument&&t.ownerDocument.defaultView||a},p=b(0,0,0,0);function v(t){return parseFloat(t)||0}function _(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return e.reduce(function(e,n){return e+v(t["border-"+n+"-width"])},0)}var y="undefined"!=typeof SVGGraphicsElement?function(t){return t instanceof d(t).SVGGraphicsElement}:function(t){return t instanceof d(t).SVGElement&&"function"==typeof t.getBBox};function b(t,e,n,i){return{x:t,y:e,width:n,height:i}}var m=function(){function t(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=b(0,0,0,0),this.target=t}return t.prototype.isActive=function(){var t=function(t){if(!s)return p;if(y(t)){var e;return b(0,0,(e=t.getBBox()).width,e.height)}return function(t){var e=t.clientWidth,n=t.clientHeight;if(!e&&!n)return p;var i=d(t).getComputedStyle(t),r=function(t){for(var e={},n=0,i=["top","right","bottom","left"];n<i.length;n++){var r=i[n],o=t["padding-"+r];e[r]=v(o)}return e}(i),o=r.left+r.right,s=r.top+r.bottom,a=v(i.width),c=v(i.height);if("border-box"===i.boxSizing&&(Math.round(a+o)!==e&&(a-=_(i,"left","right")+o),Math.round(c+s)!==n&&(c-=_(i,"top","bottom")+s)),t!==d(t).document.documentElement){var u=Math.round(a+o)-e,h=Math.round(c+s)-n;1!==Math.abs(u)&&(a-=u),1!==Math.abs(h)&&(c-=h)}return b(r.left,r.top,a,c)}(t)}(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},t.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},t}(),w=function(t,e){var n,i,r,o,s,a=(n=e.x,i=e.y,r=e.width,o=e.height,l(s=Object.create(("undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object).prototype),{x:n,y:i,width:r,height:o,top:i,right:n+r,bottom:o+i,left:n}),s);l(this,{target:t,contentRect:a})},g=function(){function t(t,e,n){if(this.activeObservations_=[],this.observations_=new o,"function"!=typeof t)throw TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=e,this.callbackCtx_=n}return t.prototype.observe=function(t){if(!arguments.length)throw TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof d(t).Element))throw TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(t)||(e.set(t,new m(t)),this.controller_.addObserver(this),this.controller_.refresh())}},t.prototype.unobserve=function(t){if(!arguments.length)throw TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof d(t).Element))throw TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(t)&&(e.delete(t),e.size||this.controller_.removeObserver(this))}},t.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},t.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach(function(e){e.isActive()&&t.activeObservations_.push(e)})},t.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,e=this.activeObservations_.map(function(t){return new w(t.target,t.broadcastRect())});this.callback_.call(t,e,t),this.clearActive()}},t.prototype.clearActive=function(){this.activeObservations_.splice(0)},t.prototype.hasActive=function(){return this.activeObservations_.length>0},t}(),E="undefined"!=typeof WeakMap?new WeakMap:new o,O=function t(e){if(!(this instanceof t))throw TypeError("Cannot call a class as a function.");

1if(!arguments.length)throw TypeError("1 argument required, but only 0 present.");var n=f.getInstance(),i=new g(e,n,this);E.set(this,i)};["observe","unobserve","disconnect"].forEach(function(t){O.prototype[t]=function(){var e;return(e=E.get(this))[t].apply(e,arguments)}});var k=void 0!==a.ResizeObserver?a.ResizeObserver:O,T=t=>{let e=t;for(;e=e.parentElement;){let t=getComputedStyle(e,null).getPropertyValue("overflow-y");if(e===document.body)break;if("auto"===t||"scroll"===t)return e}return window},M=(t,e)=>{let n=t,i=0;e.firstChild&&e.firstChild.offsetParent!==e&&(i+=t.offsetTop-e.offsetTop,e=t.offsetParent,i+=-t.offsetTop);do i+=n.offsetTop,n=n.offsetParent;while(n&&n!==e);return i},x=t=>{let e=t.parentNode;for(;e;){let t=getComputedStyle(e,null);if("contents"!==t.getPropertyValue("display"))break;e=e.parentNode}return e||window},S=null;"undefined"!=typeof CSS&&CSS.supports&&(CSS.supports("position","sticky")?S="sticky":CSS.supports("position","-webkit-sticky")&&(S="-webkit-sticky"));var A=!1;try{i=Object.defineProperty({},"passive",{get(){A={passive:!0}}}),window.addEventListener("testPassive",null,i),window.removeEventListener("testPassive",null,i)}catch(t){}var C=(t,{offsetTop:e,offsetBottom:n,bottom:i})=>{let r,o,s,a,c,u,h;let f=T(t),l=f===window?window.scrollY:f.scrollTop,d=[],p=()=>"relative"===r?o:"stickyTop"===r?Math.max(0,u+l-a+e):"stickyBottom"===r?Math.max(0,u+l+h-(a+s+n)):void 0,v=t=>{t+u+h>=a+s+o+n&&_("stickyBottom")},_=a=>{if(r=a,"relative"===a){if(t.style.position="relative",i){let e=Math.max(0,c-s-o);t.style.bottom=`${e}px`}else t.style.top=`${o}px`}else t.style.position=S,"stickyBottom"===a?i?t.style.bottom=`${n}px`:t.style.top=`${h-s-n}px`:i?t.style.bottom=`${h-s-n}px`:t.style.top=`${e}px`;o=p()},y=()=>{i?"stickyBottom"!==r&&_("stickyBottom"):"stickyTop"!==r&&_("stickyTop")},b=(t,e,n,i)=>{t.addEventListener(e,n,i),d.push(()=>t.removeEventListener(e,n))},m=()=>{let t=f===window?window.scrollY:f.scrollTop;if(t===l)return;if(s+e+n<=h){y(),l=t;return}let i=t-l;o=p(),i>0?"stickyTop"===r?t+u+e>a&&(t+u+h<=a+s+o+n?_("relative"):_("stickyBottom")):"relative"===r&&v(t):"stickyBottom"===r?u+t+h<a+c+n&&(u+t+e>=a+o?_("relative"):_("stickyTop")):"relative"===r&&u+t+e<a+o&&_("stickyTop"),l=t},w=()=>{h=window.innerHeight,u=0,m()},g=()=>{0===(h=f.offsetHeight)&&console.warn("react-sticky-box's scroll pane has a height of 0. This seems odd. Please check this node:",f),u=f.firstChild.offsetParent===f?f.getBoundingClientRect().top:0,m()},E=()=>{let e=x(t),n=getComputedStyle(e,null),o=parseInt(n.getPropertyValue("padding-top"),10),s=parseInt(n.getPropertyValue("padding-bottom"),10);a=M(e,f)+o+u;let h=c;c=e.getBoundingClientRect().height-(o+s),"relative"===r&&(i?_("relative"):h>c&&v(l)),h!==c&&"relative"===r&&(l=Number.POSITIVE_INFINITY,m())},O=({initial:a}={})=>{let u=s;if(s=t.getBoundingClientRect().height,!a&&u!==s){if(s+e+n<=h){r=void 0,y();return}{let t=u-s,e=c-s,n=Math.min(e,p()+(i?t:0));o=Math.max(0,n),i&&"stickyBottom"===r||_("relative")}}},C=(t,e)=>{let n=new k(e);n.observe(t),d.push(()=>n.disconnect())};return b(f,"scroll",m,A),b(f,"mousewheel",m,A),f===window?(b(window,"resize",w),w()):(C(f,g),g()),C(x(t),E),E(),C(t,O),O({initial:!0}),y(),()=>d.forEach(t=>t())},R=({offsetTop:t=0,offsetBottom:e=0,bottom:n=!1}={})=>{let[i,o]=(0,r.useState)(null),s=(0,r.useRef)({offsetTop:t,offsetBottom:e,bottom:n});return(0,r.useEffect)(()=>{s.current={offsetTop:t,offsetBottom:e,bottom:n}}),(0,r.useEffect)(()=>{if(i)return C(i,s.current)},[i]),o},B=({offsetTop:t,offsetBottom:e,bottom:n,children:i,className:o,style:s})=>{let a=R({offsetTop:t,offsetBottom:e,bottom:n});return r.createElement("div",{className:o,style:s,ref:a},i)}}}]);