https://cdn.jmty.jp/_next/static/chunks/pages/keyword_rank/[category_group_name_en]-2e45750b61bdea72.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6761],{53056:(e,n,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/keyword_rank/[category_group_name_en]",function(){return r(97474)}])},71930:(e,n,r)=>{"use strict";r.d(n,{j:()=>C});var t=r(37876);r(14232);var i=r(84345),o=r(67279),a=r(630);let C=e=>(0,t.jsx)(i._,{justifyContent:"end",className:e.className,children:(0,t.jsx)(a.f,{variant:"text",size:"small",onClick:e.scrollToTop,children:(0,t.jsxs)(i._,{alignItems:"center",children:[(0,t.jsx)(o._0,{size:"18"}),(0,t.jsx)(i._,{ml:1,children:"ページTOPへ"})]})})})},82261:(e,n,r)=>{"use strict";r.d(n,{E:()=>g});var t=r(96427),i=r(37876),o=r(48230),a=r.n(o);r(14232);var C=r(14736);function s(){let e=(0,t._)(["\n    text-overflow: ellipsis;\n    overflow: hidden;\n  "]);return s=function(){return e},e}function l(){let e=(0,t._)(["\n    overflow-x: auto;\n  "]);return l=function(){return e},e}function c(){let e=(0,t._)(["\n          flex-wrap: wrap;\n        "]);return c=function(){return e},e}let d=C.Ay.li.withConfig({componentId:"sc-1cbc316c-0"})(["list-style:none;display:list-item;"," &:not(:last-child):after{content:'/';margin:0 ","px;color:",";}"],e=>e.theme.mixins.media.pc(s()),e=>e.theme.spacing[2],e=>e.theme.colors.system.border),p=C.Ay.ul.withConfig({componentId:"sc-1cbc316c-1"})(["display:flex;white-space:nowrap;"," "," ",""],e=>e.theme.mixins.media.sp(l()),e=>e.theme.mixins.typography("caption1"),e=>"wrap"===e.wrap?(0,C.AH)(["",""],e.theme.mixins.media.pc(c())):(0,C.AH)([""])),g=e=>(0,i.jsx)(p,{wrap:e.wrap,className:e.className,children:e.itemLists.map((n,r)=>{var t;return r!==e.itemLists.length-1&&n.url?(0,i.jsx)(d,{children:n.isNextLink?(0,i.jsx)(a(),{href:null!=(t=n.url)?t:"",children:n.text}):(0,i.jsx)("a",{href:n.url,children:n.text})},r):(0,i.jsx)(d,{children:(0,i.jsx)("span",{children:n.text})},r)})})},97474:(e,n,r)=>{"use strict";r.r(n),r.d(n,{__N_SSP:()=>T,default:()=>P});var t=r(37876),i=r(14232),o=r(14736),a=r(78450),C=r(84345),s=r(88495),l=r(69831),c=r(82261),d=r(5347),p=r(98717),g=r(89099),h=r.n(g),m=r(71930),x=r(96427),w=r(26751),u=r(97314),y=r(75658);function k(){let e=(0,x._)(["\n    border-bottom: solid 1px ",";\n    &:first-of-type {\n      border-top: solid 1px ",";\n    }\n  "]);return k=function(){return e},e}function f(){let e=(0,x._)(["\n    height: 90px;\n  "]);return f=function(){return e},e}function _(){let e=(0,x._)(["\n    height: 68px;\n  "]);return _=function(){return e},e}let j=o.Ay.li.withConfig({componentId:"sc-c8e5dcf6-0"})(["list-style:none;",""],e=>e.theme.mixins.media.pc(k(),e.theme.colors.system.border,e.theme.colors.system.border)),E=(0,o.Ay)(C._).withConfig({componentId:"sc-c8e5dcf6-1"})([""," ",""],e=>e.theme.mixins.media.pc(f()),e=>e.theme.mixins.media.sp(_())),D=(0,o.Ay)(C._).withConfig({componentId:"sc-c8e5dcf6-2"})(["flex-shrink:0;&.rankTop3{width:25px;height:25px;align-items:flex-end;padding:0 !important;line-height:1;background-size:contain;background-repeat:no-repeat;}&.rank1{background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22RankingIcon%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23E1A625%22%20id%3D%22Mask%22%3E%3Cpath%20d%3D%22M9.9907679%2C1.99995827%20C9.44273447%2C1.99500204%209%2C1.54920411%209%2C1%20C9%2C0.44771525%209.44771525%2C0%2010%2C0%20C10.5522847%2C0%2011%2C0.44771525%2011%2C1%20C11%2C1.5491669%2010.5573255%2C1.99494163%2010.0093435%2C1.99995726%20L14.9960405%2C10%20L18.9968435%2C4.99999512%20C18.4460103%2C4.99829308%2018%2C4.55123219%2018%2C4%20C18%2C3.44771525%2018.4477153%2C3%2019%2C3%20C19.5522847%2C3%2020%2C3.44771525%2020%2C4%20C20%2C4.55228475%2019.5522847%2C5%2019%2C5%20L19%2C8.50583952%20L19%2C20%20L1.09528718%2C20%20L1.09528718%2C8.50583952%20L1.02040738%2C4.99979591%20C1.01362129%2C4.99993176%201.00681862%2C5%201%2C5%20C0.44771525%2C5%200%2C4.55228475%200%2C4%20C0%2C3.44771525%200.44771525%2C3%201%2C3%20C1.55228475%2C3%202%2C3.44771525%202%2C4%20C2%2C4.54449564%201.56482433%2C4.98735056%201.02330396%2C4.9997338%2

