https://www.sustainablebrands.jp/_next/static/chunks/4651-95cb4291e2d1e17c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4651],{6570:function(e,t,n){n.d(t,{M:function(){return Side}});var r=n(5893),a=n(7294),i=n(776),s=n(1542),l=n(0),c=n(5675),o=n.n(c),d=n(6099);let RankingCard=e=>{var t,n,a,i;let{data:s,number:c}=e,u=(0,d.x)(c);return(0,r.jsx)("div",{className:"c-ranking_card",children:(0,r.jsxs)(l.r,{href:"/news/".concat(s.databaseId),children:[(0,r.jsx)("div",{className:"c-ranking_card__number",children:u}),(0,r.jsxs)("div",{className:"c-ranking_card__text",children:[s.title&&(0,r.jsx)("div",{className:"c-ranking_card__title ",dangerouslySetInnerHTML:{__html:s.title}}),s.newsCats&&(0,r.jsx)("ul",{className:"c-ranking_card__cat c-cats c-text01",children:(0,r.jsx)("li",{children:null===(n=s.newsCats)||void 0===n?void 0:null===(t=n.nodes[s.newsCats.nodes.length-1])||void 0===t?void 0:t.name})})]}),s.featuredImage&&s.featuredImage.node.sourceUrl?(0,r.jsx)("div",{className:"c-ranking_card__thumb c-radius20",children:(0,r.jsx)(o(),{src:s.featuredImage.node.sourceUrl,style:{objectFit:"cover"},fill:!0,alt:""})}):(null===(a=s.aCFNewsField)||void 0===a?void 0:a.ogpUrl)?(0,r.jsx)("div",{className:"c-ranking_card__thumb c-radius20",children:(0,r.jsx)(o(),{src:"".concat("https://cms.sustainablebrands.jp").concat(null===(i=s.aCFNewsField)||void 0===i?void 0:i.ogpUrl),style:{objectFit:"cover"},fill:!0,alt:""})}):null]})})};var u=n(1163);let Side=e=>{let{layout:t}=e,[n,l]=(0,a.useState)(void 0),[c,o]=(0,a.useState)(void 0),[d,h]=(0,a.useState)(void 0),[m,g]=(0,a.useState)(void 0);(0,a.useEffect)(()=>{!async function(){var e,t,n,r;let a=await fetch("/api/get-ranking-posts"),{weeklyRanking:i,monthlyRanking:s}=await a.json(),c=i.flatMap(e=>{var t;return(null===(t=e.post)||void 0===t?void 0:t.nodes)||[]}),d=s.flatMap(e=>{var t;return(null===(t=e.post)||void 0===t?void 0:t.nodes)||[]});l(c),o(d);let u=await fetch("/api/get-ad-bnr"),{adLoop:m}=await u.json(),p=new Date;p.setHours(0,0,0,0);let v=null!==(n=null===(e=m.adBnrLoop)||void 0===e?void 0:e.filter(e=>{let t=e.startDate?new Date(e.startDate):null,n=e.endDate?new Date(e.endDate):null,r=!t||p>=new Date(new Date(t).setHours(0,0,0,0)),a=!n||p<=new Date(new Date(n).setHours(0,0,0,0));return r&&a}))&&void 0!==n?n:[],_=null!==(r=null===(t=m.movieLoop)||void 0===t?void 0:t.filter(e=>{let t=e.startDate?new Date(e.startDate):null,n=e.endDate?new Date(e.endDate):null,r=!t||p>=new Date(new Date(t).setHours(0,0,0,0)),a=!n||p<=new Date(new Date(n).setHours(0,0,0,0));return r&&a}))&&void 0!==r?r:[];h(v),g(_)}()},[]);let p=(0,u.useRouter)();return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("aside",{className:"l-side ".concat("/news/[id]"===p.pathname?"-detail":""),children:["index"===t&&d||m?(0,r.jsx)(s.U,{bnr:d,movie:m}):d&&(0,r.jsx)(s.U,{bnr:d,movie:m}),(c&&c.length>0||n&&n.length>0)&&(0,r.jsxs)("div",{className:"l-side__ranking",children:[(0,r.jsxs)("h3",{className:"l-side__ranking__title u-mb20",children:[(0,r.jsx)("div",{className:"en",children:"RANKING"}),(0,r.jsx)("div",{className:"ja",children:"アクセスランキング"})]}),(0,r.jsxs)(i.mQ,{children:[(0,r.jsxs)(i.td,{className:"l-side__ranking__tab_trg",children:[n&&n.length>0&&(0,r.jsx)(i.OK,{children:"週間"}),c&&c.length>0&&(0,r.jsx)(i.OK,{children:"月間"})]}),n&&n.length>0&&(0,r.jsx)(i.x4,{className:"l-side__ranking__tab_body u-mt20",children:null==n?void 0:n.slice(0,5).map((e,t)=>(0,r.jsx)(RankingCard,{data:e,number:t+1},t))}),c&&c.length>0&&(0,r.jsx)(i.x4,{className:"l-side__ranking__tab_body",children:c.slice(0,5).map((e,t)=>(0,r.jsx)(RankingCard,{data:e,number:t+1},t))})]})]})]})})}},1542:function(e,t,n){n.d(t,{U:function(){return SponsorBlock}});var r=n(5893),a=n(512),i=n(5675),s=n.n(i),l=n(1664),c=n.n(l),o=n(9828),d=n(5592),u=n(7294),h=n(2730);n(9345);let SponsorBlock=e=>{let{modifier:t,bnr:n,movie:i}=e,getRandomItems=(e,t)=>{let n=[...e].sort(()=>.5-Math.random());return n.slice(0,t)},getDeviceType=()=>{let e=navigator.userAgent;return/iPhone|Android.+Mobile/.test(e)?"mobile":/iPad|Android/.test(e)?"tablet":"desktop"},getToday=()=>{let e=new Date;return e.toISOString().slice(0,10)},handleFireStoreIncrement=async(e,t,n)=>{let r=(0,o.ad)(d.l),a=getToday(),i=getDeviceType(),s=window.location.pathname+window.location.search+window.location.hash,l=s.replace(/^\/+/,"").replace(/\//g,"_"),c=document.title||s,u=(0,o.JU)(r,"events","".concat(l).concat(t,"_").concat(a)),h={[n]:(0,o.nP)(1),pageId:s,pageTitle:c,bannerId:t,device:i,date:a};try{await (0,o.r7)(u,h)}catch(e){await (0,o.pl)(u,{...h})}},l=n&&getRandomItems(n,4),m=i&&getRandomItems(i,1),handleBannerImpression=e=>handleFireStoreIncrement("banner",e,"impressions"),handleBannerClick=e=>handleFireStoreIncrement("banner",e,"clicks"),handleMovieImpression=e=>handleFireStoreIncrement("movie",e,"impressions"),handleMovieClick=e=>handleFireStoreIncrement("movie",e,"clicks"),g=(0,u.useRef)(new Set),handleImpression=(e,t)=>

