https://it-trend.jp/_next/static/chunks/pages/award/[ranking_term]-fdd1d9bdb062ced4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7631],{6981:e=>{e.exports={"sns-btn":"ShareButton_sns-btn___Mg8l",facebook:"ShareButton_facebook__vZt7m",twitter:"ShareButton_twitter__QsRFa",hatena:"ShareButton_hatena__e9q2s",pocket:"ShareButton_pocket__nSNxi"}},8029:(e,t,a)=>{"use strict";function s(e,t){return e.length>t?e.substring(0,t)+"...":e}a.d(t,{A:()=>s})},9823:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var s=a(37876),r=a(14232),n=a(93356),c=a(69735);let l=e=>{let{categoryGroupId:t,alt:a,width:l,height:i,className:o}=e,[d,x]=(0,r.useState)(!1),h=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let e=h.current;e&&e.complete&&0===e.naturalWidth&&x(!0)},[]),(0,s.jsx)(n.A,{alt:a,className:o,height:i,onError:()=>x(!0),ref:h,src:"".concat(c.b,"/category_group/cgimg").concat(d?11:t,".png"),width:l})}},10839:e=>{e.exports={"category-list":"CategoryList_category-list__6hHbH","category-detail":"CategoryList_category-detail__nxrk_"}},13695:(e,t,a)=>{"use strict";a.d(t,{A:()=>h});var s=a(37876),r=a(69241),n=a(89099),c=a(559),l=a(49347),i=a(51254),o=a(8029),d=a(9823),x=a(54851);let h=e=>{let{categoryGroups:t,linkTemplate:a}=e,{openIndexes:h,toggleAccordion:m}=(0,i.A)(),u=(0,n.useRouter)();return(0,s.jsx)("div",{className:"bg-it-gray-100 border-t-2 border-it-gray-400",children:t.map(e=>{let{id:t,name:n,categories:i,uri:p}=e;return(0,s.jsxs)("div",{className:"border-b-2 border-it-gray-400",children:[(0,s.jsxs)("button",{"aria-controls":"category-accordion-panel-".concat(t),"aria-expanded":h.has(t),className:"flex items-center w-full text-left py-2 px-4",onClick:()=>m(t),type:"button",children:[(0,s.jsx)(d.A,{alt:n,categoryGroupId:t,height:50,width:50}),(0,s.jsxs)("span",{className:"ml-2 block",children:[(0,s.jsx)("span",{className:"block font-bold text-it-gray-700 text-[110%] mb-2 text-left",children:n}),(0,s.jsx)("span",{className:"block text-it-gray-600 text-[11px] text-ellipsis",children:(0,o.A)(i.map(e=>e.name).join(" / "),30)})]}),(0,s.jsxs)("span",{className:"ml-auto flex items-center gap-2",children:[(0,s.jsx)(c.pmv,{className:(0,r.A)({hidden:h.has(t)}),size:25}),(0,s.jsx)(c.cW1,{className:(0,r.A)({hidden:!h.has(t)}),size:25})]})]}),(0,s.jsx)(l.A,{className:"p-0 bg-it-gray-100 overflow-hidden transition-[max-height,opacity] duration-300 ease-in-out",closedClassName:"max-h-0 opacity-0",id:"category-accordion-panel-".concat(t),isOpen:h.has(t),openClassName:"max-h-[1600px] opacity-100",children:(0,s.jsx)("ul",{children:i.map(e=>{let{id:t,name:r,uri:n}=e,l=(0,x.Y)(p,n);return(0,s.jsxs)("li",{className:"flex items-center p-2 border-t border-dotted border-it-gray-500 relative",children:[(0,s.jsx)("a",{className:"text-it-gray-700 pl-[10px]",href:null!=l?l:((e,t,a)=>{var s;let r=null!=(s=(e=>{var t,a;return null==(a=e.split("?")[0])||null==(t=a.split("#")[0])?void 0:t.replace(/\/$/,"")})(a))?s:"";return e.replace("{uri}",t).replace("{basePath}",r)})(null!=a?a:"{basePath}/{uri}",n,u.asPath),...l?{target:"_blank",rel:"noopener noreferrer"}:{},children:r}),(0,s.jsx)(c.OQo,{className:"ml-auto absolute top-1/4 right-4",size:25})]},t)})})})]},t)})})}},17410:(e,t,a)=>{"use strict";a.d(t,{t:()=>s});let s=e=>{let t=(e=>{let t=e.match(/^(\d{4})/);if(!t||!t[1])return null;let a=Number.parseInt(t[1],10);return Number.isNaN(a)?null:a})(e);return null!==t&&t>=2025}},28819:e=>{e.exports={ranking:"Sp_ranking__4JxZM",product:"Sp_product__BE0Lg",footer:"Sp_footer__TB8Ql"}},32083:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSP:()=>J,default:()=>V});var s=a(37876),r=a(14232),n=a(69241),c=a(54587),l=a.n(c),i=a(65106),o=a(93356),d=a(69735);let x=e=>{let{term:t,year:a}=e,r=t.includes("firsthalf"),n=r?{logo_alt:"ITトレンド上半期ランキング".concat(a,"ロゴ"),title_alt:"上半期資料請求ランキング".concat(a),period:"1月1日～5月31日",term:"上半期"}:{logo_alt:"ITトレンド年間ランキング".concat(a,"ロゴ"),title_alt:"年間資料請求ランキング".concat(a),period:"1月1日～11月30日",term:"年間"};return(0,s.jsxs)("div",{className:"pt-2 flex flex-col items-center",children:[(0,s.jsx)("h1",{children:(0,s.jsx)(o.A,{alt:n.title_alt,height:22,src:"".concat(d.b,"/award/").concat(t,"/title.png"),width:351})}),(0,s.jsxs)("div",{className:"flex items-start py-3 mx-3",children:[(0,s.jsx)(o.A,{alt:n.logo_alt,height:100,src:"".concat(d.b,"/award/").concat(t,"/logo.png"),width:130}),(0,s.jsxs)("div",{className:"text-white font-bold text-sm ml-3 my-auto",children:[a,"年",r&&"上半期","、ITトレンドでユーザーに最も支持されたIT製品はどの製品か？各カテゴリー毎に紹介します"]})]}),(0,s.jsxs)("p",{className:"p-3 text-white text-[11px]",children:["※ランキング結果は",a,"年",n.period,"までの期間の資料請求数をもとに集計しています。"]})]})};var h=a(89099),m=a(51180),u=a(77663),p=a(28823),g=a(29365),j=a(56720),_=a(6981),f=a.n(_);function b(e){let{id:t,tooltip:a,children:r}=e;return(0,s.jsx)(g.A,{delay:{hide:150,show:300},overlay:(0,s.jsx)(j.A,{id:t,children:a}),placement:"bottom",children:r})}function N(e){return(0,s.jsx)("div",{className:"".concat(f()["sns-btn"]," ").concat(f()[e.id]),children:(0,s.jsx)(b,{id:e.id,tooltip:e.tooltip_text,children:e.share_button_element})})}var v=a(49091),y=a.n(v);function w(e){let{url:t}=e,a="".concat(window.location.origin).concat(t);return a?(0,s.jsxs)("div",{className:y().social,children:[(0,s.jsx)(N,{id:"facebook",share_button_element:(0,s.jsxs)(p.uI,{url:a,children:[(0,s.jsx)(i.ok6,{size:20}),(0,s.jsx)("span",{children:"Share"})]}),tooltip_text:"Facebookでシェアする"}),(0,s.jsx)(N,{id:"twitter",share_button_element:(0,s.jsxs)(p.r6,{url:a,children:[(0,s.jsx)(m.TCj,{size:20}),(0,s.jsx)("span",{children:"Tweet"})]}),tooltip_text:"xでツイートする"}),(0,s.jsx)(N,{id:"hatena",share_button_element:(0,s.jsxs)(p.Lw,{url:a,children:[(0,s.jsx)(u.UHZ,{size:20}),(0,s.jsx)("span",{children:"Hatena"})]}),tooltip_text:"このエントリーをはてなブックマークに追加する"}),(0,s.jsx)(N,{id:"pocket",share_button_element:(0,s.jsxs)(p.iZ,{url:a,children:[(0,s.jsx)(i.KXg,{size:20}),(0,s.jsx)("span",{children:"Pocket"})]}),tooltip_text:"Pocketで後で読む"})]}):null}let k=e=>{let{term:t,year:a,previous_annual:r}=e,n=(0,h.useRouter)(),c=t.includes("firsthalf"),l=c?{logo_alt:"ITトレンド上半期ランキング".concat(a,"ロゴ"),title_alt:"上半期資料請求ランキング".concat(a),period:"1月1日～5月31日",term:"上半期"}:{logo_alt:"ITトレンド年間ランキング".concat(a,"ロゴ"),title_alt:"年間資料請求ランキング".concat(a),period:"1月1日～11月30日",term:"年間"},i=r.uri.slice(0,4),x=r.uri.includes("firsthalf")?"".concat(i,"年上半期ランキングはこちら"):"".concat(i,"年のランキングはこちら");return(0,s.jsxs)("div",{className:"pt-3 overflow-hidden",children:[(0,s.jsx)("div",{className:"w-[314px] float-left",children:(0,s.jsx)(o.A,{alt:l.logo_alt,height:300,src:"".concat(d.b,"/award/").concat(t,"/logo.png"),width:314})}),(0,s.jsxs)("div",{className:"w-[575px] float-right mt-9",children:[(0,s.jsx)("h1",{children:(0,s.jsx)(o.A,{alt:l.title_alt,height:39,src:"".concat(d.b,"/award/").concat(t,"/title.png"),width:575})}),(0,s.jsxs)("div",{className:"mt-4",children:[(0,s.jsxs)("p",{className:"text-white text-lg",children:[a,"年",c&&"上半期","、ITトレンドでユーザーから最もお問い合わせが多かった製品を発表する「ITトレンド",l.term,"ランキング」。ITトレンドユーザーに最も支持されたIT製品はどの製品か？各カテゴリー毎に紹介します。"]}),(0,s.jsxs)("p",{className:"text-white text-xs my-3 mx-auto",children:["※ランキング結果は",a,"年",l.period,"までの期間の資料請求数をもとに集計しています。"]}),(0,s.jsx)("p",{className:"text-white text-xs my-3 mx-auto",children:(0,s.jsxs)("a",{className:"font-bold mr-3 underline hover:text-[#ffcc00]",href:r.uri,children:["\xbb ",x]},"ranking_link_".concat(r.uri))})]}),(0,s.jsx)(w,{url:n.asPath})]})]})};var A=a(69133),T=a(72637),I=a.n(T),C=a(70362),P=a(17410);let E=(0,r.memo)(e=>{let{category:t,term:a}=e,n=(0,P.t)(a),c=(0,r.useMemo)(()=>t.products.map(((e,t)=>{let a=(a,r)=>

