https://cycomi.com/_next/static/chunks/7477-12e90bb335bfd9e8.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7477],{28046:(e,t,n)=>{n.d(t,{r4:()=>k,Vz:()=>N,tv:()=>x,Xx:()=>b,Xo:()=>w,HK:()=>g});var r=n(37876),l=n(14232),i=n(99674),a=n(27431),s=n(83921),o=n(2066),c=n(54773),d=n(41553);let m=(0,c.Ay)(i.A)(e=>{let{theme:t}=e;return t.unstable_sx({position:"relative",border:"1px solid ".concat(t.palette.grey["100"]),p:{xs:o.K.SP.M,md:0},"::before":{content:'""',position:"absolute",width:"100%",height:"100%",top:0,left:0,opacity:.5,background:"white",zIndex:1},img:{objectFit:"cover"}})}),p=(0,c.Ay)(i.A)({width:"100%",height:"100%",top:0,left:0,position:"absolute"}),x=e=>{let{children:t,blur:n=!1,className:l,alt:i,src:s,...o}=e;return(0,r.jsxs)(m,{className:l,children:[(0,r.jsx)(p,{"data-chromatic":"ignore",children:(0,r.jsx)(a._V,{src:s,policy:n?d.vk.Blur:void 0,fill:!0,...o,alt:i})}),t]})};var u=n(94878);let h=(0,c.Ay)(i.A)(e=>{let{theme:t}=e;return t.unstable_sx({overflow:"hidden",flex:1,position:"relative",fontSize:0,display:"block",border:"1px solid",borderColor:t.palette.mainGrey.main,[":hover .".concat(g.image)]:{transform:"scale(".concat(s.bm,")")}})}),g={image:"singleBookSmallImage"},b=e=>{let{image:t,alt:n,onClick:l,zoom:i=!1}=e;return(0,r.jsx)(h,{onClick:l,sx:[i&&{cursor:"pointer"}],children:(0,r.jsx)(u.Xq,{responsive:!0,className:g.image,src:t,dimension:d.Y_.SingleBookThumbnail,sizes:"117px",alt:n})})};var A=n(68351),f=n(91397),y=n(38333),j=n(90619);let k={IsDiscountFree:"isDiscountFree",DiscountDisplay:"discountDisplay",IsNewSale:"isNewSale"},S=(0,c.Ay)(f.s)(e=>{let{theme:t}=e;return t.unstable_sx({width:"100%",height:{xs:16,md:20},fontSize:A.Z.S})}),w=e=>{let{isDiscountFree:t,isNewSale:n,discountRatio:l=0,disableLabel:i,partialDisableLabel:a}=e;if(i)return null;let{isDiscountFree:s,discountDisplay:o,isNewSale:c}=null!=a?a:{isDiscountFree:!1,discountDisplay:!1,isNewSale:!1};return(0,r.jsx)(r.Fragment,{children:void 0!==s&&!s&&t?(0,r.jsx)(S,{label:(0,j.D)(j.g.Free),singleBookLabelType:j.g.Free,className:y.L7.sizeS}):void 0!==o&&!o&&l>0?(0,r.jsx)(S,{label:"".concat(l,"%OFF"),singleBookLabelType:j.g.Off,className:y.L7.sizeS}):void 0!==c&&!c&&n?(0,r.jsx)(S,{label:(0,j.D)(j.g.New),singleBookLabelType:j.g.New,className:y.L7.sizeS}):null})},v={img:{transition:"transform .5s ease"},"&:hover":{img:{transform:"scale(".concat(s.bm,")")}}},N=(0,l.memo)(e=>{let{disableHoverZoom:t=!1,shadow:n=!1,rootProps:l={},alt:s,children:o,...c}=e,{sx:d={},...m}=l;return(0,r.jsxs)(i.A,{m:0,fontSize:0,...m,sx:[{position:"relative"},!t&&v,n&&{boxShadow:"0 0 15px 1px rgba(0, 0, 0, .2)"},...Array.isArray(d)?d:[d]],children:[(0,r.jsx)(a._V,{alt:s,className:"thumbnail",responsive:!0,...c}),o]})});N.displayName="Thumbnail"},51470:(e,t,n)=>{function r(e={}){let t,n=[],l=["select","slideFocus"];function i(){let{slideRegistry:e}=t.internalEngine(),r=e[t.selectedScrollSnap()];return r?r.map(e=>n[e]).reduce((e,t)=>Math.max(e,t),0):null}function a(){null!==i()&&(t.containerNode().style.height=`${i()}px`)}return{name:"autoHeight",options:e,init:function(e){let{options:{axis:r},slideRects:i}=(t=e).internalEngine();"y"!==r&&(n=i.map(e=>e.height),l.forEach(e=>t.on(e,a)),a())},destroy:function(){l.forEach(e=>t.off(e,a));let e=t.containerNode();e.style.height="",e.getAttribute("style")||e.removeAttribute("style")}}}n.d(t,{A:()=>r}),r.globalOptions=void 0},90619:(e,t,n)=>{n.d(t,{D:()=>i,g:()=>r});let r={New:"new",Free:"free",Off:"off"},l={[r.New]:"新発売",[r.Free]:"無料",[r.Off]:"OFF"},i=e=>l[e]},91397:(e,t,n)=>{n.d(t,{s:()=>d});var r=n(37876),l=n(14232),i=n(54773),a=n(69241),s=n(38333),o=n(90619);let c=(0,i.Ay)(s.vu)(e=>{let{theme:t}=e;return t.unstable_sx([(e=>{let{theme:t}=e;return{color:t.palette.primary.contrastText,["&.".concat(o.g.New)]:{borderColor:t.palette.labels.singleBook.new.main,backgroundColor:t.palette.labels.singleBook.new.main},["&.".concat(o.g.Free)]:{borderColor:t.palette.labels.singleBook.free.main,backgroundColor:t.palette.labels.singleBook.free.main,opacity:.95},["&.".concat(o.g.Off)]:{borderColor:t.palette.labels.singleBook.off.main,backgroundColor:t.palette.labels.singleBook.off.main}}})({theme:t}),{height:{md:26}}])}),d=(0,l.memo)(e=>{let{label:t,singleBookLabelType:n,className:l}=e;return(0,r.jsx)(c,{className:(0,a.A)(l,n),label:t,variant:"outlined"})})},97477:(e,t,n)=>{n.d(t,{p:()=>ed});var r=n(37876),l=n(54773),i=n(99674),a=n(2066),s=n(14232),o=n(34820),c=n(97740),d=n(57324),m=n(65850),p=n(63965);let x=(0,l.Ay)(m.A)(e=>{let{theme:t}=e;return{display:"flex",flexWrap:"nowrap",overflowX:"auto",maxWidth:"1280px",marginLeft:"auto",marginRight:"auto",paddingLeft:a.K.PC.M,paddingRight:a.K.PC.M,scrollBehavior:"smooth",[t.breakpoints.down("md")]:{paddingLeft:a.K.SP.M,paddingRight:a.K.SP.M}}}),u=(0,l.Ay)(m.A)({"&:first-of-type":{marginLeft:"auto"},"&:last-of-type":{marginRight:"auto"}}),h=e=>{let{rankingCategoryList:t,currentId:n,contentLocation:l,onSelect:i}=e,o=(0,s.useRef)(new Map);(0,s.useEffect)(()=>{let e=o.current.get(n);e&&e.scrollIntoView({block:"nearest",inline:"center"})},[n]);let c=(0,s.useCallback)(e=>t=>{t?o.current.set(e,t):o.current.delete(e)},[]),m=(0,s.useCallback)(e=>()=>{i(e)},[i]);return(0,r.jsx)(x,{container:!0,spacing:a.K.S,direction:"row",className:p.Tn.hideScrollbar,children:t.map(e=>{let{id:t,name:i}=e;return(0,r.jsx)(u,{size:"auto",ref:c(t),children:(0,r.jsx)(d.A,{disableEndIcon:!0,selected:t===n,onClick:m(t),categoryName:i,categoryId:t,contentLocation:l,noWrap:!0})},t)})})},g={src:"/_next/static/media/img_rankingBg.ffe104fe.png",height:520,width:2768,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAMAAABSSm3fAAAAGFBMVEWd/rOE/q7X/sfQ/vO+/r6Y/saz/ub1/eSdJdqTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAE0lEQVR4nGNgYmFgZGVjZmeAMQAB1gA5Z4Ov/QAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:2};var b=n(27431),A=n(36701),f=n(80065),y=n(54921),j=n(18243),k=n(53476),S=n(31771),w=n(68351);let v=(0,l.Ay)(S.E)(e=>{let{theme:t}=e;return t.unstable_sx({color:t.palette.headline.main,fontSize:w.Z.PC.M,mt:"0.2"})}),N=(0,l.Ay)(S.E)(e=>{let{theme:t}=e;return t.unstable_sx({fontSize:{xs:w.Z.SP.M,sm:w.Z.PC.S},color:t.palette.headline.light})}),C=e=>{let{titleName:t,shortBody:n}=e;