1{e&&e.forEach(e=>{e.uniqueKey&&!g.current.has(e.uniqueKey)&&(t(e.uniqueKey),g.current.add(e.uniqueKey))})};(0,u.useEffect)(()=>{handleImpression(l,handleBannerImpression),handleImpression(m,handleMovieImpression)},[l,m]);let[p,v]=(0,h.E)({loop:!0,slides:{perView:1.3,origin:"center",spacing:10}}),[_,j]=(0,u.useState)(!1);(0,u.useEffect)(()=>{let getDeviceType=()=>{if("undefined"==typeof navigator)return"desktop";let e=navigator.userAgent;return/iPhone|Android.+Mobile/.test(e)?"mobile":/iPad|Android/.test(e)?"tablet":window.innerWidth<=768?"mobile":"desktop"},updateDeviceType=()=>j("mobile"===getDeviceType());return updateDeviceType(),window.addEventListener("resize",updateDeviceType),()=>window.removeEventListener("resize",updateDeviceType)},[]);let[f,b]=(0,u.useState)(0),w=(0,u.useRef)(null);return(0,u.useEffect)(()=>{var e;let updateHeight=()=>{w.current&&b(w.current.clientHeight)},t=null===(e=w.current)||void 0===e?void 0:e.querySelectorAll("img");if(t&&t.length>0){let e=0;t.forEach(n=>{n.complete?e++:n.onload=()=>{++e===t.length&&updateHeight()}}),e===t.length&&updateHeight()}else updateHeight();let n=document.querySelector(".c-2col_section__aside");n&&n.style.setProperty("--bnr-size","-".concat(f+40,"px"))},[l,m]),(0,r.jsxs)("div",{ref:w,className:(0,a.Z)("l-side__bnr_wrap",t||""),children:[m&&m.length>0&&(0,r.jsxs)("div",{className:"l-side__bnr_movie",children:[(0,r.jsx)("video",{width:"720",height:"404",controlsList:"nodownload",controls:!0,autoPlay:!0,muted:!0,playsInline:!0,loop:!0,children:(0,r.jsx)("source",{src:m[0].movie.node.mediaItemUrl,type:"video/mp4"})}),m[0].href.startsWith("http")?(0,r.jsx)("a",{href:m[0].href,target:"_blank",id:m[0].uniqueKey,onClick:()=>handleMovieClick(m[0].uniqueKey)}):(0,r.jsx)(c(),{href:m[0].href,id:"ad_".concat(m[0].uniqueKey),onClick:()=>handleMovieClick(m[0].uniqueKey)})]}),l&&(0,r.jsx)("ul",{ref:_?p:void 0,className:(0,a.Z)("l-side__bnr_list u-mt20",_&&"keen-slider"),children:l.map((e,t)=>{let{title:n,uniqueKey:a,href:i,img:l}=e;if(!i)return null;let handleClick=()=>handleBannerClick(a);return(0,r.jsx)("li",{className:"keen-slider__slide",children:i.startsWith("http")?(0,r.jsx)("a",{href:i,target:"_blank",id:"ad_".concat(a),className:"js-click_bnr",rel:"noopener noreferrer",onClick:handleClick,children:(0,r.jsx)(s(),{src:l.node.sourceUrl,width:300,height:120,alt:n})}):(0,r.jsx)(c(),{href:i,id:"ad_".concat(a),className:"js-click_bnr",onClick:handleClick,children:(0,r.jsx)(s(),{src:l.node.sourceUrl,width:300,height:120,alt:n})})},t)})})]})}},2418:function(e,t,n){n.d(t,{Q7:function(){return Crumbs}});var r=n(5893),a=n(512),i=n(0);let Crumbs=e=>{let{crumbs:t,layout:n}=e;return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("div",{className:(0,a.Z)("c-crumbs",n?"-bottom":""),children:(0,r.jsx)("div",{className:(0,a.Z)(n?"c-container":"c-fluid"),children:(0,r.jsxs)("ul",{className:"c-crumbs__list",children:[(0,r.jsx)("li",{className:"c-crumbs__home",children:(0,r.jsx)(i.r,{href:"/",children:"TOP"})}),t.map((e,n)=>{let{title:a,route:s}=e;return(0,r.jsx)("li",{children:t.length-1===n?(0,r.jsx)("span",{dangerouslySetInnerHTML:{__html:a}}):(0,r.jsx)(i.r,{href:s,children:a})},n)})]})})})})}},7032:function(e,t,n){n.d(t,{u:function(){return Pager}});var r=n(5893),a=n(0),i=n(7769),s=n(3427);let Pager=e=>{let{offsetPagination:t,page:n,target:l,keyword:c}=e,o=Math.ceil(Number(t.total)/i.LZ),d=[];for(let e=-3;e<=3;e++){let t=n+e;t>0&&t<=o&&d.push(t)}for(;d.length>4;)d[0]<n?d.shift():d.pop();return(0,r.jsxs)("div",{className:"c-pager",children:[n>1&&(0,r.jsx)(a.r,{href:"".concat(l,"/page/").concat(n-1).concat(c?"?keyword=".concat(c):""),className:"c-pager__num -reverse",children:(0,r.jsx)(s.A,{icon:"chevron-right"})}),o>4&&!d.includes(1)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.r,{href:"".concat(l),className:"c-pager__num",children:"1"}),(0,r.jsx)("span",{className:"c-pager__dot",children:"..."})]}),d.map((e,t)=>e===n?(0,r.jsx)("span",{className:"c-pager__num",children:e},t):(0,r.jsx)(a.r,{href:1===e?"".concat(l):"".concat(l,"/page/").concat(e).concat(c?"?keyword=".concat(c):""),className:"c-pager__num",children:e},t)),n<o&&(0,r.jsx)(a.r,{href:"".concat(l,"/page/").concat(n+1).concat(c?"?keyword=".concat(c):""),className:"c-pager__num",children:(0,r.jsx)(s.A,{icon:"chevron-right"})})]})}},6099:function(e,t,n){n.d(t,{x:function(){return zeroPadding}});let zeroPadding=e=>String(e).padStart(2,"0")},5592:function(e,t,n){n.d(t,{l:function(){return a}});var r=n(3977);let a=(0,r.C6)().length?(0,r.C6)()[0]:(0,r.ZF)({apiKey:"AIzaSyDsAa-8LN7hPILyAIaBdgvhMiiqdSGQtxQ",authDomain:"sb-japan.firebaseapp.com",projectId:"sb-japan",storageBucket:"sb-japan.firebasestorage.app",messagingSenderId:"778584578346",appId:"1:778584578346:web:1a4ec27c2446ec3857a653",measurementId:"G-GGKZGKHLWQ"})},6412:function(e,t,n){n.d(t,{j4:function(){return getSeoTitleFromCrumbs},p3:function(){return getRouteData},um:function(){return getPageData}});let r=[{title:"SB JAPANとは",en:"About",slug:"about",route:"/about"},{title:"サービス",en:"Services",slug:"service",route:"/service"},{title:"SBイベント",en:"Event",slug:"event",route:"/event"},{title:"イベント一覧",en:"Events",slug:"list",route:"/event/list",parents:["event"]},{title:"SDGsを軸とした企業のサステナビリティ ランキング",en:"JSBI",slug:"service",route:"/service/jsbi/ranking",parents:["service"]},{title:"概要・調査手法",en:"JSBI",slug:"service",route:"/service/jsbi/overview",parents:["service"]},{title:"統合思考研究所",en:"Consulting & Advisory",slug:"service",route:"/service/consulting-advisory",parents:["service"]},{title:"コーポレート・コミュニケーション ",en:"Corporate Communication",slug:"service",route:"/service/corporate-communication",parents:["service"]},{title:"SB Japan Forum",en:"SB Japan Forum",slug:"forum",route:"/community/forum"},{title:"nest",en:"nest",slug:"nest",route:"/community/nest"},{title:"お問い合わせ",en:"Contact",slug:"contact",route:"/contact"},{title:"メールマガジン登録",en:"Mail Magazine",slug:"mail-magazine",route:"/mail-magazine"},{title:"広告出稿について",en:"Advertisement",slug:"ad",route:"/ad"},{title:"サイトポリシー",en:"Site Policy",slug:"policy",route:"/policy"},{title:"統合レポート・ライブラリー",en:"REPORT LIBRARY",slug:"report-library",route:"/report-library"},{title:"統合レポート・ライブラリー",en:"REPORT LIBRARY",slug:"report",route:"/report-library/category/report",parents:["report-library"]},{title:"動画ライブラリー",en:"Movie Library",slug:"movie",route:"/report-library/category/movie",parents:["report-library"]},{title:"ジャパン・サステナブルブランド・インデックス",en:"JSBI",slug:"ranking",route:"/jsbi/ranking"},{title:"ニュース",en:"News",slug:"news",route:"/news",children:["monthly","weekly","search"]}

1,{title:"よく読まれている記事",en:"News",slug:"monthly",route:"/news/monthly",parents:["news"]},{title:"よく読まれている記事",en:"News",slug:"weekly",route:"/news/weekly",parents:["news"]},{title:"検索結果",en:"Search",slug:"search",route:"/news/search",parents:["news"]},{title:"Whats new",en:"Whats new",slug:"topics",route:"/topics"}],getPageData=e=>{let t=r.find(t=>t.route===e);return void 0===t?{title:"",en:"",slug:"",route:""}:t},getCrumbs=e=>{let t=getPageData(e),n=[],r="";return t.parents&&t.parents.forEach(e=>{r+="/"+e,n.push(r)}),[...n.map(e=>{let t=getPageData(e);return{title:t.title,route:t.route}}),{title:t.title,route:t.route}]},getSeoTitleFromCrumbs=e=>e.map(e=>e.title).reverse().join("｜"),getRouteData=e=>{let t=getPageData(e),n=getCrumbs(e);return{pageData:t,crumbs:n,seoTitle:getSeoTitleFromCrumbs(n)}}}}]);