*{box-sizing:border-box;outline:none}:root{--view-nav-fluid-width:960;--view-nav-unit:min(1px, calc(100vw / var(--view-nav-fluid-width)));--view-sp-unit:calc(100vw / 390);--view-filter-bottom:max(30px, env(safe-area-inset-bottom));--filter-appear-duration:.24s;--filter-disappear-duration:.24s;@media (max-width:780px){--view-filter-bottom:max(calc(28 * var(--view-sp-unit)), env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}}html.font-feature-mac{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ja);-webkit-user-select:none;user-select:none;background:#000096;margin:0;font-weight:500;&.is-textView{background:#fff}}input,textarea,[contenteditable]:not([contenteditable=false]){-webkit-user-select:text;user-select:text}a[href],button:enabled,summary,select:enabled,input:enabled:is([type=button],[type=submit],[type=reset],[type=checkbox],[type=radio],[type=range]),label[for],label:has(input),[role=button]:not([aria-disabled=true]),[role=link]:not([aria-disabled=true]){cursor:var(--view-object-cursor,pointer)}.viewHead{--nav-unit:var(--view-nav-unit);--nav-top:26px;z-index:2;padding:var(--nav-top) calc(12 * var(--nav-unit)) calc(6 * var(--nav-unit));letter-spacing:.2em;text-align:center;color:#fff;font-size:13px;position:relative;@media (max-width:780px){--nav-unit:var(--view-sp-unit);--nav-top:max(calc(25 * var(--nav-unit)), env(safe-area-inset-top))}& .viewHead__brand{--brand-width:75;top:max(calc(16 * var(--nav-unit)), env(safe-area-inset-top));left:max(calc(19 * var(--nav-unit)), env(safe-area-inset-left));width:calc(var(--brand-width) * var(--nav-unit));position:fixed;@media (max-width:780px){--brand-width:58;top:max(calc(14 * var(--nav-unit)), env(safe-area-inset-top));left:max(calc(17 * var(--nav-unit)), env(safe-area-inset-left))}}& .viewSound{left:max(calc(18 * var(--nav-unit)), env(safe-area-inset-left));bottom:calc(var(--view-filter-bottom) - 7 * var(--nav-unit));position:fixed;@media (max-width:780px){bottom:calc(var(--view-filter-bottom) - 8 * var(--nav-unit))}body:has(.viewFilter.is-open) &{@media (max-width:780px){pointer-events:none;animation:filter-disappear var(--filter-disappear-duration) steps(1, end) both}}body:has(.viewFilter.is-closing) &{@media (max-width:780px){pointer-events:none;animation:trash-appear var(--filter-appear-duration) steps(1, end) both;animation-delay:var(--filter-disappear-duration)}}}& .viewHead__logo{aspect-ratio:75/120;flex-shrink:0;width:100%;margin:0;& canvas{width:100%;height:auto;display:block}}& .viewHead__company{top:max(calc(var(--nav-top) - 4 * var(--nav-unit)), env(safe-area-inset-top));right:max(calc(30 * var(--nav-unit)), env(safe-area-inset-right));width:calc(182 * var(--nav-unit));aspect-ratio:182/30;color:inherit;background:currentColor;display:block;position:fixed;-webkit-mask:url(images/header-company-pc.svg?v=local-13b47c7fa7626255) 50%/contain no-repeat;mask:url(images/header-company-pc.svg?v=local-13b47c7fa7626255) 50%/contain no-repeat;@media (max-width:780px){top:max(calc(21 * var(--nav-unit)), env(safe-area-inset-top));right:max(calc(16 * var(--nav-unit)), env(safe-area-inset-right));width:calc(29 * var(--nav-unit));aspect-ratio:29/24;-webkit-mask-image:url(images/header-company-sp.svg?v=local-13b47c7fa7626255);mask-image:url(images/header-company-sp.svg?v=local-13b47c7fa7626255)}}& .viewHead__nav{flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex}& .viewHead__mode{--label-width:170;min-width:0;padding:0 calc(12 * var(--nav-unit)) calc(10 * var(--nav-unit));border:calc(1.5 * var(--nav-unit)) solid transparent;font:inherit;color:inherit;cursor:var(--view-object-cursor,pointer);touch-action:manipulation;background:0 0;border-top:0;border-radius:0;justify-content:center;align-items:center;display:flex;@media (max-width:780px){--label-width:111.4;padding:0 calc(7.111 * var(--nav-unit)) calc(5.926 * var(--nav-unit));border-width:calc(.889 * var(--nav-unit))}&[aria-current=true]{border-bottom-color:currentColor}@media (hover:hover) and (pointer:fine){&:hover{border-bottom-color:currentColor}}&[data-view-mode=graphic]{border-right-color:currentColor;&[aria-current=true]{border-left-color:currentColor}}&[data-view-mode=text]{--label-width:107;padding-inline:calc(10.5 * var(--nav-unit));@media (max-width:780px){--label-width:70.116;padding-inline:calc(7.111 * var(--nav-unit))}&[aria-current=true]{border-right-color:currentColor}}& svg{width:calc(var(--label-width) * var(--nav-unit));height:calc(29 * var(--nav-unit));display:block;overflow:visible;@media (max-width:780px){height:calc(19.003 * var(--nav-unit))}}}}.viewSound{width:calc(44 * var(--nav-unit));min-height:calc(44 * var(--nav-unit));padding:calc(7 * var(--nav-unit));color:inherit;cursor:var(--view-object-cursor,pointer);touch-action:manipulation;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;@media (max-width:780px){.viewEntry__announcement &{width:calc(36 * var(--nav-unit));min-height:calc(36 * var(--nav-unit));padding:calc(6 * var(--nav-unit))}}& svg{width:calc(30 * var(--nav-unit));height:calc(30 * var(--nav-unit));display:block;@media (max-width:780px){.viewEntry__announcement &{width:calc(24 * var(--nav-unit));height:calc(24 * var(--nav-unit));color:#000096}}& rect{@media (max-width:780px){.viewEntry__announcement &{fill:#fff}}}}}:is(.viewSound,.viewEntry__announcement){& .viewSound__wave{visibility:visible}& .viewSound__mute,&[aria-pressed=false] .viewSound__wave,&[data-sound-waves="0"] .viewSound__wave,&[data-sound-waves="1"] .viewSound__wave--2{visibility:hidden}&[aria-pressed=false] .viewSound__mute{visibility:visible}}.viewFilter{--filter-unit:var(--view-nav-unit);--filter-side-space:calc(2 * max(calc(18 * var(--filter-unit)), env(safe-area-inset-left)) + 44 * var(--filter-unit));--filter-duration:.15s;--filter-return-duration:.32s;--filter-return-gap:.1s;--filter-stagger:50ms;left:calc(50% - .5 * var(--filter-unit));bottom:var(--view-filter-bottom);z-index:9;width:calc(var(--filter-width) * var(--filter-unit));max-width:calc(100% - 2 * var(--filter-side-space) - var(--filter-unit));padding-block:var(--filter-unit);color:#000096;pointer-events:none;position:fixed;translate:-50%;@media (max-width:780px){--filter-unit:var(--view-sp-unit);width:calc(318 * var(--filter-unit));max-width:calc(100% - 32 * var(--filter-unit));left:50%}html.has-object-cursor &.has-cursor{& .viewFilter__button{cursor:none}}&.is-open{pointer-events:auto;&:before{z-index:-1;content:"";position:absolute;inset:-40px}}& .viewFilter__button{width:100%;color:inherit;cursor:var(--view-object-cursor,pointer);touch-action:manipulation;background:0 0;border:0;border-radius:100px;padding:0;display:block;@media (max-width:780px){width:auto;max-width:100%;min-height:calc(26 * var(--filter-unit));padding:calc(4 * var(--filter-unit)) calc(10 * var(--filter-unit)) calc(2 * var(--filter-unit));border:calc(1 * var(--filter-unit)) solid currentColor;background:var(--filter-fill,#fff);font-family:var(--font-en);font-size:calc(18 * var(--filter-unit));overflow-wrap:anywhere;justify-content:center;align-items:center;font-weight:500;line-height:1;display:flex}&:disabled{cursor:default}&[aria-pressed=true],&:enabled:not(.viewFilter__trigger):hover,&:enabled:focus-visible{--filter-fill:#0ff}& svg{width:100%;height:auto;display:block;@media (max-width:780px){display:none}}}& .viewFilter__label{min-width:0;display:none;@media (max-width:780px){display:block}}& .viewFilter__surface{fill:var(--filter-fill,#fff)}& .viewFilter__trigger{top:50%;left:calc(50% + .5 * var(--filter-unit));width:calc(84 * var(--filter-unit));pointer-events:auto;transition:opacity var(--filter-duration);position:absolute;translate:-50% -50%;@media (max-width:780px){top:auto;bottom:var(--filter-unit);width:auto;left:50%;translate:-50%}.viewFilter.has-selection &{@media (max-width:780px){--filter-fill:#0ff}}.viewFilter.is-open &{opacity:0;pointer-events:none}.viewFilter.is-closing &{animation:filter-return var(--filter-return-duration) ease-out both;animation-delay:calc(var(--filter-disappear-duration) + var(--filter-return-gap));transition:none}}& .viewFilter__list{align-items:center;gap:calc(var(--filter-gap) * var(--filter-unit));margin:0;padding:0;list-style:none;display:flex;@media (max-width:780px){justify-content:center;gap:calc(8 * var(--filter-unit)) calc(4 * var(--filter-unit));flex-wrap:wrap}}& .viewFilter__item{flex:var(--item-width) 1 0;visibility:hidden;opacity:0;transform-origin:50%;min-width:0;@media (max-width:780px){flex:0 auto;max-width:100%}.viewFilter.is-open &{visibility:visible;opacity:1;animation:trash-appear var(--filter-appear-duration) steps(1, end) both;animation-delay:calc(var(--reveal-step,0) * var(--filter-stagger));transition:none}.viewFilter.is-keyboard &{animation-delay:0s}.viewFilter.is-closing &{animation:filter-disappear var(--filter-disappear-duration) steps(1, end) both}}}@keyframes filter-disappear{0%{visibility:visible;opacity:1;scale:1}33.333%{opacity:1;scale:1.1}66.667%{opacity:.6;scale:.8}to{visibility:hidden;opacity:0;scale:.5}}@keyframes filter-return{0%{opacity:0;scale:1.2}35%{opacity:1}70%{scale:.96}to{opacity:1;scale:1}}.viewFilterCursor{z-index:2147483647;pointer-events:none;position:fixed;inset:0;overflow:hidden;& .viewFilterCursor__image{width:var(--view-object-cursor-width,0px);height:var(--view-object-cursor-height,0px);background-image:var(--view-object-cursor-image);transform:translate3d(calc(var(--cursor-x) - var(--view-object-cursor-hotspot-x)), calc(var(--cursor-y) - var(--view-object-cursor-hotspot-y)), 0);background-size:100% 100%;position:absolute;top:0;left:0}}.viewTool{color:#000096;min-height:40px;font:inherit;overflow-wrap:anywhere;cursor:var(--view-object-cursor,pointer);background:#fff;border:1px solid #000096;border-radius:6px;padding:8px 12px;font-size:12px;line-height:1.5}.screensaver{z-index:100;touch-action:none;position:fixed;inset:0;overflow:hidden;& .boardGL{pointer-events:none}& .screensaver__object{transform-origin:0 0;will-change:transform;pointer-events:none;position:absolute;top:0;left:0}}body.is-screensaver{overflow:hidden;& .viewHead .viewSound{display:none}& .viewHead,& .viewFilter,& .viewTool--closeAll,& .board,& .textView{visibility:hidden}}.viewTool--closeAll{--cleanup-cycle:2.2s;--trash-hover-duration:.32s;--trash-appear-duration:.24s;right:max(30px, env(safe-area-inset-right));bottom:max(30px, env(safe-area-inset-bottom));z-index:11;width:48px;min-height:48px;translate:var(--trash-offset,0px 0px);transform:translate(var(--trash-hover-offset,0px, 0px));transition:transform var(--trash-hover-duration) cubic-bezier(.25, .1, .25, 1);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;@media (max-width:780px){right:max(calc(16 * var(--view-sp-unit)), env(safe-area-inset-right));bottom:max(calc(28 * var(--view-sp-unit)), env(safe-area-inset-bottom));width:calc(32 * var(--view-sp-unit));min-height:calc(32 * var(--view-sp-unit))}&[hidden]{display:none}&:not([hidden]){animation:trash-appear var(--trash-appear-duration) steps(1, end) both;&.is-leaving{pointer-events:none;animation-name:trash-disappear}}&.has-cursor,&.has-cursor *{cursor:none}& .viewTool__cleanup{--cleanup-unit:1px;left:50%;bottom:calc(100% + 10 * var(--cleanup-unit));width:calc(76 * var(--cleanup-unit));height:calc(22 * var(--cleanup-unit));pointer-events:none;position:absolute;translate:-50%;@media (max-width:780px){--cleanup-unit:calc(2 / 3 * var(--view-sp-unit))}& img{width:100%;height:auto;display:block}}& .viewTool__trash{width:48px;height:48px;display:block;@media (max-width:780px){width:calc(32 * var(--view-sp-unit));height:calc(32 * var(--view-sp-unit))}}@media (hover:hover) and (pointer:fine){&:hover .viewTool__cleanup{animation:cleanup-bubble var(--cleanup-cycle) linear infinite}}}@keyframes trash-appear{0%{opacity:0;scale:.5}33.333%{opacity:.6;scale:.8}66.667%{opacity:1;scale:1.1}to{opacity:1;scale:1}}@keyframes trash-disappear{0%{opacity:1;scale:1}33.333%{opacity:1;scale:1.1}66.667%{opacity:.6;scale:.8}to{opacity:0;scale:.5}}@keyframes cleanup-bubble{0%{opacity:1;animation-timing-function:linear(0 0% 25%, .0318 25% 50%, .1349 50% 75%, .3404 75% 100%, 1 100%);transform:translateY(0)scale(1)}15.9091%{opacity:0;transform:translateY(calc(100% + 12px))scale(0)}38.6364%{opacity:0;animation-timing-function:linear(0 0% 25%, .9457 25% 50%, 1.0799 50% 75%, 1.0338 75% 100%, 1 100%);transform:translateY(0)scale(.5)}54.5455%,to{opacity:1;transform:translateY(0)scale(1)}}.viewPreview{color:#182264;letter-spacing:normal;overflow-wrap:anywhere;background:#fff;border:1px solid #d8dcf5;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin:0 16px 12px;padding:10px 14px;font-size:12px;line-height:1.6;display:flex;& .viewPreview__note{text-align:center;flex-basis:100%;margin:0}}.viewPreview>*{min-width:0}.viewPreview__refresh{max-width:100%;color:inherit;font:inherit;cursor:var(--view-object-cursor,pointer);background:0 0;border:1px solid;border-radius:4px;padding:5px 10px}body.is-textView .viewHead{color:#000096}body.is-textView .board{display:none;&.is-gl{pointer-events:none;display:block;& .boardItem{display:none}}}.textStage{z-index:1;overscroll-behavior:contain;scrollbar-width:none;background:#fff url(./images/copy-noise-tile.webp?v=local-13b47c7fa7626255);background-position:var(--copy-noise-position,0px 0px);touch-action:pan-y;position:fixed;inset:0;overflow:hidden auto;@media (max-width:780px){height:100vh;bottom:auto}body.has-copy-background &{background:0 0}&.is-scroll-locked{touch-action:none;overflow-y:hidden}&::-webkit-scrollbar{display:none}}.textStage__canvas{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:sticky;top:0}.textIndex{--textIndexScale:1;--textIndexLayoutScale:1;--textIndexTransformScale:var(--textIndexScale);--textIndexY:0px;--textIndexMarkerY:0px;--textIndexMarkerScaleX:1;--textIndexMarkerScaleY:1;z-index:0;color:#000096;pointer-events:none;height:0;position:sticky;top:0;@media (max-width:780px){--textIndexLayoutScale:var(--textIndexScale);--textIndexTransformScale:1;opacity:.2}&.textIndex--desktop{--textIndexLayoutScale:var(--textIndexScale);--textIndexTransformScale:1}& .textIndex__viewport{width:100%;position:absolute;top:0;left:0;overflow:hidden}& .textIndex__rail{width:calc(347px * var(--textIndexLayoutScale));transform-origin:0 0;transform:translate3d(0, var(--textIndexY), 0) scale(var(--textIndexTransformScale));will-change:transform;position:absolute;top:0;left:2.08333%;@media (max-width:780px){left:5.64103%}&.textIndex__rail--right{left:93.75%;@media (max-width:780px){display:none}}}& .textIndex__list{gap:calc(5px * var(--textIndexLayoutScale));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}& .textIndex__marker{top:calc(-4.5px * var(--textIndexLayoutScale));left:calc(-16px * var(--textIndexLayoutScale));width:calc(9px * var(--textIndexLayoutScale));height:calc(9px * var(--textIndexLayoutScale));transform:translate3d(0, calc(var(--textIndexMarkerY) * var(--textIndexLayoutScale)), 0) scale(var(--textIndexMarkerScaleX), var(--textIndexMarkerScaleY));will-change:transform;background:url(./images/text-index-current.svg?v=local-13b47c7fa7626255) 50%/100% 100% no-repeat;position:absolute;@media (max-width:780px){display:none}}& .textIndex__button{width:100%;min-height:calc(12.844px * var(--textIndexLayoutScale));color:inherit;font:inherit;text-align:left;font-feature-settings:"palt" 1;overflow-wrap:anywhere;cursor:var(--view-object-cursor,pointer);pointer-events:auto;background:0 0;border:0;align-items:center;padding:0;text-decoration:none;display:flex;position:relative;@media (max-width:780px){pointer-events:none;cursor:default}@media (hover:hover) and (pointer:fine){&:is(:enabled,a[href]):hover,&:is(:enabled,a[href]).is-hovered{background:var(--bnrBg);color:var(--bnrFg)}}}& .textIndex__title{flex:0 0 calc(240px * var(--textIndexLayoutScale));min-width:0;padding-right:calc(12px * var(--textIndexLayoutScale));font-family:var(--font-ja);font-size:calc(11px * var(--textIndexLayoutScale));letter-spacing:.08em;font-weight:500;line-height:1.16764}& .textIndex__genre,& .textIndex__number{min-width:0;font-family:var(--font-en);font-size:calc(12px * var(--textIndexLayoutScale));letter-spacing:.02em;font-weight:500;line-height:1}& .textIndex__genre{flex:0 0 calc(79px * var(--textIndexLayoutScale));padding-right:calc(10px * var(--textIndexLayoutScale));letter-spacing:var(--copy-category-letter-spacing)}& .textIndex__number{flex:1}}.textStage__access{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.textStage__measure{visibility:hidden;pointer-events:none;width:1440px;position:fixed;top:0;left:-10000px}.textStage--relief{--textStageTilt:0deg;--textStagePerspective:180vw;--textDepthAxisX:-.62;--textDepthAxisY:-.48;--textDepthPullDuration:.36s;--textDepthPullEase:cubic-bezier(.3, 0, .2, 1);perspective:var(--textStagePerspective);perspective-origin:50% 100%;& .textStage__world{transform-origin:50% 100%;rotate:x var(--textStageTilt)}& .textStage__world,& .textStage__layout,& .textStage__piece,& .bnr,& .bnr__row{transform-style:preserve-3d}& .bnr{--textDepthBase:.42;--textDepthPullRatio:0;--textDepthSize:calc(var(--bnrRowH) * var(--textDepthBase));--textDepthPull:calc(var(--bnrRowH) * var(--textDepthPullRatio));--textDepthStretch:calc(1 + var(--textDepthPullRatio) / var(--textDepthBase));translate:calc(var(--textDepthPull) * var(--textDepthAxisX)) calc(var(--textDepthPull) * var(--textDepthAxisY)) var(--textDepthPull);transition:translate var(--textDepthPullDuration) var(--textDepthPullEase);transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, var(--textDepthAxisX), var(--textDepthAxisY), 1, 0, 0, 0, 0, 1) rotateX(var(--textDepthPitch,0deg)) rotateY(var(--textDepthYaw,0deg));position:relative}& .bnr__row{position:relative;&:after{content:"";translate:0 0 calc(-1 * var(--textDepthPull));transition:translate var(--textDepthPullDuration) var(--textDepthPullEase);position:absolute;inset:0}}@media (hover:hover) and (pointer:fine){& .textStage__piece:hover .bnr{--textDepthPullRatio:.7}}& .textDepth{transform-style:preserve-3d;pointer-events:none;display:block;position:absolute;inset:0}& .textDepth__face{background:color-mix(in srgb, var(--bnrBg) 72%, #000);pointer-events:none;transition:transform var(--textDepthPullDuration) var(--textDepthPullEase);display:block;position:absolute}& .textDepth__face--back{transform:translateZ(calc(-1 * (var(--textDepthSize) + var(--textDepthPull))));inset:0}& .textDepth__face--left,& .textDepth__face--right{width:var(--textDepthSize);transform-origin:0 0;height:100%;transform:rotateY(90deg) scaleX(var(--textDepthStretch));top:0}& .textDepth__face--left{left:0}& .textDepth__face--right{left:100%}& .textDepth__face--top,& .textDepth__face--bottom{height:var(--textDepthSize);transform-origin:0 0;transform:rotateX(-90deg) scaleY(var(--textDepthStretch))}& .textDepth__face--top{background:color-mix(in srgb, var(--bnrBg) 90%, #fff);top:0}& .textDepth__face--bottom{background:color-mix(in srgb, var(--bnrBg) 60%, #000);top:100%}}.textStage__world{z-index:1;pointer-events:none;width:100%;height:100%;position:sticky;top:0;overflow:hidden}.textStage__extent{pointer-events:none}.textStage__layout{transform-origin:0 0;position:absolute;top:0;left:0}.textStage__piece{text-align:left;cursor:var(--view-object-cursor,pointer);pointer-events:none;will-change:transform;transform-origin:50% 100%;background:0 0;border:0;padding:0;text-decoration:none;position:absolute;top:0;left:0;& .bnr__row{pointer-events:auto}}.board{z-index:1;width:100%;position:relative;overflow:hidden}.board.is-gl{z-index:1;position:fixed;inset:0;overflow:clip;@media (max-width:780px){height:100vh;bottom:auto}}.boardGL{touch-action:none;cursor:grab;display:block;position:absolute;top:0;left:0}.boardGL.is-dragging{cursor:grabbing}.boardItem{cursor:var(--view-object-cursor,pointer);background:0 0;border:0;padding:0;text-decoration:none;position:absolute}.board.is-gl .boardItem{pointer-events:none;top:0;left:0}.boardItem .uraCard{pointer-events:none}.modalOpening{pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0;overflow:hidden}.modalOpening__stroke{fill:none;stroke:#fff;stroke-width:.75px;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.modalOpening__stroke--shadow{stroke:#080c32d9;stroke-width:2px}.modalGenie{pointer-events:none;position:fixed;inset:0;overflow:hidden}.modalGenie__strip{transform-origin:0 0;will-change:transform;pointer-events:none;position:absolute;top:0;left:0;overflow:hidden}.modalGenie__offband,.modalGenie__offband *,.modalGenie__offband:before,.modalGenie__offband:after,.modalGenie__offband :before,.modalGenie__offband :after{visibility:hidden!important;animation:none!important}.modalWindow{--modal-unit:var(--view-nav-unit,1px);--modal-bar-unit:var(--modal-unit);--modal-noise-duration:.36s;--modal-rgb:0 0 150;--modal-number-color:#17288b;--modal-soft-color:#d6dded;z-index:10;width:calc(480 * var(--modal-unit));max-width:calc(100vw - 24px);height:calc(min(760 * var(--modal-unit), 100dvh - 24px) * .8);border-radius:calc(8 * var(--modal-unit));color:rgb(var(--modal-rgb));font-family:var(--font-ja);font-feature-settings:"palt" 1;cursor:grab;touch-action:pan-y;transform-origin:var(--like-origin,center);rotate:calc(var(--trash-rotation,0deg) + var(--throw-rotation,0deg));scale:calc(var(--trash-scale,1) * var(--like-combo-scale,1));translate:calc(var(--trash-x,0px) + var(--throw-x,0px)) calc(var(--trash-y,0px) + var(--throw-y,0px));background:#fff;border:1px solid;flex-direction:column;font-weight:500;display:flex;position:fixed;overflow:hidden;@media (max-width:780px){--modal-unit:var(--view-sp-unit);--modal-noise-animation:none;--modal-top-limit:env(safe-area-inset-top,0px);width:calc(340 * var(--modal-unit));max-width:calc(100vw - 24 * var(--modal-unit));height:min(calc(432 * var(--modal-unit)), calc(100dvh - 48 * var(--modal-unit)));border-width:calc(.7 * var(--modal-unit));box-shadow:0 calc(35 * var(--modal-unit)) calc(56 * var(--modal-unit)) rgb(var(--modal-rgb) / .2);top:45dvh}&.is-front-window{--modal-noise-animation:modal-noise}&.is-like-complete{--modal-rgb:246 0 27;--modal-number-color:#f6001b;--modal-soft-color:#ffe2e5;--modal-art-filter:url(#article-like-red-ink);--modal-related-bg:#f6001b;--modal-related-fg:#fff}&.modalWindow--video{width:calc(600 * var(--modal-unit));height:auto;max-height:calc(100dvh - 24px);box-shadow:0 calc(50 * var(--modal-unit)) calc(80 * var(--modal-unit)) rgb(var(--modal-rgb) / .2);@media (max-width:780px){--modal-unit:calc(var(--view-sp-unit) * 340 / 600);--modal-bar-unit:var(--view-sp-unit)}}}.articleVideo{padding:calc(30 * var(--modal-unit))}.articleVideo__player{aspect-ratio:540/304;border-radius:calc(8 * var(--modal-unit));background:#000;border:1px solid;width:100%;height:auto;display:block}.articleVideo__empty{font-size:calc(16 * var(--modal-unit));margin:0}.articleLink{padding:calc(30 * var(--modal-unit));overflow-wrap:anywhere;& h2{font-size:calc(24 * var(--modal-unit));margin:0}& p{margin:0;margin-top:calc(18 * var(--modal-unit))}& a{margin-top:calc(18 * var(--modal-unit));display:block}}.modalWindow.is-like-front{z-index:var(--like-front-z)!important}.modalWindow.is-dragging{cursor:grabbing;user-select:none}.modalWindow.is-trash-ready:after{content:"";z-index:10;background:rgb(var(--modal-rgb) / .8);pointer-events:none;position:absolute;inset:0}.modalWindow a,.modalWindow button{color:inherit;cursor:var(--view-object-cursor,pointer)}.modalWindow button:not(.modalWindow__close,.articleDetail__like):focus-visible,.modalWindow a:focus-visible{outline-offset:3px;outline:2px solid}@media (max-width:780px){.modalWindow button:not(.modalWindow__close,.articleDetail__like):focus-visible{outline:none}.modalWindow a[href]{-webkit-tap-highlight-color:initial}}.modalWindow__bar{min-height:calc(34 * var(--modal-bar-unit));padding:calc(6 * var(--modal-bar-unit)) calc(38 * var(--modal-bar-unit));background:var(--modal-soft-color);cursor:inherit;user-select:none;touch-action:none;border-bottom:1px solid;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.modalWindow__barTitle{min-width:0;font-size:calc(12 * var(--modal-bar-unit));letter-spacing:.08em;text-align:center;overflow-wrap:anywhere;margin:0;line-height:1.2}.modalWindow__close{top:50%;right:calc(10 * var(--modal-bar-unit));width:calc(16 * var(--modal-bar-unit));height:calc(16 * var(--modal-bar-unit));border:calc(1 * var(--modal-bar-unit)) solid currentColor;background:#fff;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translateY(-50%);&:before{content:"";width:calc(11.3724 * var(--modal-bar-unit));height:calc(11.3737 * var(--modal-bar-unit));background:currentColor;mask:url(images/modal/close.svg?v=local-13b47c7fa7626255) 50%/100% 100% no-repeat}}.modalWindow__scrollArea{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.modalWindow__body{overscroll-behavior:contain;scrollbar-width:none;touch-action:none;flex:1;min-width:0;min-height:0;overflow:hidden auto}.modalWindow__body::-webkit-scrollbar{display:none}.modalWindow__body.is-scrollable{touch-action:pan-y}.modalWindow__scrollbar{width:max(12px, calc(12 * var(--modal-unit)));background:var(--modal-soft-color);cursor:pointer;touch-action:none;border-left:1px solid;flex:none;position:relative;&:focus-visible{outline-offset:-2px;outline:2px solid}}.modalWindow__scrollThumb{background:currentColor;border-radius:6px;width:calc(100% - 4px);min-height:0;position:absolute;top:0;left:2px}.articleDetail{--detail-end-space:calc(48 * var(--modal-unit));padding:0 0 var(--detail-end-space);overflow-wrap:anywhere;overflow:clip;@media (max-width:780px){--detail-end-space:calc(40 * var(--modal-unit))}&>:last-child:not(.articleDetail__profile--no-works){border-bottom:0;padding-bottom:0}}.articleDetail p,.articleDetail h2,.articleDetail h3,.articleDetail ul{margin:0}.articleDetail__head{align-items:flex-start;gap:calc(28 * var(--modal-unit));margin:calc(29 * var(--modal-unit)) calc(40 * var(--modal-unit)) calc(32 * var(--modal-unit)) calc(39 * var(--modal-unit));padding:0 0 calc(30 * var(--modal-unit));border-bottom:1px solid;flex-direction:column;display:flex;@media (max-width:780px){gap:calc(20 * var(--modal-unit));margin:calc(26 * var(--modal-unit)) calc(27 * var(--modal-unit)) calc(27.51 * var(--modal-unit));padding-bottom:calc(22.6 * var(--modal-unit))}}.articleDetail .articleDetail__no{min-width:calc(54 * var(--modal-unit));padding:calc(2 * var(--modal-unit)) calc(12 * var(--modal-unit)) 0;border:calc(1.246 * var(--modal-unit)) solid currentColor;border-radius:calc(62.298 * var(--modal-unit));color:var(--modal-number-color);font-family:var(--font-en);font-size:calc(28 * var(--modal-unit));letter-spacing:.04em;justify-content:center;align-items:center;font-weight:400;line-height:1;display:flex;@media (max-width:780px){min-width:calc(40.602 * var(--modal-unit));padding:calc(1.504 * var(--modal-unit)) calc(9.023 * var(--modal-unit)) 0;border-width:calc(.937 * var(--modal-unit));font-size:calc(20 * var(--modal-unit))}& .articleDetail__noText{transform:translateY(-1px)}}.articleDetail__heading{gap:calc(6 * var(--modal-unit));flex-direction:column;width:100%;min-width:0;display:flex;@media (max-width:780px){gap:calc(4.511 * var(--modal-unit))}}.articleDetail__category,.articleDetail__slash{font-family:var(--font-en);font-size:calc(24 * var(--modal-unit));letter-spacing:.04em;text-transform:uppercase;font-weight:500;line-height:1;@media (max-width:780px){font-size:calc(18 * var(--modal-unit))}}.articleDetail__slash{margin-top:calc(2 * var(--modal-unit));font-weight:400;line-height:.916667;@media (max-width:780px){margin-top:calc(1.504 * var(--modal-unit))}}.articleDetail .articleDetail__title{font-size:calc(28 * var(--modal-unit));letter-spacing:.08em;margin-block:-.1665em;font-weight:500;line-height:1.333;@media (max-width:780px){font-size:calc(20 * var(--modal-unit))}}.articleDetail__image{border-top:1px solid;border-bottom:1px solid;width:100%;height:auto;display:block}.articleDetail__story{align-items:flex-start;gap:calc(40 * var(--modal-unit));margin:0 calc(39 * var(--modal-unit)) 0 calc(40 * var(--modal-unit));padding:0 0 calc(48 * var(--modal-unit));border-bottom:1px solid;flex-direction:column;display:flex;@media (max-width:780px){margin-inline:calc(27 * var(--modal-unit));padding-bottom:calc(40 * var(--modal-unit))}}.articleDetail__image+.articleDetail__story{padding-top:calc(48 * var(--modal-unit));@media (max-width:780px){padding-top:calc(40 * var(--modal-unit))}}.articleDetail__text{width:100%;font-size:calc(18 * var(--modal-unit));letter-spacing:.06em;text-align:justify;white-space:pre-wrap;line-height:1.7;@media (max-width:780px){font-size:calc(15 * var(--modal-unit))}}.articleDetail__like{align-items:center;gap:calc(16 * var(--modal-unit));max-width:100%;font:inherit;font-size:calc(18 * var(--modal-unit));letter-spacing:.06em;background:0 0;border:0;outline:none;padding:0;line-height:1.7;display:flex;@media (max-width:780px){font-size:calc(15 * var(--modal-unit))}}.articleDetail__like svg{width:calc(40 * var(--modal-unit));height:calc(40 * var(--modal-unit));flex:none;.modalWindow.is-like-complete &{& rect{fill:currentColor;stroke:currentColor}& path{fill:#fff;stroke:none}}}.articleDetail__like svg path{transform-box:fill-box;transform-origin:50%}.articleLikeScreen,.articleLikeParticles{pointer-events:none;position:fixed;inset:0;overflow:hidden;&>:is(img,span){object-fit:contain;pointer-events:none;position:absolute}& .articleLikeParticles__star{-webkit-mask:url(images/modal/like-star.svg?v=local-13b47c7fa7626255) 50%/contain no-repeat;mask:url(images/modal/like-star.svg?v=local-13b47c7fa7626255) 50%/contain no-repeat;&.is-outline{-webkit-mask-image:url(images/modal/like-star-outline.svg?v=local-13b47c7fa7626255);mask-image:url(images/modal/like-star-outline.svg?v=local-13b47c7fa7626255)}}& .articleLikeParticles__line{border-radius:1px}}.articleDetail__noise{height:calc(120 * var(--modal-unit));margin-top:calc(56 * var(--modal-unit));background:var(--modal-soft-color);border-top:1px solid;border-bottom:1px solid;position:relative;overflow:hidden;@media (max-width:780px){margin-top:calc(48 * var(--modal-unit))}.articleDetail__profile--no-works+&{margin-top:var(--detail-end-space)}}.articleDetail__noise:before{content:"";background:url(images/modal/noise.webp?v=local-13b47c7fa7626255);background-size:calc(480 * var(--modal-unit)) calc(120 * var(--modal-unit));filter:var(--modal-art-filter,none);animation:modal-noise var(--modal-noise-duration) steps(1, end) infinite;animation-name:var(--modal-noise-animation,modal-noise);position:absolute;inset:-16px}@keyframes modal-noise{0%,to{transform:translate(0)}33.333%{transform:translate(9px,-7px)}66.666%{transform:translate(-6px,11px)}}.articleDetail__sectionHeading{align-items:center;gap:calc(12 * var(--modal-unit));font-family:var(--font-en);font-size:calc(18 * var(--modal-unit));letter-spacing:.04em;font-weight:500;line-height:1.2;display:flex;@media (max-width:780px){gap:calc(13 * var(--modal-unit));font-size:calc(16 * var(--modal-unit))}}.articleDetail__sectionIcon{width:calc(18 * var(--modal-unit));height:calc(18 * var(--modal-unit));filter:var(--modal-art-filter,none);flex:none;@media (max-width:780px){width:calc(16 * var(--modal-unit));height:calc(16 * var(--modal-unit))}.articleDetail__profile &{translate:0 calc(-2 * var(--modal-unit))}}.articleDetail__profile{padding:calc(38 * var(--modal-unit)) calc(40 * var(--modal-unit)) calc(156 * var(--modal-unit));position:relative;@media (max-width:780px){padding:calc(40 * var(--modal-unit)) calc(27 * var(--modal-unit)) calc(120 * var(--modal-unit))}&.articleDetail__profile--no-works{padding-bottom:calc(105 * var(--modal-unit));@media (max-width:780px){padding-bottom:calc(85 * var(--modal-unit))}}}.articleDetail__person{align-items:center;gap:calc(24 * var(--modal-unit));margin-top:calc(22 * var(--modal-unit));flex-direction:column;display:flex;position:relative;@media (max-width:780px){gap:calc(18 * var(--modal-unit))}.articleDetail__profile--no-works &{min-height:calc(229.6 * var(--modal-unit));@media (max-width:780px){min-height:calc(182 * var(--modal-unit))}}}.articleDetail__person:before{content:"";top:calc(62 * var(--modal-unit));width:calc(450.564 * var(--modal-unit));height:calc(246.937 * var(--modal-unit));pointer-events:none;background:currentColor;position:absolute;left:50%;transform:translate(-50%)rotate(-26.99deg);mask:url(images/modal/ellipse.svg?v=local-13b47c7fa7626255) 50%/100% 100% no-repeat;@media (max-width:780px){top:calc(56.5 * var(--modal-unit));width:calc(336.353 * var(--modal-unit));height:calc(184.342 * var(--modal-unit))}}.articleDetail__photo{isolation:isolate;width:calc(150 * var(--modal-unit));aspect-ratio:1;border-radius:calc(12 * var(--modal-unit));max-width:100%;position:relative;overflow:hidden;@media (max-width:780px){width:calc(120 * var(--modal-unit))}}.articleDetail__photo img{object-fit:cover;width:100%;height:100%;display:block}.articleDetail__photo:after{content:"";background:rgb(var(--modal-rgb) / .5);mix-blend-mode:color;pointer-events:none;position:absolute;inset:0}.articleDetail__personCaption{align-items:center;gap:calc(10 * var(--modal-unit));text-align:center;flex-direction:column;max-width:100%;display:flex;position:relative;@media (max-width:780px){gap:calc(8 * var(--modal-unit))}}.articleDetail__personName{font-size:calc(20 * var(--modal-unit));letter-spacing:.06em;line-height:1.2;@media (max-width:780px){font-size:calc(16 * var(--modal-unit))}}.articleDetail__personTitle{font-family:var(--font-en);font-size:calc(18 * var(--modal-unit));letter-spacing:.04em;font-weight:500;line-height:1.2;@media (max-width:780px){font-size:calc(14 * var(--modal-unit))}}.articleDetail__works{gap:calc(36 * var(--modal-unit));margin:0 calc(39 * var(--modal-unit)) 0 calc(40 * var(--modal-unit));padding-bottom:calc(48 * var(--modal-unit));border-bottom:1px solid;flex-direction:column;display:flex;@media (max-width:780px){gap:calc(32 * var(--modal-unit));margin-inline:calc(27 * var(--modal-unit));padding-bottom:calc(40 * var(--modal-unit))}}.articleDetail__story+.articleDetail__works{margin-top:calc(48 * var(--modal-unit))}.articleDetail__workList{gap:calc(28 * var(--modal-unit));flex-direction:column;padding:0;list-style:none;display:flex;@media (max-width:780px){gap:calc(22 * var(--modal-unit))}}.articleDetail__workLink{--work-media-width:calc(120 * var(--modal-unit));align-items:center;gap:calc(12 * var(--modal-unit)) calc(30 * var(--modal-unit));flex-wrap:wrap;text-decoration:none;display:flex;@media (max-width:780px){--work-media-width:calc(114 * var(--modal-unit));column-gap:calc(36 * var(--modal-unit))}&:hover{& .articleDetail__workMedia:after{opacity:1}& .articleDetail__workText{text-decoration:none}}}.articleDetail__workMedia{width:var(--work-media-width);height:calc(67 * var(--modal-unit));border-radius:calc(12 * var(--modal-unit));flex:none;position:relative;overflow:hidden;@media (max-width:780px){height:calc(64 * var(--modal-unit))}&:after{content:"";background:rgb(var(--modal-rgb) / .5);opacity:0;pointer-events:none;position:absolute;inset:0}}.articleDetail__workImage{object-fit:cover;width:100%;height:100%;display:block}.articleDetail__workText{flex:1 1 var(--work-media-width);min-width:0;font-size:calc(14 * var(--modal-unit));letter-spacing:.06em;text-underline-position:under;white-space:pre-wrap;line-height:1.2;text-decoration:underline;@media (max-width:780px){font-size:calc(13 * var(--modal-unit))}}.articleDetail__related{align-items:flex-start;gap:calc(42 * var(--modal-unit));margin:calc(40 * var(--modal-unit)) calc(39 * var(--modal-unit)) 0 calc(40 * var(--modal-unit));padding-bottom:calc(48 * var(--modal-unit));border-bottom:1px solid;flex-direction:column;display:flex;@media (max-width:780px){margin:calc(40 * var(--modal-unit)) calc(27 * var(--modal-unit)) 0;padding-bottom:calc(40 * var(--modal-unit))}}.articleDetail__bubble{max-width:100%;padding:calc(6 * var(--modal-unit)) calc(12 * var(--modal-unit));border-radius:calc(190 * var(--modal-unit));font-size:calc(16 * var(--modal-unit));letter-spacing:.06em;background:#fff;border:1px solid;font-weight:500;line-height:1.2;position:relative;@media (max-width:780px){font-size:calc(14 * var(--modal-unit))}}.articleDetail__bubble:after{content:"";top:calc(100% - 3 * var(--modal-unit));left:calc(27 * var(--modal-unit));width:calc(22.4206 * var(--modal-unit));height:calc(16.8905 * var(--modal-unit));filter:var(--modal-art-filter,none);background:url(images/modal/bubble-tail.svg?v=local-13b47c7fa7626255) 50%/100% 100% no-repeat;position:absolute}.articleDetail__relatedList{border-top:1px dotted rgb(var(--modal-rgb) / .35);width:100%;padding:0;list-style:none}.articleDetail__relatedItem{border-bottom:1px dotted rgb(var(--modal-rgb) / .35)}.articleDetail__relatedButton{align-items:flex-start;gap:calc(16 * var(--modal-unit));width:100%;padding:calc(24 * var(--modal-unit)) 0;font:inherit;font-size:calc(16 * var(--modal-unit));text-align:left;overflow-wrap:anywhere;background:0 0;border:0;flex-direction:column;line-height:1.2;text-decoration:none;display:flex;@media (max-width:780px){font-size:calc(14 * var(--modal-unit))}}.articleDetail__relatedMeta{gap:calc(15 * var(--modal-unit));font-family:var(--font-en);letter-spacing:.02em;text-transform:uppercase;flex-wrap:wrap;font-weight:500;display:flex}.articleDetail__relatedTitle{letter-spacing:.06em;text-underline-position:under;text-decoration:underline;.articleDetail__relatedButton:hover &{background-color:var(--modal-related-bg,var(--bnrBg));color:var(--modal-related-fg,var(--bnrFg))}}.modalWindow__resize{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,#0000 0 66%,currentColor 66% 70%,#0000 70% 82%,currentColor 82% 86%,#0000 86%);width:22px;height:22px;position:absolute;bottom:0;right:0}.boardItem.is-seen>.uraCard{filter:url(#article-seen-tint)}.textStage__piece.is-seen>.bnr .bnr__row{--bnrBg:#d9d9d9;--bnrFg:#fff}.articleSeen{transform:translate(-50%, -50%) rotate(var(--seenRotation,0deg)) scale(var(--seenScaleX,1), var(--seenScaleY,1));z-index:2;width:134px;height:47px;color:var(--seenFg);pointer-events:none;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;top:50%;left:50%;&:before{content:"";z-index:-1;background:var(--seenBg);position:absolute;inset:0;-webkit-mask:url(./images/seen-ellipse.svg?v=local-13b47c7fa7626255) 50%/100% 100% no-repeat;mask:url(./images/seen-ellipse.svg?v=local-13b47c7fa7626255) 50%/100% 100% no-repeat}& .articleSeen__label{background:currentColor;flex:none;width:55px;height:14px;-webkit-mask:url(./images/seen-label.svg?v=local-13b47c7fa7626255) 50%/53px 13px no-repeat;mask:url(./images/seen-label.svg?v=local-13b47c7fa7626255) 50%/53px 13px no-repeat}& .articleSeen__eyes{flex:none;width:18px;height:18px}}.articleSeen[hidden]{display:none}.articleLikeRain{z-index:2;pointer-events:none;contain:strict;position:absolute;inset:0;overflow:hidden;&>span{pointer-events:none;width:32px;height:100%;position:absolute;top:0}& img{opacity:.8;pointer-events:none;height:auto;display:block}}html.has-view-entry{overflow:hidden}.viewEntry{--nav-unit:var(--view-nav-unit);z-index:100;color:#000096;overscroll-behavior:contain;cursor:pointer;-webkit-user-select:none;user-select:none;background:#17288b;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:70px 20px;position:fixed;inset:0;overflow-y:auto;&[open]{flex-direction:column;align-items:center;display:flex}&[hidden]{display:none}&::backdrop{background:#17288b}& .viewEntry__background{object-fit:cover;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}& .viewEntry__announcement{top:max(calc(20 * var(--nav-unit)), env(safe-area-inset-top));right:max(calc(22 * var(--nav-unit)), env(safe-area-inset-right));align-items:center;gap:calc(3 * var(--nav-unit));max-width:calc(100% - 40px);font:inherit;text-align:left;font-size:calc(12 * var(--nav-unit));letter-spacing:.1em;color:#fff;background:0 0;border:0;padding:0;line-height:1;display:flex;position:fixed;@media (max-width:780px){font-size:calc(24 * var(--nav-unit))}& .viewSound{@media (max-width:780px){width:calc(72 * var(--nav-unit));min-height:calc(72 * var(--nav-unit));padding:calc(12 * var(--nav-unit))}& svg{background:#17288b;border-radius:50%;@media (max-width:780px){width:calc(48 * var(--nav-unit));height:calc(48 * var(--nav-unit))}}}}& .viewEntry__window{background:#fff;border:1px solid #000096;border-radius:8px;flex-shrink:0;width:540px;max-width:100%;margin-block:auto;position:relative;overflow:hidden;box-shadow:0 50px 80px #00009633}& .viewEntry__head{background:#d6dded;border-bottom:1px solid #000096;justify-content:center;align-items:center;min-height:34px;padding:10px 35px;display:flex;position:relative;& h2{letter-spacing:.08em;text-align:center;min-width:0;margin:0;font-size:12px;font-weight:500;line-height:1.2}}& .viewEntry__close{background:0 0;border:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex;position:absolute;top:0;right:0;& img{box-sizing:content-box;background:#fff;border:1px solid #000096;border-radius:50%;width:12px;height:12px;padding:1px}}& .viewEntry__body{overflow-wrap:anywhere;font-feature-settings:"palt" 1;flex-direction:column;gap:64px;padding:26px 29px 32px;display:flex;@media (max-width:780px){gap:40px;padding:24px 20px}}& .viewEntry__copy{white-space:nowrap;min-width:0;max-width:100%;margin:0;font-size:18px;line-height:1.5;overflow:hidden;@media (max-width:780px){font-size:16px}@media (max-width:460px){font-size:calc(16 * var(--view-sp-unit) * 390 / 460)}}& .viewEntry__note{margin:0;font-size:12px;font-weight:300;line-height:1.2}}