1(0,s.jsxs)("div",{className:I().product,children:[(0,s.jsx)("div",{className:"ml-[14px]",children:(0,s.jsx)(l(),{alt:"".concat(e.name,"_").concat(r+1,"位"),height:33,src:((e,t)=>t?"/common/rankicon/new_icon/icon".concat(e+1,".png"):"/common/rankicon/icon".concat(e+1,".png"))(r,t),width:47})}),(0,s.jsxs)("div",{className:"flex w-[271px] h-[75px] hover:shadow-[0px_0px_2px_#888888]",children:[(0,s.jsx)("div",{className:"w-[75px]",children:(0,s.jsx)("a",{href:"/".concat(e.uri,"/").concat(a.id),children:(0,s.jsx)(o.A,{alt:"".concat(a.name,"_ロゴ"),height:75,src:a.logo_img,width:75})})}),(0,s.jsx)("div",{className:"w-[175px] ml-[14px] mb-0 text-xs font-bold",children:(0,s.jsxs)("a",{className:"text-[#0997c4]",href:"/".concat(e.uri,"/").concat(a.id),children:[a.catch_line," ",a.name]})})]})]},a.id);return a.displayName="RenderProduct",a})(t,n)),[t,n]),i=a.includes("firsthalf")?"/annual/button_category2017_".concat(t.id,".png"):"/annual/button_category".concat(t.id,".png");return(0,s.jsxs)("section",{className:I().ranking,children:[(0,s.jsx)("a",{href:"/award/".concat(a,"/").concat(t.uri),children:(0,s.jsx)("h3",{children:t.name})}),c,(0,s.jsx)("nav",{className:I().footer,children:(0,s.jsx)(C.A,{"aria-label":"".concat(t.name,"のランキングを見る"),href:"/award/".concat(a,"/").concat(t.uri),children:(0,s.jsx)(l(),{alt:"".concat(t.name,"_top_10"),height:63,src:i,width:278})})})]})});E.displayName="RankingByCategory";let O=e=>{let{annual_ranking:t,term:a}=e,n=(0,r.useMemo)(()=>null==t?void 0:t.map(e=>(0,s.jsx)(E,{category:e,term:a},"ranking_by_category_".concat(e.id))),[t,a]);return(0,s.jsx)("div",{className:"w-[940px] flex mt-3 mx-auto pb-10",children:n})};var S=a(28819),B=a.n(S);let M=(0,r.memo)(e=>{let{category:t,term:a}=e,n=(0,P.t)(a),c=(0,r.useMemo)(()=>t.products.map(((e,t)=>{let a=(a,r)=>(0,s.jsxs)("div",{className:B().product,children:[(0,s.jsx)(l(),{alt:"".concat(e.name,"_").concat(r+1,"位"),height:30,src:((e,t)=>t?"/common/rankicon/new_icon/icon".concat(e+1,".png"):"/common/rankicon/icon".concat(e+1,".png"))(r,t),width:30}),(0,s.jsxs)("div",{className:"flex",children:[(0,s.jsx)("div",{children:(0,s.jsx)("a",{className:"block w-[85px] h-[85px]",href:"/".concat(e.uri,"/").concat(a.id),children:(0,s.jsx)(o.A,{alt:"".concat(a.name,"_ロゴ"),className:"border border-solid border-[#9e9e9e]",height:85,src:a.logo_img,width:85})})}),(0,s.jsx)("div",{className:"ml-[14px] mb-0 text-sm text-[#063b83]",children:(0,s.jsxs)("a",{href:"/".concat(e.uri,"/").concat(a.id),children:[a.catch_line," ",a.name]})})]})]},a.id);return a.displayName="RenderProduct",a})(t,n)),[t,n]),i=a.includes("firsthalf");return(0,s.jsxs)("section",{className:B().ranking,children:[(0,s.jsx)(C.A,{href:"/award/".concat(a,"/").concat(t.uri),children:(0,s.jsx)("h3",{children:t.name})}),c,(0,s.jsx)("nav",{className:B().footer,children:(0,s.jsxs)(C.A,{"aria-label":"".concat(t.name).concat(i?"TOP10":"の年間ランキング","を見る"),className:"flex flex-col",href:"/award/".concat(a,"/").concat(t.uri),children:[(0,s.jsxs)("span",{children:[t.name,i?"":"の"]}),(0,s.jsxs)("span",{className:"text-xl font-bold",children:[i?"TOP10":"年間ランキング","を見る"]})]})})]})});M.displayName="RankingByCategorySp";let R=e=>{let{annual_ranking:t,term:a}=e,n=(0,r.useMemo)(()=>null==t?void 0:t.map(e=>(0,s.jsx)(M,{category:e,term:a},"ranking_by_category_".concat(e.id))),[t,a]);return(0,s.jsx)("div",{children:n})};var F=a(10839),z=a.n(F);let L=e=>{let{category_group:t,term:a}=e,r=t.categories.map((e,r)=>(0,s.jsxs)("li",{children:[(0,s.jsx)(C.A,{href:"/award/".concat(a,"/").concat(e.uri),rel:"noopener noreferrer",target:"_blank",children:e.name}),r!==t.categories.length-1&&(0,s.jsx)("span",{children:" / "})]},"category_".concat(e.id)));return(0,s.jsxs)("div",{className:z()["category-list"],children:[(0,s.jsx)("div",{className:"mr-2",children:(0,s.jsx)(o.A,{alt:t.name,height:100,src:"".concat(d.b,"/category_group/img").concat(t.id,"_out.png"),width:100})}),(0,s.jsxs)("div",{className:z()["category-detail"],children:[(0,s.jsx)("h2",{children:t.name}),(0,s.jsx)("ul",{children:r})]})]})},D=e=>{let{category_groups:t,term:a}=e,n=(0,r.useMemo)(()=>t?(0,s.jsx)("ul",{className:"list-none p-0",children:t.reduce((e,t,r,n)=>(r%2==0&&e.push((0,s.jsxs)("li",{className:"flex",children:[(0,s.jsx)(L,{category_group:t,term:a}),n[r+1]&&(0,s.jsx)(L,{category_group:n[r+1],term:a})]},"category_group_".concat(t.id))),e),[])}):(0,s.jsx)("p",{children:"カテゴリグループがありません。"}),[t,a]);return(0,s.jsx)("section",{"aria-label":"カテゴリグループ一リスト",className:"w-[914px] my-[20px] mx-auto overflow-hidden border border-[#d6d6d6] bg-[#fafafa]",children:n})};var H=a(97816),U=a.n(H),Q=a(10802),W=a(72824),X=a(68425),Y=a(13695);function Z(e){let{category_groups:t,annual_ranking:a,ranking_banners:c,previous_annual:o,term:d}=e,h=d.slice(0,4),m=d.includes("firsthalf"),u=(0,P.t)(d),p=m?{period:"（1月～5月）",term:"上半期"}:{period:"",term:""},{viewport:g}=(0,r.useContext)(W.A),j=[{href:Q.A.Page.TOP,label:"IT製品比較TOP"},{href:"".concat(Q.A.APP_DOMAIN,"/award/").concat(d),label:m?"上半期ランキング".concat(h):"年間ランキング".concat(h)}],_="\n    IT製品・サービスの比較・資料請求が無料でできる、ITトレンド。 こちらのページでは、".concat(h,"年\n    ").concat(p.term,"\n    ").concat(p.period,"の人気製品ランキングをご紹介しています。\n    各製品カテゴリーごとのランキングも掲載しております。\n    ユーザーに最も支持された製品をご覧いただき、IT製品・サービスの比較検討の参考にしてください。");return(0,s.jsx)(s.Fragment,{children:"pc"===g?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"w-[1200px] mx-auto",children:(0,s.jsx)(X.A,{items:j})}),(0,s.jsxs)("div",{className:(0,n.A)(u||m?[U().firsthalf]:[U().annual]),children:[(0,s.jsxs)("div",{className:"lg:w-[950px] mx-auto",children:[(0,s.jsx)(k,{previous_annual:o,term:d,year:h}),(0,s.jsxs)("div",{className:"w-[950px] mt-11 mx-auto pt-3 bg-[#f9f8f4] rounded-xs",children:[(0,s.jsx)(O,{annual_ranking:a,term:d}),!m&&(0,s.jsx)("div",{className:"w-[472px] h-[42px] mx-auto",children:(0,s.jsx)(l(),{alt:"製品カテゴリーから年間ランキングをチェック",height:42,src:"/award/box.png",width:472})}),(0,s.jsx)(D,{category_groups:t,term:d})]})]}),(0,s.jsx)("div",{className:"w-[950px] mx-auto text-center",children:(0,s.jsx)(A.A,{values:c})}),(0,s.jsx)("p",{className:"w-[950px] mx-auto text-white text-xs pb-7",children:_})]})]}):"mobile"===g?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:(0,n.A)(u||m?[U().firsthalf]:[U().annual]),children:(0,s.jsx)(x,{term:d,year:h})}),(0,s.jsxs)("div",{className:(0,n.A)("bg-linear-to-b pt-2 px-2 pb-4",u||m?"from-[#000044] to-[#000033]":"from-[#d7000f] to-[#59000b]"),children:[(0,s.jsx)(R,{annual_ranking:a,term:d}),(0,s.jsxs)("div",{className:U()["check-category"],children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(i.j1Q,{}),(0,s.jsx)("span",{children:"check"})]}),"製品カテゴリーから",(0,s.jsx)("br",{}),"年間ランキングをチェック"]}),(0,s.jsx)(Y.A,{categoryGroups:t}

1),(0,s.jsxs)("div",{className:"text-xs text-white text-justify pt-4 px-4",children:[_,(0,s.jsx)(A.A,{values:c})]})]}),(0,s.jsx)("div",{className:"py-1 px-5",children:(0,s.jsx)(X.A,{items:j})})]}):null})}var q=a(85752),G=a(95643),K=a(71816);let $=e=>{let{data:t,ranking_term:a}=e,{setPageType:n}=(0,r.useContext)(K._);(0,r.useEffect)(()=>(n("ranking"),()=>{n(void 0)}),[n]);let c=a.slice(0,4),l=a.includes("firsthalf"),i="2,141",o=l?{term:"上半期",description:"".concat(c,"年上半期、ITトレンドでユーザーから最もお問い合わせが多かった製品を発表する「ITトレンド上半期ランキング」。ITトレンドユーザーに最も支持されたIT製品はどの製品か？各カテゴリー毎に紹介します。").concat(i,"以上のIT製品を掲載中のITトレンドは、法人向けIT製品の比較・資料請求が無料で可能！")}:{term:"年間",description:"".concat(c,"年、ユーザーから最も人気があった製品を発表する年間ランキングです。ユーザーに最も支持されたIT製品はどの製品か？各カテゴリー毎に紹介します。").concat(i,"以上のIT製品を掲載中のITトレンドは、法人向けIT製品の比較・資料請求が無料で可能！")},d={title:"".concat(o.term,"資料請求ランキング").concat(c,"｜ITトレンド"),keywords:"".concat(c).concat(o.term,"ランキング,ランキング,").concat(c),description:o.description},x={description:o.description,image:"https://static.it-trend.jp/ogp/award_".concat(a,"_og.jpg"),site_name:"ITトレンド",title:"".concat(o.term,"資料請求ランキング").concat(c,"｜ITトレンド"),type:"article",url:"".concat(Q.A.APP_DOMAIN,"/award/").concat(a)};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(q.A,{meta:d,og:x}),(0,s.jsx)(Z,{...t,term:a})]})};$.getLayout=e=>(0,s.jsx)(G.A,{width:"max-w-full",children:e});var J=!0;let V=$},49091:e=>{e.exports={social:"SimpleShareButton_social__96kF2"}},53910:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/award/[ranking_term]",function(){return a(32083)}])},54851:(e,t,a)=>{"use strict";var s;a.d(t,{Y:()=>n});let r=(null==(s=a(65364).env.NEXT_PUBLIC_MANUFACTURE_SITE_URL)?void 0:s.trim())||"https://manufacture.it-trend.jp",n=(e,t)=>{if("manufacture"!==e)return null;let a=r.replace(/\/+$/,"");return"".concat(a,"/").concat(t,"/")}},68425:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var s=a(37876),r=a(69241),n=a(54587),c=a.n(n);let l=e=>

