1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8958],{1506:function(n,e,r){r.d(e,{Z:function(){return d}});var t=r(5893),a=r(7672),i=r(9008),o=r.n(i);r(7294);var l=r(917);let f=()=>(0,t.jsx)(l.xB,{styles:"\n .grid-item-thumbnail {\n border-radius: 50%;\n width: 180px;\n height: 180px;\n margin:auto;\n display:flex;\n }\n "}),p={hidden:{opacity:0,x:0,y:20},enter:{opacity:1,x:0,y:0},exit:{opacity:0,x:-0,y:20}};var d=n=>{let{children:e,title:r}=n,i="".concat(r," - Nefront Inc.");return(0,t.jsx)(a.E.article,{initial:"hidden",animate:"enter",exit:"exit",variants:p,transition:{duration:.4,type:"easeInOut"},style:{position:"relative"},children:(0,t.jsxs)(t.Fragment,{children:[r&&(0,t.jsxs)(o(),{children:[(0,t.jsx)("title",{children:i}),(0,t.jsx)("meta",{name:"twitter:title",content:i}),(0,t.jsx)("meta",{property:"og:title",content:i})]}),e,(0,t.jsx)(f,{})]})})}},5681:function(n,e,r){r.d(e,{C9:function(){return f},Eu:function(){return l},GC:function(){return o},N4:function(){return i}});var t=r(8996);let a=n=>{let e=n.trim().split(/[/.-]/);if(3!==e.length)return null;let[r,t,a]=e;return/^\d{4}$/.test(r)&&/^\d{1,2}$/.test(t)&&/^\d{1,2}$/.test(a)?[r,t.padStart(2,"0"),a.padStart(2,"0")]:null},i=n=>{if(!n)return"";let e=a(n);return e?e.join("."):n},o=n=>{if(!n)return;let e=a(n);return e?e.join("-"):void 0},l=(n,e)=>(0,t.rN)(n,"/news/".concat(e.replace(/\.md$/,""),"/")),f=(n,e)=>(0,t.rN)(n,e<=1?"/news/":"/news/page/".concat(e,"/"))},1332:function(n,e,r){var t=r(2729),a=r(5893);r(7294);var i=r(917);function o(){let n=(0,t._)(['\n /* --------------------------------------------------- ä¸è¦§ãã¼ã¸ã®è¦åºã */\n /* ä¸è¦§ãã¼ã¸ã® h1ãè¦ãç®ã¯ä»ã®æ°ãã¼ã¸ã® h2ï¼.nf-sec h2ï¼ã«æãã */\n .nfn-ptitle {\n font-size: clamp(24px, 3.1vw, 33px);\n margin: 0 0 16px;\n padding: 0;\n font-weight: 800;\n line-height: 1.5;\n text-align: left;\n }\n\n /*\n * è¨äºã 1 æ¬ãç¡ãã¨ãã®ä¸è¨ï¼components/news/news-list.tsx ãåºãï¼ã\n * è±èªçã¯ç¿»è¨³æ¸ã¿ã®è¨äºãã¾ã å°ãªãã®ã§ã空ã®ä¸è¦§ããå£ãã¦ãããããã«\n * è¦ããªãããã«ããã§ä½è£ãæã¤ã\n */\n .nfn-empty {\n margin: 8px 0 0;\n padding: 22px 24px;\n border: 1px dashed var(--nf-axis);\n border-radius: 10px;\n background: var(--nf-blue-wash);\n color: var(--nf-ink-soft);\n font-size: 14.5px;\n line-height: 1.8;\n }\n\n /* --------------------------------------------------- ä¸è¦§ï¼ãµã ãã¤ã«ä»ãï¼ */\n /* .nf-newslist ã«è¶³ã修飾ã¯ã©ã¹ããããã® News ç¯ï¼ãµã ãã¤ã«ç¡ãï¼ã«ã¯ä»ããªã */\n .nfn-list a {\n align-items: center;\n gap: 20px;\n }\n\n /* æ¥ä»ï¼ã¿ã¤ãã«ã®ã¾ã¨ã¾ããåºãç»é¢ã§ã¯ .nf-newslist a ã®ç´æ¥ã®åã¨ãã¦\n 並ãã§ã»ããã®ã§ display:contents ã§èªèº«ã¯æ¶ããçãç»é¢ã ã縦ã«ç©ã */\n .nfn-row {\n display: contents;\n }\n\n .nfn-title {\n flex: 1 1 auto;\n min-width: 0;\n line-height: 1.7;\n /* é·ã URL ãã¹ã©ãã°ã 375px ã§æ¨ªã«ã¯ã¿åºããªãããã« */\n overflow-wrap: anywhere;\n }\n\n /* ãããã® News ç¯ã®æ¥ä»ï¼ã«ãã´ãªããã¸ãå¹
ããããã¡ã¯æ¥ä»ã»ããã¸ã»ã¿ã¤ãã«ã®\n 3ã¤ã1è¡ã«ä¸¦ã¹ããã®ã§ã.nfn-row ã¨åãã display:contents ã§èªèº«ãæ¶ãã */\n .nfn-meta {\n display: contents;\n }\n\n .nfn-thumb {\n flex: none;\n width: 92px;\n height: 60px;\n margin-left: auto;\n border-radius: 6px;\n overflow: hidden;\n border: 1px solid var(--nf-grid);\n background: #fff;\n box-shadow: var(--nf-sh-1);\n }\n\n /* <picture> ã¯æ¢å®ã§ã¤ã³ã©ã¤ã³ãªã®ã§ãä¸ã® img ã® % æå®ãå¹ãããã« block ã«ãã */\n .nfn-thumb picture {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n .nfn-thumb img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n @media (max-width: 560px) {\n /* ã¹ããã§ã¯ãæ¥ä»ï¼ããã¸ã1è¡ç®ã»ã¿ã¤ãã«ã2è¡ç®ã®å
¨å¹
ã«ãã\n ï¼ä¸è¦§ãã¼ã¸ã® .nfn-row ã¨åãçµã¿æ¹ï¼ãã¿ã¤ãã«ãå³ã®ã«ã©ã ã«æ®ãã¨\n 375px ã§ã
1¯ 1 è¡ 10 åã»ã©ããå
¥ãããè¡ãå¢ããããå³ã大ããä½ãã */\n .nf-newslist:not(.nfn-list) a {\n flex-wrap: wrap;\n align-items: center;\n gap: 6px 10px;\n }\n\n .nfn-meta {\n display: flex;\n flex: none;\n align-items: center;\n gap: 10px;\n }\n\n .nf-newslist:not(.nfn-list) .nfn-title {\n flex: 1 0 100%;\n }\n\n /* çãç»é¢ã§ã¯ 1è¡ç®ã«æ¥ä»ï¼ï¼ã«ãã´ãªï¼ã2è¡ç®ã«ã¿ã¤ãã«ãç½®ãã\n display:contents ãããã¦èªèº«ãæãè¿ã flex ã«ãªã */\n .nfn-row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 6px 10px;\n flex: 1 1 auto;\n min-width: 0;\n }\n\n /* ã¿ã¤ãã«ã¯å¿
ãåç¬ã®è¡ã«éã */\n .nfn-row .nfn-title {\n flex: 1 0 100%;\n }\n\n .nfn-list a {\n gap: 14px;\n align-items: flex-start;\n }\n\n .nfn-thumb {\n width: 64px;\n height: 44px;\n }\n }\n\n /* ãããã® News ç¯ãã /news ã¸éãå°ç· */\n .nfn-more {\n margin: 22px 0 0;\n }\n\n /* --------------------------------------------------- ä¸è¦§ã®ãã¼ã¸éã */\n /* è¨äºãå¢ãã¦ã 1 ãã¼ã¸ã«åºãã®ã¯ newsPerPage ä»¶ã¾ã§ãªã®ã§ãç¶ãã¯ãããã辿ãã\n éçæ¸ãåºããªã®ã§ JS ç¡ãã§ãåãç´ ã®ãªã³ã¯ï¼components/news/pager.tsxï¼ã */\n .nfn-pager {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 14px 16px;\n margin: 34px 0 0;\n padding-top: 22px;\n border-top: 1px solid var(--nf-grid);\n font-size: 13.5px;\n }\n\n .nfn-pager-edge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-weight: 700;\n color: var(--nf-blue);\n text-decoration: none;\n white-space: nowrap;\n }\n\n /* 端ï¼1ãã¼ã¸ç®ã®ãæ°ãããç¥ããããªã©ï¼ã¯è¡ãå
ãç¡ãã¦ãå ´æãæ®ãã\n æ¶ãã¨çãä¸ã®ãã¼ã¸çªå·ãå·¦å³ã«ããã¦è½ã¡çããªãã */\n .nfn-pager-off {\n visibility: hidden;\n }\n\n .nfn-pager-nums {\n display: flex;\n align-items: center;\n gap: 6px;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .nfn-pager-num {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 34px;\n height: 34px;\n padding: 0 8px;\n border: 1px solid var(--nf-grid);\n border-radius: 8px;\n background: #fff;\n color: var(--nf-ink-soft);\n font-family: var(--nf-mono);\n font-size: 13px;\n text-decoration: none;\n transition:\n border-color 0.2s var(--nf-ease),\n color 0.2s var(--nf-ease);\n }\n\n a.nfn-pager-num:hover {\n border-color: var(--nf-blue);\n color: var(--nf-blue);\n }\n\n .nfn-pager-here {\n background: var(--nf-blue);\n border-color: var(--nf-blue);\n color: #fff;\n font-weight: 700;\n }\n\n .nfn-pager-gap {\n padding: 0 2px;\n color: var(--nf-ink-faint);\n }\n\n @media (max-width: 560px) {\n /* çãç»é¢ã§ã¯çªå·ã 1 è¡ç®ãåå¾ã®å°ç·ããã®ä¸ã«ç½®ã */\n .nfn-pager {\n justify-content: center;\n }\n\n .nfn-pager-nums {\n order: -1;\n flex-basis: 100%;\n justify-content: center;\n }\n\n .nfn-pager-off {\n display: none;\n }\n }\n\n /* --------------------------------------------------- è¨äºè©³ç´° */\n /* æ¬æã«ã©ã ãæ¬æ 16px ã§è¡é·ãã¡ããã© 40emï¼640pxï¼ã«åã¾ãå¹
ï¼å·¦å³ã®ä½ç½ */\n .nfn-wrap {\n max-width: 696px;\n margin: 0 auto;\n padding: 0 28px;\n }\n\n @media (max-width: 640px) {\n .nfn-wrap {\n padding: 0 16px;\n }\n }\n\n .nfn-ahero {\n background: var(--nf-blue-wash);\n border-bottom: 1px solid var(--nf-grid);\n position: relative;\n overflow: hidden;\n }\n\n .nfn-ahero::before {\n content: \'\';\n position: absolute;\n inset: 0;\n background: radial-gradient(\n 560px 340px at 85% 15%,\n rgba(48, 84, 214, 0.09),\n transparent 65%\n ),\n linear-gradient(var(--nf-grid) 1px, transparent 1px),\n linear-gradient(90deg, var(--nf-grid) 1px, transparent 1px);\n background-size:\n auto,\n 56px 56px,\n 56px 56px;\n mask-image: linear-gradient(180deg, #000 82%, transparent);\n -webkit-mask-image: linear-gradient(180deg, #000 82%, transparent);\n }\n\n .nfn-ahero .nfn-wrap {\n position: relative;\n padding-top: 42px;\n padding-bottom: 40px;\n }\n\n @media (max-width: 900px) {\n .nfn-ahero .nfn-wrap {\n padding-top: 32px;\n padding-bottom: 30px;\n }\n }\n\n /* --------------------------------------------------- è¨äºã®é¡ã«ãªãç»å */\n /* æ»ãå°ç·ã¨ã¿ã¤ãã«ã®ããã ããã¼ã¹ã®ã°ãªããã®ä¸ã«ãã®ã¾ã¾ç½®ãããã®ã§ã\n è§ä¸¸ã»æ ç·ã»å½±ã¯ä»ããªãï¼ã«ã¼ãã®ããã«æµ®ãã¦è¦ããªãï¼ã\n 縦横æ¯ã¯ã¾ã¡ã¾ã¡ï¼1.33ã1.92ï¼ãªã®ã§åãæããªã\n ï¼UPDATE EARTH 2025 ã®ãã©ã¤ã¤ã¼ã¯åãã¨ä¸ç«¯ã®æ¥ä»ãè½ã¡ãï¼ã\n\n å¹
ã¯æ¬æã«ã©ã ï¼.nfn-wrap ã®å
å¹
ï¼ã«åãããããã ã\n width: auto + max-width: 100% ã«ãã¦ããã®ã§ã\n å®éã®å¹
㯠min(æ¬æã«ã©ã å¹
, å
ç»åã®å¹
) ã«ãªãã\n 551px å¹
ã®ãããªå°ããå
ç»åã¯æ¡å¤§ããããã®ã¾ã¾ã®å¤§ããã§å·¦ç«¯ã«æãã\n é«ãã®ä¸éã¯æããªãï¼æããã¨å¹
ãæ¬æããçããªã£ã¦ãã¾ãï¼ã */\n .nfn-ahero picture {\n display: block;\n max-width: 100%;\n margin: 20px 0 4px;\n }\n\n .nfn-athumb {\n display: block;\n width: auto;\n max-width: 100%;\n height: auto;\n }\n\n @media (max-width: 640px) {\n .nfn-ahero picture {\n margin: 16px 0 2px;\n }\n }\n\n /* ãã³ãã代ããã®æ»ãå°ç· */\n .nfn-back {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 12.5px;\n font-weight: 700;\n color: var(--nf-blue);\n text-decoration: none;\n }\n\n .nfn-back .nf-ar {\n display: inline-block;\n transition: transform 0.25s var(--nf-ease);\n }\n\n .nfn-back:hover .nf-ar {\n transform: translateX(-3px);\n }\n\n /* è£å©ããã¹ããªã®ã§æ¬æããèãããã ãæ·¡ãéã®ä¸ã«è¼ãã®ã§ faint ã§ã¯\n å¼±ãããï¼3.1:1ï¼ãsoft ã¾ã§ä¸ããã */\n .nfn-adate {\n display: block;\n margin-top: 16px;\n font-family: var(--nf-mono);\n font-size: 12.5px;\n letter-spacing: 0.06em;\n color: var(--nf-ink-soft);\n }\n\n /* æ¥ä»ã¨ã«ãã´ãªããã¸ã横並ã³ã«ãããããã¸ã¯ä¸è¦§ã¨åã .nf-cat ã使ãã\n ä¸ã®ä½ç½ã¯ãã®è¡ãæã¤ã®ã§ãä¸ã®æ¥ä»å´ã¯æã¡æ¶ãã */\n .nfn-ameta {\n display: flex;\n align-items: center;\n gap: 12px;\n flex-wrap: wrap;\n margin: 16px 0 0;\n }\n\n .nfn-ameta .nfn-adate {\n margin-top: 0;\n }\n\n .nfn-atitle {\n font-size: clamp(22px, 3.2vw, 32px);\n font-weight: 800;\n line-height: 1.6;\n letter-spacing: 0.01em;\n color: var(--nf-ink);\n margin: 10px 0 0;\n padding: 0;\n text-align: left;
1\n overflow-wrap: anywhere;\n }\n\n .nfn-abody {\n padding: 52px 0 72px;\n background: var(--nf-paper);\n }\n\n @media (max-width: 640px) {\n .nfn-abody {\n padding: 34px 0 52px;\n }\n }\n\n /* --------------------------------------------------- è¨äºæ¬æã®çµç */\n /* marked ãåãã HTML ããã®ã¾ã¾æµãè¾¼ãå ´æãæ§ .markdown ã¯\n img ã« width: max(30vw, 500px) ãå¹ããã¦ã㦠375px ã§æ¨ªã«æº¢ããããã\n ã¯ã©ã¹ãåãã¦ç¸ãåã£ã¦ããã */\n .nfn-article {\n font-size: 16px;\n line-height: 2;\n /* é·æã®æ¬æã¯ä¸»å½¹ãªã®ã§ãè£å©ããã¹ãã® --nf-ink-soft ã§ã¯ãªã\n è¦åºãï¼--nf-inkï¼ã®å°ãæåã®æ¿ããå½ã¦ãã\n æ¥ä»ã»å¼ç¨ã»æ³¨è¨ãªã©ã®è£å©ããã¹ã㯠--nf-ink-soft / --nf-ink-faint ã®ã¾ã¾ã */\n color: #1f2a3a;\n /* è¨äºä¸ã®ç URLï¼marked ãèªåãªã³ã¯ããï¼ãæ¨ªã«æº¢ããªãããã« */\n overflow-wrap: anywhere;\n }\n\n .nfn-article > * {\n max-width: 100%;\n }\n\n .nfn-article p {\n margin: 0 0 1.6em;\n }\n\n /* 段è½ã®ééãä½ãããã ãã® <br /> ã¯ãã«ãæã«è½ã¨ãã¦ãã\n ï¼@/news/normalize ã® stripSpacerBreaksï¼ãããã«æ®ã <br /> ã¯æ¬å½ã®æ¹è¡ã */\n\n .nfn-article h1,\n .nfn-article h2,\n .nfn-article h3,\n .nfn-article h4 {\n color: var(--nf-ink);\n font-weight: 800;\n line-height: 1.6;\n text-align: left;\n padding: 0;\n }\n\n .nfn-article h1,\n .nfn-article h2 {\n font-size: 20px;\n margin: 2.2em 0 0.8em;\n padding-left: 13px;\n border-left: 3px solid var(--nf-blue);\n }\n\n .nfn-article h3 {\n font-size: 17px;\n margin: 2em 0 0.7em;\n }\n\n .nfn-article h4 {\n font-size: 15.5px;\n margin: 1.8em 0 0.6em;\n }\n\n /* ãâ ããã«ã¤ãã¦ãã®ãããªã段è½ã¾ããã¨å¤ªåã®å°è¦åºã */\n .nfn-article p > strong:only-child {\n display: block;\n font-size: 16.5px;\n font-weight: 800;\n color: var(--nf-ink);\n line-height: 1.7;\n margin: 1.2em 0 0.2em;\n }\n\n .nfn-article strong {\n color: var(--nf-ink);\n font-weight: 800;\n }\n\n .nfn-article a {\n color: var(--nf-blue);\n text-decoration: underline;\n text-underline-offset: 3px;\n text-decoration-thickness: 1px;\n transition: color 0.2s;\n }\n\n .nfn-article a:hover {\n color: var(--nf-blue-deep);\n }\n\n .nfn-article img {\n display: block;\n width: 100%;\n height: auto;\n margin: 30px auto;\n border-radius: 10px;\n border: 1px solid var(--nf-grid);\n box-shadow: var(--nf-sh-1);\n }\n\n .nfn-article ul,\n .nfn-article ol {\n margin: 0 0 1.6em;\n padding-left: 1.5em;\n list-style: revert;\n }\n\n .nfn-article li {\n margin-bottom: 0.4em;\n }\n\n .nfn-article blockquote {\n margin: 0 0 1.6em;\n padding: 4px 0 4px 18px;\n border-left: 3px solid var(--nf-axis);\n color: var(--nf-ink-faint);\n }\n\n .nfn-article hr {\n border: 0;\n border-top: 1px solid var(--nf-grid);\n margin: 2.4em 0;\n }\n\n .nfn-article code {\n font-family: var(--nf-mono);\n font-size: 0.92em;\n background: var(--nf-blue-wash);\n border: 1px solid var(--nf-grid);\n border-radius: 4px;\n padding: 1px 6px;\n }\n\n .nfn-article pre {\n margin: 0 0 1.6em;\n padding: 16px 18px;\n background: var(--nf-blue-wash);\n border: 1px solid var(--nf-grid);\n border-radius: 8px;\n /* é·ãè¡ã¯è¨äºã®ä¸ã ãã§æ¨ªã¹ã¯ãã¼ã«ãããï¼ãã¼ã¸å
¨ä½ã横ã«ä¼¸ã°ããªãï¼ */\n overflow-x: auto;\n font-size: 13px;\n line-height: 1.8;\n }\n\n .nfn-article pre code {\n background: none;\n border: 0;\n padding: 0;\n }\n\n /* 表ãåãããè¨äºã®ä¸ã ãã§æ¨ªã¹ã¯ãã¼ã«ããã */\n .nfn-article table {\n display: block;\n width: 100%;\n overflow-x: auto;\n border-collapse: collapse;\n margin: 0 0 1.6em;\n font-size: 13.5px;\n }\n\n .nfn-article th,\n .nfn-article td {\n border: 1px solid var(--nf-grid);\n padding: 10px 14px;\n text-align: left;\n }\n\n .nfn-article th {\n background: var(--nf-blue-wash);\n color: var(--nf-ink);\n font-weight: 800;\n white-space: nowrap;\n }\n\n /* --------------------------------------------------- è¨äºä¸é¨ */\n .nfn-afoot {\n margin-top: 48px;\n padding-top: 26px;\n border-top: 1px solid var(--nf-grid);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 18px;\n flex-wrap: wrap;\n }\n\n .nfn-share {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .nfn-share-label {\n font-family: var(--nf-mono);\n font-size: 11px;\n letter-spacing: 0.14em;\n color: var(--nf-ink-faint);\n }\n\n .nfn-share button {\n display: inline-flex;\n border-radius: 50%;\n transition: transform 0.25s var(--nf-ease);\n }\n\n .nfn-share button:hover {\n transform: translateY(-2px);\n }\n\n /* --------------------------------------------------- æ¬æä¸ã®ãªã³ã¯ã«ã¼ã */\n /* æ²è¼è¨äºãªã©ããªã³ã¯å
ãåããå½¢ã§ç½®ãããå¤é¨ãªã³ã¯ãè¨äºã® md ã«\n <div class="nfn-lcard-wrap"><a class="nfn-lcard" ...>â¦</a></div> ã¨ç´æ¥æ¸ã\n ï¼marked ã«ç HTML ã®ã¾ã¾éãããã®ã§ããã® div ã®ä¸ã«ç©ºè¡ãå
¥ããªããã¨ï¼ã\n ãµã ãã¤ã«ã¯ãªã³ã¯å
ã
1® OGP ç»åããã®ã¾ã¾åç
§ããï¼ç»åã¯è¤è£½ããªãï¼ã */\n .nfn-lcard-wrap {\n margin: 30px 0;\n }\n\n .nfn-article a.nfn-lcard {\n display: flex;\n align-items: stretch;\n color: inherit;\n text-decoration: none;\n background: var(--nf-paper);\n border: 1px solid var(--nf-grid);\n border-radius: 12px;\n overflow: hidden;\n transition:\n border-color 0.2s,\n box-shadow 0.25s var(--nf-ease),\n transform 0.25s var(--nf-ease);\n }\n\n .nfn-article a.nfn-lcard:hover {\n color: inherit;\n border-color: var(--nf-axis);\n box-shadow: var(--nf-sh-1);\n transform: translateY(-2px);\n }\n\n /* ç»åã¯çµ¶å¯¾é
ç½®ã§æ ãåãããã«ã¼ãã®é«ãã¯å³ã®ããã¹ãå´ã§æ±ºã¾ã */\n .nfn-lcard-thumb {\n flex: 0 0 38%;\n position: relative;\n background: var(--nf-ground);\n border-right: 1px solid var(--nf-grid);\n }\n\n .nfn-article .nfn-lcard-thumb img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n border: 0;\n border-radius: 0;\n box-shadow: none;\n object-fit: cover;\n }\n\n .nfn-lcard-txt {\n flex: 1 1 auto;\n min-width: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 6px;\n padding: 16px 18px;\n }\n\n .nfn-lcard-site {\n font-size: 12px;\n line-height: 1.6;\n color: var(--nf-ink-faint);\n }\n\n .nfn-lcard-title {\n font-size: 15.5px;\n font-weight: 800;\n line-height: 1.65;\n color: var(--nf-ink);\n }\n\n .nfn-lcard-host {\n font-family: var(--nf-mono);\n font-size: 11px;\n letter-spacing: 0.08em;\n color: var(--nf-ink-faint);\n }\n\n /* ã¹ããã§ã¯ç¸¦ç©ã¿ã«ãã¦ãç»å㯠1.91:1ï¼OGP ã¨åãæ¯çï¼ã®å¸¯ã«ãã */\n @media (max-width: 640px) {\n .nfn-article a.nfn-lcard {\n display: block;\n }\n\n /* display:block ã«ããªã㨠span ã®ã¾ã¾ inline ã§ãaspect-ratio ãå¹ããªã */\n .nfn-lcard-thumb {\n display: block;\n aspect-ratio: 1.91 / 1;\n border-right: 0;\n border-bottom: 1px solid var(--nf-grid);\n }\n\n .nfn-lcard-txt {\n padding: 14px 16px;\n }\n }\n']);return o=function(){return n},n}let l=(0,i.iv)(o());e.Z=()=>(0,a.jsx)(i.xB,{styles:l})},6208:function(n,e,r){r.d(e,{Z:function(){return a}});var t=r(5893);r(7294);var a=n=>{let{src:e,webpSrc:r,smallSrc:a,alt:i,className:o,loading:l="lazy"}=n;return(0,t.jsxs)("picture",{children:[a?(0,t.jsx)("source",{srcSet:a,type:"image/webp"}):null,r?(0,t.jsx)("source",{srcSet:r,type:"image/webp"}):null,(0,t.jsx)("img",{src:e,alt:i,className:o,loading:l,decoding:"async",...a?{width:276,height:180}:{}})]})}},345:function(n,e,r){var t=r(7294);e.Z=()=>{(0,t.useEffect)(()=>{let n=Array.from(document.querySelectorAll(".nf-rv"));if(0===n.length)return;if("function"==typeof window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches||"undefined"==typeof IntersectionObserver){n.forEach(n=>n.classList.add("in"));return}let e=new IntersectionObserver(n=>{n.forEach(n=>{n.isIntersecting&&(n.target.classList.add("in"),e.unobserve(n.target))})},{threshold:.12,rootMargin:"0px 0px -40px 0px"});return n.forEach(n=>{n.classList.contains("in")||e.observe(n)}),()=>e.disconnect()},[])}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.