10L5.06385844%2C10%20L9.9907679%2C1.99995827%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E');}&.rank2{background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22RankingIcon%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23A9B5BB%22%20id%3D%22Mask%22%3E%3Cpath%20d%3D%22M9.9907679%2C1.99995827%20C9.44273447%2C1.99500204%209%2C1.54920411%209%2C1%20C9%2C0.44771525%209.44771525%2C0%2010%2C0%20C10.5522847%2C0%2011%2C0.44771525%2011%2C1%20C11%2C1.5491669%2010.5573255%2C1.99494163%2010.0093435%2C1.99995726%20L14.9960405%2C10%20L18.9968435%2C4.99999512%20C18.4460103%2C4.99829308%2018%2C4.55123219%2018%2C4%20C18%2C3.44771525%2018.4477153%2C3%2019%2C3%20C19.5522847%2C3%2020%2C3.44771525%2020%2C4%20C20%2C4.55228475%2019.5522847%2C5%2019%2C5%20L19%2C8.50583952%20L19%2C20%20L1.09528718%2C20%20L1.09528718%2C8.50583952%20L1.02040738%2C4.99979591%20C1.01362129%2C4.99993176%201.00681862%2C5%201%2C5%20C0.44771525%2C5%200%2C4.55228475%200%2C4%20C0%2C3.44771525%200.44771525%2C3%201%2C3%20C1.55228475%2C3%202%2C3.44771525%202%2C4%20C2%2C4.54449564%201.56482433%2C4.98735056%201.02330396%2C4.9997338%20L5.06385844%2C10%20L9.9907679%2C1.99995827%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E');}&.rank3{background-image:url('data:image/svg+xml,%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22RankingIcon%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23BC8F6A%22%20id%3D%22Mask%22%3E%3Cpath%20d%3D%22M9.9907679%2C1.99995827%20C9.44273447%2C1.99500204%209%2C1.54920411%209%2C1%20C9%2C0.44771525%209.44771525%2C0%2010%2C0%20C10.5522847%2C0%2011%2C0.44771525%2011%2C1%20C11%2C1.5491669%2010.5573255%2C1.99494163%2010.0093435%2C1.99995726%20L14.9960405%2C10%20L18.9968435%2C4.99999512%20C18.4460103%2C4.99829308%2018%2C4.55123219%2018%2C4%20C18%2C3.44771525%2018.4477153%2C3%2019%2C3%20C19.5522847%2C3%2020%2C3.44771525%2020%2C4%20C20%2C4.55228475%2019.5522847%2C5%2019%2C5%20L19%2C8.50583952%20L19%2C20%20L1.09528718%2C20%20L1.09528718%2C8.50583952%20L1.02040738%2C4.99979591%20C1.01362129%2C4.99993176%201.00681862%2C5%201%2C5%20C0.44771525%2C5%200%2C4.55228475%200%2C4%20C0%2C3.44771525%200.44771525%2C3%201%2C3%20C1.55228475%2C3%202%2C3.44771525%202%2C4%20C2%2C4.54449564%201.56482433%2C4.98735056%201.02330396%2C4.9997338%20L5.06385844%2C10%20L9.9907679%2C1.99995827%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E');}&.lower{width:20px;height:20px;align-items:center;background-color:",";}"],e=>e.theme.colors.functional.neutral.normal),v=(0,o.Ay)(d.E).withConfig({componentId:"sc-c8e5dcf6-3"})(["color:",";"],e=>e.theme.colors.system.text.onPrimary),F=o.Ay.div.withConfig({componentId:"sc-c8e5dcf6-4"})(["max-width:240px;display:flex;align-items:center;flex-shrink:0;"]),L=(0,o.Ay)(C._).withConfig({componentId:"sc-c8e5dcf6-5"})(["&:last-of-type{margin-right:0 !important;}"]),b=(0,o.Ay)(C._).withConfig({componentId:"sc-c8e5dcf6-6"})(["flex-grow:1;flex-shrink:1;"]),A=(0,y.l)("/thumbnail_fallback.png"),N=e=>(0,t.jsx)(j,{children:(0,t.jsxs)(E,{pl:3,pr:[7,0],pt:2,pb:[3,2],flexDirection:"row",justifyContent:"space-between",alignItems:"center",children:[(0,t.jsx)(D,{mr:2,p:3,justifyContent:"center",className:(()=>{let n=[];return e.rankingKeyword.priority<4&&n.push("rankTop3"),1===e.rankingKeyword.priority&&n.push("rank1"),2===e.rankingKeyword.priority&&n.push("rank2"),3===e.rankingKeyword.priority&&n.push("rank3"),e.rankingKeyword.priority>=4&&n.push("lower"),n.join(" ")})(),children:(0,t.jsx)(v,{variant:"caption2",bold:!0,children:e.rankingKeyword.priority})}),(0,t.jsx)(b,{px:2,children:(0,t.jsx)("a",{href:"/all/".concat(e.categoryGroupNameEn,"