1return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(v,{component:"h3",bold:!0,lineClamp:1,children:t}),(0,r.jsx)(N,{lineClamp:1,children:n})]})};var K=n(28046),T=n(41553);let z=(0,s.memo)(e=>{let{rank:t,size:n=50,fontSize:l=w.Z.PC.L,className:a}=e;return(0,r.jsx)(i.A,{color:e=>e.palette.primary.contrastText,bgcolor:e=>e.palette.primary.main,className:a,sx:{position:"absolute",top:0,left:0,width:n,height:n,zIndex:1,clipPath:"polygon(0 0, 0% 100%, 100% 0)"},children:(0,r.jsx)(S.E,{bold:!0,sx:{m:"0 0 0 5px"},fontSize:l,children:t})})}),_=(0,l.Ay)(K.tv)(e=>{let{theme:t}=e;return t.unstable_sx({display:"flex",alignItems:"center",justifyContent:"center",width:"100%",padding:{xs:0,sm:a.K.PC.S},border:"none"})}),P=(0,l.Ay)(z)({top:"12px",left:"12px",zIndex:2});var I=n(9227),B=n(74799),E=n(84665),F=n(6520);let L=(0,l.Ay)(E.o)(e=>{let{theme:t}=e;return t.unstable_sx({marginRight:{md:"-".concat(a.K.PC.S)},[t.breakpoints.down("md")]:{mr:a.K.SP.S,mt:a.K.SP.SS}})}),M=e=>{let{isUpdated:t,isNewRelease:n,weekday:l,chipSizeClassName:i}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(m.A,{flexWrap:"wrap",spacing:a.K.SS,container:!0,children:[n&&(0,r.jsx)(m.A,{children:(0,r.jsx)(B.s,{className:i})}),null!==l&&(0,r.jsx)(m.A,{children:(0,r.jsx)(F.X,{weekday:l,className:i})})]}),t&&(0,r.jsx)(L,{className:i})]})};var D=n(38333);let R=(0,l.Ay)(I.A)(e=>{let{theme:t}=e;return t.unstable_sx({justifyContent:"space-between",position:"relative",minHeight:{md:D.Sb.md.M},zIndex:1,width:{xs:"calc(100% + ".concat(a.K.SP.S," / 2)"),sm:"calc(100% + ".concat(a.K.PC.S,")"),md:"auto"},mt:{md:"-".concat(a.K.PC.M)}})}),O=(0,s.memo)(e=>{let{titleData:t}=e,{isNewRelease:n,isUpdated:l,weekday:i}=t;return(0,r.jsx)(R,{direction:"row",children:(0,r.jsx)(M,{isUpdated:l,isNewRelease:n,weekday:i,chipSizeClassName:D.L7.sizeXsS})})}),W={margin:"auto",width:{xs:133,md:152}},Z=(0,l.Ay)(S.E)(e=>{let{theme:t}=e;return t.unstable_sx({width:45,[t.breakpoints.up("sm")]:{pl:"117px",width:150},padding:a.K.PC.S,fontSize:w.Z.PC.L,fontWeight:"bold",color:"black",alignItems:"center",display:"flex",justifyContent:"center"})}),V=(0,l.Ay)(j.A)({textDecoration:"none"}),G=(0,l.Ay)(m.A)(e=>{let{theme:t}=e;return{position:"relative",backgroundColor:t.palette.background.default,[t.breakpoints.down("md")]:{alignItems:"center"},[t.breakpoints.up("md")]:{border:"1px solid",borderColor:t.palette.mainGrey.main,height:"100%"}}}),X=(0,l.Ay)(e=>{let{rank:t,image:n,titleName:l,className:i}=e;return(0,r.jsx)(m.A,{size:12,children:(0,r.jsxs)(_,{className:i,blur:!0,src:n,alt:l,sizes:"600px",children:[(0,r.jsx)(P,{rank:t}),(0,r.jsx)(K.Vz,{className:p.Tn.hoverZoomTarget,src:n,alt:l,shadow:!0,sizes:"25vw",dimension:T.Y_.TitleBlockLarge,rootProps:{sx:{maxWidth:"100%",zIndex:1,overflow:"hidden"}}})]})})})(e=>{let{theme:t}=e;return t.unstable_sx({display:{xs:"none",md:"block"}})}),U=(0,l.Ay)(e=>{let{rank:t,image:n,titleName:l,className:i}=e;return(0,r.jsxs)(I.A,{component:m.A,direction:"row",className:i,children:[(0,r.jsx)(Z,{children:t}),(0,r.jsx)(K.Vz,{src:n,alt:l,sizes:"25vw",dimension:T.Y_.TitleBlockLarge,rootProps:{sx:[W,{py:a.K.SP.M,overflow:"hidden"}]},className:p.Tn.hoverZoomTarget})]})})(e=>{let{theme:t}=e;return t.unstable_sx({display:{md:"none"}})}),Y=(0,l.Ay)(m.A)(e=>{let{theme:t}=e;return t.unstable_sx({pl:a.K.S,py:{xs:a.K.SP.M,md:"16px"},pr:{xs:a.K.SP.S,sm:a.K.SP.SS,md:a.K.PC.S},flex:{md:1},[t.breakpoints.down("md")]:{position:"relative",height:"fit-content"}})}),{SelectContent:q}=k.W_,H=e=>{let{contentType:t,titleData:n,rankingKey:l}=e,{titleId:i,titleName:a,shortBody:s,image:o,rank:c}=n,{title:d}=(0,A.l)();return(0,r.jsx)(y.Rd,{eventName:q,contentType:t,id:i,imgUrl:o,itemId:l,children:(0,r.jsx)(V,{href:d(i).path,className:p.Tn.hoverZoom,children:(0,r.jsxs)(G,{container:!0,children:[(0,r.jsx)(X,{rank:c,image:o,titleName:a}),(0,r.jsx)(U,{rank:c,image:o,titleName:a}),(0,r.jsxs)(Y,{size:{xs:"grow",sm:6,md:"grow"},children:[(0,r.jsx)(O,{titleData:n}),(0,r.jsx)(C,{titleName:a,shortBody:s})]})]})})})},Q=(0,l.Ay)(m.A)(e=>{let{theme:t}=e;return t.unstable_sx({alignItems:{md:"stretch"},[t.breakpoints.down("md")]:{borderTop:"1px solid",borderColor:t.palette.mainGrey.light}})}),J=(0,l.Ay)(m.A)(e=>{let{theme:t}=e;return{[t.breakpoints.down("md")]:{borderBottom:"1px solid ".concat(t.palette.mainGrey.main)},width:"100%"}}),$=e=>{let{items:t,rankingKey:n,contentType:l}=e;return(0,r.jsx)(Q,{container:!0,spacing:{md:a.K.S.md},direction:{md:"row",xs:"column"},children:t.map(e=>(0,r.jsx)(J,{size:{xs:12,md:4},children:(0,r.jsx)(H,{titleData:e,contentType:l,rankingKey:n})},"ranking-".concat(n,"-").concat(e.titleId)))})},ee=(0,l.Ay)(m.A)(e=>{let{theme:t}=e;return t.unstable_sx({[t.breakpoints.down("md")]:{":not(:last-of-type)":{borderBottom:"1px solid ".concat(t.palette.mainGrey.main)}},width:"100%"})}),et=e=>{let{items:t,rankingKey:n,contentType:l}=e;return(0,r.jsx)(i.A,{mt:{md:a.K.PC.S},children:(0,r.jsx)(m.A,{container:!0,spacing:{md:a.K.S.md},children:t.map(e=>(0,r.jsx)(ee,{size:{xs:12,md:3},children:(0,r.jsx)(H,{titleData:e,contentType:l,rankingKey:n})},"ranking-".concat(n,"-").concat(e.titleId)))})})},en=e=>{let{topThreeItems:t,otherRankItems:n,rankingKey:l,contentType:a}=e;return(0,r.jsxs)(i.A,{maxWidth:"1232px",m:"auto",children:[(0,r.jsx)($,{items:t,rankingKey:l,contentType:a}),(0,r.jsx)(et,{items:n,rankingKey:l,contentType:a})]})},er=e=>{let{rankingTitleList:t,rankingKey:n}=e,{topThree:l,otherRank:i}=(0,s.useMemo)(()=>({topThree:t.slice(0,3),otherRank:t.slice(3)}),[t]);return(0,r.jsx)(en,{topThreeItems:l,otherRankItems:i,rankingKey:n,contentType:f.S.RankingTitleCategory})};var el=n(42826);let ei=e=>{let{rankingTitleList:t,rankingKey:n}=e;return void 0===t?(0,r.jsx)(el.k,{children:"ランキングの取得に失敗しました。"}):0===t.length?(0,r.jsx)(el.k,{children:"ランキングデータがありません。"}):(0,r.jsx)(er,{rankingTitleList:t,rankingKey:n})};var ea=n(51470);let es=(0,l.Ay)(i.A)({position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundImage:"url(".concat("/_next/static/media/bg_rankingDot.b693a085.svg",")"),backgroundSize:"13px 13px",backgroundRepeat:"repeat"}),eo=(0,l.Ay)(b._V)({width:"100%",height:"100%"}),ec=(0,l.Ay)(i.A)(e=>{let{theme:t}=e;return{position:"absolute",width:"100%",top:"0",height:"261px",display:"none",[t.breakpoints.up("md")]:{dis

1play:"block"}}}),ed=e=>{let{categoryId:t,rankingCategoryList:n,rankingTitleList:l}=e,{ranking:d}=(0,A.l)(),[m,x]=(0,o.A)({startIndex:n.findIndex(e=>e.id===t),loop:!0,watchDrag:!0},[(0,ea.A)()]),u=(0,s.useCallback)(e=>{if(!x)return;let t=n.findIndex(t=>t.id===e);-1!==t&&(x.scrollTo(t),d.title(e).replace().then())},[x,n,d]);(0,s.useEffect)(()=>{if(x)return(e=>{let t=e.selectedScrollSnap(),n=e.slideNodes()[t];if(!n)return;let r=new ResizeObserver(()=>{requestAnimationFrame(()=>e.reInit())});return r.observe(n),()=>r.disconnect()})(x)},[x,t]);let b=(0,s.useCallback)(()=>{if(!x)return;let e=n[x.selectedScrollSnap()];e&&e.id!==t&&d.title(e.id).replace().then()},[x,n,t,d]);return(0,s.useEffect)(()=>{if(x)return x.on("select",b),()=>{x.off("select",b)}},[x,b]),(0,r.jsx)(c.Ay,{children:(0,r.jsxs)(c.RG,{fullWidth:!0,children:[(0,r.jsx)(h,{rankingCategoryList:n,currentId:t,onSelect:u}),(0,r.jsxs)(i.A,{position:"relative",width:"100%",mt:a.K.M,children:[(0,r.jsxs)(ec,{children:[(0,r.jsx)(eo,{src:g,alt:"ランキングページの背景グラデーション画像"}),(0,r.jsx)(es,{})]}),(0,r.jsx)(i.A,{className:p.Tn.embla.main,ref:m,children:(0,r.jsx)(i.A,{className:p.Tn.embla.container,children:n.map(e=>(0,r.jsx)(i.A,{className:p.Tn.embla.slide,children:e.id===t&&(0,r.jsx)(i.A,{px:{md:a.K.SP.M},pt:{md:a.K.M.md},children:(0,r.jsx)(ei,{rankingTitleList:l,rankingKey:e.name})})},e.id))})})]})]})})}}}]);