1{let{items:t,viewport:a}=e;return(0,s.jsx)("div",{children:(0,s.jsx)("nav",{"aria-label":"Breadcrumb",children:(0,s.jsx)("ol",{className:(0,r.A)("list-none w-full text-[11px] text-it-gray-700","mobile"===a?"mt-5 bg-it-gray-100 py-2.5 px-5":"mx-auto py-[5px]"),children:t.map((e,a)=>(0,s.jsx)("li",{className:"inline-block last:font-bold",children:a!==t.length-1?(0,s.jsxs)("div",{className:"inline-flex",children:[(0,s.jsx)("a",{className:"text-it-gray-500 underline hover:text-it-link-visited",href:e.href,children:e.label}),(0,s.jsx)(c(),{alt:"",className:"mx-2 py-[5px]",height:7,priority:!1,src:"/common/breadcrumb/arrow.png",width:7})]}):(0,s.jsx)("span",{"aria-current":"page",children:e.label})},a))})})})}},69133:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var s=a(37876),r=a(93356),n=a(70362),c=a(69735),l=a(82682),i=a.n(l);let o=e=>{let t=e.values.map((e,t)=>(0,s.jsx)(n.A,{href:e.uri,children:(0,s.jsx)(r.A,{alt:e.alt,className:"hover:opacity-70",height:77,src:"".concat(c.b).concat(e.image_src),width:310})},t));return(0,s.jsx)("div",{className:"".concat(i()["ranking-links"]," w-full flex py-5 mx-auto"),children:t})}},69735:(e,t,a)=>{"use strict";a.d(t,{b:()=>s});let s="https://".concat("asset.it-trend.jp","/images/user")},72637:e=>{e.exports={ranking:"Yearly_ranking__Dxlor",product:"Yearly_product___5ODy",footer:"Yearly_footer__tMwKt"}},82682:e=>{e.exports={"ranking-links":"RankingLinks_ranking-links__C09o8"}},93356:(e,t,a)=>{"use strict";a.d(t,{A:()=>n});var s=a(37876);let r=(0,a(14232).forwardRef)((e,t)=>{let{alt:a,loading:r="lazy",...n}=e;return(0,s.jsx)("img",{alt:a,loading:r,ref:t,...n})});r.displayName="CdnImg";let n=r},95643:(e,t,a)=>{"use strict";a.d(t,{A:()=>y});var s=a(37876),r=a(14232),n=a(10496),c=a(97995),l=a(10802),i=a(72824),o=a(489),d=a(46128),x=a(44517),h=a(21772);let m=e=>{let{category_type_name:t,onClick:a}=e;return(0,s.jsxs)("button",{"aria-label":"リストの".concat(t,"に資料請求する"),className:"flex items-center gap-2 bg-[#f19d09] text-white border-2 border-[#f19d09] m-1.5 text-[15px] font-bold py-[13px] px-5 rounded-lg cursor-pointer hover:bg-white hover:text-[#f19d09]",onClick:a,children:[(0,s.jsxs)("span",{children:["リストの",t,"に資料請求する"]}),(0,s.jsx)(h.g,{className:"w-5",icon:x.qtl})]})};var u=a(68201);let p=e=>{let{category_type_name:t,category_display_name:a,category_name:r,isBulkBillingEligible:n,cart:c,handleBulkAddToCart:l,handleListOrderForm:i}=e;return(0,s.jsxs)("div",{className:"hidden tb:flex items-center gap-3 justify-center fixed bottom-0 left-0 w-full z-10000 h-[65px] bg-[rgba(242,242,242,0.93)] shadow-[0_-3px_2px_rgba(0,0,0,0.2)]",children:[(0,s.jsx)("div",{className:"font-bold text-[#333] top-3 text-lg pc:text-xl text-nowrap",children:0===c.carts.length?"".concat(a||r,"の").concat(t,"をまとめて資料請求"):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"text-it-dark-red-700 text-[160%]",children:c.carts.length}),"件の製品が資料請求リストにあります。"]})}),0===c.carts.length&&n?(0,s.jsx)(u.A,{onClick:l,text:"すべての".concat(t,"に資料請求する")}):(0,s.jsxs)("div",{className:"flex",children:[(0,s.jsx)(m,{category_type_name:t,onClick:i}),n&&(0,s.jsx)(u.A,{onClick:l,text:"すべての".concat(t,"に資料請求する")}),(0,s.jsx)(d.A,{})]})]})};var g=a(69541),j=a(42382),_=a(82582);let f=e=>{let{category_type_name:t,category_display_name:a,category_name:n,isBulkBillingEligible:c,all_product_ids:x,all_order_position:h,position:f}=e,{cart:b}=(0,r.useContext)(j.M),{viewport:N}=(0,r.useContext)(i.A),v=(0,g.k)(x,h),{loading:y}=(0,o.M)(),{isDisplay:w}=(0,_.SO)(),k=()=>{w?window.location.href="".concat(l.A.APP_DOMAIN,"/orders/add/position:").concat(f):window.location.href="".concat(l.A.APP_DOMAIN,"/overseas_orders/add")};return(0,s.jsx)(s.Fragment,{children:"pc"===N?!y&&(0,s.jsxs)("div",{className:"flex items-center gap-3 justify-center fixed bottom-0 left-0 w-full z-10000 h-[65px] bg-[rgba(242,242,242,0.93)] shadow-[0_-3px_2px_rgba(0,0,0,0.2)]",children:[(0,s.jsx)("div",{className:"font-bold text-[#333] top-3 text-xl",children:0===b.carts.length?"".concat(a||n,"の").concat(t,"をまとめて資料請求"):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"text-it-dark-red-700 text-[160%]",children:b.carts.length}

1),"件の製品が資料請求リストにあります。"]})}),0===b.carts.length&&c?(0,s.jsx)(u.A,{onClick:v,text:"すべての".concat(t,"に資料請求する")}):(0,s.jsxs)("div",{className:"flex",children:[(0,s.jsx)(m,{category_type_name:t,onClick:k}),c&&(0,s.jsx)(u.A,{onClick:v,text:"すべての".concat(t,"に資料請求する")}),(0,s.jsx)(d.A,{})]})]}):"mobile"===N?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(p,{cart:b,category_display_name:a,category_name:n,category_type_name:t,handleBulkAddToCart:v,handleListOrderForm:k,isBulkBillingEligible:c})})};var b=a(92192),N=a(74592),v=a(79336);function y(e){let{children:t,width:a,category_type_name:l,category_id:i,category_display_name:o,category_name:d,all_product_ids:x,all_order_position:h,position:m,is_fixed_header:u=!1}=e,p=!0;i&&Object.values(c.W).includes(i)&&(p=!1);let g=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let e=()=>{if(g.current){let e=g.current.offsetHeight;document.documentElement.style.setProperty("--header-height","".concat(e,"px"))}};return u&&(e(),window.addEventListener("resize",e)),()=>{window.removeEventListener("resize",e)}},[u]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(N.A,{headerRef:g,is_fixed:u}),(0,s.jsx)("div",{className:"container mx-auto max-w-[1200px] w-full font-meiryo ".concat(null!=a?a:""),style:{paddingTop:u?"var(--header-height)":void 0},children:t}),(0,s.jsx)(n.A,{}),l||o||d||x||h||m?(0,s.jsx)(f,{all_order_position:h||"",all_product_ids:x||[],category_display_name:o||"",category_name:d||"",category_type_name:l||"",isBulkBillingEligible:p,position:m||""}):(0,s.jsx)(b.A,{}),(0,s.jsx)(v.A,{})]})}},97816:e=>{e.exports={annual:"Annual_annual__QtRsU",firsthalf:"Annual_firsthalf__XdHb_","check-category":"Annual_check-category__FMWl5"}},97995:(e,t,a)=>{"use strict";a.d(t,{W:()=>s,e:()=>r});let s={EMR:410,CRO_TOOL:610},r="/attendance_management_system/"}},e=>{e.O(0,[4840,7164,114,7671,4355,3371,8690,7263,6988,8823,9365,8601,8924,636,6593,8792],()=>e(e.s=53910)),_N_E=e.O()}]);