@charset "utf-8";@layer animation{.animeShow{animation-name:animeShow;display:grid}.animeDeactivate{animation-name:animeDeactivate}.animeHidden{animation-name:animeHidden}.animated{animation-duration:1s;animation-fill-mode:both;animation-timing-function:ease-out}.animated.infinite{animation-iteration-count:infinite}.animated.delay-1s{animation-delay:1s}.animated.fast{animation-duration:.8s}.animated.slow{animation-duration:2s}.skelton{--color-gradation-light:#fff;--color-gradation-dark:#ddd;--color-gradation01:linear-gradient(-45deg,var(--color-gradation-dark) 25%,var(--color-gradation-light) 50%,var(--color-gradation-dark) 75%);--border-radius01:0.5rem;overflow:hidden;position:relative;&:not(.tags){background-color:#eee}&.img{animation:skeltonScreen 20s linear infinite;aspect-ratio:16/9;background-image:var(--color-gradation01);background-position:0 0;background-repeat:repeat;background-size:200% 100%;object-fit:cover;&.headerLogo{height:94px;width:154px}&.footerLogo{height:151px;width:270px}&.square{aspect-ratio:1/1;background-size:100%}}&.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1em 0 0;position:relative}&.tag{display:inline-block;font-size:.8rem}&.button{min-height:3em;min-width:7.5em;padding:0}&.title{font-size:1.5rem}&.text{font-size:1rem;margin:1rem 0 0}&:before{display:inline-block;position:relative;z-index:1}&.img:before{content:""}&.tag:before,&:before{content:"dummy"}&.text:before,&.title:before{word-break:break-all}&.button:before,&.tag:before,&.text:before,&.title:before{animation:skeltonScreen 20s linear infinite;background-color:initial;background-image:var(--color-gradation01);background-position:0 0;background-repeat:repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#0000;height:100%;line-height:1.5;width:100%}&.button:before,&.tag:before{background-size:20rem 3rem}&.text:before,&.title:before{background-size:100%}}@keyframes animeShow{to{opacity:1;transform:translateY(0)}}@keyframes animeDeactivate{to{opacity:.5}}@keyframes animeHidden{to{opacity:0;transform:translateY(-1em)}}@keyframes skeltonScreen{0%{background-position:0 0}to{background-position:400rem 0}}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-100%)}}}@layer reset{*,:after,:before{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;margin:0;min-height:100vh;text-rendering:optimizeSpeed}article,aside,details,div,dl,figcaption,figure,footer,header,img,main,menu,nav,ol,section,summary,ul{position:relative}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,ol,p,ul{margin:0}ol,ul{padding:0}article,aside,blockquote,dd,details,dt,em,figcaption,footer,header,li,main,menu,nav,section,span,strong,summary{line-height:1.3}h1{line-height:1.2}h2,h3,h4,h5{line-height:1.1}p{line-height:1.7}address,em{font-style:normal}a{color:#08090c;text-decoration:none;&:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}}button{background:none;border:none;cursor:pointer;padding:0}hr{border-color:#0000001a;width:100%}del{text-decoration:line-through}ins{text-decoration:none}ins,mark{background-color:#eee}mark{font-style:italic}li,ol,ul{list-style:none}li{line-height:1.3}img,picture,video{display:block;max-width:100%}img{height:auto;&:after,&:before{left:0;max-width:100%;position:absolute;width:100%}&:before{background-color:#eee;content:"";height:100%}&:after,&:before{top:50%;transform:translateY(-50%)}&:after{color:#bbb;content:"loading ...";z-index:2}}details summary{cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}}fieldset{border:none;padding:0}button,input,select,textarea{font:inherit}input[type=email],input[type=number],input[type=text],select,textarea{border:none;padding:.5rem}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body.tablet,body.tablet.pc{h1,h2,h3{line-height:1.3}h4,h5{line-height:1.2}}}@layer base{:root{--font-family-base:neue-haas-grotesk-text,"Helvetica","Arial";--font-family-mono:TRMono,monospace;--font-size:16px;--font-size-base:clamp(1rem,calc(0.75rem + 1vw),1.5rem);--font-size-custom1:0.55556vw * 1px;--font-size-headlineXXXS:0.8rem;--font-size-headlineXXS:0.9rem;--font-size-headlineXS:clamp(1.0rem,2.0cqw,1.1rem);--font-size-headlineS:clamp(1.15rem,2.5cqw,1.3rem);--font-size-headlineM:clamp(1.3rem,3.0cqw,1.5rem);--font-size-headlineL:clamp(1.6rem,3.5cqw,2.3rem);--font-size-headlineXL:clamp(1.8rem,4.0cqw,3.0rem);--font-size-sentence:0.9rem;--layout-gap:1.3rem;--layout-gap-columns:1.3rem;--layout-gap-rows:2.0rem;--layout-gap-text:1.0rem;--site-width:auto;--height-header:70px;--site-width-tablet:55rem;--site-width-pc:75rem;--is-tablet:false;--is-pc:false;font-family:var(--font-family-base);font-size:var(--font-size-custom1);@media (min-width:55.0rem){--is-tablet:true;--is-pc:false}@media (min-width:75.0rem){--is-tablet:false;--is-pc:true}--color-grey:#302c2c;--color-forest:#1c3b16;--color-teal:#004142;--color-navy:#14263e;--color-plum:#29143e;--color-burgundy:#400a26;--color-tulip:#f58e87;--color-orange:#f5ad6e;--color-lemon:#f5e078;--color-lime:#def5a0;--color-kiwi:#bcf5a0;--color-apple:#a0f5a6;--color-seafoam:#a0f5c8;--color-brand_teal:#a0f5e9;--color-eggshell:#a4dff5;--color-bluebird:#a2cafa;--color-grape:#a6a0f5;--color-lilac:#c8a0f5;--color-mauve:#eaa0f5;--color-orchid:#f5abe1;--color-amaranth:#f5a0bf;--color-tulip-hover:#ff5f54;--color-orange-hover:#ff8b26;--color-lemon-hover:#ffdc30;--color-lime-hover:#ddff80;--color-kiwi-hover:#82ff44;--color-apple-hover:#1cff2b;--color-seafoam-hover:#37ff94;--color-brand_teal-hover:#27ffe1;--color-eggshell-hover:#36c9ff;--color-bluebird-hover:#61a8ff;--color-grape-hover:#857cff;--color-lilac-hover:#b778ff;--color-mauve-hover:#ea63ff;--color-orchid-hover:#ff6dd8;--color-amaranth-hover:#ff5f99;--color-tulip-deep:#ff4f51;--color-orange-deep:#ff8128;--color-lemon-deep:#ffd839;--color-lime-deep:#cafc77;--color-kiwi-deep:#01fd3a;--color-apple-deep:#01fd3a;--color-seafoam-deep:#02fd8e;--color-brand_teal-deep:#00ffe3;--color-eggshell-deep:#02cefc;--color-bluebird-deep:#04affb;--color-grape-deep:#8882fa;--color-lilac-deep:#cc79fb;--color-mauve-deep:#ff61fa;--color-orchid-deep:#fe67db;--color-amaranth-deep:#ff539b;--color-text-dark:#08090c;--color-text-dark-transparent:rgba(#08090C,0.75);--color-text-light:#ebecf0;--color-text-light-transparent:rgba(#EBECF0,0.75);--color-bright-aqua:#41ead4;--color-black:#000;--color-pale-grey:#616568;--color-white:#fff;--color-dark-blue:#101f40;--color-dark-teal:#0a2c33;--color-dark-green:#0e2e21;--color-dark-purple:#230f3d;--color-dark-grey:#464952;--color-darker-aqua:#22c9b3;--color-darkest-aqua:#147769;--color-error-red:#a40c2f;--color-light-blue:#f5f6fa;--color-blue:#829dd3;--color-light-teal:#f5f9fa;--color-teal:#7cc6bd;--color-light-green:#f5faf8;--color-green:#6bb192;--color-light-grey:#f3f3f3;--color-light-grey2:#d9d9d9;--color-pale-grey:#bfc1c4;--color-pale-grey2:#f4f4f7;--color-opacity-black:#0000001a;--color-opacity-black-deep:#000000b3;--color-opacity-white:#ffffff4d;--color-opacity-white-deep:#ffffffb3;--animettion-show:animeShow 0.5s ease-out 0s alternate both running;--color-facebook:#3b5999;--color-X:#000101;--color-hatena:#008fde;--slide-count:4}::backdrop{background-color:var(--color-opacity-white-deep)}html:has(header details[name=mobileUI][open],header dialog[open]){overflow:hidden}body{background-color:var(--color-white);&:has(header details[name=mobileUI][open],header dialog[open]){overflow:auto;scrollbar-gutter:stable}&:has(dialog:modal){overflow:hidden}}p{font-size:var(--font-size-headlineXS)}#adHeader,#adHome{background-color:#dcddde;display:grid;justify-content:center}#adHeader{padding:.5rem}#adHome{margin:calc(var(--layout-gap)*2) 0 0;padding:calc(var(--layout-gap)*2) 0}nav:has(.buttonRectangle){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:column;justify-items:center}ul:has(.buttonRectangle){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row;& li:has(.buttonRectangle){display:grid;& .buttonRectangle{align-self:stretch;display:grid;place-content:center}}}a,button,select{&.buttonRectangle{background-color:initial;border:2px solid var(--color-white);color:var(--color-white);display:block;font-size:var(--font-size-headlineXXS);font-weight:700;min-height:3em;min-width:7.5em;padding:.7em 1rem;text-align:center;&.fill{background-color:var(--color-white);color:var(--color-black)}}&.buttonUnderline{border-bottom:2px solid var(--color-black);font-size:.9rem;justify-self:center;margin:var(--ayout-gap) 0 0;padding:0 0 .5em}&:disabled{animation:animeDeactivate 1s ease-out 0s both;cursor:default}}ul.sns{grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text);grid-auto-flow:column;justify-content:center;& li:has(.share){position:relative;& .share{border-radius:1.5em;display:grid;height:2.5rem;padding:.5rem;place-items:center;width:2.5rem;& svg{max-height:100%;max-width:100%}}& a.facebook{background-color:var(--color-facebook)}& a.X,& a.facebook{fill:var(--color-white)}& a.X{background-color:var(--color-X)}& a.hatena{fill:var(--color-white);background-color:var(--color-hatena)}& button.share{box-shadow:0 0 1px 1px #000;&.active{background-color:var(--color-black);& svg path{fill:var(--color-white)}}}& dialog.tooltip[open]{grid-gap:.5rem;background-color:var(--color-black);border:none;bottom:calc(100% + .5rem);color:var(--color-white);display:grid;font-size:var(--font-size-headlineXS);gap:.5rem;grid-auto-flow:row;left:auto;padding:var(--layout-gap-text);position:absolute;right:0;transform:translateX(40%);width:10rem;&:after{aspect-ratio:cos(30deg);background-color:var(--color-black);bottom:-.5rem;clip-path:polygon(50% 100%,100% 0,0 0);content:"";height:.6em;left:50%;position:absolute;transform:translateX(-100%)}&.sbm{right:var(--layout-gap);&:after{left:calc(50% + var(--layout-gap))}}& .messageClip{display:grid;padding:0 1em 0 0}& .buttonRectangle{background-color:var(--color-brand_teal);border-color:var(--color-brand_teal);margin:.5rem 0 0}& .detail{color:var(--color-white)}& button:has(.close){padding:.5rem;position:absolute;right:.1rem;top:.1rem;& .close{fill:var(--color-white);width:1rem}}}}}.show{display:grid;opacity:1}.hidden{display:none;opacity:0}#announce{background-color:var(--color-black);display:grid;justify-content:stretch;& .announce{display:grid;grid-auto-flow:column;justify-content:center;line-height:1.3;padding:.5rem var(--layout-gap-text);place-items:center;position:relative;width:100%!important;&.skelton{padding:0}}& a.announce{&.tulip{color:var(--color-tulip)}&.orange{color:var(--color-orange)}&.lemon{color:var(--color-lemon)}&.lime{color:var(--color-lime)}&.kiwi{color:var(--color-kiwi)}&.apple{color:var(--color-apple)}&.seafoam{color:var(--color-seafoam)}&.brand_teal{color:var(--color-brand_teal)}&.eggshell{color:var(--color-eggshell)}&.bluebird{color:var(--color-bluebird)}&.grape{color:var(--color-grape)}&.lilac{color:var(--color-lilac)}&.mauve{color:var(--color-mauve)}&.orchid{color:var(--color-orchid)}&.amaranth{color:var(--color-amaranth)}&.grey{background-color:var(--color-grey)}&.forest{background-color:var(--color-forest)}&.teal{background-color:var(--color-teal)}&.navy{background-color:var(--color-navy)}&.plum{background-color:var(--color-plum)}&.burgundy{background-color:var(--color-burgundy)}& .arrow{width:1.5em}&.tulip .arrow path{fill:var(--color-tulip)}&.orange .arrow path{fill:var(--color-orange)}&.lemon .arrow path{fill:var(--color-lemon)}&.lime .arrow path{fill:var(--color-lime)}&.kiwi .arrow path{fill:var(--color-kiwi)}&.apple .arrow path{fill:var(--color-apple)}&.seafoam .arrow path{fill:var(--color-seafoam)}&.brand_teal .arrow path{fill:var(--color-brand_teal)}&.eggshell .arrow path{fill:var(--color-eggshell)}&.bluebird .arrow path{fill:var(--color-bluebird)}&.grape .arrow path{fill:var(--color-grape)}&.lilac .arrow path{fill:var(--color-lilac)}&.mauve .arrow path{fill:var(--color-mauve)}&.orchid .arrow path{fill:var(--color-orchid)}&.amaranth .arrow path{fill:var(--color-amaranth)}}& span.announce{&.vip{background-color:var(--color-opacity-black-deep);color:var(--color-white)}}}div.adsGPT{display:grid;justify-content:center;padding:var(--layout-gap-text) 0}header:has(.headerLogo){--width-submenu:33cqw;left:0;position:sticky;top:0;z-index:10;& div:has(.headerLogo){background-color:var(--color-white);box-shadow:0 3px 12px #0000001a}& nav{container-type:inline-size;&:has(.headerLogo){align-items:center;display:grid;grid-auto-flow:column;grid-template-columns:170px auto;justify-items:stretch;padding:0 var(--layout-gap);position:static}&:has(.primaryMenu){grid-template-columns:170px auto 22px}&:has(#logo10th){grid-template-columns:170px auto 22px;& #logo10th{width:63px}&:has(.primaryMenu){gap:2cqw;grid-template-columns:min(40cqw,170px) min(12cqw,105px) auto min(7cqw,22px);& #logo10th{transform:translateX(calc(var(--layout-gap)*-.3));width:auto}& .primaryMenu{font-size:var(--font-size-headlineXXXS);max-width:none;padding:.7em 2.5cqw}}}}& a.header,& h1{align-items:center;display:grid;transform:translateY(.1rem);& a:has(.headerLogo){align-items:center;display:grid;& .headerLogo{& path{fill:var(--color-black)}}}}& details[name=mobileUI]{align-self:center;display:grid;justify-self:end;padding:.55rem 0;position:static}& summary:has(+#globalUi){align-items:center;display:grid;min-height:53px}& svg.close,& svg.open{fill:var(--color-black);width:22px}& svg.open{height:35px}& #globalUi,& svg.close{display:none}& #globalUi{align-content:start;background-color:var(--color-white);container:container-globalUi/inline-size;gap:var(--layout-gap);grid-auto-columns:auto;height:calc(100dvh - var(--height-header));opacity:0;overflow:auto;padding:var(--layout-gap) var(--layout-gap) 0;position:absolute;right:0;top:var(--height-header);width:100dvw;z-index:1}& form#innerSearch{grid-gap:.3em;background-color:var(--color-black);color:var(--color-white);display:grid;gap:.3em;grid-auto-flow:row;padding:.3em;& fieldset{grid-gap:.3em;display:grid;gap:.3em;grid-auto-flow:column;&:has([name=search]){grid-template-columns:3fr 1fr;& #filterTerm{background-color:initial;border:2px solid var(--color-white);display:block;font-size:.9rem;padding:.7em 0;text-align:center;width:15em}& .search{fill:var(--color-white)}}&:has([name=sort]){justify-content:start;& label[name=sort]{font-size:var(--font-size-headlineXS)}}}}& #search{background-color:initial;color:var(--color-white)}& .searchButton{background-color:var(--color-white);color:var(--color-black);text-align:center}& ul:has(.memberMenu),& ul:has(.primaryMenu),& ul:has(.secondaryChildMenu){display:grid}& ul:has(.primaryMenu){gap:calc(var(--layout-gap)/2);grid-auto-flow:column;& li{&:first-of-type,&:nth-of-type(2){justify-self:auto}&:first-of-type{order:2}&:nth-of-type(2){order:1}}& .buttonRectangle{border-color:var(--color-black);min-width:0;min-width:auto;&.fill{background-color:var(--color-brand_teal);border-color:var(--color-brand_teal);max-width:7em}}}& ul:has(.memberMenu),& ul:has(.secondaryChildMenu){width:var(--width-submenu)}& ul:has(.secondaryChildMenu){& summary.secondaryChildMenu{align-items:center;display:grid;grid-auto-flow:column;&:after{aspect-ratio:cos(30deg);background-color:var(--color-black);clip-path:polygon(0 0,100% 50%,0 100%);content:"";height:.6em;justify-self:end;margin:0 .5rem 0 0}}& details:has(.secondaryChildMenu)[open]{position:static;& summary.secondaryChildMenu{background-color:var(--color-opacity-black);border-color:var(--color-black);padding-left:.5rem}}& summary.secondaryChildMenu{background-color:initial;border-color:#0000}& summary+dl:has(.secondaryGrandChildMenu){display:grid;left:calc(100% + var(--layout-gap));padding:0 0 2rem;position:absolute;top:var(--layout-gap);width:calc(100cqw - var(--width-submenu) - var(--layout-gap))}& .secondaryGrandChildMenuName{border-bottom:3px solid var(--color-black);font-size:var(--font-size-headlineM);font-weight:700;margin:0 0 .5em;padding:0 0 .2em}}& ul:has(.memberMenu){margin-top:var(--layout-gap)}& .memberMenu,& .primaryMenu,& .secondaryChildMenu,& .secondaryGrandChildMenu{color:var(--color-black);display:grid}& .memberMenu,& .secondaryChildMenu,& .secondaryGrandChildMenu{font-size:var(--font-size-headlineXS);&.active,&.current,&:hover{border-color:var(--color-black)}&.active,&.current{background-color:#0000001a;padding-left:.5rem}}& .memberMenu,& .secondaryChildMenu{border-bottom:3px solid #0000;padding:1em 0 calc(1em - 3px)}& .secondaryGrandChildMenu{padding:.7em 0}&:has(details[name=mobileUI][open]){position:fixed;top:0;width:100dvw;& svg.open{display:none}& #globalUi,& svg.close{display:grid}& #globalUi{animation:var(--animettion-show);& ul:has(.primaryMenu){justify-self:end}}}}header[role=alert] nav:has(.alert){grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text);grid-auto-flow:row;padding:var(--layout-gap);place-content:center;text-align:center;& .buttonRectangle{border-color:var(--color-black);color:var(--color-black)}}main{align-items:start;container:cqMain/inline-size;min-height:50dvh;padding-bottom:calc(var(--layout-gap)*2);&.archive{background-color:var(--color-light-grey)}& img{width:100%}& [id]{scroll-margin-top:calc(var(--height-header) + var(--layout-gap))}& #notice{grid-gap:var(--layout-gap-text);align-items:center;background-color:#d9d8d8;display:grid;gap:var(--layout-gap-text);grid-auto-flow:column;padding:.5rem var(--layout-gap);place-content:center;& .sbm{border-radius:1.5em;box-shadow:0 0 1px 1px #000;display:grid;padding:.5rem;place-self:center;width:2.5rem}& .message{line-height:1.3}}& h2.notice{font-size:var(--font-size-headlineM);line-height:1.5;margin:0 var(--layout-gap);text-align:center;& .myClip{border-radius:1.5em;box-shadow:0 0 1px 1px #000;height:2.5rem;margin:0 .5rem;padding:.5rem;width:2.5rem}}& span:has(.term){font-size:var(--font-size-headlineXS);padding:0 0 0 1.2em;position:relative;&:before{background-color:#0000001a;content:"";height:.7em;left:0;position:absolute;top:.3em;width:.7em}}& span:has(.noTerm){visibility:hidden}& em.date{margin:0 0 0 .7em}& svg:has(.free,.paid){margin:0 0 0 .7em;position:relative;top:.1em;width:.7em;& .free{fill:var(--color-pale-grey)}& .paid{fill:var(--color-apple)}& .free+path,& .paid+path{fill:none}& .free+path{stroke:var(--color-pale-grey)}& .paid+path{stroke:var(--color-apple)}}& .h2Rectangle{display:grid;font-size:.9rem;font-weight:400;justify-self:start;padding:.5em .8em}&>[id]:not(#hero,#notice){margin:calc(var(--layout-gap)*2) 0 0;margin-inline:auto}& nav:has(.listsUi){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);&>ul:has(.listsUi){align-items:center;border-bottom:1px solid var(--color-black);display:grid;grid-auto-flow:column;justify-content:start;& li:has(.listsUi){&.category,&.home,&.name{display:none}&.home a.listsUi{font-weight:700}& a.listsUi,& details[name=listsUi]{display:grid;padding:.7em;&[open]{background-color:var(--color-black)!important;color:var(--color-white)!important}}& details:has(.listsUi){& summary.listsUiSummary{grid-gap:.3em;align-items:center;display:grid;font-weight:700;gap:.3em;grid-auto-flow:column;justify-content:center;padding:.5em;&+ul:has(.listsUi){background-color:var(--color-black);box-shadow:0 0 1px #000;left:0;padding:1em 0 0;position:absolute;top:100%;width:150%;z-index:1;& li:has(.listsUi){border-bottom:1px solid var(--color-black);& a.listsUi{border-top:1px solid #666;color:var(--color-white);margin:0 1em}}}&:after{aspect-ratio:cos(30deg);background-color:var(--color-white);clip-path:polygon(0 0,100% 50%,0 100%);content:"";height:.6em;margin:0 .5rem 0 0;transform:rotate(90deg)}}&[open]>summary.listsUiSummary{background-color:#0000001a;&:after{transform:rotate(-90deg)}}}&:has(.wide){& details.wide{& summary+ul:has(.listsUi){left:var(--layout-gap);width:60cqw}}}}}}&>nav:has(.listsUi){&>ul:has(.listsUi) li:has(.listsUi) details:has(.listsUi){& summary.listsUiSummary:after{background-color:var(--color-black)}&[open] summary.listsUiSummary:after{background-color:var(--color-white)}}}&>#genreUi{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);margin-top:var(--layout-gap);width:100cqw;& figure:has(.genreImage){grid-gap:var(--layout-gap);container-type:inline-size;display:grid;gap:var(--layout-gap);& div:has(.genreImage){grid-gap:calc(var(--layout-gap-text)/2);display:grid;gap:calc(var(--layout-gap-text)/2);& img.genreImage{width:60cqw}& img.genreImage,& small.credit{display:grid;justify-self:center}}& figcaption:has(.outlineTitle){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);padding:0 var(--layout-gap) var(--layout-gap);& h1.outlineTitle{--font-size-headlineL:clamp(1.5rem,4cqw,2.8rem);font-size:var(--font-size-headlineL)}& p.outlineDescription{font-size:var(--font-size-headlineXS)}}}}& ul:has(.term){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);& li{&:has(.term){grid-gap:var(--layout-gap-text);background-color:var(--color-white);display:grid;gap:var(--layout-gap-text);padding:var(--layout-gap);&.hidden{display:none}}& .term{margin-top:1em}}}& figure:has(.h2Rectangle),& figure:has(.term){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);& a.eyecatch{order:2;&>img{aspect-ratio:16/9;object-fit:cover}}& figcaption:has(.h2Rectangle),& figcaption:has(.term){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);order:1}&.reverse{& .eyecatch{order:1}& figcaption:has(.h2Rectangle),& figcaption:has(.term){order:2}}}& li:has(a.eyecatch){& h2>[class$=PostTitle],& h3>[class$=PostTitle]{font-size:var(--font-size-headlineM)}}& li:not(:has(a.eyecatch)){& h2>[class$=PostTitle],& h3>[class$=PostTitle]{font-size:var(--font-size-headlineS)}}#sidebar{& dl:has(.rankingPostTitle){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);padding:var(--layout-gap);& dt.rankingDt{border-bottom:1px solid var(--color-dark-grey);padding:0 0 1rem}& dd:has(.rankingPostTitle){& ol:has(.rankingPostTitle){grid-gap:var(--layout-gap);counter-reset:li_count;display:grid;gap:var(--layout-gap);& li:has(.rankingPostTitle){grid-column-gap:.5em;column-gap:.5em;display:grid;grid-auto-columns:auto;grid-auto-flow:column;line-height:1.3;&:before{align-self:center;content:counter(li_count);counter-increment:li_count;display:grid;font-size:2rem;font-weight:700;width:1em}& figure:has(.rankingPostTitle){grid-column-gap:.5em;align-self:center;column-gap:.5em;display:grid;grid-auto-flow:column;grid-template-columns:2fr 1fr;& .eyecatch{order:2;&>img{aspect-ratio:1/1;object-fit:cover}}& figcaption:has(.rankingPostTitle){align-items:center;display:grid;order:1;& [class$=PostTitle]{font-size:var(--font-size-headlineS);font-weight:700}}}}}}}}& input[name=slider]{display:none}& article:has(.slider){width:100%}& article:has(.subscription){border:2px solid var(--color-white);overflow:hidden}& article:has(.carousel),& article:has(.feature){-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable both-edges;width:calc(100dvw - var(--layout-gap)*2)}& ol.slider,& ul.slider{display:grid;grid-auto-flow:column}& ol.subscription{gap:0;grid-template-columns:repeat(calc(var(--slide-count) + 1),100%);transform-origin:left top;transition:transform .5s ease-in-out;& li:has(.term){grid-gap:var(--layout-gap);background-color:initial;display:grid;gap:var(--layout-gap);grid-row:span 2;grid-template-rows:subgrid}& figure:has(.term){display:contents;& a.eyecatch{order:1}& figcaption:has(.term){align-content:start;order:2;padding:0 var(--layout-gap) var(--layout-gap)}}}& ol.carousel,& ol.feature,& ul.feature{gap:var(--layout-gap);grid-template-columns:repeat(10,70cqw);padding:1.9rem 0 0;li:has(.eyecatch){background-color:var(--color-white);display:list-item;padding:var(--layout-gap);position:relative;& span.postNumber{background-color:var(--color-white);font-size:.9rem;left:0;padding:0 1.3em;position:absolute;top:-2.1em;width:auto;&:before{content:"●";font-size:1.5rem;margin:0 .2em 0 0}}& figure:has(.term){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);& figcaption:has(.term){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-row:span 3;grid-template-rows:subgrid}}}}& nav:has(.sliderUi){grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text);grid-auto-flow:column;justify-content:center;margin:calc(var(--layout-gap)/3) 0 0;text-align:center}& .sliderUi{font-size:calc(var(--font-size-headlineL)*1.2);&.active{pointer-events:none}}& section.carousel{background-color:var(--color-pale-grey2);&>div:has(ol.carousel),&>div:has(ol.feature){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);margin-inline:auto;padding:var(--layout-gap) 0;position:static}& header:has(.h2Rectangle){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);padding:0 var(--layout-gap);& .h2Rectangle{color:var(--color-text-dark);display:inline-block}& dd.carouselHeaderDd{font-size:var(--font-size-headlineL);font-weight:700;line-height:1.3;margin:var(--layout-gap) 0 0}}& div:has(.carousel),& div:has(.feature){overflow:hidden;padding:0 var(--layout-gap);& article:has(.carousel),& article:has(.feature){container:carouselContainer/inline-size;padding:0 0 var(--layout-gap);width:100%}}&.archiveEvents{&>div:has(ol.feature){border-top:10px solid var(--color-lime)}& .h2Rectangle{background-color:var(--color-lime)}& span.postNumber:before{color:var(--color-lime)}& span:has(.term):before{background-color:var(--color-lime)}}}& #sortFilter{background-color:initial;border:2px solid var(--color-black);display:block;font-size:.9rem;padding:.7em 0;text-align:center;width:15em}& #infiniteScroll{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);margin:0;width:calc(100% - var(--layout-gap)*2);& header:has(.infiniteTitle){grid-gap:var(--layout-gap);background-color:var(--color-text-dark);color:var(--color-white);display:grid;gap:var(--layout-gap);padding:var(--layout-gap);& h1.infiniteTitle{color:var(--color-brand_teal);font-size:var(--font-size-headlineXL)}& p.infiniteDescription{color:var(--color-brand_teal);font-size:var(--font-size-headlineXS);margin-top:-.5em}& form:has(#innerSearchInput){grid-gap:calc(var(--layout-gap-text)/2);display:grid;gap:calc(var(--layout-gap-text)/2);grid-auto-flow:row;& fieldset{grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text);grid-auto-flow:column;&:has([name=innerSearchInput]){grid-template-columns:10fr 1fr;& #filterTerm{background-color:initial;border:2px solid var(--color-white);color:var(--color-white);display:block;font-size:.9rem;padding:.7em 0;text-align:center;width:15em}& .search{fill:var(--color-white)}}&:has([name=searchSort]){justify-content:end;margin:0 5em 0 0;& label[name=searchSort]{font-size:var(--font-size-headlineXS)}}}}& figure:has(.term){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);& span:has(.term){color:var(--color-white);& a.term{color:var(--color-white)}}& .feedsFirstPostTitle,& .infiniteFirstPostTitle{color:var(--color-white);font-size:var(--font-size-headlineL)}& .buttonRectangle{background-color:var(--color-brand_teal);border-color:var(--color-brand_teal)}& ul.sns{& a.X{box-shadow:0 0 1px 1px #ffffffb3}& #buttonMyclip{&.passive{background-color:var(--color-white)}&.active{box-shadow:0 0 1px 1px #ffffffb3;& svg{fill:var(--color-white)}}}& dialog.tooltip{background-color:var(--color-white);color:var(--color-black);&:after{background-color:var(--color-white)}& .buttonRectangle{width:100%}}}}}& header:has(.infiniteTitle)+ul>li:has(.term){animation:animeShow .5s forwards;opacity:0;transform:translateY(1em)}& span:has(.term):before{background-color:var(--color-brand_teal)}& header>.buttonRectangle{background-color:var(--color-brand_teal);border-color:var(--color-brand_teal)}&>nav:has(.buttonRectangle){grid-gap:var(--layout-gap);background-color:var(--color-text-dark);display:grid;gap:var(--layout-gap);grid-auto-flow:row;padding:var(--layout-gap);& .buttonRectangle{width:100%}& a.buttonRectangle.fill{background-color:var(--color-brand_teal);border-color:var(--color-brand_teal)}}& figure:has(.avatar){grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text);grid-auto-flow:row;justify-items:center;& .avatar{display:grid;max-width:100px;& .photo{border-radius:100%}}& figcaption:has(.infiniteTitle){grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text);justify-content:center}& .infiniteTitle,& span.role{text-align:center}& span.role{grid-gap:.5em;align-items:baseline;display:grid;font-size:var(--font-size-headlineXS);gap:.5em;grid-auto-flow:column;justify-content:center;&:before{color:var(--color-brand_teal);content:"■";font-size:var(--font-size-headlineM)}}& h1.infiniteTitle{grid-gap:calc(var(--layout-gap-text)/2);color:var(--color-white);display:grid;gap:calc(var(--layout-gap-text)/2);justify-content:center;& .jp{font-size:var(--font-size-headlineM)}& .en{font-size:var(--font-size-headlineXS)}}}}&[role=alert]{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);padding:var(--layout-gap);place-content:center;& button{border-color:var(--color-black);color:var(--color-black)}}}footer:has(.footerLogo){background-color:var(--color-text-dark);&>div:has(.footerDt){grid-gap:calc(var(--layout-gap)*3);color:var(--color-white);container:contaier-footer/inline-size;display:grid;gap:calc(var(--layout-gap)*3);padding:var(--layout-gap)}& a{color:var(--color-white)}& dl:has(.footerDt){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);&>dt.footerDt{font-size:1.3rem;margin:calc(var(--layout-gap)*2) 0 0}&>dd.footerDd{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap)}& .buttonRectangle{width:15em;&.pricing{background-color:var(--color-brand_teal);border-color:var(--color-brand_teal)}}}& nav:has(.footerUi){ul.social{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-columns:auto;grid-auto-flow:column;justify-self:start;margin:calc(var(--layout-gap)*3) 0 0}& a.footerUi{display:block;padding:.5em 0}}& dl:has(.footerLogo){grid-gap:calc(var(--layout-gap)*3);display:grid;gap:calc(var(--layout-gap)*3);margin:0 0 calc(var(--layout-gap)*2);& svg.footerLogo{width:270px}& dd:has(.copyright){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap)}}}html:has(body.tablet){&:has(header details[name=mobileUI][open],dialog[open]){overflow:visible;overflow:initial}}body.tablet{--layout-gap-tablet:calc(var(--layout-gap)*2);--layout-side-tablet:3.0rem;--height-header:99px;--site-width:75rem;--site-width-narrow:67.5rem;&:has(header details[name=mobileUI][open],dialog[open]){overflow:visible;overflow:initial}& #announce .announce,& header nav:has(.headerLogo),& main>[id]>*,&>footer>div:has(.footerDt){margin-inline:auto;width:min(100%,var(--site-width))}& li:has(.term){align-content:start}& li:has(.rankingPostTitle){gap:0;&:before{font-size:1.8rem;width:1em}}& figure:has(.rankingPostTitle){grid-column-gap:.5em;align-items:center;column-gap:.5em;display:grid;grid-auto-flow:column;grid-template-columns:2fr 1fr;a.eyecatch{order:2;&>img{aspect-ratio:1/1;object-fit:cover}}figcaption:has(.rankingPostTitle){align-self:center;order:1}.rankingPostTitle{font-size:1rem;&.skelton.title:before{content:"dummydummydummydummy"}}}& article:has(.carousel),& article:has(.feature){scrollbar-gutter:auto;width:100%}& ol.carousel,& ol.feature{grid-template-columns:repeat(10,35cqw);& a.featurePostTitle{font-size:calc(var(--font-size-headlineS)*1.1);line-height:1.1}}& nav:has(.buttonRectangle){grid-auto-flow:column;justify-items:start}& ul:has(.buttonRectangle){grid-auto-flow:column;& li:has(.buttonRectangle){& .buttonRectangle{width:auto}}}& a.buttonUnderline{align-self:end}& ul.sns{& dialog.tooltip{&.sbm{right:0;&:after{left:50%}}}}& header:has(.headerLogo){width:auto;&:has(details[name=mobileUI][open]){width:100%}& div:has(.headerLogo){box-shadow:0 7px 25px #00000014;padding:calc(var(--layout-gap-rows)/2) 0}& nav{&:has(.headerLogo){container:container-header/inline-size;grid-template-columns:auto 83px;max-width:var(--site-width-narrow);padding:0 var(--layout-side-tablet)}&:has(.primaryMenu){grid-template-columns:1fr auto 59px;padding:0 var(--layout-side-tablet)}&:has(#logo10th){gap:var(--layout-gap);grid-template-columns:min(40cqw,122px) min(12cqw,105px) auto min(7cqw,35px);& #logo10th{transform:translateX(calc(var(--layout-gap)*-1));width:min(8.2cqw,122px)}& .primaryMenu{font-size:var(--font-size-headlineXXS)}}}& a.header,& h1{transform:none}& .headerLogo{width:122px}& ul:has(.primaryMenu){justify-self:end;& .login,& .subscription{width:auto}}& summary:has(+#globalUi){min-height:0;min-height:auto;padding-right:0}& svg.close,& svg.open{width:35px}& #globalUi{padding:0 var(--layout-side-tablet) var(--layout-side-tablet);width:50cqw}& ul:has(.secondaryChildMenu) summary+dl:has(.secondaryGrandChildMenu){left:calc(100% + var(--layout-side-tablet))}& .memberMenu,& .secondaryChildMenu,& .secondaryGrandChildMenu{padding:1em 0}&:has(details[name=mobileUI][open]){position:sticky}}& header[role=alert] nav:has(.alert){grid-auto-flow:row;justify-items:legacy}& dialog:has(#search) div:has(#search){width:50dvw}& main{& nav:has(.listsUi){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);&>ul:has(.listsUi){align-items:center;border-bottom:1px solid var(--color-black);display:grid;grid-auto-flow:column;justify-content:start;padding:0 var(--layout-gap);& li:has(.listsUi){&.category,&.home,&.name{display:inline;display:initial}&.category{position:relative;& details.wide{position:relative;& summary+ul:has(.listsUi){left:0;width:200%}}}&.name details.wide summary+ul:has(.listsUi){display:grid;grid-template-columns:1fr 1fr 1fr;left:-33cqw;width:80cqw}}}}&>#genreUi{gap:0;& figure:has(.genreImage){align-items:center;grid-auto-flow:column;grid-template-columns:1fr 1fr;& div:has(.genreImage){padding:var(--layout-gap) 0;& small.credit{justify-self:end}}}}#sidebar{& dl:has(.rankingPostTitle){& dd:has(.rankingPostTitle){& ol:has(.rankingPostTitle){& li:has(.rankingPostTitle){& figure:has(.rankingPostTitle){& figcaption:has(.rankingPostTitle){& [class$=PostTitle]{font-size:var(--font-size-headlineXS)}}}}}}}}& #infiniteScroll{border-bottom:none;margin:var(--layout-gap) var(--layout-side-tablet) var(--layout-side-tablet);padding-bottom:0;width:auto;& header:has(.infiniteTitle){grid-template:"a" auto "b" auto "d" auto/1fr;margin-bottom:-8rem;padding-bottom:10rem;& h1:has(.infiniteTitle){grid-area:a;margin:-7.34dvw 0 0;max-width:340px;width:30dvw}& p.infiniteDescription{font-size:var(--font-size-headlineS);grid-area:b}& #filterTerm{align-self:end;grid-area:c;justify-self:end}& figure:has(.infiniteFirstPostTitle){align-items:center;grid-area:d;grid-auto-flow:column;grid-template-columns:1fr 1fr;& .eyecatch{order:2}& figcaption:has(.term){justify-items:start;order:1}}&.sort{grid-template:"a c" auto "b ." auto "d d" auto/3fr 1fr}}& ul:has(.term){gap:0;margin:0 var(--layout-gap);width:auto!important;z-index:2;& li.term{color:var(--color-white)}& figure:has(.term){align-items:center;grid-auto-flow:column;grid-template-columns:minmax(40cqw,460px) minmax(40cqw,500px);& .eyecatch{order:2}& figcaption:has(.term){order:1}}}& nav:has(.buttonRectangle){grid-auto-flow:column;justify-content:start;margin-inline:auto;margin-top:-9rem;padding-top:9rem;& .buttonRectangle{width:auto}}& header:has(.avatar){gap:0;margin-bottom:-9rem;& figure:has(.avatar){align-items:center;gap:var(--layout-gap);grid-auto-flow:column;grid-template-columns:min(13cqw,180px) auto;justify-content:center;margin:0 calc(var(--layout-gap)*2);& .avatar{justify-self:stretch;max-width:none;& .photo{border-radius:50%;width:100%}}& figcaption:has(.infiniteTitle){grid-auto-flow:row;justify-content:start;& .infiniteTitle,& span.role{justify-content:start;text-align:left}}& p.introduction{grid-area:initial}}}}}& footer:has(.footerLogo){&>div:has(.footerDt){align-items:end;gap:var(--layout-side-tablet) calc(var(--layout-gap)*2);grid-template:"a a" auto "c b" auto/1fr 1fr;padding:var(--layout-gap) var(--layout-side-tablet) var(--layout-side-tablet)}& dl:has(.footerDt){column-gap:calc(var(--layout-gap)*2);grid-area:a;grid-template:"d f" auto "e g" auto/1fr 1fr;&>dt.footerDt{&:first-of-type{grid-area:d}&:nth-of-type(2){grid-area:f}}&>dd.footerDd{&:first-of-type{grid-area:e}&:nth-of-type(2){grid-area:g}}}& nav:has(.footerUi){grid-column-gap:var(--layout-gap);column-gap:var(--layout-gap);display:grid;grid-area:b;grid-template:"h j" auto "i k" auto "l l" auto/1fr 1fr;ul{&.company{grid-area:h}&.link{grid-area:i}&.policies{grid-area:j}&.support{grid-area:k}&.social{grid-area:l}}}& dl:has(.footerLogo){margin:0}}}body.tablet.pc{--layout-gap:2.5rem;--layout-gap-text:1.5rem;--layout-gap-padding:calc(var(--layout-gap)*1.5);--height-header:calc(142px - var(--layout-gap-text));& ul:has(.buttonRectangle){justify-content:start}& ul.sns dialog.tooltip{font-size:.9rem;width:12rem;& .buttonRectangle{font-size:.9rem}}& figure:has(.h2Rectangle),& figure:has(.term){gap:var(--layout-gap-text);& figcaption:has(.h2Rectangle),& figcaption:has(.term){gap:var(--layout-gap-text)}}& li:has(.rankingPostTitle){padding:0}& header:has(.headerLogo){display:contents;position:static;& div:has(.headerLogo){left:0;padding:var(--layout-gap-text) 0;position:sticky;top:0;z-index:100}& nav{&:has(.headerLogo){align-items:center;grid-template-columns:200px auto 80px;justify-content:stretch;padding:0;position:relative}&:has(.primaryMenu){gap:0;grid-template-columns:154px auto 230px 80px;justify-content:stretch;padding:0}&:has(#logo10th){&:has(.focusMenu){grid-template-columns:154px 50px auto 35px;&:has(.primaryMenu){gap:calc(var(--layout-gap)/2);grid-template-columns:154px 50px auto 252px 35px;& #logo10th{transform:translateX(calc(var(--layout-gap)*-.5))}& .focusMenu{font-size:var(--font-size-headlineXS)}}}}}& a:has(.headerLogo){padding-left:0}& .headerLogo{width:154px}& details[name=mobileUI]{padding-right:0}& ul:has(.focusMenu),& ul:has(.primaryMenu){justify-self:end}& ul:has(.focusMenu){grid-gap:0;display:grid;gap:0;grid-auto-flow:column;& li:has(.focusMenu){align-items:center;display:grid;grid-auto-flow:column;&:not(:first-child):before{content:"/";font-size:var(--font-size-headlineXXXS)}& .focusMenu{font-size:var(--font-size-headlineS);font-weight:700;padding:0 1em}}}& #globalUi{& .buttonRectangle{font-size:calc(var(--font-size-headlineXS)*.9);min-width:7em}}& .secondaryGrandChildMenu{padding:.7em}}& #adHeader+header:has(.headerLogo) div:has(.headerLogo){margin:var(--layout-gap) 0}& main{& #notice{padding:1rem var(--layout-gap)}&>#genreUi{margin-top:var(--layout-gap)}& #sidebar{& dl:has(.rankingPostTitle){gap:var(--layout-gap-text);padding:var(--layout-gap) 0 0;& ol:has(.rankingPostTitle){gap:var(--layout-gap-text)}& a.rankingPostTitle{font-size:var(--font-size-headlineXS)}}}& ol.subscription{& li:has(.term){gap:var(--layout-gap-text)}}& ol.carousel,& ol.feature,& ul.feature{& li:has(.eyecatch){& figure:has(.term){gap:var(--layout-gap-text);& figcaption:has(.term){gap:var(--layout-gap-text)}}}}& section.carousel{&>div:has(ol.carousel),&>div:has(ol.feature){padding:var(--layout-gap-padding) 0;& header:has(.h2Rectangle){padding:0 var(--layout-gap-padding);& dd.carouselHeaderDd{margin-top:var(--layout-gap-text)}}& div:has(.carousel),& div:has(.feature){padding:0 var(--layout-gap-padding)}}}& #infiniteScroll{margin:var(--layout-gap-padding) 0 0;& header:has(.infiniteTitle){margin-bottom:-13rem;padding:var(--layout-gap-padding) 0 15rem;& h1.infiniteTitle,& h1:has(.infiniteTitle){margin:0 var(--layout-gap-padding);max-width:none}& .excerpt,& .infiniteDescription{font-size:var(--font-size-headlineXS)}& .infiniteDescription{margin:0 var(--layout-gap-padding)}& form:has(#innerSearchInput){margin-left:var(--layout-gap-padding);& fieldset{&:has([name=innerSearchInput]){& .search{height:50px}}&:has([name=searchSort]){margin-right:6em}}}& #filterTerm{margin-right:var(--layout-gap-padding)}& figure:has(.infiniteFirstPostTitle){grid-template-columns:auto 800px;& .eyecatch{margin-right:0;max-width:800px;>img{width:100%}}& figcaption:has(.term){padding-left:var(--layout-gap-padding);& .infiniteFirstPostTitle{font-size:var(--font-size-headlineM)}}}&:has(.avatar){padding:var(--layout-gap-padding) var(--layout-gap-padding) 15rem;& figcaption:has(.infiniteTitle){& .infiniteTitle{margin:0}}}}& ul:has(.term){margin:0 auto;width:calc(var(--site-width) - var(--layout-gap-padding)*2)!important;& figure:has(.term){gap:var(--layout-gap);grid-template-columns:auto 500px}& a.infiniteOthersPostTitle{font-size:var(--font-size-headlineM)}}& nav:has(.buttonRectangle){margin-top:-15rem;padding:15rem var(--layout-gap-padding) var(--layout-gap-padding)}}}& footer:has(.footerLogo){& dl:has(.footerDt)>dt.footerDt{margin-top:var(--layout-gap)}}}}body.home{--min-height-hero-before:300cqw;--max-height-hero-before:1400px;background-color:var(--color-text-light);&:before{background-color:var(--color-black);content:"";left:0;max-height:var(--max-height-hero-before);min-height:var(--min-height-hero-before);position:absolute;top:0;width:100%;z-index:-1}& .bg-grey,&.bg-grey #latest:after,&.bg-grey:before{background-color:var(--color-grey)}& .bg-forest,&.bg-forest #latest:after,&.bg-forest:before{background-color:var(--color-forest)}& .bg-teal,&.bg-teal #latest:after,&.bg-teal:before{background-color:var(--color-teal)}& .bg-navy,&.bg-navy #latest:after,&.bg-navy:before{background-color:var(--color-navy)}& .bg-plum,&.bg-plum #sidebar,&.bg-plum:before{background-color:var(--color-plum)}& .bg-burgundy,&.bg-burgundy #sidebar,&.bg-burgundy:before{background-color:var(--color-burgundy)}& #sidebar,& #topStories,& header:has(.headerLogo){color:var(--color-white);& a{&.rankingPostTitle,&.term{color:var(--color-white)}&.rankingPostTitle{font-size:var(--font-size-headlineXS)}}}& .font-tulip,&.font-tulip li:has(.rankingPostTitle):before{color:var(--color-tulip)}&.font-tulip #hero span:has(.term):before{background-color:var(--color-tulip)}& .font-orange,&.font-orange li:has(.rankingPostTitle):before{color:var(--color-orange)}&.font-orange #hero span:has(.term):before{background-color:var(--color-orange)}& .font-lemon,&.font-lemon li:has(.rankingPostTitle):before{color:var(--color-lemon)}&.font-lemon #hero span:has(.term):before{background-color:var(--color-lemon)}& .font-lime,&.font-lime li:has(.rankingPostTitle):before{color:var(--color-lime)}&.font-lime #hero span:has(.term):before{background-color:var(--color-lime)}& .font-kiwi,&.font-kiwi li:has(.rankingPostTitle):before{color:var(--color-kiwi)}&.font-kiwi #hero span:has(.term):before{background-color:var(--color-kiwi)}& .font-apple,&.font-apple li:has(.rankingPostTitle):before{color:var(--color-apple)}&.font-apple #hero span:has(.term):before{background-color:var(--color-apple)}& .font-seafoam,&.font-seafoam li:has(.rankingPostTitle):before{color:var(--color-seafoam)}&.font-seafoam #hero span:has(.term):before{background-color:var(--color-seafoam)}& .font-brand_teal,&.font-brand_teal li:has(.rankingPostTitle):before{color:var(--color-brand_teal)}&.font-brand_teal #hero span:has(.term):before{background-color:var(--color-brand_teal)}& .font-eggshell,&.font-eggshell li:has(.rankingPostTitle):before{color:var(--color-eggshell)}&.font-eggshell #hero span:has(.term):before{background-color:var(--color-eggshell)}& .font-bluebird,&.font-bluebird li:has(.rankingPostTitle):before{color:var(--color-bluebird)}&.font-bluebird #hero span:has(.term):before{background-color:var(--color-bluebird)}& .font-grape,&.font-grape li:has(.rankingPostTitle):before{color:var(--color-grape)}&.font-grape #hero span:has(.term):before{background-color:var(--color-grape)}& .font-lilac,&.font-lilac li:has(.rankingPostTitle):before{color:var(--color-lilac)}&.font-lilac #hero span:has(.term):before{background-color:var(--color-lilac)}& .font-mauve,&.font-mauve li:has(.rankingPostTitle):before{color:var(--color-mauve)}&.font-mauve #hero span:has(.term):before{background-color:var(--color-mauve)}& .font-orchid,&.font-orchid li:has(.rankingPostTitle):before{color:var(--color-orchid)}&.font-orchid #hero span:has(.term):before{background-color:var(--color-orchid)}& .font-amaranth,&.font-amaranth li:has(.rankingPostTitle):before{color:var(--color-amaranth)}&.font-amaranth #hero span:has(.term):before{background-color:var(--color-amaranth)}&.font-tulip .heroTopstoriesTitle,&.font-tulip .topStoriesTitle{fill:var(--color-tulip)}&.font-orange .heroTopstoriesTitle,&.font-orange .topStoriesTitle{fill:var(--color-orange)}&.font-lemon .heroTopstoriesTitle,&.font-lemon .topStoriesTitle{fill:var(--color-lemon)}&.font-lime .heroTopstoriesTitle,&.font-lime .topStoriesTitle{fill:var(--color-lime)}&.font-kiwi .heroTopstoriesTitle,&.font-kiwi .topStoriesTitle{fill:var(--color-kiwi)}&.font-apple .heroTopstoriesTitle,&.font-apple .topStoriesTitle{fill:var(--color-apple)}&.font-seafoam .heroTopstoriesTitle,&.font-seafoam .topStoriesTitle{fill:var(--color-seafoam)}&.font-brand_teal .heroTopstoriesTitle,&.font-brand_teal .topStoriesTitle{fill:var(--color-brand_teal)}&.font-eggshell .heroTopstoriesTitle,&.font-eggshell .topStoriesTitle{fill:var(--color-eggshell)}&.font-bluebird .heroTopstoriesTitle,&.font-bluebird .topStoriesTitle{fill:var(--color-bluebird)}&.font-grape .heroTopstoriesTitle,&.font-grape .topStoriesTitle{fill:var(--color-grape)}&.font-lilac .heroTopstoriesTitle,&.font-lilac .topStoriesTitle{fill:var(--color-lilac)}&.font-mauve .heroTopstoriesTitle,&.font-mauve .topStoriesTitle{fill:var(--color-mauve)}&.font-orchid .heroTopstoriesTitle,&.font-orchid .topStoriesTitle{fill:var(--color-orchid)}&.font-amaranth .heroTopstoriesTitle,&.font-amaranth .topStoriesTitle{fill:var(--color-amaranth)}&.font-tulip .rankingDt{border-color:var(--color-tulip)}&.font-orange .rankingDt{border-color:var(--color-orange)}&.font-lemon .rankingDt{border-color:var(--color-lemon)}&.font-lime .rankingDt{border-color:var(--color-lime)}&.font-kiwi .rankingDt{border-color:var(--color-kiwi)}&.font-apple .rankingDt{border-color:var(--color-apple)}&.font-seafoam .rankingDt{border-color:var(--color-seafoam)}&.font-brand_teal .rankingDt{border-color:var(--color-brand_teal)}&.font-eggshell .rankingDt{border-color:var(--color-eggshell)}&.font-bluebird .rankingDt{border-color:var(--color-bluebird)}&.font-grape .rankingDt{border-color:var(--color-grape)}&.font-lilac .rankingDt{border-color:var(--color-lilac)}&.font-mauve .rankingDt{border-color:var(--color-mauve)}&.font-orchid .rankingDt{border-color:var(--color-orchid)}&.font-amaranth .rankingDt{border-color:var(--color-amaranth)}& .show{display:grid}& .hidden{display:none}& header:has(.headerLogo){& .headerLogo .partsLogo,& svg.close,& svg.open{fill:var(--color-white)}& summary.secondaryChildMenu:after{background-color:var(--color-white)}& .memberMenu,& .primaryMenu,& .secondaryChildMenu,& .secondaryGrandChildMenu,& .secondaryGrandChildMenuName{color:var(--color-white)}& .primaryMenu.fill{color:var(--color-black)}& .primaryMenu.buttonRectangle:not(.fill){border-color:var(--color-white)}& .memberMenu,& .secondaryChildMenu,& .secondaryGrandChildMenu{&.active,&.current,&:hover{border-color:var(--color-white)}}& .secondaryGrandChildMenuName,& details[name=secondaryChildMenu][open] summary.secondaryChildMenu{border-color:var(--color-white)}}header[role=alert]{color:var(--color-white)}& nav:has(.hotIssuesMenu){background-color:var(--color-light-grey2);display:grid;margin-inline:auto;overflow-x:auto}& dl:has(.hotIssuesMenu){grid-gap:1em;-webkit-overflow-scrolling:touch;align-items:center;container:cqHotIssue/inline-size;display:grid;gap:1em;grid-auto-flow:column;grid-template-columns:7.8em auto;padding:0 var(--layout-gap);scrollbar-gutter:stable both-edges;white-space:nowrap}& dt.hotIssuesDt{background-color:orange;border-radius:.3em;color:var(--color-opacity-black-deep);display:grid;font-family:var(--font-family-mono);font-size:calc(var(--font-size-headlineXXXS)*.94);font-weight:700;letter-spacing:.1em;padding:.5em .8em}& dd:has(.hotIssuesMenu){display:grid;justify-self:start}& ul:has(.hotIssuesMenu){display:grid;grid-auto-columns:auto;grid-auto-flow:column;justify-self:start}& .hotIssuesMenu{display:block;font-size:calc(var(--font-size-headlineXXS)*.98);font-weight:700;padding:.85em 1em}& main{& #topStories{container:cqTopStories/inline-size;padding:var(--layout-gap);& h2:has(.heroTopstoriesTitle){left:var(--layout-gap-comlun);position:absolute;top:47cqw;width:clamp(215px,55dvw,330px);z-index:1}& figcaption:has(.topStoriesPostTitle){gap:var(--layout-gap);margin:var(--layout-gap) 0 0;padding:var(--layout-gap) var(--layout-gap) 0}& .topStoriesPostTitle{font-size:var(--font-size-headlineL)}}& #latest{margin:0 0 var(--layout-gap);padding:0 var(--layout-gap);z-index:1;&:after{bottom:0;content:"";display:block;height:80px;left:0;position:absolute;width:100%;z-index:-1}& ul:has(.term){& li:has(.latestPostTitle){& .latestTitle{line-height:1.1}&:nth-of-type(n+6) span:has(.term){font-size:var(--font-size-headlineXXS);& em{display:none}}}}}& #sidebar{padding:var(--layout-gap);& dl:has(.rankingPostTitle){& dt.rankingDt{border-color:var(--color-white)}}}& #promotion{margin:calc(var(--layout-gap)*2) var(--layout-gap) 0;padding:var(--layout-gap);&:before{background-color:var(--color-pale-grey);content:"";display:block;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}& .h2Rectangle{background-color:var(--color-white)}& li:has(.h2Rectangle){grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text)}}& a.sponsor{display:block}& .sponsorLogo{display:inline-block;margin:0 var(--layout-gap) 0 0}& #subscription{background-color:var(--color-dark-teal);container:cqSubscription/inline-size;&>div:has(em.subscription){grid-gap:var(--layout-gap);color:var(--color-white);display:grid;gap:var(--layout-gap);padding:var(--layout-gap)}& header:has(em.subscription){padding:var(--layout-gap);& .h2Rectangle{background-color:var(--color-brand_teal);color:var(--color-dark-teal);display:inline-block;vertical-align:bottom}& .h2Rectangle+svg:has(.paid){margin-left:1em;width:1.5rem;& .paid{fill:var(--color-brand_teal)}}& p:has(.subscription){color:var(--color-brand_teal);font-size:1.5rem;font-weight:700;line-height:1.3;margin:var(--layout-gap) 0 0;& .subscription{color:var(--color-white)}}}& article:has(.slider),& nav:has(.sliderUi){width:calc(100dvw - var(--layout-gap)*2)}& article:has(.slider){border-color:var(--color-brand_teal);& span:has(.term){&:before{background-color:var(--color-brand_teal)}& a{color:var(--color-white)}& em.date{display:none}}& .subscriptionPostTitle{color:var(--color-brand_teal);font-size:var(--font-size-headlineM)}}& .sliderUi{color:var(--color-brand_teal);&.active{color:var(--color-brand_teal-hover)}}& dl:has(.buttonRectangle){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);padding:var(--layout-gap);& dt.member{text-align:center}& dd:has(.buttonRectangle){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);& ul:has(.buttonRectangle){justify-items:legacy}}}& a.buttonRectangle{border-color:var(--color-white);color:var(--color-white);&.fill{background-color:var(--color-brand_teal);border-color:var(--color-brand_teal);color:var(--color-dark-teal)}}& a.buttonUnderline{border-color:var(--color-white);color:var(--color-white)}}& [id^=feature]{&>div:has(ol.feature){grid-gap:var(--layout-gap);container-type:inline-size;display:grid;gap:var(--layout-gap);margin-inline:auto;padding:var(--layout-gap) 0;width:calc(100% - var(--layout-gap)*2);&:before{background-color:var(--color-pale-grey);content:"";display:block;height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%;z-index:-1}}& header:has(.archiveUrl){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);padding:0 var(--layout-gap);& .h2Rectangle{color:var(--color-text-dark);display:inline-block}& h3:has(.archiveUrl){font-size:1.5rem;font-weight:700;line-height:1.3}}& div:has(.feature){overflow:hidden}& article:has(.feature){padding:0 var(--layout-gap) var(--layout-gap);width:auto}}& #featureFirst{&>div:has(ol.feature){border-top:10px solid var(--color-tulip)}& .h2Rectangle{background-color:var(--color-tulip)}& span.postNumber:before{color:var(--color-tulip)}& span:has(.term):before{background-color:var(--color-tulip)}}& #featureSecond{&>div:has(ol.feature){border-top:10px solid var(--color-lemon)}& .h2Rectangle{background-color:var(--color-lemon)}& span.postNumber:before{color:var(--color-lemon)}& span:has(.term):before{background-color:var(--color-lemon)}}& #highlights{border-bottom:10px solid var(--color-dark-teal);container:cqHighlights/inline-size;padding:0 0 var(--layout-gap);width:calc(100% - var(--layout-gap)*2);& h2:has(.highlightsNewestTitle){left:var(--layout-gap);position:absolute;top:41.5cqw;width:60cqw;z-index:1;& svg.highlightsLatestPostTitle{fill:var(--color-lemon)}}& ol:has(.highlightsLatestPostTitle){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap)}& span:has(.term):before{background-color:var(--color-lemon)}& li:has(.highlightsLatestPostTitle){grid-gap:var(--layout-gap-text);background-color:var(--color-white);display:grid;gap:var(--layout-gap-text);padding:var(--layout-gap);&:first-of-type{background-color:var(--color-dark-teal);& a.highlightsLatestPostTitle{color:var(--color-lemon);font-size:var(--font-size-headlineL)}& a.term,& p.excerpt{color:var(--color-white)}& figcaption:has(.highlightsLatestPostTitle){margin:var(--layout-gap) 0 0;padding:var(--layout-gap)}}&:nth-of-type(n+4){& .highlightsLatestPostTitle{font-size:var(--font-size-headlineXS)}}}}& #emook{border-bottom:10px solid var(--color-plum);container:cqEmook/inline-size;padding:0 0 var(--layout-gap);width:calc(100% - var(--layout-gap)*2);& h2:has(.emookTitle){left:var(--layout-gap);position:absolute;top:115.7cqw;width:50cqw;z-index:1;svg.emookTitle{fill:var(--color-eggshell)}}& h2:has(.emookTitle)+figure{grid-gap:calc(var(--layout-gap)*3);background-color:var(--color-plum);display:grid;gap:calc(var(--layout-gap)*3);padding:var(--layout-gap);&>.eyecatch>img{aspect-ratio:1/1.414;object-fit:cover}& dl:has(.newest){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);padding:var(--layout-side-tablet) var(--layout-gap) var(--layout-gap);&>dt:has(.newest){color:var(--color-white);font-size:.9rem}& strong.newest{background-color:var(--color-eggshell);color:var(--color-plum);display:inline-block;font-size:.9rem;font-weight:400;margin:0 var(--layout-gap) 0 0;padding:.5em .8em}&>dd:has(.emookNewestPostTitle){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap)}& a.emookNewestPostTitle{color:var(--color-eggshell);font-size:var(--font-size-headlineL)}& h3:has(.emookNewestPostTitle)+p.excerpt{color:var(--color-white);display:none}& li:has(.login),& li:has(.pricing){width:8.2em}& a.pricing{background-color:var(--color-white);color:var(--color-plum)}& a.login,& a.pricing{border-color:var(--color-white)}& a.login{color:var(--color-white)}}}& dl:has(.included){margin:var(--layout-gap) 0 0;& dt.included{background-color:var(--color-plum);color:var(--color-eggshell);font-size:1.3rem;font-weight:700;padding:.2em var(--layout-gap) 0}& p.error{color:var(--color-white);padding:.2em var(--layout-gap)}& li:has(.emookIncludedPostTitle):first-of-type{margin-top:var(--layout-gap)}& span:has(.term):before{background-color:var(--color-eggshell)}& figure .emookIncludedPostTitle{font-size:var(--font-size-headlineM)}& li:has(.term){& h3 .emookIncludedPostTitle{font-size:var(--font-size-headlineS)}&:nth-of-type(n+2){& span:has(.term){& .date{display:none}}}}}}& #register{padding:calc(var(--layout-gap)*2);&:before{background-color:var(--color-pale-grey);content:"";display:block;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}&>div:has(.register-dt){grid-gap:calc(var(--layout-gap-text)*2);display:grid;gap:calc(var(--layout-gap-text)*2);grid-auto-flow:row}& figure:has(.register-img){margin:0}& .h2Rectangle{background-color:var(--color-brand_teal)}& dl:has(.register-dt){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row}& .register-dt{font-size:1.5rem;font-weight:700}& dd:has(.buttonRectangle){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row}}& #events{border-bottom:10px solid var(--color-burgundy);container:cqEvents/inline-size;padding:0 0 var(--layout-gap);width:calc(100% - var(--layout-gap)*2);& h2:has(.eventsTitle){margin:0 0 -17cqw var(--layout-gap);position:relative;width:50dvw;z-index:1;svg.eventsTitle{fill:var(--color-lime)}}& h2:has(.eventsTitle)+figure,& p.preparation{grid-gap:var(--layout-gap);background-color:var(--color-burgundy);color:var(--color-white);display:grid;gap:var(--layout-gap);min-height:5rem;padding:calc(var(--layout-gap)*4) var(--layout-gap) var(--layout-gap);& dl:has(.recruiting){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);&>dt:has(.recruiting){grid-gap:var(--layout-gap-text);align-items:center;display:grid;font-size:.9rem;gap:var(--layout-gap-text);grid-auto-columns:auto;grid-auto-flow:column}& strong.recruiting{background-color:var(--color-lime);color:var(--color-plum);display:grid;font-size:.9rem;font-weight:400;justify-self:start;padding:.5em .8em}&>dd:has(.eventsInfoPostTitle){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap)}& a.eventsInfoPostTitle{color:var(--color-lime);font-size:1.5rem}& p.excerpt{color:var(--color-white)}& li:has(.login),& li:has(.pricing){width:8.2em}& a.pricing{background-color:var(--color-white);color:var(--color-plum)}& a.login,& a.pricing{border-color:var(--color-white)}& a.login{color:var(--color-white)}}}& dl:has(.report){margin:var(--layout-gap) 0 0;& dt.report{background-color:var(--color-burgundy);color:var(--color-lime);font-size:1.3rem;font-weight:700;padding:.2em var(--layout-gap) 0}& dd:has(.term){margin-top:var(--layout-gap)}& span:has(.term){&:before{color:var(--color-lime)}}& figure{& .eventsReportPostTitle{font-size:1.5rem}}& li:has(.term)>h3 .eventsReportPostTitle{font-size:1rem}}}& #infiniteScroll{margin-top:calc(var(--layout-gap)*4.5);& em.date{display:none}& header:has(.infiniteTitle){container:cqFeed/inline-size;padding-top:0;& h2:has(.infiniteTitle){margin:-18.5cqw 0 0;position:relative;width:220px;z-index:1;& svg.eventsTitle{fill:var(--color-brand_teal)}}}}}}body.home.tablet{--min-height-hero-before:1250px;--max-height-hero-before:1700px;& #sidebar{& a.rankingPostTitle{font-size:calc(var(--font-size-headlineXS)*.9)}}& #emook,& #events,& #feeds,& #hero,& #highlights,& #promotion,& #register>div:has(.register-dt),& #subscription>div:has(strong.subscription),& [id^=feature]>div:has(ol.feature){margin-inline:auto;max-width:var(--site-width)}& nav:has(.hotIssuesMenu){border-radius:.3em;margin:0 calc(var(--layout-side-tablet) + var(--layout-gap));max-width:1000px;overflow:hidden}& dl:has(.hotIssuesMenu){font-size:var(--font-size-sentence);justify-content:center;margin:0;padding:0 calc(var(--layout-gap)*.5);scrollbar-gutter:auto;width:100%}& dt.hotIssuesDt{justify-self:end}& dd:has(.hotIssuesMenu){overflow-x:auto;scrollbar-gutter:stable;white-space:nowrap;& ul:has(.hotIssuesMenu){width:100%}& .hotIssuesMenu{padding:.85em .8em}}& main{& #hero{grid-gap:calc(var(--layout-gap)*2);align-items:start;display:grid;gap:calc(var(--layout-gap)*2);grid-template:"a b" auto "c c" auto/minmax(min-content,calc(700px + var(--layout-gap))) minmax(min-content,280px);max-width:var(--site-width-narrow);padding:0 var(--layout-side-tablet)}& #topStories{grid-area:a;padding:var(--layout-gap) 0 0 var(--layout-gap);& h2:has(.heroTopstoriesTitle){left:-1.5cqw;top:var(--layout-gap);width:clamp(100px,25.5cqw,185px)}& .eyecatch>img{width:100%}& figcaption:has(.topStoriesPostTitle){margin-top:0;padding:0 0 0 18cqw}& .topStoriesPostTitle{font-size:calc(var(--font-size-headlineXL)*1.1)}& .excerpt{padding:0}}& #sidebar{grid-area:b;padding:var(--layout-gap) 0;& dl:has(.rankingPostTitle){padding:var(--layout-gap) 0 0}}& #latest{grid-area:c;padding:0;&:after{display:none}& h2.latestTitle{font-size:calc(var(--font-size-headlineL)*1.1)}& ul:has(.term){gap:0;grid-template:"a b b" 1fr "c d d" 1fr "e f g" .5fr "e h i" .5fr/2fr 1fr 1fr;& li:has(.latestPostTitle){&:first-of-type{grid-area:a}&:nth-of-type(2){grid-area:b}&:nth-of-type(3){grid-area:c}&:nth-of-type(4){grid-area:d}&:nth-of-type(5){grid-area:e}&:nth-of-type(n+6){& .latestPostTitle{font-size:var(--font-size-headlineXS)}& .excerpt{display:none}}&:nth-of-type(6){background-color:#fffc;grid-area:f}&:nth-of-type(7){background-color:#fff9;grid-area:g}&:nth-of-type(8){background-color:#fff6;grid-area:h}&:nth-of-type(9){background-color:#fff3;grid-area:i}}& a.eyecatch{order:2}& figcaption:has(.term){order:1}}}& #promotion{padding:var(--layout-gap) var(--layout-side-tablet);figure:has(.h2Rectangle.promotion){align-items:center;grid-auto-flow:column;grid-template-columns:1fr 1fr;& figcaption:has(.h2Rectangle.promotion){order:1}& a.eyecatch{order:2}}}& #subscription{&>div:has(em.subscription){grid-template:"a b" auto "c b" auto/minmax(calc(50% - var(--layout-gap)),1fr) minmax(calc(50% - var(--layout-gap)),1fr);padding:var(--layout-gap) var(--layout-side-tablet)}& header:has(em.subscription){grid-area:a;& p:has(em.subscription){font-size:var(--font-size-headlineL)}}& div>div:has(.slider){grid-area:b;& article:has(.slider),& nav:has(.sliderUi){width:auto;& .sliderUi{font-size:var(--font-size-headlineL)}}}& dl:has(.buttonRectangle){align-content:start;grid-area:c;padding:var(--layout-gap);& dt.member{font-size:var(--font-size-headlineXS);text-align:left}& dd:has(.buttonRectangle){justify-content:stretch}& ul:has(.buttonRectangle){grid-template-columns:none;justify-items:stretch}}}& [id^=feature]{margin:calc(var(--layout-gap)*2) var(--layout-side-tablet) 0;&>div:has(ol.feature){width:auto}& header:has(.archiveUrl){& h3:has(.archiveUrl){font-size:var(--font-size-headlineL)}}}& #highlights{border-bottom:none;margin:calc(var(--layout-gap)*2) var(--layout-side-tablet) 0;padding-bottom:0;width:auto;& h2:has(.highlightsNewestTitle){top:44.5cqw;width:min(25cqw,266px)}& ol:has(.highlightsLatestPostTitle){gap:0;grid-template:"a a a a" auto "b b b b" auto "c c c c" auto "d e f g" auto/1fr .9fr .9fr 1fr}& li:has(.highlightsLatestPostTitle){&:first-of-type{grid-area:a;margin-bottom:-8rem;padding-bottom:10rem;a.eyecatch img{width:100%}& figcaption:has(.highlightsLatestPostTitle){margin-top:var(--layout-gap);padding-left:30dvw}& a.highlightsLatestPostTitle{font-size:var(--font-size-headlineL)}}&:nth-of-type(2){grid-area:b}&:nth-of-type(3){grid-area:c}&:nth-of-type(4){grid-area:d}&:nth-of-type(5){grid-area:e}&:nth-of-type(6){grid-area:f}&:nth-of-type(7){grid-area:g}&:nth-of-type(2),&:nth-of-type(3){margin:0 var(--layout-gap);& figure:has(.term){align-items:center;grid-auto-flow:column;grid-template-columns:1fr 1fr;& a.eyecatch{order:2}& figcaption:has(.term){order:1;& .highlightsLatestPostTitle{font-size:var(--font-size-headlineM)}}}}&:nth-of-type(n+4){& .term{font-size:var(--font-size-headlineXXS)}}&:nth-of-type(4){background-color:#fffc;margin-left:var(--layout-gap)}&:nth-of-type(5){background-color:#fff9}&:nth-of-type(6){background-color:#fff6}&:nth-of-type(7){background-color:#fff3;margin-right:var(--layout-gap)}}}& #emook,& #events{border-bottom:none;margin:calc(var(--layout-gap)*6) var(--layout-side-tablet) 0;padding-bottom:0;width:auto;&:has(.inPreparation){padding-bottom:var(--layout-gap)}& h2:has(.emookTitle),& h2:has(.eventsTitle){left:var(--layout-gap)}& h2:has(.emookTitle){top:-8.6cqw;width:min(13.5cqw,190px)}& h2:has(.eventsTitle){margin:0;position:absolute;top:-7.4cqw;width:min(30cqw,409px)}& h2:has(.emookTitle)+figure,& h2:has(.eventsTitle)+figure,& p.preparation{align-items:center;grid-auto-flow:column;margin-bottom:-8rem;padding:calc(var(--layout-gap)*5) var(--layout-gap) 10rem;&:has(+dl .inPreparation){margin-bottom:-8rem}& a.eyecatch{order:2}& figcaption:has(.term){order:1}& dl:has(.newest) h3:has(.emookNewestPostTitle)+p.excerpt,& dl:has(.recruiting) h3:has(.eventsInfoPostTitle)+p.excerpt{display:grid}& dl:has(.newest){padding:0;& .emookNewestPostTitle{font-size:var(--font-size-headlineM)}}& dl:has(.recruiting){& .eventsInfoPostTitle{font-size:var(--font-size-headlineM)}& h3:has(.eventsInfoPostTitle)+p.excerpt{display:grid}& ul:has(.buttonRectangle){grid-template-columns:none;justify-content:stretch}}}& h2:has(.emookTitle)+figure{grid-template-columns:minmax(min-content,500px) minmax(20cqw,460px)}& h2:has(.eventsTitle)+figure{gap:calc(var(--layout-gap)*2);grid-template-columns:minmax(min-content,540px) minmax(25cqw,500px);padding-top:calc(var(--layout-gap)*6)}& p.preparation{padding-top:calc(var(--layout-gap)*6)}& dl:has(.included),& dl:has(.report){margin-top:0;& dt.included,& dt.report{font-size:var(--font-size-headlineL);line-height:1.1}& dd:has(.term){background-color:var(--color-light-grey);margin:0 var(--layout-gap);&:has(.inPreparation){background-color:initial;color:var(--color-white)}}& ul:has(.term){gap:0;grid-template:"a b c" auto "a d e" auto/2fr 1fr 1fr;& li:has(.term){&:first-of-type{grid-area:a;margin-top:0;& a.eyecatch{order:2}& figcaption:has(.term){order:1;& a.emookIncludedPostTitle{font-size:var(--font-size-headlineM)}& p.excerpt{display:none}}}&:nth-of-type(n+2){& span:has(.term){& .term{font-size:var(--font-size-headlineXXS)}}& .emookIncludedPostTitle{font-size:var(--font-size-headlineXS)}}&:nth-of-type(2){background-color:#fffc;grid-area:b}&:nth-of-type(3){background-color:#fff9;grid-area:c}&:nth-of-type(4){background-color:#fff6;grid-area:d}&:nth-of-type(5){background-color:#fff3;grid-area:e}}}}}& #register{padding:calc(var(--layout-gap)*2) var(--layout-side-tablet);&>div:has(.register-dt){align-items:center;grid-template:"a b" auto "a c" auto/1fr 1fr}& figure:has(.register-img){grid-area:a}& .h2Rectangle{grid-area:b}& dl:has(.register-dt){grid-area:c}& .register-dt{font-size:var(--font-size-headlineL);br{display:none}}& dd:has(.buttonRectangle){& nav:has(.buttonRectangle){grid-template-columns:max-content;justify-content:start}}}& #infiniteScroll{margin:calc(var(--layout-gap)*7) var(--layout-side-tablet) var(--layout-side-tablet);& header:has(.infiniteTitle){gap:calc(var(--layout-gap)*2);grid-template:"a b" auto "c c" auto/1fr;& h2:has(.infiniteTitle){grid-area:a;margin-top:-8.6cqw;width:min(35cqw,464px)}& #filterTerm{grid-area:b}& figure:has(.infiniteFirstPostTitle){gap:calc(var(--layout-gap)*2);grid-area:c;grid-template-columns:minmax(35cqw,300px) minmax(40cqw,800px);& .eyecatch{margin-right:calc(var(--layout-gap)*-1)}& .infiniteFirstPostTitle{font-size:var(--font-size-headlineM)}}}& ul:has(.term){width:auto}}}}body.home.tablet.pc{--min-height-hero-before:1450px;--max-height-hero-before:1700px;&.bg-navy header:has(.headerLogo){& summary+ul:has(.secondaryGrandChildMenu){background-color:var(--color-navy);box-shadow:0 0 1px #fff}}& header:has(.headerLogo){& div:has(.headerLogo){& ul:has(.focusMenu){& li:has(.focusMenu){& .focusMenu{color:var(--color-white)}}}}}& nav:has(.hotIssuesMenu){margin:0 auto auto}& dl:has(.hotIssuesMenu){font-size:var(--font-size-headlineXS);gap:var(--layout-gap-text)}& main{& #hero{gap:calc(var(--layout-gap)*1.5);padding:0}& #topStories{padding:var(--layout-gap) 0 0;& h2:has(.heroTopstoriesTitle){left:0;width:clamp(140px,15rem,185px)}& figure:has(.term){gap:var(--layout-gap-text);& .eyecatch{margin-left:var(--layout-gap)}& figcaption:has(.topStoriesPostTitle){gap:var(--layout-gap-text);padding-left:10rem}& .topStoriesPostTitle{font-size:calc(var(--font-size-headlineXL)*1.3)}& .excerpt{margin:0}}}& #sidebar{padding:var(--layout-gap) 0 0}& #latest{& .latestPostTitle{font-size:var(--font-size-headlineM)}}& #promotion{padding:var(--layout-gap-padding);& a.promotionPostTitle{font-size:var(--font-size-headlineM)}}& #subscription{&>div:has(em.subscription){align-items:center;grid-template-columns:auto minmax(18cqw,400px);padding:var(--layout-gap-padding)}& header:has(em.subscription){padding:0 var(--layout-gap) 0 0;& p:has(em.subscription){font-size:calc(var(--font-size-headlineL)*1.2)}}& dl:has(.buttonRectangle){align-content:end;gap:var(--layout-gap-text);padding:0 var(--layout-gap) 0 0;& dd:has(.buttonRectangle){gap:var(--layout-gap-text);& ul:has(.buttonRectangle){gap:var(--layout-gap-text);justify-content:start}& .buttonUnderline{justify-self:start}}}& div>div:has(.slider){& article:has(.slider),& nav:has(.sliderUi){gap:calc(var(--layout-gap-text)/2);& .sliderUi{font-size:var(--font-size-headlineM)}}}}& [id^=feature]{&>div:has(ol.feature){& header:has(.archiveUrl){gap:var(--layout-gap-text);padding:0 var(--layout-gap-padding)}& article:has(.feature){padding:0 var(--layout-gap-padding) var(--layout-gap)}}}& #highlights{margin:calc(var(--layout-gap)*2) auto 0;& h2:has(.highlightsNewestTitle){left:var(--layout-gap-padding);top:56.8cqw;transform:translateY(-50%)}& li:has(.highlightsLatestPostTitle){&:first-of-type{margin-bottom:-10rem;padding:var(--layout-gap-padding) var(--layout-gap-padding) 12rem;& figure:has(.highlightsLatestPostTitle){gap:var(--layout-gap);& figcaption:has(.highlightsLatestPostTitle){margin:0;padding-left:21rem}}}&:nth-of-type(2),&:nth-of-type(3){margin:0 var(--layout-gap-padding);& figcaption:has(.term){& .highlightsLatestPostTitle{font-size:var(--font-size-headlineM)}}}&:nth-of-type(n+4){align-content:start}&:nth-of-type(4){margin-left:var(--layout-gap-padding)}&:nth-of-type(7){margin-right:var(--layout-gap-padding)}}}& #emook,& #events{margin:calc(var(--layout-gap)*4.5) auto 0;& h2:has(.emookTitle),& h2:has(.eventsTitle){left:var(--layout-gap-padding)}& h2:has(.emookTitle){top:-8.6cqw}& h2:has(.emookTitle)+figure,& h2:has(.eventsTitle)+figure{gap:calc(var(--layout-gap)*2);margin-bottom:-13rem;padding:calc(var(--layout-gap)*3) var(--layout-gap-padding) 16rem}& dl:has(.included),& dl:has(.report){padding:.2em var(--layout-gap-padding) 0;& dd:has(.term),& dt.included,& dt.report{margin:0;padding:0}}& h2:has(.emookTitle)+figure{& dl:has(.newest){gap:var(--layout-gap-text);&>dd:has(.emookNewestPostTitle){gap:var(--layout-gap-text);& strong.newest{margin-right:1.5em}& .emookNewestPostTitle{font-size:var(--font-size-headlineL)}& ul:has(.buttonRectangle){gap:var(--layout-gap-text)}}}}& dl:has(.included){margin:0 auto;& ul:has(.emookIncludedPostTitle) li:has(.emookIncludedPostTitle){align-content:start}& figure .emookIncludedPostTitle{font-size:var(--font-size-headlineM)}}& h2:has(.eventsTitle){top:-7.4cqw}& h2:has(.eventsTitle)+figure{& dl:has(.recruiting){margin:var(--layout-gap) auto 0;& .eventsInfoPostTitle{font-size:var(--font-size-headlineL)}& ul:has(.buttonRectangle){grid-template-columns:max-content;justify-items:start}}}}& #register{& figure:has(.register-img){justify-self:end}& dl:has(.register-dt){gap:var(--layout-gap-text)}& nav:has(.buttonRectangle){grid-template-columns:max-content;justify-content:start}}& #infiniteScroll{margin:calc(var(--layout-gap)*5) 0 0;& header:has(.infiniteTitle){gap:var(--layout-gap-padding);padding:0 0 15rem;& h2:has(.infiniteTitle){margin-left:var(--layout-gap-padding)}& #filterTerm{margin-right:var(--layout-gap-padding)}& figure:has(.infiniteFirstPostTitle){gap:var(--layout-gap);grid-template-columns:auto 800px;& .eyecatch{margin-right:0;max-width:800px;>img{width:100%}}& figcaption:has(.term){padding-left:var(--layout-gap-padding);& .infiniteFirstPostTitle{font-size:var(--font-size-headlineM)}& .buttonRectangle{display:grid;justify-self:start;width:auto}}}}& ul:has(.term){width:calc(var(--site-width) - var(--layout-gap-padding)*2);& figure:has(.term){grid-template-columns:auto 500px}}}}}body.archiveCustom{& main{& .infiniteDescription,& h1.infiniteTitle{color:var(--color-brand_teal)}& .infiniteDescription{font-size:var(--font-size-headlineXS)}& figure:has(.infiniteFirstPostTitle){& .eyecatch.emook{& img,&.skelton.img{aspect-ratio:1/1.414}}}& dl.outlinePost{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);&>dd:has(.excerpt),&>dt:has(.infiniteFirstPostTitle){grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text)}.infiniteFirstPostTitle{color:var(--color-white)}}& nav:has(.buttonRectangle){display:grid;grid-auto-flow:row}& dl:has(.includedTitle){gap:0;padding-top:var(--layout-gap);& dt.includedTitle{color:var(--color-brand_teal);font-size:calc(var(--font-size-headlineL)*1.2);font-weight:700;line-height:.8}}& section.carousel{background-color:color-mix(in hsl,var(--color-opacity-white-deep),gray 15%);&.archiveEmook{&>div:has(ol.feature)
				&>div:has(ol.carousel){border-top:10px solid var(--color-eggshell)}& ol.carousel{grid-template-columns:repeat(12,60cqw)}& .h2Rectangle,& span:has(.term):before{background-color:var(--color-eggshell)}& span.postNumber:before{color:var(--color-eggshell)}& .eyecatch img,& div.skelton.eyecatch.img{aspect-ratio:1/1.414}& figcaption:has(.term){display:none}}&.archiveEvents{&>div:has(ol.feature){border-top:10px solid var(--color-lime)}& .h2Rectangle,& header .buttonRectangle.fill,& span:has(.term):before{background-color:var(--color-lime)}& header .buttonRectangle.fill{border-color:#0000}& span.postNumber:before{color:var(--color-lime)}}}}}body.archiveCustom.tablet{& main{& nav:has(.buttonRectangle){grid-auto-flow:column}& header:has(.infiniteTitle){&.archiveEmook{margin-bottom:-10rem;>figure:has(.infiniteFirstPostTitle){grid-template-columns:1.5fr 1fr;& dl.outlinePost{&>dd:has(.excerpt){gap:var(--layout-gap);& nav:has(.buttonRectangle){align-items:center;margin-inline:0;margin-top:0;padding-top:0}}}}}}& dl:has(.includedTitle){padding-top:0;& dt.includedTitle{color:var(--color-brand_teal);margin:0 var(--layout-gap)}}& section.carousel{& header:has(.h2Rectangle){align-items:end;grid-auto-flow:column}& ol.feature{grid-template-columns:repeat(10,35cqw)}&.archiveEmook{& header:has(.h2Rectangle){grid-template-columns:7fr 1fr}& ol.carousel{grid-template-columns:repeat(12,35cqw)}}&.archiveEvents{& header:has(.h2Rectangle){grid-template-columns:auto 108px;justify-items:start;& .buttonRectangle.fill{width:auto}}}}}}body.archiveCustom.tablet.pc{& main{& header:has(.infiniteTitle){&.archiveEmook{margin-bottom:-15rem;& figure:has(.infiniteFirstPostTitle){grid-template-columns:auto 460px;margin-right:var(--layout-gap-padding);& figcaption:has(.term){& .infiniteFirstPostTitle{font-size:var(--font-size-headlineL)}& dl.outlinePost{&>dd:has(.excerpt){& nav:has(.buttonRectangle){padding:0}}}}}}}& dl:has(.includedTitle){& dt.includedTitle{margin:0 var(--layout-gap-padding)}& ul:has(.term){margin:0 var(--layout-gap-padding);width:auto}}& section.carousel.archiveEmook{& #filterYear{width:12em}}}}body.archiveMagazine{& main{& #books{grid-gap:calc(var(--layout-gap)*2);display:grid;gap:calc(var(--layout-gap)*2);margin-top:calc(var(--layout-gap)*2)}& header:has(.postTypeTitle){grid-gap:calc(var(--layout-gap-text)/2);container:headerBooks/inline-size;display:grid;gap:calc(var(--layout-gap-text)/2);padding:0 var(--layout-gap)}& h1.postTypeTitle{width:45cqw}& .postTypeDescription{font-size:var(--font-size-headlineXS)}& article{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);& span:has(.noTerm){visibility:visible}}& figure:has(.archiveOutlinePostTitle){& a.eyecatch>img,& a.skelton.img{aspect-ratio:1/1.414;object-fit:cover;order:1;position:sticky;top:calc(var(--height-header) + var(--layout-gap)*1.5)}& figcaption:has(.archiveOutlinePostTitle){order:2;padding:0 var(--layout-gap);& span:has(.term){display:none}}}& #contents{grid-gap:var(--layout-gap);background-color:#0000001a;display:grid;font-size:var(--font-size-headlineXS);gap:var(--layout-gap);padding:var(--layout-gap)}& strong.price{font-size:var(--font-size-headlineM)}& #description,& #index{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap)}& #index{background-color:var(--color-white);padding:var(--layout-gap)}ul:has(.buttonRectangle){.sample{border-color:var(--color-black)}.fill,.sample{color:var(--color-black)}.fill{background-color:var(--color-brand_teal);border-color:var(--color-brand_teal)}}& dl:has(.buy){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap)}& dt.buy{border-bottom:4px solid var(--color-black);margin:var(--layout-gap) 0 0;padding:0 0 .5em}& ul:has(.buy){grid-gap:calc(var(--layout-gap)/3);display:grid;gap:calc(var(--layout-gap)/3);& .buy{background-color:var(--color-white);color:var(--color-tulip);display:grid;font-weight:700;justify-items:center;padding:.7rem 0;&:has(.kadokawa){background-color:#ebe6e3}& img{&.kadokawa{height:4rem;width:auto}&.kinokuniya{width:40%}&.amazon{height:1.2rem;width:auto}}}}& dl:has(.eyecatch){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);padding:var(--layout-gap)}& .backnumberDt,& .quotationDt{border-top:4px solid var(--color-black);font-size:var(--font-size-headlineM);padding:.5em 0 0}& dd:has(.term){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap)}& #quotation{& li:has(.term){padding:0}& figcaption:has(.excerpt){padding:0 var(--layout-gap) var(--layout-gap)}& li:not(:has(.excerpt)){background:none;border-top:1px solid #0000001a;padding:var(--layout-gap) 0 0}& figure:not(:has(.excerpt)){grid-gap:var(--layout-gap);align-items:center;display:grid;gap:var(--layout-gap);grid-auto-flow:column;grid-template-columns:1fr 1.5fr;& figcaption:has(.term){& span:has(.term){display:none}& h2:has(.archivePickupPostTitle){line-height:1;& .archivePickupPostTitle{font-size:var(--font-size-headlineS)}}}}}& #backnumber{& dd:has(.eyecatch){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap)}& ul:has(.eyecatch){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-template-columns:1fr 1fr}& figure:has(.eyecatch){&>.eyecatch>img{aspect-ratio:1/1.414;object-fit:cover}& figcaption:has(.term){display:none}}}}}body.archiveMagazine.tablet{& main{& header:has(.postTypeTitle){align-items:center;gap:var(--layout-gap);grid-auto-flow:column;justify-content:center;width:100%}& h1:has(.postTypeTitle){width:auto}& .postTypeDescription{font-size:var(--font-size-headlineS)}& article{padding:0 var(--layout-gap)}& figure:has(.archiveOutlinePostTitle){gap:var(--layout-gap);grid-auto-flow:column;grid-template-columns:1fr 2fr;& .eyecatch>img,& .skelton.img{aspect-ratio:1/1.414}}& figcaption:has(.archiveOutlinePostTitle){padding:0}& .archiveOutlinePostTitle{font-size:var(--font-size-headlineL)}& h3{font-size:var(--font-size-headlineM)}& ul:has(.buy){grid-template-columns:1fr 1fr;& .buy{align-items:center;height:100%}}& dl:has(.eyecatch){padding:0}& .backnumberDt,& .quotationDt{font-size:var(--font-size-headlineL)}& #quotation{& dd:has(.term){align-items:start;grid-auto-flow:column;grid-template-columns:2.5fr 1fr}& figure:has(.excerpt){grid-auto-flow:column;grid-template-columns:1fr 1.5fr;& .eyecatch img{height:100%;object-fit:cover}& figcaption{padding:var(--layout-gap) var(--layout-gap) var(--layout-gap) 0}}& figure:not(:has(.excerpt)){gap:calc(var(--layout-gap)/2);grid-auto-flow:row;grid-template-columns:none}}& #backnumber{& #sortFilter{position:absolute;right:0;top:.9rem}& ul:has(.eyecatch){grid-template-columns:1fr 1fr 1fr}}}}body.archiveMagazine.tablet.pc{& main{& #books{gap:var(--layout-gap);margin-top:var(--layout-gap)}& article{padding:0}& #backnumber{& #sortFilter{top:1.5rem}}}}body.archiveLists{--font-size-headlineXS:clamp(0.9rem,1.7cqw,1.1rem);& main{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);&>nav:has(.listsUi){margin-top:calc(var(--layout-gap)*-1)}&>section{grid-gap:calc(var(--layout-gap)*2);display:grid;gap:calc(var(--layout-gap)*2);grid-auto-flow:row;padding:0 var(--layout-gap)}& dl:has(.positionDt){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap)}& .positionDt{font-size:var(--font-size-headlineL);font-weight:700}& .positionDd{font-size:var(--font-size-headlineXS);line-height:1.7}& ul:has(.results){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row}& figure:has(.results){grid-gap:var(--layout-gap);border-bottom:1px solid #0000001a;display:grid;gap:var(--layout-gap);grid-auto-flow:row;justify-items:center;padding:0 0 var(--layout-gap)}& figcaption dl:has(.results){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row;justify-items:center}& dt:has(.nameEnglish){font-size:var(--font-size-headlineM);font-weight:700;& em.nameEnglish{color:#0003;display:grid;font-size:var(--font-size-headlineXS);font-weight:200;justify-content:center}}&& dd.results{font-size:var(--font-size-headlineXS)}}}body.archiveLists.tablet{& main{& figure:has(.outlineDescription),& nav>ul:has(.listsUi),&>section{margin-inline:auto;max-width:var(--site-width);width:100dvw}& section{align-items:start;grid-auto-flow:column;grid-template-columns:1fr 2.5fr;margin:0 auto;padding-top:var(--layout-gap)}& figure:has(.results){align-items:center;grid-auto-flow:column;grid-template-columns:1fr 3fr;justify-items:start}& figcaption dl:has(.results){justify-items:start}& dt:has(.nameEnglish) em.nameEnglish{justify-content:start}}}body.archiveLists.tablet.pc{& main{& p.outlineDescription{--font-size-headlineXS:clamp(0.9rem,1.7cqw,1.2rem)}& figcaption dl:has(.results){gap:var(--layout-gap-text)}}}body.archiveLists10BT{& main>[id]>*{max-width:none}}@media only screen and (max-width:1320px){html{min-width:0;min-width:auto}}body.archiveLists10BT{& main>[id]>*{max-width:none}&.edition2022{--color-base:#230f3d;background-color:var(--color-base)!important;& .show{animation:fadeIn .5s ease-in-out 0s forwards}& main{color:#fff;width:auto}& main em.arrow-bottom{display:block;font-size:1.1rem;font-style:normal;font-weight:700;letter-spacing:.1em;margin:3em 0 0;padding:0 0 1.5em;position:relative;text-align:center}& main em.arrow-bottom:after,& main em.arrow-bottom:before{content:"";display:block;position:absolute;vertical-align:middle}& main em.arrow-bottom:before{animation:down01 3s infinite;background:#fff;bottom:0;height:.7em;left:50.4%;right:auto;top:auto;width:.05em}& main em.arrow-bottom:after{animation:down02 3s infinite;border-bottom:1px solid #fff;border-right:1px solid #fff;bottom:0;height:.6em;left:50%;right:auto;top:auto;transform:rotate(45deg);width:.6em}& main #intro{margin:0 0 25rem;position:relative}& main #intro:after,& main #intro:before{background-image:radial-gradient(circle at 2px 2px,#b48ad0,2px,#0000 0);background-size:1.75rem 1.75rem;content:"";position:absolute;z-index:0}& main #intro:before{bottom:1em;height:36vh;left:0;right:auto;top:auto;width:37%}& main #intro:after{bottom:auto;display:block;height:calc(100% - 8.3em);left:auto;right:0;top:0;width:40vw}& main #intro>div{bottom:auto;left:50%;position:absolute;right:auto;top:7em;transform:translateX(-50%);width:auto;z-index:1}& main #intro>div>h1{animation:fadeIn .5s ease-in-out .5s forwards;font-size:3.5rem;opacity:0}& main #intro>div>h1>strong{display:block;font-size:6rem}& main #intro>div>h1>span{display:block;font-size:1.3rem;line-height:1.3;margin:2rem 0 0;white-space:nowrap}& main #intro>div>h1>span>br{display:none}& main #intro>div>span{animation:fadeIn .5s ease-in-out .66s forwards;display:block;font-size:1.2rem;line-height:1.5;margin:4em 0 0;opacity:0}& main #intro>div>em.arrow-bottom{animation:fadeIn .5s ease-in-out 1.5s forwards;margin-top:10rem;opacity:0}& main #intro>div>em.arrow-bottom.hide{animation:fadeIn 1s ease-in-out 0s alternate-reverse;opacity:1}& main #intro>figure{position:relative;text-align:center;z-index:1}& main #intro>figure>img{animation:fadeIn .5s ease-in-out .15s forwards;opacity:0}& main #intro>figure>img.pc.main{object-fit:cover}& main #intro>figure>img.pc.bottomLeft{bottom:0;left:0;position:absolute;right:auto;top:auto}& main #intro>figure>img.sp{display:none}& main #index{background-image:linear-gradient(to bottom,var(--color-base) 80%,#0000 100%);bottom:auto;left:0;margin:0 0 2em;padding:70px 0 0;position:sticky;right:auto;top:calc(var(--height-header) + 20px);z-index:1}& main #index:before{background-image:radial-gradient(circle at 2px 2px,#b48ad0,2px,#0000 0);background-size:1.75rem 1.75rem;bottom:auto;content:"";display:block;height:100%;left:auto;position:absolute;right:0;top:0;width:24vw;z-index:0}& main #index>ol{border-top:1px solid #fff;justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:flex-end;-webkit-justify-content:flex-end;opacity:0;padding:1em 0 2em;width:50vw;z-index:5}& main #index>ol,& main #index>ol>li{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;position:relative}& main #index>ol>li{align-items:center;-webkit-align-items:center;height:3em;justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:center;-webkit-justify-content:center;width:3.3em}& main #index>ol>li>a{color:#b48ad0;display:block;font-size:1.4rem;font-weight:700;transition:all .3s ease-in-out}& main #index>ol>li>a.current,& main #index>ol>li>a:hover{color:#fff;font-size:3rem;text-decoration:none;transform:scale(.7)}& main #technologies{padding:0 0 8rem;position:relative}& main #technologies>.item{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;gap:2em;justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:flex-end;-webkit-justify-content:flex-end;margin:0 auto 10em;position:relative}& main #technologies>.item>dl{bottom:auto;flex:1 1;height:100%;left:0;max-width:38vw;min-width:38vw;opacity:0;position:sticky;right:auto;top:calc(var(--height-header) + 220px)}& main #technologies>.item>dl>dt{font-size:1.5rem;font-weight:700;margin:0 0 1em}& main #technologies>.item>dl>dd>p{font-size:1.1rem;line-height:1.7}& main #technologies>.item>dl>dd>a{border:1px solid #fff;border-radius:3em;box-sizing:border-box;color:#fff;display:inline-block;margin:2.5em 0 0;padding:.5em 3.5em .5em 1.5em;position:relative;text-decoration:none}& main #technologies>.item>dl>dd>a:after,& main #technologies>.item>dl>dd>a:before{content:"";display:block;position:absolute;vertical-align:middle}& main #technologies>.item>dl>dd>a:before{background:#fff;bottom:auto;height:.05em;left:auto;right:10%;top:50%;width:1em}& main #technologies>.item>dl>dd>a:after{border-right:1px solid #fff;border-top:1px solid #fff;bottom:auto;height:.6em;left:auto;right:12.5%;top:50%;transform:rotate(45deg) translateY(-60%);width:.6em}& main #technologies>.item>dl>dd>a:hover{background-color:#fff;color:var(--color-base)}& main #technologies>.item>dl>dd>a:hover:before{background-color:var(--color-base)}& main #technologies>.item>dl>dd>a:hover:after{border-color:var(--color-base)}& main #technologies>.item>figure,& main #technologies>.item>form{flex:1 1;max-width:47vw;min-width:47vw;opacity:0;position:relative;z-index:2}& main #technologies>.item>form{position:static}& main #technologies>.item>form:after,& main #technologies>.item>form:before{position:absolute}& main #technologies>.item>form>fieldset{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;box-sizing:border-box;display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;flex-wrap:wrap;flex-wrap:-webkit-wrap;gap:1.5rem;justify-content:flex-start;-webkit-justify-content:flex-start;padding:0 7rem 0 0;position:relative}& main #technologies>.item>form>fieldset>label{background-color:var(--color-purple-lite);border-radius:.3rem;box-sizing:border-box;color:#000;display:block;flex:1 1;max-width:calc(50% - .75rem);min-width:calc(50% - .75rem);padding:1rem 4rem 1rem 2rem;position:relative;transition:background-color .3s ease}& main #technologies>.item>form>fieldset>label.selected{background-color:#fff}& main #technologies>.item>form>fieldset>label>input[type=radio]{bottom:auto;height:1.3rem;left:auto;position:absolute;right:1.5rem;top:1rem;width:1.3rem}& main #technologies>.item>form>fieldset>label>strong{display:block;margin:0 0 .5rem}& main #technologies>.item>form>fieldset>button{background-color:var(--color-blue);background-image:none;border:none;border-radius:.3rem;box-sizing:border-box;color:#000;font-size:1.1rem;font-weight:700;justify-self:center;margin:1.5rem auto 0;padding:1rem;text-align:center;width:20rem}& main #technologies>.item>form>fieldset>button:hover{background-color:var(--color-blue)!important}& main #technologies>.item:not(:first-child)>figure,& main #technologies>.item:not(:first-child)>form{margin:15rem 0 0}& main #technologies>.subscribe{background-color:var(--color-base-lite);color:#fff;display:block;margin:10rem auto 5rem;opacity:0;padding:3em 0;position:relative;text-align:center;text-decoration:none;width:79vw}& main #technologies>.subscribe:after,& main #technologies>.subscribe:before{background-size:cover;content:"";height:320px;position:absolute;width:320px}& main #technologies>.subscribe>strong{font-size:1.5rem}& main #technologies>.subscribe>p{line-height:1.5;margin:.5em 0 0}& main #technologies>.subscribe>span{background-color:var(--color-blue);border-radius:.3em;color:#000;display:inline-block;font-weight:700;margin:2em 0 0;padding:1em 0;width:17em}& main #technologies>.subscribe>span:hover{background-color:var(--color-blue-lite)}& main #technologies>.signup{box-sizing:border-box;margin:7rem 0 5rem;opacity:0;padding:3rem 0 3rem 11rem;position:relative}& main #technologies>.signup>dl>dt{font-size:1.2rem;font-weight:700}& main #technologies>.signup>dl>dd>p{margin:1em 0 0}& main #technologies>.signup>dl>dd>label{display:block;font-weight:700;margin:1.5rem 0 0}& main #technologies>.signup>dl>dd>button,& main #technologies>.signup>dl>dd>input[type=email]{border-radius:.5rem;box-sizing:border-box;display:inline-block;margin:.5rem .5rem 0 0}& main #technologies>.signup>dl>dd>input[type=email]{background-color:#fff;padding:.5rem 1rem;vertical-align:top;width:28rem}& main #technologies>.signup>dl>dd>button{background-color:var(--color-blue);border:none;font-size:1.1rem;font-weight:700;padding:.8rem 1rem;width:10rem}& main #technologies>.signup>dl>dd>span{display:block;margin:.5em 0 0}& main #technologies:after{background-image:radial-gradient(circle at 2px 2px,#b48ad0,2px,#0000 0);background-size:1.75rem 1.75rem;bottom:0;content:"";display:block;height:10rem;left:0;position:absolute;right:auto;top:auto;width:40vw;z-index:0}& main #technologies>em.arrow-bottom{margin-top:20rem;opacity:0}& main #technologies>em.arrow-bottom:before{left:50.38%}& main #about{margin:9rem 0 0;padding:0 0 20rem;position:relative}& main #about:after{background-image:radial-gradient(circle at 2px 2px,#b48ad0,2px,#0000 0);background-size:1.75rem 1.75rem;bottom:0;content:"";display:block;height:75%;left:0;position:absolute;right:auto;top:auto;width:15%;z-index:-1}& main #about>div{margin:0 auto;position:static;width:var(--site-width)}& main #about>div:after,& main #about>div:before{content:"";position:absolute;z-index:1}& main #about>div:before{background:url(https://www.technologyreview.jp/wp-content/themes/technologyreview/img/tr10_2022-about-img01.svg) 0 0/cover no-repeat;bottom:auto;height:794px;left:auto;right:0;top:13rem;width:732px}& main #about>div:after{background:url(https://www.technologyreview.jp/wp-content/themes/technologyreview/img/tr10_2022-about-img02.svg) 0 0/cover no-repeat;bottom:0;height:337px;left:0;right:auto;top:auto;width:463px}& main #about>div>h2{font-size:1.5rem}& main #about>div>h2>strong{display:block;font-size:4rem;margin:1rem 0 0}& main #about>div>p{font-size:1.1rem;line-height:1.7;margin:1.5rem 0 0;width:70%}& main #about>div>a{color:#fff;display:inline-block;padding:0 2rem 0 0;position:relative;text-decoration:none}& main #about>div>a:after,& main #about>div>a:before{content:"";display:block;position:absolute;vertical-align:middle}& main #about>div>a:before{background:#fff;bottom:auto;height:.05em;left:auto;right:10%;top:50%;width:1em}& main #about>div>a:after{border-right:1px solid #fff;border-top:1px solid #fff;bottom:auto;height:.6em;left:auto;right:12.5%;top:50%;transform:rotate(45deg) translateY(-60%);width:.6em}& main #about>div>dl{margin:5rem 0 0;width:70%}& main #about>div>dl>dt{font-size:1.5rem;font-weight:700}& main #about>div>dl>dd{margin:1.5rem 0 0}& main #about>div>dl>dd>ul>li{font-size:1.1rem;margin:0 0 .7rem}& main #about>div>dl>dd>ul>li>strong{margin:0 .5rem 0 0}& #follow{background-color:#fff;margin:0;padding:0 0 2rem;width:auto}}&.edition2023{--color-yellow:#e1ff2c;--color-blue:#3879ef;--color-navy:#132442;& .show{animation:fadeIn .5s ease-in-out 0s forwards}& main{background:url(https://www.technologyreview.jp/wp-content/themes/technologyreview/img/tr10_2023-bg-hero.webp) fixed;background-size:cover;color:#fff;width:auto}& main:after,& main:before{background-size:100%;bottom:auto;content:"";display:block;height:100%;left:0;mix-blend-mode:multiply;position:absolute;right:auto;top:0;width:100%;z-index:0}& main:before{background:linear-gradient(90deg,#000000e6 10%,#329dffe6 90%,#329dff 100%,#000000e6 0);background-position:50%}& main:after{background:linear-gradient(90deg,#000000e6 10%,#329dff80 90%,#329dffcc 100%,#000000e6 0);background-position:50%}& main em.arrow-bottom{display:block;font-size:1.1rem;font-style:normal;font-weight:700;letter-spacing:.1em;margin:3em 0 0;padding:0 0 1.5em;position:relative;text-align:center;z-index:1}& main em.arrow-bottom:after,& main em.arrow-bottom:before{content:"";display:block;position:absolute;vertical-align:middle}& main em.arrow-bottom:before{animation:down01 3s infinite;background:#fff;bottom:0;height:1em;left:50.3%;right:auto;top:auto;width:1px}& main em.arrow-bottom:after{animation:down02 3s infinite;border-bottom:1px solid #fff;border-right:1px solid #fff;bottom:0;height:.6em;left:50%;right:auto;top:auto;transform:rotate(45deg);width:.6em}& main a.arrow-right{border:1px solid #fff;border-radius:3.5rem;color:#fff;display:inline-block;font-size:1.1rem;padding:.5rem 3rem .5rem 1.5rem;position:relative}& main a.arrow-right:hover{cursor:pointer;text-decoration:none}& main a.arrow-right:after,& main a.arrow-right:before{content:"";display:block;position:absolute;vertical-align:middle}& main a.arrow-right:before{background:#fff;bottom:auto;height:1px;left:auto;right:1rem;top:50%;width:1rem}& main a.arrow-right:after{border-bottom:1px solid #fff;border-right:1px solid #fff;bottom:auto;height:.6em;left:auto;right:1rem;top:50%;transform:translateY(-50%) rotate(-45deg);width:.6em}& main #intro{position:relative}& main #intro>div{animation:fadeIn .5s ease-in-out .15s forwards;margin:6rem 0 0;margin-inline:auto;opacity:0;position:relative;width:var(--site-width);z-index:1}& main #intro>div>img{width:88px}& main #intro>div>img~*{animation:fadeIn .5s ease-in-out .5s forwards;opacity:0}& main #intro>div>h1{font-size:4.5rem;margin:5rem 0 0}& main #intro>div>h1>strong{display:block;font-size:2em}& main #intro>div>h1>span{display:block;font-size:1.8rem;line-height:1.3;margin:2rem 0 0;white-space:nowrap}& main #intro>div>h1>span>br{display:none}& main #intro>div>p{font-size:3.3rem;font-weight:700;line-height:1.3;margin:2rem 0 0}& main #intro>div>p:first-of-type{margin-top:15rem}& main #intro>div>p>span{color:var(--color-yellow)}& main #intro>div>em.arrow-bottom{bottom:5rem;font-size:.7rem;font-style:normal;left:auto;letter-spacing:.2em;padding:0 0 0 3em;position:absolute;right:-18rem;top:auto;transform:rotate(-90deg);transform-origin:left 50%}& main #intro>div>em.arrow-bottom:before{animation:down03 3s infinite;background:#fff;bottom:auto;height:1px;left:0;right:auto;top:50%;width:1rem}& main #intro>div>em.arrow-bottom:after{animation:down04 3s infinite;border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:none;bottom:auto;height:.6rem;left:0;right:auto;top:.1rem;transform:rotate(45deg);width:.6rem}& main #intro>div>a.arrow-right{margin:5rem 0 15rem}& main #index{bottom:auto;left:0;margin-inline:auto;position:sticky;right:auto;top:calc(var(--height-header) - 1rem);transform:translateY(8rem);width:var(--site-width);z-index:9}& main #index>ol{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#fefff81a;display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;justify-content:flex-start;-webkit-justify-content:flex-start;position:relative;width:38em}& main #index>ol>li{background-color:#c4c4c433;height:3.5em;width:3.8em}& main #index>ol>li>a{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;align-items:center;-webkit-align-items:center;color:#fff;display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;font-size:.9rem;font-weight:700;height:100%;justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:center;-webkit-justify-content:center;position:relative;transition:all .3s ease-in-out;width:100%}& main #index>ol>li>a:before{background-color:var(--color-yellow);bottom:auto;content:"";display:block;height:0;left:50%;position:absolute;right:auto;top:50%;transition:all .3s ease-in-out;width:0;z-index:-1}& main #index>ol>li>a.current,& main #index>ol>li>a:hover{color:#333!important;text-decoration:none}& main #index>ol>li>a.current:before,& main #index>ol>li>a:hover:before{bottom:auto;height:100%;left:0;right:auto;top:0;width:100%}& main #technologies{padding:0 0 8rem;position:relative}& main #technologies>.item{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;gap:2em;justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:flex-end;-webkit-justify-content:flex-end;position:relative;width:auto;z-index:1}& main #technologies>.item>dl{bottom:auto;flex:1 1;height:100%;left:0;margin:0 0 10rem;max-width:29.8dvw;min-width:29.8dvw;opacity:0;padding:12rem 0 0;position:sticky;right:auto;top:calc(var(--height-header) + 3rem);z-index:1}& main #technologies>.item>dl>dt{font-size:1.5rem;font-weight:700;margin:0 0 1em}& main #technologies>.item>dl>dd>p{font-size:1.1rem;line-height:1.7}& main #technologies>.item>dl>dd>a{border:1px solid #fff;border-radius:3em;box-sizing:border-box;color:#fff;display:inline-block;margin:2.5em 0 0;padding:.5em 3.5em .5em 1.5em;position:relative;text-decoration:none}& main #technologies>.item>dl>dd>a:after,& main #technologies>.item>dl>dd>a:before{content:"";display:block;position:absolute;vertical-align:middle}& main #technologies>.item>dl>dd>a:before{background:#fff;bottom:auto;height:.05em;left:auto;right:10%;top:50%;width:1em}& main #technologies>.item>dl>dd>a:after{border-right:1px solid #fff;border-top:1px solid #fff;bottom:auto;height:.6em;left:auto;right:12.5%;top:50%;transform:rotate(45deg) translateY(-60%);width:.6em}& main #technologies>.item>dl>dd>a:hover{background-color:#fff;color:var(--color-base)}& main #technologies>.item>dl>dd>a:hover:before{background-color:var(--color-base)}& main #technologies>.item>dl>dd>a:hover:after{border-color:var(--color-base)}& main #technologies>.item>figure{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;align-items:center;-webkit-align-items:center;display:flex;display:-webkit-flex;flex:1 1;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;justify-content:flex-start;-webkit-justify-content:flex-start;margin:0;max-width:47vw;min-height:calc(85dvh - var(--height-header));min-width:47vw;opacity:0;position:relative;z-index:2}& main #technologies>.item>figure>img{object-fit:cover;object-position:left;width:100%}& main #technologies>.item>figure>img.overwrite{bottom:auto;left:0;position:absolute;right:auto;top:0}& main #technologies #tech01,& main #technologies #tech04,& main #technologies #tech05,& main #technologies #tech08,& main #technologies #tech10{background-color:#000}& main #technologies #tech02,& main #technologies #tech06,& main #technologies #tech09{background-color:#fff;color:#333}& main #technologies #tech02>dl>dd>a,& main #technologies #tech06>dl>dd>a,& main #technologies #tech09>dl>dd>a{border-color:#000;color:#333}& main #technologies #tech02>dl>dd>a:before,& main #technologies #tech06>dl>dd>a:before,& main #technologies #tech09>dl>dd>a:before{background-color:#000}& main #technologies #tech02>dl>dd>a:after,& main #technologies #tech06>dl>dd>a:after,& main #technologies #tech09>dl>dd>a:after{border-color:#000}& main #technologies #tech03,& main #technologies #tech07{background-color:var(--color-blue)}& main #technologies>.subscribe{background-color:#000;padding:8rem 0;position:relative;text-align:center;z-index:1}& main #technologies>.subscribe>a{background-color:var(--color-navy);color:#fff;display:block;margin-inline:auto;padding:3rem 1.5rem;text-decoration:none;width:55vw}& main #technologies>.subscribe>a>strong{font-size:1.5rem}& main #technologies>.subscribe>a>p{line-height:1.5;margin:.5em 0 0}& main #technologies>.subscribe>a>span{background-color:var(--color-yellow);border-radius:.3em;color:#000;display:inline-block;font-weight:700;margin:2em 0 0;padding:1em 0;transition:all 1s ease-in-out;width:17em}& main #technologies>.subscribe>a:hover>span{mix-blend-mode:screen}& main #technologies>.signup{background-color:var(--color-blue);box-sizing:border-box;padding:5rem 0;position:relative;z-index:1}& main #technologies>.signup>dl{margin-inline:auto;width:57.5vw}& main #technologies>.signup>dl>dt{font-size:1.2rem;font-weight:700}& main #technologies>.signup>dl>dd>p{margin:1em 0 0}& main #technologies>.signup>dl>dd>label{display:block;font-weight:700;margin:1.5rem 0 0}& main #technologies>.signup>dl>dd>button,& main #technologies>.signup>dl>dd>input[type=email]{border-radius:.3rem;box-sizing:border-box;display:inline-block;margin:.5rem .5rem 0 0}& main #technologies>.signup>dl>dd>input[type=email]{background-color:#fff;border:1px solid #333;padding:.5rem 1rem;vertical-align:top;width:28rem}& main #technologies>.signup>dl>dd>button{background-color:#000;border:none;color:#fff;font-size:1.1rem;font-weight:700;padding:.8rem 1rem;width:10rem}& main #technologies>.signup>dl>dd>span{display:block;margin:.5em 0 0}& main #technologies>em.arrow-bottom{margin-top:20rem}& main #about{margin:9rem 0 0;padding:0 0 20rem;position:relative;z-index:1}& main #about>div{margin:0 auto;width:var(--site-width)}& main #about>div>h2{font-size:1.5rem}& main #about>div>h2>strong{display:block;font-size:4rem;margin:1rem 0 0}& main #about>div>p{font-size:1.1rem;line-height:1.7;margin:1.5rem 0 0;width:70%}& main #about>div>a{color:#fff;display:inline-block;margin:1.5rem 0 0;padding:0 3rem 0 0;position:relative;text-decoration:none}& main #about>div>a:after,& main #about>div>a:before{content:"";display:block;position:absolute;vertical-align:middle}& main #about>div>a:before{background:#fff;bottom:auto;height:.05em;left:auto;right:10%;top:50%;width:1em}& main #about>div>a:after{border-right:1px solid #fff;border-top:1px solid #fff;bottom:auto;height:.6em;left:auto;right:12.5%;top:50%;transform:rotate(45deg) translateY(-60%);width:.6em}& main #about>div>dl{margin:5rem 0 0;width:70%}& main #about>div>dl>dt{font-size:1.5rem;font-weight:700}& main #about>div>dl>dd>dl>dt{font-size:1.3rem;font-weight:700;margin:1.5rem 0 0}& main #about>div>dl>dd>dl>dd{margin:1.5rem 0 0}& main #about>div>dl>dd>dl>dd>ul>li{font-size:1.1rem;margin:0 0 .7rem}& main #about>div>dl>dd>dl>dd>ul>li>strong{margin:0 .5rem 0 0}& #follow{background-color:#fff;margin:0;padding:0 0 2rem;width:auto}}&.edition2024{--color-gray-light:#eeecea;--color-navy:#304984;--color-navy-light:#acc2ed;--color-red:#cf2626;& .show{animation:fadeIn .5s ease-in-out 0s forwards}& main{background-color:var(--color-gray-light);width:auto}& main>[id]:not(#hero){margin-top:0}& main em.arrow-bottom{display:block;font-size:1rem;font-style:normal;font-weight:700;letter-spacing:.1em;margin:0 auto;padding:0 0 2.5em;position:relative;text-align:center;z-index:1}& main em.arrow-bottom:after,& main em.arrow-bottom:before{animation:down02 3s infinite;border-bottom:2px solid #000;border-right:2px solid #000;content:"";display:block;height:.5em;left:50%;position:absolute;transform:rotate(45deg);width:.5em}& main em.arrow-bottom:before{bottom:.5rem}& main em.arrow-bottom:after{bottom:0}& main a.arrow-right{border:1px solid #fff;border-radius:3.5rem;color:#fff;display:inline-block;font-size:1.1rem;padding:.5rem 3rem .5rem 1.5rem;position:relative}& main a.arrow-right:hover{cursor:pointer;text-decoration:none}& main a.arrow-right:after,& main a.arrow-right:before{content:"";display:block;position:absolute;vertical-align:middle}& main a.arrow-right:before{background:#fff;bottom:auto;height:1px;left:auto;right:1rem;top:50%;width:1rem}& main a.arrow-right:after{border-bottom:1px solid #fff;border-right:1px solid #fff;bottom:auto;height:.6em;left:auto;right:1rem;top:50%;transform:translateY(-50%) rotate(-45deg);width:.6em}& #intro{background-color:var(--color-navy);box-sizing:border-box;color:#fff;padding:0 0 3rem;position:relative;&>figure{grid-gap:2rem;animation:fadeIn .5s ease-in-out .15s forwards;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 0 7rem;margin-inline:auto;opacity:0;padding:4rem 0 0;position:relative;width:var(--site-width);z-index:1;&>*{animation:fadeIn .5s ease-in-out .5s forwards;opacity:0}&>figcaption{&>h1{&>span{display:block;font-size:1.6rem;font-weight:500;line-height:1.3;white-space:nowrap;&>br{display:none}}&>strong{display:block;font-size:4rem;&>em{display:inline-block;font-style:normal;font-weight:100;margin:0 0 0 .8rem}}&>em{display:block;font-size:1.6rem;font-style:normal;line-height:1.3;margin:1.5rem 0 0}}&>p{border-top:1px solid #fff;font-size:1.2rem;line-height:1.5;margin:15rem 0 0;padding:.8rem 0 0}}}& em.arrow-bottom:after,& em.arrow-bottom:before{border-color:#fff}}& #index{bottom:auto;left:0;margin-inline:auto;position:sticky;right:auto;top:8rem;transform:translateY(8rem);width:var(--site-width);z-index:5;&>ol{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:rgba(var(--color-gray-light),.7);border-top:2px solid #000;display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;justify-content:flex-start;-webkit-justify-content:flex-start;padding:1.5rem 0 1rem;position:relative;width:25em;&>li{height:1.5em;width:2.5em;&>a{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;align-items:center;-webkit-align-items:center;color:#333!important;display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;font-size:1rem;font-weight:700;height:100%;justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:center;-webkit-justify-content:center;position:relative;transition:all .3s ease-in-out;width:100%;&.current,&:hover{font-size:2rem;text-decoration:none}}}}}& main #technologies{padding:0 0 10rem;position:relative}& main #technologies>.item{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;gap:7em;justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:center;-webkit-justify-content:center;position:relative;z-index:1}& main #technologies>.item>dl{bottom:auto;flex:1 1;height:100%;left:0;margin:0 0 10rem;max-width:43dvw;min-width:43dvw;opacity:0;padding:12rem 0 0;position:sticky;right:auto;top:calc(var(--height-header) + 3rem);z-index:1}& main #technologies>.item>dl>dt{font-size:3.5rem;font-weight:600;line-height:1;margin:0 0 .5em}& main #technologies>.item>dl>dd>p{font-size:1.1rem;line-height:1.7}& main #technologies>.item>dl>dd>a{background-color:#000;box-sizing:border-box;color:#fff;display:inline-block;margin:2.5em 0 0;padding:1em 4em 1em 2em;position:relative;text-decoration:none}& main #technologies>.item>dl>dd>a:after,& main #technologies>.item>dl>dd>a:before{content:"";display:block;position:absolute}& main #technologies>.item>dl>dd>a:before{background:#fff;bottom:auto;height:.1em;left:auto;right:10%;top:49.5%;width:.8em}& main #technologies>.item>dl>dd>a:after{border-right:2px solid #fff;border-top:2px solid #fff;bottom:auto;height:.5em;left:auto;right:12.5%;top:50%;transform:rotate(45deg) translateY(-60%);width:.5em}& main #technologies>.item>figure{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;align-items:center;-webkit-align-items:center;display:flex;display:-webkit-flex;flex:1 1;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:center;-webkit-justify-content:center;margin:0;max-width:30vw;min-height:calc(85dvh - var(--height-header));min-width:30vw;opacity:0;position:relative;z-index:2}& main #technologies>.item>figure video,& main #technologies>.item>figure>img{aspect-ratio:1;border-radius:9999px;height:auto;object-fit:cover;object-position:left;overflow:hidden;width:100%}& main #technologies>.subscribe{background-color:var(--color-navy-light);padding:8rem 0;position:relative;z-index:1}& main #technologies>.subscribe>figure{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;align-items:center;-webkit-align-items:center;display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;gap:2rem;justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:center;-webkit-justify-content:center;position:relative}& main #technologies>.subscribe>figure>img{flex:1 1;max-width:40dvw;min-width:40dvw}& main #technologies>.subscribe>figure>figcaption{flex:1 1;margin:0;max-width:35vw;min-width:35vw}& main #technologies>.subscribe>figure>figcaption>dl>dt{font-size:2.3rem;font-weight:600;margin:0 0 .5rem}& main #technologies>.subscribe>figure>figcaption>dl>dt>span{display:block;font-size:1.3rem;font-weight:300;margin:0 0 .8rem}& main #technologies>.subscribe>figure>figcaption>dl>dd{font-size:1.1rem;line-height:1.7}& main #technologies>.subscribe>figure>figcaption>dl>dd>em{font-style:normal}& main #technologies>.subscribe>figure>figcaption>dl>dd>a{background-color:var(--color-red);box-sizing:border-box;color:#fff;display:block;font-size:.9rem;font-weight:700;margin:2.5em 0 0;padding:1em;position:relative;text-align:center;text-decoration:none;width:15em}& main #technologies>.signup{background-color:var(--color-navy-light);box-sizing:border-box;padding:7rem 0}& main #technologies>.signup>dl{margin-inline:auto;width:var(--site-width)}& main #technologies>.signup>dl>dt{font-size:1.3rem;font-weight:300;margin:0 0 2rem}& main #technologies>.signup>dl>dt>strong{display:block;font-size:2.3rem;font-weight:600;margin:.8rem 0 0}& main #technologies>.signup>dl>dd{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:end;-webkit-justify-content:end;position:relative}& main #technologies>.signup>dl>dd>form{position:relative}& main #technologies>.signup>dl>dd>form:before{animation:bounce-to-right 3s ease-in-out infinite;animation-play-state:running;bottom:.2rem;left:0;position:absolute;right:auto;top:auto;transform:translateX(-130%);transition:opacity .3s ease-in-out;width:3rem}& main #technologies>.signup>dl>dd>form>label{display:block;font-weight:600;margin:1.5rem 0 0}& main #technologies>.signup>dl>dd>form>button,& main #technologies>.signup>dl>dd>form>input[type=email]{box-sizing:border-box;display:inline-block;margin:.5rem .5rem 0 0}& main #technologies>.signup>dl>dd>form>input[type=email]{background-color:#fff;border:1px solid #333;border-radius:.3rem;padding:.5rem 1rem;vertical-align:top;width:28rem}& main #technologies>.signup>dl>dd>form>button{background:none;background-color:var(--color-red);border:none;color:#fff;font-size:1.1rem;font-size:.9rem;font-weight:700;padding:.95rem 1rem;text-align:center;width:10rem}& main #technologies>.signup>dl>dd>form>button:hover{background-color:#c32222!important}& main #about{padding:0 0 20rem;position:relative}& main #about>dl{margin-inline:auto;width:var(--site-width)}& main #about>dl>dt{font-size:3.5rem;font-weight:700;text-align:center}& main #about>dl>dd{margin:2.5rem 0 0;margin-inline:auto;width:50%}& main #about>dl>dd>p{font-size:1.1rem;line-height:1.7;margin:1.5rem 0 0}& main #about>dl>dd>p>a{padding:0 0 .2rem}& main #about>dl>dd>a,& main #about>dl>dd>p>a{border-bottom:1px solid #000;text-decoration:none}& main #about>dl>dd>a{display:inline-block;font-size:1.2rem;margin:2.5rem 0 0;padding:0 3rem .5rem 0;position:relative}& main #about>dl>dd>a:after,& main #about>dl>dd>a:before{content:"";display:block;position:absolute;top:40%}& main #about>dl>dd>a:before{background:#000;height:.05em;right:10%;width:.8em}& main #about>dl>dd>a:after{border-right:1px solid #000;border-top:1px solid #000;height:.5em;right:12.5%;transform:rotate(45deg) translateY(-60%);width:.5em}& main #about>dl>dd>dl{margin:5rem 0 0}& main #about>dl>dd>dl>dt{font-size:1.2rem;font-weight:600}& main #about>dl>dd>dl>dd>dl>dt{font-size:1.1rem;font-weight:600;margin:1.5rem 0 0}& main #about>dl>dd>dl>dd>dl>dd{margin:.5rem 0 0}& main #about>dl>dd>dl>dd>dl>dd>ul>li{margin:0 0 .5rem}& main #about>dl>dd>dl>dd>dl>dd>ul>li>strong{font-weight:400;margin:0 .5rem 0 0}& #follow{background-color:#fff;margin:0;padding:0 0 2rem;width:auto}}&.edition2025{--color-navy:#0d158d;--color-navy-light:#e5eef81a;--color-yellow:#efff33;--color-green:#b4ff06;--color-green-hover:#b4ff06df;--color-pink:#da0b95;--color-blueGreen:#a0f5e9;--color-blueGreen-hover:#50a99a;--color-gray-light:#eeecea;--color-red:#cf2626;.show{animation:fadeIn .5s ease-in-out 0s forwards}& main{background-color:var(--color-navy);color:#fff;margin:0!important;padding:5cqw 0 0;width:auto;& em.arrow-bottom{display:block;font-size:1rem;font-style:normal;font-weight:700;letter-spacing:.1em;line-height:1.7;margin:3em 0 3rem;padding:0 0 2.5em;position:relative;text-align:center;width:auto;z-index:1;&:after,&:before{animation:down02 3s infinite;border-bottom:2px solid #000;border-right:2px solid #000;content:"";display:block;height:.5em;left:50%;position:absolute;transform:rotate(45deg);width:.5em}&:before{bottom:.5rem}&:after{bottom:0}}& a{color:#fff}& a.arrow-right{border:1px solid #fff;border-radius:3.5rem;color:#fff;display:inline-block;font-size:1.1rem;padding:.5rem 3rem .5rem 1.5rem;position:relative;&:hover{cursor:pointer;text-decoration:none}&:after,&:before{content:"";display:block;position:absolute}&:before{background:#fff;height:1px;width:1rem}&:after,&:before{right:1rem;top:50%}&:after{border-bottom:1px solid #fff;border-right:1px solid #fff;height:.6em;transform:translateY(-50%) rotate(-45deg);width:.6em}}& #intro{box-sizing:border-box;margin-top:0;position:relative;& a{text-decoration:underline}&>figure{grid-gap:4rem;animation:fadeIn .5s ease-in-out .15s forwards;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 0 7rem;margin-inline:auto;opacity:0;position:relative;width:var(--site-width);z-index:1;&>*{animation:fadeIn .5s ease-in-out .5s forwards;opacity:0}&>figcaption{&>h1{&>span{display:block;font-size:1.8rem;font-weight:600;line-height:1.3;white-space:nowrap;&>br{display:none}}&>strong{display:block;font-size:4.3rem;&>em{display:inline-block;font-style:normal;font-weight:100;margin:0 0 0 .8rem}}&>em{display:block;font-size:1.6rem;font-style:normal;line-height:1.3;margin:1.5rem 0 0}}&>p{border-top:1px solid #fff;line-height:1.5;margin:10rem 0 0;padding:.8rem 0 0}&>a,&>p{font-size:1.2rem}}}& em.arrow-bottom{&:after,&:before{border-color:#fff}}}& #index{left:0;margin-inline:auto;position:sticky;top:calc(var(--height-header) - 3rem);transform:translateY(8rem);width:var(--site-width);z-index:10;&>ol{align-content:stretch;align-items:stretch;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:rgba(var(--color-gray-light),.7);border-top:2px solid #fff;display:flex;flex-flow:row nowrap;justify-content:flex-start;padding:1.5rem 0 1rem;width:25em;&>li{height:1.5em;width:2.5em;&>a{align-content:stretch;align-items:center;color:#fff!important;display:flex;flex-flow:row nowrap;font-size:1rem;font-weight:700;height:100%;justify-content:center;position:relative;transition:all .3s ease-in-out;width:100%;&.current,&:hover{font-size:2rem;text-decoration:none}}}}}& #technologies{padding:0 0 10rem;position:relative;&>.item{align-content:stretch;align-items:stretch;display:flex;flex-flow:row nowrap;gap:7em;justify-content:center;position:relative;z-index:1;&>dl{flex:1 1;height:100%;left:0;margin:0 0 10rem;max-width:43dvw;min-width:43dvw;opacity:0;padding:12rem 0 0;position:sticky;top:calc(var(--height-header) + 3rem);z-index:1;&>dt{font-size:3.5rem;font-weight:600;line-height:1;margin:0 0 .5em}&>dd{&>p{font-size:1.1rem;line-height:1.7}&>a{background-color:var(--color-pink);box-sizing:border-box;color:#fff;display:inline-block;margin:2.5em 0 0;padding:1em 4em 1em 2em;position:relative;text-decoration:none;&:after,&:before{content:"";display:block;position:absolute}&:before{background:#fff;height:.1em;left:10%;top:49.5%;width:.8em}&:after{border-right:2px solid #fff;border-top:2px solid #fff;height:.5em;right:12.5%;top:50%;transform:rotate(45deg) translateY(-60%);width:.5em}}}}&>figure{align-content:stretch;align-items:center;display:flex;flex:1 1;flex-flow:row nowrap;justify-content:center;margin:0;max-width:30vw;min-height:calc(85dvh - var(--height-header));min-width:30vw;opacity:0;position:relative;z-index:2;& video,&>img{aspect-ratio:1;height:auto;object-fit:cover;object-position:left;overflow:hidden;width:100%}}}&>.subscribe{background-color:var(--color-navy-light);margin-inline:auto;max-width:var(--site-width);padding:4rem;position:relative;z-index:1;&>figure{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-auto-flow:column;grid-template-columns:1.5fr 1fr;&>img{order:2}&>figcaption{margin:0;order:1;&>dl{&>dt{font-size:3.5rem;font-weight:600;margin:0 0 2rem;&>span{display:block;font-size:1.3rem;font-weight:300;margin:0 0 .8rem}}&>dd{font-size:1.2rem;line-height:1.7;&>em{font-style:normal}&>a{background-color:var(--color-blueGreen);border-radius:4px;box-sizing:border-box;color:#000;display:block;font-size:1rem;font-weight:700;margin:2.5em 0 0;padding:1em;position:relative;text-align:center;text-decoration:none;width:12em;&:hover{background-color:var(--color-blueGreen-hover)}}}}}}}&>.signup{background-color:var(--color-navy-light);box-sizing:border-box;padding:7rem 0;&>dl{margin-inline:auto;width:var(--site-width);&>dt{font-size:1.3rem;font-weight:300;margin:0 0 2rem;&>strong{display:block;font-size:2.3rem;font-weight:600;margin:.8rem 0 0}}&>dd{align-content:stretch;align-items:stretch;display:flex;flex-flow:row nowrap;justify-content:end;&>form{position:relative;&:before{animation:bounce-to-right 3s ease-in-out infinite;animation-play-state:running;bottom:.2rem;left:0;position:absolute;transform:translateX(-130%);transition:opacity .3s ease-in-out;width:3rem}&>label{display:block;font-weight:600;margin:1.5rem 0 0}&>button,&>input[type=email]{box-sizing:border-box;display:inline-block;margin:.5rem .5rem 0 0}&>input[type=email]{background-color:#fff;border:1px solid #333;border-radius:.3rem;padding:.5rem 1rem;vertical-align:top;width:28rem}&>button{background:none;background-color:var(--color-red);border:none;color:#fff;font-size:1.1rem;font-size:.9rem;font-weight:700;padding:.95rem 1rem;text-align:center;width:10rem;&:hover{background-color:#c32222!important}}}}}}}& #about{padding:0 0 20rem;position:relative;&>dl{margin-inline:auto;width:var(--site-width);&>dt{font-size:3.5rem;font-weight:700;text-align:center}&>dd{margin:2.5rem 0 0;margin-inline:auto;width:50%;&>p{font-size:1.1rem;line-height:1.7;margin:1.5rem 0 0;&>a{border-bottom:1px solid #000;padding:0 0 .2rem;text-decoration:underline}}&>a{border-bottom:1px solid #fff;color:#fff;display:inline-block;font-size:1.2rem;margin:2.5rem 0 0;padding:0 3rem .5rem 0;position:relative;text-decoration:none;&:after,&:before{content:"";display:block;position:absolute;top:40%}&:before{background:#fff;height:.05em;right:10%;width:.8em}&:after{border-right:1px solid #fff;border-top:1px solid #fff;height:.5em;right:12.5%;transform:rotate(45deg) translateY(-60%);width:.5em}}&>dl{margin:5rem 0 0;&>dt{font-size:1.2rem;font-weight:600}&>dd{&>dl{&>dt{font-size:1.1rem;font-weight:600;margin:1.5rem 0 0}&>dd{margin:.5rem 0 0;&>ul{&>li{margin:0 0 .5rem;&>strong{font-weight:400;margin:0 .5rem 0 0}}}}}}}}}}}#follow{background-color:#fff;margin:0;padding:0 0 2rem;width:auto}}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes down01{0%{transform:translateY(0)}10%{transform:translateY(1.5em)}20%{transform:translateY(0)}}@keyframes down02{0%{transform:translateY(0) rotate(45deg)}10%{transform:translateY(1.5em) rotate(45deg)}20%{transform:translateY(0) rotate(45deg)}}@keyframes down03{0%{transform:translateX(0)}10%{transform:translateX(-1.5em)}20%{transform:translateX(0)}}@keyframes down04{0%{transform:translateX(0) rotate(45deg)}10%{transform:translateX(-1.5em) rotate(45deg)}20%{transform:translateX(0) rotate(45deg)}}@keyframes bounce-to-right{0%{transform:translateX(-130%)}10%{transform:translateX(-180%)}20%{transform:translateX(-130%)}}@media only screen and (max-width:1320px){html{min-width:0;min-width:auto}body.archiveLists10BT{&.edition2023{&:after,&:before{display:block}& main{margin:0 0 5rem}& main em.arrow-bottom:after{left:49.7%}& main>*{padding:0 3%}& main #intro>div{width:auto}& main #intro>div>h1>strong{font-size:1.5em}& main #intro>div>h1>span{font-size:1.5rem}& main #intro>div>p{font-size:2.5rem}& main #intro>div>a.arrow-right{margin-bottom:12rem}& main #intro>div>em.arrow-bottom{bottom:2.5rem;left:auto;right:-8rem;top:auto}& main #index{top:calc(var(--height-header) - 2rem);width:auto}& main #index>ol{margin:0 0 0 3%;width:30em}& main #index>ol>li{height:2.7em;width:3em}& main #technologies>.item>dl{max-width:45dvw;min-width:45dvw;top:var(--height-header)}& main #technologies>.item>figure{overflow:hidden}& main #technologies>.item>figure>img[src$=".svg"],& main #technologies>.item>figure>img[src$=".webp"]{min-height:100dvh}& main #technologies>.item>figure>img.overwrite{height:100%}& main #technologies>.signup>dl,& main #technologies>.subscribe>a{margin:0 3%;width:auto}& main #about>div{padding:0 3%;width:auto}& main #about>div>h2>strong{font-size:3.8rem}}&.edition2024{--color-base:#230f3d;--color-base-lite:#44335a;--color-blue:#a0f5e9;--color-blue-lite:#cffaf4;--color-deepblue:#101f40;--color-purple-lite:#d8c2e8;--height-adminbar:32px;& #intro{&>figure{max-width:calc(100% - 4rem);&>figcaption{>h1>strong{font-size:3rem}>p{font-size:1.1rem;margin-top:10rem}}}&>ol{margin:0 0 0 2rem}}& main #technologies>.subscribe>figure>figcaption>dl>dt{font-size:2rem}& main #technologies>.signup{padding:7rem 5rem}& main #about>dl,& main #technologies>.signup>dl{max-width:calc(100% - 4rem)}}&.edition2025{& main{padding-top:2cqw;& #intro{&>figure{margin:4rem 2rem 7rem;width:min(calc(100dvw - 4rem),var(--site-width));&>figcaption{&>h1{&>strong{font-size:3.7rem}}&>a,&>p{font-size:1.1rem}}}}& #index{left:2rem;width:min(calc(100dvw - 4rem),var(--site-width))}& #technologies{&>.item{gap:4rem;margin:4rem 2rem 7rem;width:min(calc(100dvw - 4rem),var(--site-width));&>dl,&>figure{max-width:none;min-width:0;min-width:auto}&>dl{margin-bottom:0;&>dt{font-size:2.5rem}}}&>.subscribe{margin:0 2rem;&>figure>figcaption>dl{&>dt{font-size:2rem}&>dd>p{font-size:1rem}}}}& #about{&>dl{width:min(calc(100dvw - 4rem),var(--site-width))}}}}}}@media only screen and (max-width:1024px){body.archiveLists10BT{&.edition2022{& main{& #intro>div{width:70vw;&>h1{font-size:3rem;&>strong{font-size:4rem}&>span{font-size:1.1rem}}}& em.arrow-bottom:before{left:50.7%}& #about>div{width:92dvw;&:before{height:529.33333px;width:488px}&:after{height:224.66667px;width:308.66667px}}}}&.edition2023{& main #intro>div>h1>strong{font-size:1em}}&.edition2024{& #intro>figure{align-content:stretch;-webkit-align-content:stretch;align-items:stretch;-webkit-align-items:stretch;display:flex;display:-webkit-flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;flex-wrap:wrap;flex-wrap:-webkit-wrap;justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:center;-webkit-justify-content:center;margin:0 3rem 5rem;max-width:none;position:relative;width:auto;&>img{max-width:70%}&>figcaption{&>h1{text-align:center;&>strong{font-size:4rem}}&>p{font-size:1.2rem;margin-top:3rem;text-align:left}}}& #index{top:2rem;width:auto;&>ol{gap:1rem;justify-content:center;-webkit-justify-content:center;margin:0 3rem;width:auto}}& main #technologies{padding-bottom:3rem}& main #technologies>.item{flex-direction:column-reverse;flex-direction:-webkit-column-reverse;flex-wrap:wrap;flex-wrap:-webkit-wrap;gap:3rem;margin:0 3rem}& main #technologies>.item>dl,& main #technologies>.item>figure{max-width:100%;min-width:100%}& main #technologies>.item>dl{display:static;margin-bottom:5rem;padding-top:0}& main #technologies>.item>dl>dt{font-size:2.5rem}& main #technologies>.item>figure{min-height:0;min-height:auto}& main #technologies>.item>figure video,& main #technologies>.item>figure>img{max-width:70%}& main #technologies #tech01{margin-top:10rem}& main #technologies>.subscribe{margin-bottom:5rem;padding:3rem 0}& main #technologies>.subscribe>figure{flex-direction:row;flex-direction:-webkit-row;flex-wrap:wrap;flex-wrap:-webkit-wrap;gap:3rem;margin:0 3rem}& main #technologies>.subscribe>figure>figcaption,& main #technologies>.subscribe>figure>img{max-width:60dvw;min-width:60dvw}& main #technologies>.signup{margin-bottom:5rem;padding:3rem}& main #technologies>.signup>dl{max-width:none;width:auto}& main #about{padding-bottom:10rem}& main #about>dl{max-width:none;width:70%}& main #about>dl>dt{font-size:2.5rem;font-weight:600;text-align:center}& main #about>dl>dd{width:auto}}}}@media only screen and (max-width:850px){body.archiveLists10BT{&.edition2022{--height-header:165px;& main{margin:0 0 5rem}& main em.arrow-bottom:before{left:50.95%}& main #intro:after,& main #intro:before{background-image:radial-gradient(circle at 1px 1px,#b48ad0,1px,#0000 0);background-size:1.125rem 1.125rem}& main #intro:before{bottom:0;height:23vh}& main #intro:after{height:calc(100% - 3em);width:35vw}& main #intro>div{top:4rem;width:70vw}& main #intro>div>h1{font-size:2.5rem}& main #intro>div>h1>strong{font-size:3.5rem}& main #intro>div>h1>span{font-size:1.1rem;line-height:1.5;margin-top:1.5rem}& main #intro>div>h1>span>br{display:block}& main #index{top:calc(var(--height-header) - 20px)}& main #index:before{background-image:radial-gradient(circle at 1px 1px,#b48ad0,1px,#0000 0);background-size:1.125rem 1.125rem;height:85%}& main #index>ol{width:70vw}& main #technologies>.item{flex-direction:column-reverse;flex-direction:-webkit-column-reverse;flex-wrap:nowrap;flex-wrap:-webkit-nowrap;gap:2em;justify-content:center;-webkit-justify-content:center;margin:0 3% 10em}& main #technologies>.item>dl{height:auto;margin:2rem 0 0;max-width:none;min-width:0;min-width:auto;position:static}& main #technologies>.item>figure,& main #technologies>.item>form{margin:0;max-width:none;min-width:0;min-width:auto;text-align:center;z-index:0}& main #technologies>.item>figure>img{max-width:70vw}& main #technologies>.item:not(:first-child)>figure,& main #technologies>.item:not(:first-child)>form{margin-top:0}& main #technologies>.subscribe{padding:2em 0;width:79vw}& main #technologies>.subscribe:after,& main #technologies>.subscribe:before{height:23vw;top:10%;width:23vw}& main #technologies>.signup{padding:2rem 0 2rem 11rem}& main #technologies>.signup:before{top:0}& main #technologies>.signup>dl>dd>input[type=email]{width:20rem}& main #technologies>.signup>dl>dd>button{width:8rem}& main #technologies:after{background-image:radial-gradient(circle at 1px 1px,#b48ad0,1px,#0000 0);background-size:1.125rem 1.125rem;width:35vw}& main #technologies>em.arrow-bottom:before{left:50.7%}& main #about{margin:9rem 3% 0;padding:0 0 20rem}& main #about:after{background-image:radial-gradient(circle at 1px 1px,#b48ad0,1px,#0000 0);background-size:1.125rem 1.125rem}& main #about>div{width:75vw}& main #about>div:before{height:40vh;top:10rem;width:45vw}& main #about>div:after{height:30vh;width:40vw}& main #about>div>h2{font-size:1.3rem}& main #about>div>h2>strong{font-size:3rem}& main #about>div>a{padding-right:2.5rem}}&.edition2023{& main #intro>div>h1{font-size:2.3rem}& main #intro>div>h1>span{font-size:1.1rem}& main #intro>div>p{padding-right:3.5rem}& main #intro>div>em.arrow-bottom{position:sticky;text-align:left;transform:rotate(-90deg) translateY(88dvw)}& main #index>ol{width:auto}& main #index>ol>li{height:3rem;width:13dvw}& main #technologies>.signup>dl>dd>input[type=email]{width:100%}}&.edition2025{& main{& em.arrow-bottom{font-size:.9rem}& #intro{&>figure{display:block;margin:4rem 4rem 7rem;width:auto;&>figcaption{margin-top:2rem;&>h1{text-align:center}&>p{margin-top:4rem}}}}& #index{width:auto;&>ol{display:grid;grid-auto-flow:column;justify-content:space-between;width:auto}}& #technologies{margin:0 4rem;&>.item{grid-gap:3rem;display:grid;gap:3rem;grid-auto-flow:row;margin:4rem 0 7rem;width:auto;&>dl{order:2;padding-top:0;&>dt{font-size:2rem}}&>figure{min-height:0;min-height:auto;order:1;& video,&>img{max-width:90dvw}}}& #tech01{margin-top:10rem}&>.subscribe{margin:0;&>figure{gap:2rem;grid-auto-flow:row;grid-template-columns:none;&>img{order:1}&>figcaption{order:2;&>dl{&>dt{font-size:1.8rem}&>dd>a{display:grid;justify-self:center}}}}}}& #about{padding-bottom:10rem;&>dl{margin:0 4rem;width:auto;&>dt{font-size:2.5rem;text-align:left;text-align:initial}&>dd{width:auto;&>p{font-size:medium}}}}}}}}@media only screen and (max-width:750px){body.archiveLists10BT{&.edition2023{& main #intro>div>h1>strong{font-size:1em}& main #intro>div>h1{font-size:3.5rem}& main #intro>div>h1>span{font-size:1.2rem;line-height:1.5}& main #intro>div>h1>span>br{display:block}& main #intro>div>p{font-size:1.5rem}& main #intro>div>p:first-child{margin-top:10rem}& main #intro>div>em.arrow-bottom{right:-10rem}& main #index{top:calc(var(--height-header) - 3rem)}& main #index>ol{justify-content:center;margin:0;margin-inline:auto;width:94dvw}& main #index>ol>li{width:9dvw}& main #technologies>.item{flex-direction:column-reverse;gap:3rem}& main #technologies>.item>dl,& main #technologies>.item>figure{max-width:none;min-height:0;min-height:auto;min-width:0;min-width:auto}& main #technologies>.item>dl{margin:0 0 3rem;padding:0 3% 3rem}& main #technologies>.item>figure>img[src$=".svg"],& main #technologies>.item>figure>img[src$=".webp"]{min-height:0;min-height:auto}& main #technologies #tech01>figure{padding-top:12rem}& main #technologies #tech03>figure,& main #technologies #tech07>figure{padding-top:6rem}& main #technologies>.subscribe{padding:3rem 0}& main #technologies>em.arrow-bottom{margin-top:10rem}& main #technologies>em.arrow-bottom:after{left:49.3%}& main #about{margin-top:0;padding-bottom:10rem}& main #about>div>h2{text-align:center}& main #about>div>h2>strong{font-size:2rem}& main #about>div>p{font-size:1rem;width:auto}& main #about>div>dl{width:auto}& main #about>div>dl>dt{font-size:1.2rem;text-align:center}& main #about>div>dl>dd>dl>dt{font-size:1.1rem}& main #about>div>dl>dd>dl>dd>ul>li{font-size:1rem}}}}@media only screen and (max-width:550px){body.archiveLists10BT{&.edition2022{--height-header:80px;& main em.arrow-bottom{animation:none!important;opacity:0!important}& main #intro{margin-bottom:0}& main #intro:before{height:18vh;width:55vw}& main #intro:after{display:none}& main #intro>div{top:7rem;width:90vw}& main #intro>div>h1{font-size:1.7rem}& main #intro>div>h1>strong{font-size:2.5rem;margin-top:.5rem}& main #intro>figure>img.pc{display:none}& main #intro>figure>img.sp{display:block;width:100%}& main #index{margin-top:0;top:calc(var(--height-header) - 20px)}& main #index:before{display:none}& main #index>ol{margin:0 3%;width:auto}& main #index>ol>li{height:2em;width:3.5em}& main #index>ol>li>a{font-size:1rem}& main #index>ol>li>a.current,& main #index>ol>li>a:hover{font-size:2rem}& main #technologies{margin-bottom:0}& main #technologies>.item{margin-bottom:5em}& main #technologies>.item>dl>dt{font-size:1.2rem}& main #technologies>.item>figure>img{max-width:90vw}& main #technologies>.subscribe{border-radius:.3rem;box-sizing:border-box;padding:8rem 2rem 2rem;width:90vw}& main #technologies>.subscribe:before{bottom:auto;height:55vw;left:50%;right:auto;top:-25%;transform:translateX(-50%);width:55vw}& main #technologies>.subscribe:after{display:none}& main #technologies:after{bottom:0;left:0;position:sticky;right:auto;top:auto;width:55vw;z-index:-1}& main #technologies>em.arrow-bottom{margin-top:0}& main #about{margin-top:0;position:static}& main #about:after{display:none}& main #about>div{position:static;width:90vw}& main #about>div:before{background-image:url(https://www.technologyreview.jp/wp-content/themes/technologyreview/img/tr10_2022-about-img01-sp.svg);bottom:160px;height:224px;left:auto;right:0;top:auto;width:110px}& main #about>div:after{background-image:url(https://www.technologyreview.jp/wp-content/themes/technologyreview/img/tr10_2022-about-img02-sp.svg);bottom:50px;height:160px;left:0;right:auto;top:auto;width:68px}& main #about>div>h2{font-size:1.1rem;text-align:center}& main #about>div>h2>strong{font-size:2rem}& main #about>div>p{width:auto}& main #about>div>a{margin-top:.5rem}& main #about>div>dl{width:auto}& main #about>div>dl>dt{font-size:1.1rem;text-align:center}}&.edition2023{& main #intro>div>h1{font-size:2.3rem}& main #intro>div>h1>span{font-size:1.1rem}& main #intro>div>p{padding-right:3.5rem}& main #intro>div>em.arrow-bottom{position:sticky;text-align:left;transform:rotate(-90deg) translateY(88dvw)}& main #index>ol{width:auto}& main #index>ol>li{height:3rem;width:13dvw}& main #technologies>.signup>dl>dd>input[type=email]{width:100%}}&.edition2024{& #intro>figure{margin:0 1.5rem 5rem;&>figcaption{&>h1{&>span{font-size:1.3rem;margin:0 0 .5rem}&>strong{font-size:2.5rem}&>em{font-size:1.2rem}}&>p{font-size:1.1rem}}}& #index{top:0;&>ol{gap:0;margin:0 .5rem;&>li{width:10%;&>a.current,&>a:hover{font-size:1.7rem}}}}& main #technologies>.item{gap:2rem;margin:0 1.5rem}& main #technologies>.item>dl>dt{font-size:1.8rem}& main #technologies>.item>dl>dd>a{margin-top:2rem}& main #technologies>.item>figure video,& main #technologies>.item>figure>img{max-width:100%}& main #technologies>.subscribe{margin-bottom:5rem;padding:3rem 0}& main #technologies>.subscribe>figure{gap:2rem;margin:0 1.5rem}& main #technologies>.subscribe>figure>figcaption,& main #technologies>.subscribe>figure>img{max-width:100%;min-width:100%}& main #technologies>.subscribe>figure>figcaption>dl>dd>a{margin-top:2rem;width:auto}& main #technologies>.signup{padding:3rem 1.5rem}& main #about>dl{margin:0 1.5rem;width:auto}& main #about>dl>dt{font-size:1.8rem;text-align:left}& main #about>dl>dd{margin-top:2rem}}&.edition2025{&>header{padding-top:0;width:100cqw}& main{& #intro{&>figure{margin:3rem 1rem 7rem;&>img{display:grid;justify-self:center;width:calc(100% - 4rem)}&>figcaption{&>h1{margin:0 2rem;&>span{font-size:1.3rem}&>strong{font-size:2.3rem}&>em{font-size:1.3rem;&>br{display:none}}}&>p{font-size:medium;line-height:1.7;margin-top:3rem}&>a{display:grid;margin-top:.5rem}}}}& #index{&>ol>li{width:auto}}& #technologies{margin:0 1rem;&>.item{&>dl{&>dt{font-size:1.7rem;margin-bottom:.8em}&>dd{&>p{font-size:medium}&>a{font-size:.9rem;margin-top:2rem}}}}&>.subscribe{padding:3rem 1rem;&>figure>figcaption>dl{&>dt{font-size:1.5rem;margin-bottom:1.5rem}&>dd{&>a,&>p{font-size:.9rem}&>a{margin-top:2rem}}}}}& #about{&>dl{margin:0 1rem}}}}}}body.archiveLists10BT{&.edition2026{.show{animation:fadeIn .5s ease-in-out 0s forwards}& main{background-color:#e1e2dc;background-color:var(--color-cream);width:auto;& #intro{align-items:center;border-bottom:1px dashed var(--color-black);container-type:inline-size;display:grid;grid-auto-flow:column;justify-content:center;justify-self:center;margin-top:0;padding:2.6rem 0;padding:calc(var(--layout-gap)*2) 0;width:1180px;width:var(--width-site-max);& figure:has(.alignnone){grid-gap:1.3rem;grid-gap:var(--layout-gap);display:grid;gap:1.3rem;gap:var(--layout-gap);justify-content:center;position:relative;& span.year{display:grid;grid-auto-flow:column;justify-content:space-between;position:relative;&:after,&:before{content:"2026"}}& div:has(.alignnone){display:grid;grid-auto-flow:column;justify-self:center;min-height:520px;width:min(35cqw,390px);& img.alignnone{animation:fadeInOut 10.8s ease-in-out infinite;opacity:0;position:absolute;&:first-of-type{animation-delay:1s}&:nth-of-type(2){animation-delay:4.1s}&:nth-of-type(3){animation-delay:7.7s}}}& figcaption:has(.description){position:static;& h1:has(.title){display:grid;justify-items:center;position:absolute;text-align:center;top:6rem;width:100%;& svg.logo{width:530px}& strong.title{font-size:min(11cqw,12.4cqw);line-height:1.1}& em.titleJp{display:grid;font-size:clamp(1.6rem,3.5cqw,2.3rem);font-size:var(--font-size-headlineL);margin:1.3rem 0 0;margin:var(--layout-gap) 0 0}}& p.description{font-size:clamp(1rem,2cqw,1.1rem);font-size:var(--font-size-headlineXS);margin:1.3rem 0 0;margin:var(--layout-gap) 0 0;padding:0 20%;&:first-line{font-weight:700}}}}}& #technologies{grid-gap:2.6rem;grid-gap:calc(var(--layout-gap)*2);display:grid;gap:2.6rem;gap:calc(var(--layout-gap)*2);grid-auto-flow:row;& span.term{color:#00000080;font-size:.9rem;font-size:var(--font-size-headlineXXS)}& div.item{grid-gap:1.3rem;grid-gap:var(--layout-gap);align-items:center;container-type:inline-size;display:grid;gap:1.3rem;gap:var(--layout-gap);grid-auto-flow:column;justify-content:left;margin-inline:auto;width:1180px;width:var(--width-site-max);& dl:has(.techName){grid-gap:1rem;grid-gap:var(--layout-gap-text);display:grid;gap:1rem;gap:var(--layout-gap-text);max-width:740px;order:2;& dt:has(.techName){grid-gap:.33333rem;grid-gap:calc(var(--layout-gap-text)/3);display:grid;gap:.33333rem;gap:calc(var(--layout-gap-text)/3);grid-auto-flow:row;& strong.techName{font-size:clamp(1.6rem,3.5cqw,2.3rem);font-size:var(--font-size-headlineL)}}& dd:has(.reason){grid-gap:1.3rem;grid-gap:var(--layout-gap);display:grid;gap:1.3rem;gap:var(--layout-gap);grid-auto-flow:row;& p.excerpt{line-height:1.5}& a.reason{grid-gap:.5rem;background-color:var(--color-black);border-radius:.3rem;color:var(--color-white);display:grid;font-size:.9rem;font-size:var(--font-size-headlineXXS);font-weight:700;gap:.5rem;grid-auto-flow:column;justify-content:center;justify-self:left;line-height:normal;min-width:250px;padding:.5rem 1rem}}}& figure:has(.techImg){max-width:225px;order:1}}& div.subscribe,& figure:has(.postImg){container-type:inline-size;margin-inline:auto;position:relative;width:1368.8px;width:var(--width-site-max2)}& figure:has(.postImg){padding:8rem 0 0;& picture:has(.postImg){& img.postImg{object-fit:cover}}& figcaption:has(.postTitle){left:50%;position:absolute;transform:translateX(-50%);width:48cqw;& dl:has(.postTitle){grid-gap:.5rem;grid-gap:calc(var(--layout-gap-text)/2);display:grid;gap:.5rem;gap:calc(var(--layout-gap-text)/2);grid-auto-flow:row;& dt:has(.postTitle){grid-gap:.33333rem;grid-gap:calc(var(--layout-gap-text)/3);display:grid;gap:.33333rem;gap:calc(var(--layout-gap-text)/3);grid-auto-flow:row;& span.term{font-size:clamp(1rem,2cqw,1.1rem);font-size:var(--font-size-headlineXS)}& a.postTitle{font-size:clamp(1.8rem,4cqw,3rem);font-size:var(--font-size-headlineXL);font-weight:500;line-height:1.1}}& dd:has(.read){grid-gap:.5rem;grid-gap:calc(var(--layout-gap-text)/2);display:grid;gap:.5rem;gap:calc(var(--layout-gap-text)/2);grid-auto-flow:row;& a.read{grid-gap:.5rem;border-radius:.3rem;display:grid;font-size:.9rem;font-size:var(--font-size-headlineXXS);font-weight:700;gap:.5rem;grid-auto-flow:column;justify-content:center;justify-self:left;line-height:1.8;min-width:145px;padding:.5rem 1rem}}}}&:first-of-type a.read{background-color:#f9d259;background-color:var(--color-yellow)}&:nth-of-type(2) a.read{background-color:#d96a29;background-color:var(--color-orange)}}& div.subscribe{background-color:#212d98;background-color:var(--color-navy-light);margin-inline:auto;padding:2.6rem;padding:calc(var(--layout-gap)*2);z-index:1;& figure:has(.guideLink){grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-auto-flow:column;grid-template-columns:1.5fr 1fr;& img.guideImg{order:2}& figcaption:has(.guideLink){color:var(--color-white);margin:0;order:1;& dl:has(.guideLink){grid-gap:1.3rem;grid-gap:var(--layout-gap);display:grid;gap:1.3rem;gap:var(--layout-gap);grid-auto-flow:row;& dt.guideTitle{font-size:clamp(1.8rem,4cqw,3rem);font-size:var(--font-size-headlineXL);font-weight:600;&>span{display:block;font-size:1.3rem;font-weight:300;margin:0 0 .8rem}}& dd:has(.guideLink){grid-gap:1.3rem;grid-gap:var(--layout-gap);display:grid;font-size:1.2rem;gap:1.3rem;gap:var(--layout-gap);grid-auto-flow:row;line-height:1.7;& a.guideLink{background-color:#a0f5e9;background-color:var(--color-blueGreen);border-radius:4px;box-sizing:border-box;color:#000;display:block;font-size:1rem;font-weight:700;padding:1em;position:relative;text-align:center;text-decoration:none;width:12em;&:hover{background-color:#50a99a;background-color:var(--color-blueGreen-hover)}}}}}}}}& #about{position:relative;&>dl:has(.description){margin-inline:auto;width:630px;& dt.aboutTitle{font-size:calc(clamp(1.6rem, 3.5cqw, 2.3rem)*1.1);font-size:calc(var(--font-size-headlineL)*1.1);font-weight:700}&>dd:has(.description),&>dd:has(.role2){margin:.65rem 0 0;margin:calc(var(--layout-gap)/2) 0 0;margin-inline:auto;&>dl:has(.description),&>dl:has(.role2){grid-gap:.5rem;grid-gap:calc(var(--layout-gap-text)/2);display:grid;gap:.5rem;gap:calc(var(--layout-gap-text)/2);grid-auto-flow:row;& dt.headline{font-size:1.2rem}&>dd:has(.description),&>dd:has(.role2){grid-gap:1rem;grid-gap:var(--layout-gap-text);display:grid;gap:1rem;gap:var(--layout-gap-text);grid-auto-flow:row;& p.description{font-size:.9rem;font-size:var(--font-size-headlineXXS);line-height:1.7;& a.link{border-bottom:1px solid #000;padding:0 0 .2rem;text-decoration:none}}& ul:has(.year){border-left:1px solid var(--color-black);display:grid;grid-auto-flow:column;justify-content:left;margin:1rem 0 1.3rem;margin:var(--layout-gap-text) 0 var(--layout-gap);& li:has(.year){border-right:1px solid var(--color-black);gap:calc(--var(layout-gap-text) / 2);& a.year{display:grid;grid-auto-flow:column;padding:0 .7rem 0 1rem;text-decoration:none;& svg.arrow{transform:translateY(-2px)}}}}& dl:has(.role2){display:grid;font-size:.9rem;font-size:var(--font-size-headlineXXS);grid-auto-flow:row;& dt.role1{font-weight:700}& dd:has(.role2){margin:.5rem 0 1rem;margin:.5rem 0 var(--layout-gap-text);& ul:has(.role2){grid-gap:.33333rem;grid-gap:calc(var(--layout-gap-text)/3);display:grid;gap:.33333rem;gap:calc(var(--layout-gap-text)/3);grid-auto-flow:row;& li:has(.role2){& strong.role2{font-weight:400;margin:0 .5rem 0 0}}}}}}}}}}}}}@media (max-width:1320px){:root{--width-scale2:1.08;--width-site-max:calc(100cqw - var(--layout-gap)*var(--width-scale));--width-site-max2:calc(var(--width-site-max)*var(--width-scale2))}html{min-width:0;min-width:auto}body.archiveLists10BT{&.edition2026{& main{& #intro{padding-bottom:5.2rem;padding-bottom:calc(var(--layout-gap)*4);& figure:has(.alignnone){& div:has(.alignnone){margin:2rem 0 0;min-height:430px}& figcaption:has(.description){& p.description{padding:0 15cqw}}}}& #technologies{gap:5.2rem;gap:calc(var(--layout-gap)*4);& div.item{gap:2rem;gap:var(--layout-gap-rows);& dl:has(.techName){& dd:has(.reason){& p.excerpt{font-size:.9rem;font-size:var(--font-size-headlineXXS)}& a.reason{min-width:200px}}}& figure:has(.techImg){max-width:165px}}& figure:has(.postImg){padding-top:6rem;& figcaption:has(.postTitle){width:52cqw;& dl:has(.postTitle){& dt:has(.postTitle){& a.postTitle{font-size:clamp(1.6rem,3.5cqw,2.3rem);font-size:var(--font-size-headlineL)}}& dd:has(.read){& p.excerpt{font-size:.9rem;font-size:var(--font-size-headlineXXS)}}}}}& div.subscribe{& figure:has(.guideLink){& figcaption:has(.guideLink){dl:has(.guideLink){& dd:has(.guideLink){& a.guideLink,& p.guideExcerpt{font-size:.9rem;font-size:var(--font-size-headlineXXS)}& a.guideLink{padding:.7em 1em}}}}}}}}}}}@media only screen and (max-width:1024px){body.archiveLists10BT{&.edition2026{& main{& #intro{& figure:has(.alignnone){& div:has(.alignnone){min-height:350px}& figcaption:has(.description){& h1:has(.title){& svg.logo{width:60cqw}}& p.description{padding:0 3cqw}}}}& #technologies{margin-top:5.2rem;margin-top:calc(var(--layout-gap)*4)}}}}}@media only screen and (max-width:850px){:root{--width-scale:4.5;--width-scale2:1.04;--width-site-max:calc(100cqw - var(--layout-gap)*var(--width-scale));--width-site-max2:calc(var(--width-site-max)*var(--width-scale2))}body.archiveLists10BT{&.edition2026{& main{& #intro{padding-bottom:3.9rem;padding-bottom:calc(var(--layout-gap)*3);& figure:has(.alignnone){& figcaption:has(.description){& p.description{padding:0}}}}& #technologies{& figure:has(.postImg){& figcaption:has(.postTitle){transform:translateX(-30%);width:65cqw;& dl:has(.postTitle){& dt:has(.postTitle){& a.postTitle{font-size:calc(clamp(1.8rem, 4cqw, 3rem)*1.2);font-size:calc(var(--font-size-headlineXL)*1.2)}}}}}}}}}}@media only screen and (max-width:750px){:root{--width-scale:2.0;--width-site-max2:var(--width-site-max)}body.archiveLists10BT{&.edition2026{& main{& #intro{& figure:has(.alignnone){& span.year{justify-content:center;&:after,&:before{display:none}}& div:has(.alignnone){margin-top:0;min-height:107cqw;width:80cqw}& figcaption:has(.description){& h1:has(.title){top:30cqw;& strong.title{font-size:3.5rem}}}}}& #technologies{& div.item{grid-auto-flow:row;& figure:has(.techImg){max-width:225px}}& figure:has(.postImg){padding-top:11rem;& figcaption:has(.postTitle){left:1.3rem;left:var(--layout-gap);transform:translateX(0);width:53cqw}}& div.subscribe{& figure:has(.guideLink){gap:2.6rem;gap:calc(var(--layout-gap)*2);grid-auto-flow:row;grid-template-columns:none;& img.guideImg{order:1}& figcaption:has(.guideLink){order:2}}}}& #about{margin-top:5.2rem;margin-top:calc(var(--layout-gap)*4);&>dl:has(.description){margin:0 1.3rem;margin:0 var(--layout-gap);width:auto;& dt.aboutTitle{font-size:calc(clamp(1.8rem, 4cqw, 3rem)*1.2);font-size:calc(var(--font-size-headlineXL)*1.2)}&>dd:has(.description),&>dd:has(.role2){margin-top:1.3rem;margin-top:var(--layout-gap);&>dl:has(.description),&>dl:has(.role2){& dt.headline{margin-top:.43333rem;margin-top:calc(var(--layout-gap)/3)}}}}}}}}}@media only screen and (max-width:550px){body.archiveLists10BT{&.edition2026{& main{& #intro{& figure:has(.alignnone){& div:has(.alignnone){min-height:120cqw;width:90cqw}& figcaption:has(.description){& h1:has(.title){& strong.title{font-size:11cqw}& em.titleJp{font-size:5.5cqw}}}}}& #technologies{& figure:has(.postImg){& figcaption:has(.postTitle){width:calc(100cqw - 2.6rem);width:calc(100cqw - var(--layout-gap)*2)}}& div.subscribe{padding:1.3rem;padding:var(--layout-gap);& figure:has(.guideLink){gap:1.3rem;gap:var(--layout-gap)}}}& #about{&>dl:has(.description){&>dd:has(.description),&>dd:has(.role2){&>dl:has(.description),&>dl:has(.role2){&>dd:has(.description),&>dd:has(.role2){& ul:has(.year){border:none;gap:.5rem 0;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(30%,1fr));& li:has(.year){& a.year{padding:0 .5rem;& svg.arrow{width:20px}}}}}}}}}}}}}:root{--font-size-headlineXXS:0.9rem;--font-size-headlineXS:clamp(1.0rem,2.0cqw,1.1rem);--font-size-headlineS:clamp(1.15rem,2.5cqw,1.3rem);--font-size-headlineM:clamp(1.3rem,3.0cqw,1.5rem);--font-size-headlineL:clamp(1.6rem,3.5cqw,2.3rem);--font-size-headlineXL:clamp(1.8rem,4.0cqw,3.0rem);--font-size-sentence:0.9rem;--color-cream:#e1e2dc;--color-yellow:#f9d259;--color-orange:#d96a29;--color-orangeDeep:#cd7d14;--color-navy-light:#212d98;--color-blueGreen:#a0f5e9;--color-blueGreen-hover:#50a99a;--layout-gap:1.3rem;--layout-gap-columns:1.3rem;--layout-gap-rows:2.0rem;--layout-gap-text:1.0rem;--site-width:auto;--width-scale:6.5;--width-scale2:1.16;--width-site-max:1180px;--width-site-max2:calc(var(--width-site-max)*var(--width-scale2));--width-site:clamp(var(--width-site-min),var(--width-site-middle),var(--width-site-max));--width-site2:clamp(var(--width-site-min),var(--width-site-middle),calc(var(--width-site-max)*1.16))}body.ArchiveLists10AITTR{&.edition2026{& .show{animation:fadeIn .5s ease-in-out 0s forwards}& main{grid-gap:2.6rem;grid-gap:calc(var(--layout-gap)*2);background-color:#e1e2dc;background-color:var(--color-cream);display:grid;gap:2.6rem;gap:calc(var(--layout-gap)*2);grid-auto-flow:row;padding-bottom:2.6rem;padding-bottom:calc(var(--layout-gap)*2);& #intro{container-type:inline-size;display:grid;grid-auto-flow:row;margin-top:0;width:100cqw;& figure:has(.alignnone){grid-gap:2.6rem;grid-gap:calc(var(--layout-gap)*2);display:grid;gap:2.6rem;gap:calc(var(--layout-gap)*2);grid-auto-flow:row;position:relative;width:100cqw;& img.size-full{width:100%}& figcaption:has(.description){grid-gap:3.9rem;grid-gap:calc(var(--layout-gap)*3);display:grid;gap:3.9rem;gap:calc(var(--layout-gap)*3);grid-auto-flow:row;margin-inline:auto;width:calc(auto * 1.15);width:calc(var(--site-width)*1.15);& h1:has(.title){grid-gap:1.3rem;grid-gap:var(--layout-gap);display:grid;gap:1.3rem;gap:var(--layout-gap);grid-auto-flow:row;justify-items:center;position:relative;text-align:center;& em.titleJp,& span.rightNow,& strong.title,&:after,&:before{background-image:url(https://www.dev-new.technologyreview.jp/wp-content/uploads/sites/2/2026/04/hero-mask.png)}& em.titleJp,& span.rightNow,& strong.title{-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat}&:after,&:before{background-position:100%;bottom:2.5cqw;content:"";height:1.5px;position:absolute;width:36%}&:before{left:0}&:after{right:0}& svg.logo{width:min(45.6cqw,659px)}& em.titleJp,& strong.title{background-position:50%;background-size:cover}& strong.title{color:#0000;font-size:min(14cqw,220px);letter-spacing:-.04em;line-height:.9}& em.titleJp{font-size:clamp(1.6rem,3.5cqw,2.3rem);font-size:var(--font-size-headlineL)}& span.rightNow{background-color:#e1e2dc;background-color:var(--color-cream);background-position:bottom;background-size:200%;color:#0000;font-size:min(4.5cqw,72px)}}& p.description{font-size:.9rem;font-size:var(--font-size-headlineXXS);padding:0 24cqw;&:first-line{font-weight:700}a{text-decoration:underline}}}}}& #technologies{grid-gap:2.6rem;grid-gap:calc(var(--layout-gap)*2);display:grid;gap:2.6rem;gap:calc(var(--layout-gap)*2);grid-auto-flow:row;margin-top:0;& span.term{color:#00000080;font-size:.9rem;font-size:var(--font-size-headlineXXS)}& div.item{grid-gap:1.3rem;grid-gap:var(--layout-gap);align-items:center;container-type:inline-size;display:grid;gap:1.3rem;gap:var(--layout-gap);grid-auto-flow:column;justify-content:center;margin-inline:auto;width:1180px;width:var(--width-site-max);& dl:has(.techName){grid-gap:1rem;grid-gap:var(--layout-gap-text);display:grid;gap:1rem;gap:var(--layout-gap-text);max-width:535px;order:2;& dt:has(.techName){& a.techName{font-size:calc(clamp(1.3rem, 3cqw, 1.5rem)*1.1);font-size:calc(var(--font-size-headlineM)*1.1)}}& dd:has(.reason){grid-gap:1.3rem;grid-gap:var(--layout-gap);display:grid;gap:1.3rem;gap:var(--layout-gap);grid-auto-flow:row;& p.excerpt{line-height:1.5}& a.reason,& p.excerpt{font-size:.9rem;font-size:var(--font-size-headlineXXS)}& a.reason{grid-gap:.5rem;background-color:var(--color-black);border-radius:.3rem;color:var(--color-white);display:grid;font-weight:700;gap:.5rem;grid-auto-flow:column;justify-content:center;justify-self:left;line-height:normal;min-width:250px;padding:.5rem 1rem}}}& figure:has(.techImg){max-width:225px;order:1}}& div.subscribe,& figure:has(.postImg){container-type:inline-size;margin-inline:auto;position:relative}& figure:has(.postImg){grid-gap:1.3rem;grid-gap:var(--layout-gap);align-items:center;display:grid;gap:1.3rem;gap:var(--layout-gap);grid-auto-flow:column;width:100cqw;& a:has(.postImg){order:2;& picture:has(.postImg){& img.postImg{max-height:517px;object-fit:cover;width:100%}}}& figcaption:has(.postTitle){display:grid;justify-content:end;order:1;& dl:has(.postTitle){grid-gap:.5rem;grid-gap:calc(var(--layout-gap-text)/2);display:grid;gap:.5rem;gap:calc(var(--layout-gap-text)/2);grid-auto-flow:row;width:30cqw;& dt:has(.postTitle){grid-gap:1rem;grid-gap:calc(var(--layout-gap-text)/1);display:grid;gap:1rem;gap:calc(var(--layout-gap-text)/1);grid-auto-flow:row;& span.term{font-size:clamp(1rem,2cqw,1.1rem);font-size:var(--font-size-headlineXS)}& a.postTitle{background:url(https://www.dev-new.technologyreview.jp/wp-content/uploads/sites/2/2026/04/hero-mask.png) bottom no-repeat text;background-size:cover;color:#0000;font-size:calc(clamp(1.8rem, 4cqw, 3rem)*1.2);font-size:calc(var(--font-size-headlineXL)*1.2);font-weight:500;line-height:1.1}}& dd:has(.read){grid-gap:1rem;grid-gap:calc(var(--layout-gap-text)/1);display:grid;gap:1rem;gap:calc(var(--layout-gap-text)/1);grid-auto-flow:row;& a.read,& p.excerpt{font-size:.9rem;font-size:var(--font-size-headlineXXS)}& a.read{grid-gap:.5rem;background-color:#cd7d14;background-color:var(--color-orangeDeep);border-radius:.3rem;display:grid;font-weight:700;gap:.5rem;grid-auto-flow:column;justify-content:center;justify-self:left;line-height:1.8;min-width:145px;padding:.5rem 1rem}}}}}& div.subscribe{background-color:#212d98;background-color:var(--color-navy-light);margin-inline:auto;padding:2.6rem;padding:calc(var(--layout-gap)*2);width:1368.8px;width:var(--width-site-max2);z-index:1;& figure:has(.guideLink){grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-auto-flow:column;grid-template-columns:1.5fr 1fr;& img.guideImg{order:2}& figcaption:has(.guideLink){color:var(--color-white);margin:0;order:1;& dl:has(.guideLink){grid-gap:1.3rem;grid-gap:var(--layout-gap);display:grid;gap:1.3rem;gap:var(--layout-gap);grid-auto-flow:row;& dt.guideTitle{font-size:clamp(1.8rem,4cqw,3rem);font-size:var(--font-size-headlineXL);font-weight:600;&>span{display:block;font-size:1.3rem;font-weight:300;margin:0 0 .8rem}}& dd:has(.guideLink){grid-gap:1.3rem;grid-gap:var(--layout-gap);display:grid;font-size:1.2rem;gap:1.3rem;gap:var(--layout-gap);grid-auto-flow:row;line-height:1.7;& a.guideLink{background-color:#a0f5e9;background-color:var(--color-blueGreen);border-radius:4px;box-sizing:border-box;color:#000;display:block;font-size:1rem;font-weight:700;padding:1em;position:relative;text-align:center;text-decoration:none;width:12em;&:hover{background-color:#50a99a;background-color:var(--color-blueGreen-hover)}}}}}}}}& #about{position:relative;&>dl:has(.aboutTitle){display:grid;justify-content:center;margin-inline:auto;& dt.aboutTitle{font-size:calc(clamp(1.6rem, 3.5cqw, 2.3rem)*1.1);font-size:calc(var(--font-size-headlineL)*1.1);font-weight:700;text-align:center}&>dd:has(.role2){margin:.65rem 0 0;margin:calc(var(--layout-gap)/2) 0 0;margin-inline:auto;width:min(100cqw,630px);&>dl:has(.role2){grid-gap:.5rem;grid-gap:calc(var(--layout-gap-text)/2);display:grid;gap:.5rem;gap:calc(var(--layout-gap-text)/2);grid-auto-flow:row;& dt.headline{font-size:1rem}&>dd:has(.role2){grid-gap:1rem;grid-gap:var(--layout-gap-text);display:grid;gap:1rem;gap:var(--layout-gap-text);grid-template:"a b" auto "a c" auto/1fr;& dl:has(.role2){display:grid;font-size:.765rem;font-size:calc(var(--font-size-headlineXXS)*.85);grid-auto-flow:row;&:first-of-type{grid-area:a}&:nth-of-type(2){grid-area:b}&:nth-of-type(3){grid-area:c}& dt.role1{font-weight:700}& dd:has(.role2){& ul:has(.role2){grid-gap:.33333rem;grid-gap:calc(var(--layout-gap-text)/3);display:grid;gap:.33333rem;gap:calc(var(--layout-gap-text)/3);grid-auto-flow:row;& li:has(.role2){& strong.role2{font-weight:400;margin:0 .5rem 0 0}}}}}}}}}}}footer:has(.footerLogo){margin-top:0}}}@keyframes fadeInOut{0%{opacity:0}5.5%{opacity:1}27.7%{opacity:1}33.3%{opacity:0}to{opacity:0}}@media (max-width:1320px){:root{--width-scale2:1.08;--width-site-max:calc(100cqw - var(--layout-gap)*var(--width-scale));--width-site-max2:calc(var(--width-site-max)*var(--width-scale2))}html{min-width:0;min-width:auto}body.ArchiveLists10AITTR{&.edition2026{& main{& #intro{& figure:has(.alignnone){& figcaption:has(.description){padding:0 2.6rem;padding:0 calc(var(--layout-gap)*2);width:auto}}}& #technologies{& figure:has(.postImg){& a:has(.postImg){& picture:has(.postImg){& img.postImg{aspect-ratio:532/517}}}& figcaption:has(.postTitle){& dl:has(.postTitle){width:45cqw;& dt:has(.postTitle){& a.postTitle{font-size:calc(clamp(1.8rem, 4cqw, 3rem)*1.1);font-size:calc(var(--font-size-headlineXL)*1.1)}}}}}& div.subscribe{& figure:has(.guideLink){& figcaption:has(.guideLink){dl:has(.guideLink){& dd:has(.guideLink){& a.guideLink,& p.guideExcerpt{font-size:.9rem;font-size:var(--font-size-headlineXXS)}& a.guideLink{padding:.7em 1em}}}}}}}}}}}@media (max-width:1024px){body.ArchiveLists10AITTR{&.edition2026{& main{& #intro{& figure:has(.alignnone){& figcaption:has(.description){padding:0 2.6rem;padding:0 calc(var(--layout-gap)*2);& h1:has(.title){& svg.logo{width:47cqw}}& p.description{padding:0 17cqw}}}}& #technologies{margin-top:2.6rem;margin-top:calc(var(--layout-gap)*2);& figure:has(.postImg){& a:has(.postImg){& picture:has(.postImg){& img.postImg{aspect-ratio:376/304;min-height:300px}}}& figcaption:has(.postTitle){& dl:has(.postTitle){padding-left:7cqw;width:50cqw;& dt:has(.postTitle){& a.postTitle{font-size:clamp(1.6rem,3.5cqw,2.3rem);font-size:var(--font-size-headlineL)}}}}}}}}}}@media (max-width:850px){:root{--width-scale:4.5;--width-scale2:1.04;--width-site-max:calc(100cqw - var(--layout-gap)*var(--width-scale));--width-site-max2:calc(var(--width-site-max)*var(--width-scale2))}body.ArchiveLists10AITTR{&.edition2026{& main{& #intro{& figure:has(.alignnone){& figcaption:has(.description){& p.description{margin-inline:auto;padding:0;width:1180px;width:var(--width-site-max)}}}}& #technologies{gap:5.2rem;gap:calc(var(--layout-gap)*4)}& #about{&>dl:has(.aboutTitle){& dt.aboutTitle{font-size:calc(clamp(1.8rem, 4cqw, 3rem)*1.2);font-size:calc(var(--font-size-headlineXL)*1.2)}}}}}}}@media (max-width:750px){:root{--width-scale:2.0;--width-site-max2:var(--width-site-max)}body.ArchiveLists10AITTR{&.edition2026{& main{& #intro{& figure:has(.alignnone){& figcaption:has(.description){padding:0 1.3rem;padding:0 var(--layout-gap);& p.description{width:auto}}}}& #technologies{& div.item{gap:1.95rem;gap:calc(var(--layout-gap)*1.5);grid-auto-flow:row;& figure:has(.techImg){max-width:250px}}& figure:has(.postImg){border-bottom:1px solid #656565;grid-auto-flow:row;margin-left:1.3rem;margin-left:var(--layout-gap);padding-bottom:1.3rem;padding-bottom:var(--layout-gap);width:calc(100cqw - 1.3rem);width:calc(100cqw - var(--layout-gap));&:before{color:#00000080;content:"関連記事";font-size:.9rem;font-size:var(--font-size-headlineXXS)}& a:has(.postImg){order:0}& figcaption:has(.postTitle){justify-content:normal;width:auto;& dl:has(.postTitle){padding-left:0;width:auto;& dt:has(.postTitle){& span.term{display:none}}}}&:after{border-top:1px solid #656565;content:"";position:absolute;right:0;top:.5em;width:85cqw}}& div.subscribe{& figure:has(.guideLink){gap:2.6rem;gap:calc(var(--layout-gap)*2);grid-auto-flow:row;grid-template-columns:none;& img.guideImg{order:1}& figcaption:has(.guideLink){order:2}}}}& #about{&>dl:has(.aboutTitle){& dt.aboutTitle{font-size:clamp(1.8rem,4cqw,3rem);font-size:var(--font-size-headlineXL);text-align:left}}&>dl:has(.role2){margin:0 1.3rem;margin:0 var(--layout-gap);width:auto;&>dd:has(.role2){margin-top:1.3rem;margin-top:var(--layout-gap);width:auto;&>dl:has(.role2){& dd:has(.role2){grid-template:"a a" auto "b b" auto "c c" auto/1fr}}}}}}}}}@media (max-width:550px){body.ArchiveLists10AITTR{&.edition2026{& main{& #intro{& figure:has(.alignnone){gap:1.95rem;gap:calc(var(--layout-gap)*1.5);& figcaption:has(.description){& h1:has(.title){& em.titleJp{font-size:5.2cqw}}}}}& #about{&>dl:has(.description){&>dd:has(.description),&>dd:has(.role2){&>dl:has(.description),&>dl:has(.role2){&>dd:has(.description),&>dd:has(.role2){& ul:has(.year){border:none;gap:.5rem 0;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(30%,1fr));& li:has(.year){& a.year{padding:0 .5rem;& svg.arrow{width:20px}}}}}}}}}}}}}body.archiveMyClip{& main{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);& header:has(.myClipTitle){align-items:center;container:headerMyClip/inline-size;display:grid;grid-auto-flow:column;grid-template-columns:1.2fr 1fr;margin:var(--layout-gap) auto 0;padding:0 var(--layout-gap);width:100dvw}& h1.myClipTitle{font-size:var(--font-size-headlineL)}& #sortClip{background-color:initial;border:2px solid var(--color-black);color:var(--color-black);font-size:var(--font-size-headlineXS);padding:.7em 0;text-align:center}& article{grid-gap:var(--layout-gap);container:articleMyClip/inline-size;display:grid;gap:var(--layout-gap)}& ul:has(.buttonRectangle){grid-auto-flow:row;& .buttonRectangle{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white);justify-self:center;width:10rem}}& nav.pagination{& .wp-pagenavi{grid-gap:var(--layout-gap-text);align-items:center;display:grid;gap:var(--layout-gap-text);grid-auto-flow:column;place-content:center}& a.page,& span.current{border:2px solid var(--color-black);padding:.5em 1em}& span{&.pages{display:none}&.current{background-color:var(--color-opacity-black);border-color:var(--color-opacity-black)}}}}}body.archiveMyClip.tablet{& main{& article,& header:has(.myClipTitle){margin-inline:auto;max-width:var(--site-width);width:calc(100dvw - var(--layout-gap)*2)}& header:has(.myClipTitle){gap:var(--layout-gap);grid-template-columns:none;justify-content:center}& #sortClip{min-width:10rem;padding:.7em .5em}& ul:has(.buttonRectangle){margin:0 var(--layout-gap)}& li:has(.buttonRectangle){align-items:center;gap:var(--layout-gap);grid-auto-flow:column}& figure:has(.term){align-items:center;grid-auto-flow:column;grid-template-columns:1fr 1.2fr;& .eyecatch{order:1}& figcaption{order:2}&+.buttonRectangle{align-self:center}}}}body.single{--color-red:#f90e1e;--color-orange:#f89c1b;--color-orange-deep:#ce0f69;--color-yellow:#fc6;--color-yellow-light:#ffc;--color-green-light:#3aff5f;--color-blue:#5ca4db;--color-navy-deep:#1a1937;--color-purple:#880a5b;--color-purple-red:#603;--color-gray:#9c9c9c;--color-brand_teal-light:#cef3ee;& main{display:grid;grid-auto-flow:row;&>#genreUi{z-index:5;& figure:has(.genreImage) figcaption:has(.outlineTitle){& h1.outlineTitle{font-size:var(--font-size-headlineM)}& strong.outlinePosition{font-size:var(--font-size-headlineXL)}}}&>article{&>header{background-image:linear-gradient(#101f40 80%,#0000 0);padding:calc(var(--layout-gap)*1.5) var(--layout-gap) 0;&:has(.standard),&:has(.topImage){background-image:linear-gradient(#101f40 100%,#0000 0);padding-bottom:calc(var(--layout-gap)*1.5)}&:after,&:before{background-image:radial-gradient(circle at 1px 1px,#bbc7e1,1px,#0000 0);background-size:1.125rem 1.125rem;content:"";opacity:.6;position:absolute;z-index:1}&:before{height:calc(65% - 4.875rem);right:0;top:8.25rem;width:calc(50% - 3.24rem)}&:after{bottom:0;display:none;height:16.5rem;left:1.281rem;width:calc(50% - 13.75rem)}& a,&>div{color:#fff}&>div{container-type:inline-size;margin-inline:auto;max-width:var(--site-width);& #detail{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row;&>span:has(.term){grid-gap:calc(var(--layout-gap)/2);display:grid;font-size:var(--font-size-headlineXS);gap:calc(var(--layout-gap)/2);grid-auto-flow:column;justify-content:start;&:before{background-color:var(--color-opacity-white)}&>em{font-style:normal}}&>h1{grid-gap:calc(var(--layout-gap)/2);display:grid;gap:calc(var(--layout-gap)/2);grid-auto-flow:row;&>a,&>span{font-size:var(--font-size-headlineXXS);font-weight:200}&>strong{font-size:clamp(1.5rem,4.67cqw,3.5rem)}}&>p{font-size:var(--font-size-headlineXS);margin:-.5rem 0 0}&>span.author{grid-gap:calc(var(--layout-gap)/2);display:grid;font-size:var(--font-size-headlineXXS);gap:calc(var(--layout-gap)/2);grid-auto-flow:row;position:relative;z-index:2}}&>figure{margin:1.5rem 0 0;z-index:2;>img{min-height:23cqh;text-align:center}& figcaption{color:#616568;font-size:.8rem;margin:1rem 0 0;text-align:right}}}}& #content{grid-gap:calc(var(--layout-gap)*2);display:grid;gap:calc(var(--layout-gap)*2);grid-auto-flow:row;margin:1.5rem var(--layout-gap) 3rem;z-index:2;& #post{grid-gap:calc(var(--layout-gap)*2);container-type:inline-size;display:grid;gap:calc(var(--layout-gap)*2);grid-auto-flow:row;& dl.paywall{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row;padding:5rem 0 0;&:after{background-image:linear-gradient(#fff0,var(--color-white));content:"";height:300px;left:0;position:absolute;top:-300px;width:100%}a{text-decoration:none}& ul:has(.buttonRectangle){justify-content:center;& li:has(.buttonRectangle){display:grid;& .buttonRectangle{border-color:var(--color-black);color:var(--color-black);&.fill{background-color:var(--color-brand_teal);border-color:var(--color-brand_teal);color:var(--color-black)}}}}&>dt:has(.string){font-size:var(--font-size-headlineS);line-height:1.3;text-align:center;& svg:has(.free),& svg:has(.paid){margin:0 .2rem 0 0;width:.7em}& span.string{display:grid;font-size:var(--font-size-headlineS);grid-auto-flow:column;justify-content:center;margin:.3em 0 0;& strong.all{color:var(--color-red);font-weight:400}}& ul:has(.buttonRectangle){margin-top:var(--layout-gap)}}&>dd:has(.plan){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row;&>ul:has(.buttonRectangle){gap:var(--layout-gap-text);grid-template-columns:1fr 1fr;margin-top:var(--layout-gap)}& span.footnote{color:#999;font-size:var(--font-size-headlineXXS);line-height:1.3;text-align:center;& a{color:var(--color-brand_teal-deep)}}&>dl:has(.plan){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row;&>dt.plan{border-bottom:5px solid var(--color-brand_teal);display:grid;font-size:var(--font-size-headlineM);font-weight:700;justify-content:center;padding:0 1em .5em;text-align:center}&>dd:has(.planName){grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text);grid-auto-flow:row;& a.campaign{display:grid;padding:1em;place-items:center}& ul:has(.buttonRectangle){justify-content:stretch}& .buttonRectangle:not(.fill){border-color:var(--color-white);color:var(--color-white)}& ul:has(.planName){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row;& li:has(.planName){border:2px solid var(--color-pale-grey);border-radius:calc(var(--layout-gap)/2);container-type:inline-size;padding:var(--layout-gap);position:relative;&>dl:has(.planName){grid-gap:calc(var(--layout-gap)/2);display:grid;gap:calc(var(--layout-gap)/2);grid-auto-flow:row;text-align:center;& dt:has(.planName){grid-gap:calc(var(--layout-gap-text)/2);align-content:start;display:grid;gap:calc(var(--layout-gap-text)/2);grid-auto-flow:row;& strong.planName{font-size:var(--font-size-headlineS)}& span.description{color:#999;font-size:var(--font-size-headlineXXS)}}& dd:has(.buttonRectangle){grid-gap:calc(var(--layout-gap)/2);display:grid;gap:calc(var(--layout-gap)/2);grid-auto-flow:row;& strong:has(.price){font-weight:400;& data.price{font-size:calc(var(--font-size-headlineXL)*1.5);font-weight:700}}& span.sidenote{color:#999;font-size:var(--font-size-headlineXXS)}& strong:has(.price)+span.sidenote{margin:-1em 0 0}& a.buttonRectangle{display:grid;font-size:var(--font-size-headlineXS);justify-self:center;width:60cqw;& br{display:none}}}}&:has(.monthly){& a.monthly{background-color:var(--color-black);border:none;color:var(--color-white)}}&:has(.yearly){border-color:var(--color-tulip-deep);&:before{background-color:var(--color-tulip-deep);border-radius:.3em;color:var(--color-white);content:"おすすめ";font-size:var(--font-size-headlineXXXS);left:50%;padding:.2em 0;position:absolute;text-align:center;top:-.9em;transform:translateX(-50%);width:7em}& span.sidenote,& strong:has(.price){color:var(--color-tulip-deep)}& a.yearly{background-color:var(--color-tulip-deep);border:none;color:var(--color-white)}}&:has(.corporate){& a.corporate{background-color:var(--color-white);border-color:var(--color-black);color:var(--color-black)}}}}}}&>dl:has(.merit){grid-gap:var(--layout-gap-text);background-color:var(--color-text-light);border-top:8px solid #8d8d8f;display:grid;gap:var(--layout-gap-text);grid-auto-flow:row;padding:var(--layout-gap) var(--layout-gap);& dt.merit{font-size:var(--font-size-headlineS);font-weight:700;text-align:center}& dd:has(.merit){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row;& p.merit{color:#777;font-size:var(--font-size-headlineXXXS);line-height:1.3;text-align:center}& ul:has(.merit){grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text);grid-auto-flow:row;padding:0 0 0 var(--layout-gap);& li.merit{font-size:var(--font-size-headlineXS);line-height:1.5;&::marker{color:var(--color-darker-aqua);content:"✓ "}}}& a.buttonRectangle{border-color:var(--color-black);color:var(--color-black)}}}&>dl:has(.recommend){grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text);grid-auto-flow:row;& dt.recommend{font-size:var(--font-size-headlineS);font-weight:700;text-align:center}& dd:has(.recommendPostTitle){& ul:has(.recommendPostTitle){grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text);grid-template-columns:1fr 1fr;& li:has(.recommendPostTitle){padding:0;& figure:has(.recommendPostTitle){grid-gap:calc(var(--layout-gap-text)/2);align-content:start;display:grid;gap:calc(var(--layout-gap-text)/2);grid-auto-flow:row;& figcaption:has(.recommendPostTitle){position:static;& span:has(.term){background-color:var(--color-opacity-black-deep);left:calc(var(--layout-gap-text)/2);padding:0 .5em;position:absolute;top:calc(var(--layout-gap-text)/2);& a.term{color:var(--color-white);display:inline;font-size:var(--font-size-headlineXXXS);padding:.5em}& svg:has(.free,.paid){margin-left:.2em}}& h2:has([class$=PostTitle]),& h3:has([class$=PostTitle]){line-height:.9;margin-top:0;&>[class$=PostTitle]{font-size:var(--font-size-headlineXXS);line-height:.5}}}}}}}}}}&>div{&>div.skelton.text:before{content:"dummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummydummy"}& header:has([class$=NameJp]){margin:0 0 calc(var(--layout-gap)*2);& figure:has([class$=NameJp]){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row;& figcaption:has([class$=NameJp]){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row;& h1{display:grid;font-size:var(--font-size-headlineS);font-weight:400;grid-auto-flow:row;& [class$=NameEn]{font-size:var(--font-size-headlineXXS)}& em:has([class$=NameJp]){font-size:var(--font-size-headlineM);font-weight:400;& [class$=NameJp]{font-size:var(--font-size-headlineXL)}}}& p[class$=Excerpt]{font-size:var(--font-size-headlineXL);font-weight:700;line-height:1.3}}}}& dl:has(.summaryDt){grid-gap:calc(var(--layout-gap-text)/2);display:grid;gap:calc(var(--layout-gap-text)/2);grid-auto-flow:row;margin:calc(var(--layout-gap)/2) 0 2.5rem;& dt.summaryDt{background-color:var(--color-brand_teal-light);border-radius:4px;color:#1d1d1d;display:grid;font-family:var(--font-family-mono);font-size:var(--font-size-headlineXXXS);justify-content:center;justify-self:start;letter-spacing:.1em;padding:.2rem 1rem}& dd:has(.summaryLi){grid-gap:calc(var(--layout-gap)/2);background-color:var(--color-text-light);display:grid;gap:calc(var(--layout-gap)/2);grid-auto-flow:row;padding:1rem;& ol:has(.summaryLi){grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text);grid-auto-flow:row;padding:calc(var(--layout-gap)/3) calc(var(--layout-gap)/3) calc(var(--layout-gap)/3) var(--layout-gap-text);& li.summaryLi{line-height:1.5;list-style-type:decimal;padding:0 0 0 .3em}}& small.right{display:grid;justify-content:end}}}&>.data{margin:0 0 2rem;&>dt{font-size:1rem;font-weight:700;margin:0 0 .5rem}&>dd{font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}}& h2,& h3{margin:1.5rem 0 0}& a{text-decoration:underline}& #adPC{float:right;margin:0 0 0 5%;max-width:32%;img{margin:0 0 30px}}& a.bannerRight{clear:both;float:right;margin:0 0 0 2.5em;max-width:calc(40% - 2.5em)}&>figure{margin:1.5rem 0 0;overflow:hidden;position:relative;& img,video{display:block;height:auto;margin:0 auto;width:100%}&>br,&>p{display:none}& figcaption{display:block;font-size:var(--font-size-headlineXXXS);line-height:1.7;padding:1em 0 0}& .figcredit{font-size:.8rem;line-height:1.3;padding:.5em 0 0}&.main-col-left,&.main-col-right{clear:both}&.right-col{clear:both;display:block;margin:0 0 1.5em;text-align:right}&.full,&.main-col-2x2,&.three-col{clear:both;display:block;width:auto}&.main-col-2x2{& figcaption{& p{margin:0 0 1em}}&>ul{vertical-align:bottom;& li{overflow:hidden;position:relative;& img{height:auto;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}}}}}& #ooyalaContainer,& .movie,& .oo-player-container{margin:0 0 1.5rem;overflow:hidden;position:relative}& iframe{width:100%}&>p{font-size:1rem;line-height:2;&:first-of-type:first-line{font-weight:700}&:not(:first-of-type){margin:1.5rem 0 0}}& a.banner{display:block;margin:0 0 2em}&>hr{margin:0 0 1.5rem}&>ul:not(.sns){line-height:1.8;margin:1.5rem 0 1.5em 1.5em;&>li{list-style-type:disc;margin:0 0 1rem}&.slideshow{margin:1rem 0 1.5rem;overflow:hidden;position:relative;& li{display:none;font-size:.85rem;line-height:1.7;margin:0;position:absolute;top:0;&:first-child{display:block;position:relative}& img,& video{display:block;margin:0 auto .5rem;max-height:100%}&.next,&.preview{display:block;height:100%;width:12%;z-index:100;& a{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:30% auto;display:block;height:100%;opacity:.5;text-indent:-9999em}}&.preview{left:0}&.next{right:0}}}}&>ol{line-height:1.8;margin:1.5rem 0 1rem 1.5rem;&>li{list-style-type:decimal;margin:0 0 1em;&>ol{margin:1rem 0 0 1.5rem;&>li{list-style-type:lower-alpha;&>ol{margin:1.5rem 0 1.5rem 1.5em;&>li{list-style-type:lower-roman}}}}}}&>blockquote{margin:1.5rem 0 1rem 1.5rem;& p{&:nth-of-type(n+2){margin-top:1rem}}&.main-col-left,&.main-col-right{clear:both;display:block;& p{font-size:1.2rem;font-weight:700;line-height:1.5}}}& #detail{margin:0;& a{color:#000}& div.data{clear:both;padding:1.5rem 0 0;&:first-of-type{border-bottom:1px solid #000}&>table{margin:0;width:100%;& th,td{line-height:1.5;padding:0 0 30px}& th{font-size:90%;text-align:left;width:18%}& td{font-size:80%;width:78%;& ul{& li{display:inline-block;margin:0 5px 0 0;position:relative;&:not(:last-child):after{content:","}}}& dl{& dt{line-height:1.5;margin:0 0 15px;& a{display:inline-block;font-size:110%;font-weight:700;margin:0 20px 0 0}& span{display:block;margin:0 5px 0 0}}& dd{line-height:1.7}}}}& .sns{margin:0 0 1.5rem;text-align:right;& li{display:inline-block;margin:0 0 .5rem .5rem;& a{background-color:#000;background-position:50%;background-repeat:no-repeat;border-radius:1.5rem;display:block;height:0;overflow:hidden;padding:1.5rem 0 0;width:1.5rem;&.hatena{background-size:15px auto}&.facebook,&.googlePlus{background-size:auto 15px}&.email,&.pocket{background-size:15px auto}&.twitter{background-size:20px auto}}}}&>a{width:13%}&>a,&>dl{display:inline-block;margin:0 0 30px}&>dl{width:82%;& dt{font-size:90%;line-height:1.5;margin:0 0 20px;& a{font-size:110%;font-weight:700;margin:0 20px 5px 0}& span{display:block;margin:0 5px 0 0}}& dd{font-size:85%;line-height:1.7}}}}&>.carousel{background-color:var(--color-deepblue);color:#fff;margin:2rem 0 0;overflow:hidden;padding:2rem 0;width:100%;&>dt{font-weight:700;line-height:1.5;margin:0 0 2rem 6rem;text-align:center;&>strong{display:block;font-size:1.3rem}}&>dd{overflow:visible;position:relative;&>ol{display:flex;gap:2.5rem;margin:0 1px;overflow-x:scroll;&>li{max-width:170px;min-width:170px;overflow:hidden;&:first-child{margin-left:2rem}&:last-child{margin-right:2rem}&>a{display:block;height:300px;position:relative;width:auto;&>img{height:100%;object-fit:cover}&:before{background-image:linear-gradient(180deg,#0000,#000);content:"";display:block;height:40%;z-index:1}&:before,&>span{left:0;position:absolute;top:0;width:100%}&>span{color:#fff;font-weight:700;line-height:1.5;padding:1rem;z-index:2}}}}}}& div.column{border:1px solid #000;margin:1.5rem 0 0;padding:1.5rem}& div.infographic{-webkit-overflow-scrolling:touch;line-height:1.3;overflow:auto;& table{border-top:2px solid #000;margin:.5em 0 0;&:not([class]){min-width:550px}td,th{font-size:.8rem;padding:1em}thead{td{text-align:center;width:5%}td,th{border-bottom:1px solid #000}th{text-align:left;width:33%}}tbody{td{border-bottom:1px solid #ccc;&:first-of-type{text-align:center}}}}}& dl.event{margin:var(--layout-gap) 0;&>dt{background-color:grey;color:var(--color-white);font-size:var(--font-size-headlineS);padding:var(--layout-gap);& span{display:block;font-size:var(--font-size-headlineXXS);font-weight:400;margin:0 0 .3em}}&>dd{background-color:#e2dcdc;padding:0 var(--layout-gap) var(--layout-gap);&>table{margin:0 0 var(--layout-gap);& th,td{font-size:var(--font-size-headlineXXS);width:100%}& th{line-height:1.3;padding:var(--layout-gap) 0 calc(var(--layout-gap)/2);text-align:left}& td{border-bottom:1px solid #707070;line-height:1.5;padding:0 0 var(--layout-gap);& em{font-style:normal}& p{font-size:var(--font-size-headlineXXS)}}}& .buttonRectangle.fill{background-color:var(--color-brand_teal);border-color:var(--color-brand_teal);color:var(--color-black);display:grid;justify-self:center}&>span{display:block;font-size:var(--font-size-headlineXXS);font-weight:700;text-align:center}}}}&>aside{grid-gap:calc(var(--layout-gap)*1.5);display:grid;gap:calc(var(--layout-gap)*1.5);grid-auto-flow:row;& dl:has(.english){grid-gap:calc(var(--layout-gap-text)/2);display:grid;gap:calc(var(--layout-gap-text)/2);grid-auto-flow:row;& dt.original{align-items:center;background-color:var(--color-text-light);display:grid;justify-self:start;padding:.2rem 1rem}& dd:has(.english){& .english{font-style:italic}}}& address:has(.authorName){& figure:has(.authorName){grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text);grid-auto-flow:row;justify-items:center;& .avatar{border-radius:150px}}& dl:has(.authorName){grid-gap:var(--layout-gap-text);display:grid;gap:var(--layout-gap-text);grid-auto-flow:row;& dt:has(.authorName){grid-gap:calc(var(--layout-gap-text)/3);display:grid;gap:calc(var(--layout-gap-text)/3);grid-auto-flow:row;text-align:center;& .authorName{font-size:var(--font-size-headlineS);font-style:normal;font-weight:700}& .authorRole{font-size:var(--font-size-headlineXXS)}}& dd:has(.authorDescription){& p.authorDescription{font-size:var(--font-size-headlineXXXS)}}}}& dialog.paywall[open]{align-items:start;background-color:var(--color-white);border:none;box-shadow:0 0 20px #00000080;display:grid;height:calc(100dvh - var(--height-header) - var(--layout-gap)*4);justify-self:center;overflow-y:auto;overscroll-behavior:contain;padding:0;position:fixed;& dl.paywall{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row;padding:var(--layout-gap);& dt.restriction{grid-gap:.5em;display:grid;font-weight:700;gap:.5em;grid-auto-flow:row;justify-items:center;& div.myClipWrap,& svg.sbm{shape-rendering:geometricPrecision;border-radius:1.5em;box-shadow:0 0 1px 1px #000;display:grid;padding:.5rem;place-items:center;width:2.5rem}}&>dd:has(.plan){&>dl:has(.plan){& dt.plan{border:none;display:inline;display:initial;font-size:var(--font-size-headlineXXS);font-weight:400;line-height:1.5;padding:0;text-align:left}}}}& button:has(.close){padding:.5rem;position:absolute;right:0;top:0;& .close{fill:var(--color-black);width:1rem}}}&.list,&.main-col-right-list{border-top:1px solid #000;clear:both;display:block;float:right;margin:10px 300px 30px 30px;padding:25px 0 0;width:25%;& h1{font-size:110%;font-weight:700;line-height:1.3;margin:0 0 20px}& dl{font-size:90%;& dt{line-height:1.3;margin:0;& a{font-weight:700}}& dd{line-height:1.3;margin:0 0 1rem}}}&.editors-note{border:10px solid #000;margin:0 0 30px;padding:0 0 10px;width:60%;& h2{background-color:#000;color:#fff;margin:0 0 20px;padding:10px;text-align:center}& p{font-size:90%;margin:0 1.5em 1em}}& .detail{color:var(--color-white);text-decoration:underline}}}&>aside{&>.ranking{margin:4rem 0 0;& a{color:#000}& dt{font-weight:700;line-height:1.1;margin:0 0 .5rem}& dd{& ol{border-top:1px solid #000;& li{position:relative;&:before{color:var(--color-red);font-size:250%;font-weight:100;left:.2em;line-height:1.1;position:absolute;top:.2em;z-index:2}&:first-of-type:before{content:"1"}&:nth-of-type(2):before{content:"2"}&:nth-of-type(3):before{content:"3"}&:nth-of-type(4):before{content:"4"}&:nth-of-type(5):before{content:"5"}&:nth-of-type(6):before{content:"6"}&:nth-of-type(7):before{content:"7"}&:nth-of-type(8):before{content:"8"}&:nth-of-type(9):before{content:"9"}&:nth-of-type(10):before{content:"10"}&.restricted{&:after{background-size:cover;content:"";display:inline-block;height:20px;margin:0 1rem 0 0;transform:translateY(.5rem);width:20px}}& span{display:inline-block;font-size:.6rem;line-height:1.1;margin:0 1rem 1rem 0;padding:.5rem 0 .3rem;position:relative;text-align:center;&.paid{background-color:#000;color:#fff;width:6rem}&.premium{background-color:var(--color-yellow);width:7rem}}& a{background-color:#f0f0f0;border-bottom:1px solid #000;display:block;line-height:1.3;padding:1.5rem 0 1.5rem 2.7rem;position:relative;&:hover{text-decoration:underline}& em{color:#aaa;display:block;font-size:.8rem;font-style:normal;margin:0 0 .5rem}}}}}}}}&:before{border-left:1px solid var(--color-apple);bottom:0;content:"";height:3rem;left:50%;position:absolute;transform:translateY(4rem);z-index:10}&:after{color:var(--color-black);content:"KEEP READING";display:grid;font-size:var(--font-size-headlineS);font-weight:700;justify-self:center;margin:var(--layout-gap) 0 0;text-align:center}}&>#genreUi+article{margin-top:calc(var(--layout-gap)*2)}& #related{grid-gap:var(--layout-gap);background-color:var(--color-forest);display:grid;gap:var(--layout-gap);grid-auto-flow:row;margin:calc(var(--layout-gap)*2) 0 0;overflow:hidden;padding:calc(var(--layout-gap)*2) 0 0;&>div:has(.titleRelated){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);padding:0 var(--layout-gap) var(--layout-gap)}& h2.titleRelated{color:var(--color-white);font-size:var(--font-size-headlineM);margin:0;text-align:center}& article:has(.slider){-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;padding:0 0 var(--layout-gap);scrollbar-gutter:stable both-edges}& ol.slider{gap:var(--layout-gap);grid-auto-flow:row;& li:has(.term){background-color:initial;color:var(--color-white);display:list-item;padding:0;position:relative;& a{color:var(--color-white)}& figure:has(.term){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);& figcaption:has(.term){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-row:span 3;grid-template-rows:subgrid;& span:has(.term):before{background-color:#fff3}}}}}}}}body.single.tablet{--width-full:min(100dvw,calc(100cqw - var(--layout-gap)*3));& main{&>#genreUi{& figure:has(.genreImage){& div:has(.genreImage){padding:0}}}&>article{grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);grid-auto-flow:row;&>header{&:has(.vertical){background-image:linear-gradient(#101f40 100%,#0000 0);padding:2.5rem calc(var(--layout-gap) + 2rem) 2rem}&:after,&:before{background-image:radial-gradient(circle at 2px 2px,#bbc7e1,2px,#0000 0);background-size:1.75rem 1.75rem}&:before{top:1.25rem;width:calc(50% - 16.594rem)}&:after{display:block}&>div{max-width:var(--site-width);padding:calc(var(--layout-gap)*1.5) 0 0;& #detail{&>h1{&>a,&>span{font-size:var(--font-size-headlineXS)}}&>p,&>span.author{font-size:var(--font-size-headlineS);margin-right:35cqw}&>span.author{justify-content:space-between}}&>figure{margin-top:2rem;&>img{min-height:39cqh}& figcaption{font-size:.9rem}}& dl:has(.summaryDt){margin-right:35cqw}&.vertical{grid-gap:calc(var(--layout-gap)*2);align-items:start;display:grid;gap:calc(var(--layout-gap)*2);grid-template-columns:auto 330px;padding-top:0;& #detail{gap:var(--layout-gap);&>h1{&>strong{font-size:var(--font-size-headlineL)}}& dl:has(.summaryDt),&>p,&>span.author{margin-right:0}}&>figure{margin-top:0;&>img{min-height:0;min-height:auto}}}}&:has(.standard){&:before{height:100%}&:after{display:none}&>div{padding-bottom:calc(var(--layout-gap)*2)}}}& #content{grid-gap:var(--layout-gap);container-type:inline-size;display:grid;gap:var(--layout-gap);grid-auto-flow:column;justify-content:space-between;margin-top:2.5rem;max-width:var(--site-width);& #post{margin:0 0 0 2rem;width:calc(50vw - 2.5rem);& dl.paywall{gap:calc(var(--layout-gap)*2);width:130%;&>dt:has(.string){font-size:var(--font-size-headlineXS);& span.string{font-size:var(--font-size-headlineXS)}}&>dd:has(.plan){gap:calc(var(--layout-gap)*2);&>dl:has(.plan){gap:calc(var(--layout-gap)*1.5);&>dt.plan{font-size:var(--font-size-headlineS);padding:0 0 .5em}&>dd:has(.planName){& ul:has(.planName){gap:var(--layout-gap-text);grid-auto-flow:column;& li:has(.planName){padding:var(--layout-gap-text);&>dl:has(.planName){text-align:left;text-align:initial;& dd:has(.buttonRectangle){align-content:space-between;gap:var(--layout-gap);& strong:has(.price){& data.price{font-size:calc(var(--font-size-headlineXL)*1.3)}}& a.buttonRectangle{font-size:var(--font-size-headlineXXS);width:100cqw}}}}}& span.footnote{text-align:left;text-align:initial}}}&>dl:has(.merit){& dd:has(.merit){& a.buttonRectangle{display:grid;justify-self:center;width:50%}}}&>ul:has(.buttonRectangle)+span.footnote{margin-top:-1.5em}}}&>div{& header:has([class$=NameJp]){& figure:has([class$=NameJp]){grid-auto-flow:column;grid-template-columns:40cqw auto;& figcaption:has([class$=NameJp]){& p[class$=Excerpt]{font-size:var(--font-size-headlineM)}}}}&>.data{margin-bottom:1rem;&>dt{font-size:1.1rem}&>dd{font-size:1rem}}&>figure{&.main-col-left,&.main-col-right{width:60%}&.main-col-right{float:right;margin:1.5rem -7rem 1.5em 1.5em}&.main-col-left{float:left;margin:1.5rem 1.5em 1.5em 0}&.right-col{width:31.5%}&.three-col{margin:0 1rem 0 0;&:first-child{margin-right:0}& img{float:left;width:32%}& figcaption{width:25%}}&.full,&.main-col-2x2{width:var(--width-full)}&.main-col-2x2{&>img{float:left;margin:0 1rem 0 0;width:32%;&:last-child{margin-right:0}}& figcaption{width:30%}& figcaption,&>ul{display:inline-block}&>ul{min-width:68%;& li{height:390px;margin:0 20px 0 0;width:390px}}}}&>blockquote{&.main-col-left,&.main-col-right{width:60%}&.main-col-right{float:right;margin:1.5rem -7rem 1.5em 1.5em}&.main-col-left{float:left;margin:1.5rem 1.5em 1.5em 0}}& #detail{& div.data{& .sns{display:inline-block;width:35%}}}&>.carousel{margin-left:-1rem;max-width:100dvw;width:auto;&>dt{&>strong{font-size:1.5rem}}&>dd{&>ol{gap:1.5rem;&>li{max-width:140px;min-width:140px;&:first-child{margin-left:1.5rem}&:last-child{margin-right:1.5rem}&>a{height:250px;&>span{font-size:.9rem}}}}}}& .infographic,& .infographic-table{width:var(--width-full)}}&>aside{& dl:has(.english){align-items:center;grid-auto-flow:column;justify-content:start}& address:has(.authorName){& figure:has(.authorName){gap:var(--layout-gap);grid-auto-flow:column;justify-content:start}& dl:has(.authorName){& dt:has(.authorName){text-align:left;text-align:initial}}}& ul.sns{justify-content:start}& dialog.paywall[open]{height:fit-content;width:150cqw;& dl.paywall{width:auto}& button:has(.close){padding:1em}}}}&>aside{max-width:20rem;position:relative;width:calc(33.33333vw - 2.08333rem);& dl:has(.rankingPostTitle){position:sticky;right:0;top:150px;& ol:has(.rankingPostTitle){& li:has(.rankingPostTitle){& figure:has(.rankingPostTitle){& h3>[class$=PostTitle]{font-size:var(--font-size-headlineXS)}}}}}}}& #content:has(figure.full,figure.main-col-2x2,div.infographic,.infographic-table){>aside{display:none}}&>aside{&>.ranking{margin:4rem 0 0;& a{color:#000}& dt{font-weight:700;line-height:1.1;margin:0 0 .5rem}& dd{& ol{border-top:1px solid #000;& li{position:relative;&:before{color:var(--color-red);font-size:250%;font-weight:100;left:.2em;line-height:1.1;position:absolute;top:.2em;z-index:2}&:first-of-type:before{content:"1"}&:nth-of-type(2):before{content:"2"}&:nth-of-type(3):before{content:"3"}&:nth-of-type(4):before{content:"4"}&:nth-of-type(5):before{content:"5"}&:nth-of-type(6):before{content:"6"}&:nth-of-type(7):before{content:"7"}&:nth-of-type(8):before{content:"8"}&:nth-of-type(9):before{content:"9"}&:nth-of-type(10):before{content:"10"}&.restricted{&:after{background-size:cover;content:"";display:inline-block;height:20px;margin:0 1rem 0 0;transform:translateY(.5rem);width:20px}}& span{display:inline-block;font-size:.6rem;line-height:1.1;margin:0 1rem 1rem 0;padding:.5rem 0 .3rem;position:relative;text-align:center;&.paid{background-color:#000;color:#fff;width:6rem}&.premium{background-color:var(--color-yellow);width:7rem}}& a{background-color:#f0f0f0;border-bottom:1px solid #000;display:block;line-height:1.3;padding:1.5rem 0 1.5rem 2.7rem;position:relative;&:hover{text-decoration:underline}& em{color:#aaa;display:block;font-size:.8rem;font-style:normal;margin:0 0 .5rem}}}}}}}}& #related{&:after,&:before{background-image:radial-gradient(circle at 2px 2px,#7cc6bd,2px,#0000 0);background-size:1.75rem 1.75rem;content:"";opacity:.6;position:absolute;width:100dvw;z-index:1}&:before{height:23.438rem;left:0;top:-3rem;transform:translateX(calc(-100% + 9.688rem))}&:after{height:18.75rem;left:calc(100% - 11.25rem);top:50%}&>div:has(.titleRelated){gap:calc(var(--layout-gap)*2);margin-inline:auto;max-width:var(--site-width);z-index:2}& h2.titleRelated{font-size:var(--font-size-headlineL);& span{font-size:var(--font-size-headlineM)}}& article:has(.slider){-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable both-edges}& ol.slider{gap:var(--layout-gap);grid-auto-flow:row;grid-template-columns:repeat(12,minmax(0,1fr));& li:has(.term){background-color:initial;color:var(--color-white);display:list-item;padding:0;position:relative;&:first-child{grid-column:1/span 7}&:nth-of-type(2){grid-column:9/span 4}&:nth-of-type(3){grid-column:1/span 5}&:nth-of-type(4){grid-column:7/span 6}a{color:var(--color-white)}& figure:has(.term){grid-gap:var(--layout-gap);display:grid;gap:var(--layout-gap);a.eyecatch>img{width:100%}}}}}}&.event-movie main #content{& #post iframe[src*="youtube.com"]{aspect-ratio:16/9;height:auto;width:var(--width-full)}& #post:has(iframe[src*="youtube.com"])+#sidebar{display:none}}}body.single.tablet.pc{--width-full:calc(100cqw - var(--layout-gap)*1.6);&:after,&:before{display:block}& main{&>article{&>header{&:after,&:before{background-image:radial-gradient(circle at 2px 2px,#bbc7e1,2px,#0000 0);background-size:1.75rem 1.75rem}&:before{height:calc(65% + 3.25rem);top:1.25rem;width:calc(50% - 16.594rem)}&:after{height:16.5rem;left:1.281rem;width:calc(50% - 13.75rem)}&>div{padding:var(--layout-gap-text) 0;& #detail{>span:has(.term){font-size:var(--font-size-headlineS);max-width:70%}&>p{margin-top:-.8rem}&>span.author{grid-auto-flow:column}}>figure{margin:4rem 0 0;max-width:var(--site-width);& figcaption{font-size:1rem}}& dl:has(.summaryDt){margin-top:0;& dd:has(.summaryLi){& ol:has(.summaryLi){gap:var(--layout-gap-text);padding-top:0}}}&.vertical{grid-template-columns:auto 437px;&>figure{margin-top:0}}}&:has(.standard){&:before{height:100%}&>div{padding-bottom:var(--layout-gap-text)}}}& #content{margin-top:2.5rem;margin-inline:auto;max-width:none;width:var(--site-width);& #post{margin:0 0 0 2rem;max-width:38rem;width:calc(50vw - 2.5rem);& dl.paywall{gap:var(--layout-gap);transform:translateX(-10%);&>dt:has(.string){& ul:has(.buttonRectangle){margin-top:var(--layout-gap-text)}}&>dd:has(.plan){gap:var(--layout-gap);&>dl:has(.plan){gap:var(--layout-gap);&>dd:has(.planName){& ul:has(.planName){gap:calc(var(--layout-gap)/2);grid-auto-flow:column;& li:has(.planName){padding:var(--layout-gap-text);&>dl:has(.planName){align-content:stretch;& dd:has(.buttonRectangle){gap:var(--layout-gap-text)}}}}}}&>dl:has(.recommend){& dd:has(.recommendPostTitle){& ul:has(.recommendPostTitle){grid-auto-flow:column;grid-template-columns:none}}}&>ul:has(.buttonRectangle){margin-top:0}}}&>div{& header:has([class$=NameJp]){& figure:has([class$=NameJp]){& figcaption:has([class$=NameJp]){gap:calc(var(--layout-gap)/2);& p[class$=Excerpt]{font-size:var(--font-size-headlineXL)}}}}&>figure{&.main-col-left,&.main-col-right{width:50%}&.main-col-right{margin-right:-10rem}&.full,&.main-col-2x2{margin-left:var(--layout-gap) * 4}}&>blockquote{&.main-col-left,&.main-col-right{width:70%}&.main-col-right{margin-right:-10rem}}&>.carousel{margin-left:-4rem}& dl.event{&>dt{font-size:var(--font-size-headlineM)}&>dd{&>table{& th,td{font-size:var(--font-size-headlineXS)}& th{padding-bottom:calc(var(--layout-gap)/3)}& td{& p{font-size:var(--font-size-headlineXS)}}}&>span{font-size:var(--font-size-headlineXS)}}}}&>aside{& address:has(.authorName){& dl:has(.authorName){& dt:has(.authorName){& .authorName{font-size:var(--font-size-headlineS)}}}}& dialog.paywall[open]{& dl.paywall{transform:translateX(0)}}}}&>aside{max-width:20rem;width:calc(25vw - .625rem);&>.ranking{margin:4rem 0 0;& a{color:#000}& dt{font-weight:700;line-height:1.1;margin:0 0 .5rem}& dd{& ol{border-top:1px solid #000;& li{position:relative;&:before{color:var(--color-red);font-size:250%;font-weight:100;left:.2em;line-height:1.1;position:absolute;top:.2em;z-index:2}&:first-of-type:before{content:"1"}&:nth-of-type(2):before{content:"2"}&:nth-of-type(3):before{content:"3"}&:nth-of-type(4):before{content:"4"}&:nth-of-type(5):before{content:"5"}&:nth-of-type(6):before{content:"6"}&:nth-of-type(7):before{content:"7"}&:nth-of-type(8):before{content:"8"}&:nth-of-type(9):before{content:"9"}&:nth-of-type(10):before{content:"10"}&.restricted{&:after{background-size:cover;content:"";display:inline-block;height:20px;margin:0 1rem 0 0;transform:translateY(.5rem);width:20px}}& span{display:inline-block;font-size:.6rem;line-height:1.1;margin:0 1rem 1rem 0;padding:.5rem 0 .3rem;position:relative;text-align:center;&.paid{background-color:#000;color:#fff;width:6rem}&.premium{background-color:var(--color-yellow);width:7rem}}& a{background-color:#f0f0f0;border-bottom:1px solid #000;display:block;line-height:1.3;padding:1.5rem 0 1.5rem 2.7rem;position:relative;&:hover{text-decoration:underline}& em{color:#aaa;display:block;font-size:.8rem;font-style:normal;margin:0 0 .5rem}}}}}}}}&:before{bottom:0;height:6rem;transform:translateY(7rem)}&:after{margin:var(--layout-gap) 0 0}}&>#genreUi+article{margin-top:var(--layout-gap)}& #related{& h2.titleRelated{&:after{height:5rem;transform:translateY(-3rem)}}& ol.slider li:has(.term){& figcaption:has(.term),& figure:has(.term){gap:var(--layout-gap-text)}}}}}