1-kw-").concat(e.rankingKeyword.keyword),children:(0,t.jsx)(d.E,{variant:["title6","body1"],bold:!0,children:u.X.truncate(e.rankingKeyword.keyword,19)})})}),(0,t.jsx)(F,{className:"only-pc",children:e.rankingKeyword.priority<11&&e.rankingKeyword.images.map(n=>(0,t.jsx)(L,{mr:2,children:(0,t.jsx)(w.E,{src:n,onError:e=>{e.currentTarget.src=A},alt:"ランキングキーワードに紐づく投稿画像-".concat(e.rankingKeyword.keyword),variant:"contain",width:74,height:74})}))}),(0,t.jsx)(F,{className:"only-sp",children:e.rankingKeyword.priority<11&&(0,t.jsx)(w.E,{src:e.rankingKeyword.images[0],onError:e=>{e.currentTarget.src=A},alt:"ランキングキーワードに紐づく投稿画像-".concat(e.rankingKeyword.keyword),variant:"contain",width:52,height:52})})]})},e.rankingKeyword.priority),K=e=>(0,t.jsx)("ul",{children:e.rankingKeywordList.map(n=>(0,t.jsx)(N,{rankingKeyword:n,categoryGroupNameEn:e.categoryGroupNameEn}))}),I=(0,o.Ay)(C._).withConfig({componentId:"sc-c4b6248e-0"})(["text-align:center;"]);var T=!0;let P=e=>{let n=[{text:"ジモティー",url:"/"},{text:"".concat(a.E.categoryGroupMap[e.params.category_group_name_en].name,"の人気定番キーワードランキング"),url:"/keyword_rank/".concat(e.params.category_group_name_en)}],r=(0,i.useCallback)(()=>{window.scrollTo(0,0)},[]);return(0,t.jsxs)(s.G,{variant:"responsive",children:[(0,t.jsxs)(C._,{mb:4,className:"only-pc",children:[(0,t.jsx)(l.o,{}),(0,t.jsx)(C._,{py:2,children:(0,t.jsx)(c.E,{itemLists:n})}),(0,t.jsx)(l.o,{})]}),(0,t.jsx)(C._,{mb:[4,2],mt:[4,0],children:(0,t.jsx)(d.E,{as:"h1",variant:["title6","title5"],bold:!0,children:"".concat(a.E.categoryGroupMap[e.params.category_group_name_en].name,"の人気定番キーワードランキング")})}),(0,t.jsx)(C._,{mb:[2,8],children:(0,t.jsx)(d.E,{variant:"caption1",children:"ジモティーでよく見られている、定番のキーワードをご紹介。"})}),(0,t.jsx)(C._,{mb:10,children:(0,t.jsx)(K,{rankingKeywordList:e.keywordRanking.article_seo_keywords,categoryGroupNameEn:e.params.category_group_name_en})}),void 0!==e.params.page&&e.keywordRanking.total_count>0&&(0,t.jsx)(I,{mb:7,children:(0,t.jsx)(p.l,{currentPage:e.params.page,numberOfDisplaysPerPage:e.keywordRanking.per_page,totalDataCount:e.keywordRanking.total_count,onClick:n=>{let r=n.nextSelectedPage?n.nextSelectedPage+1:1;h().push({pathname:"/keyword_rank/".concat(e.params.category_group_name_en),query:{page:r}})}})}),(0,t.jsx)(C._,{className:"only-sp",children:(0,t.jsx)(m.j,{scrollToTop:r})})]})}}},e=>{var n=n=>e(e.s=n);e.O(0,[8717,636,6593,8792],()=>n(53056)),_N_E=e.O()}]);
2//# sourceMappingURL=[category_group_name_en]-2e45750b61bdea72.js.map