html:has(main.page-every){scrollbar-gutter:auto}body:has(main.page-every){width:100vw;height:100dvh;position:relative;overflow:hidden}body:has(main.page-every) footer{display:none}body:has(main.page-every) .bg-sugar-container{opacity:0;visibility:hidden}.page-every{width:100%;height:100dvh}.page-every .every-map__viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.page-every .every-map__viewport.is-dragging{cursor:grabbing}.page-every .every-map__canvas{aspect-ratio:1600/800;will-change:transform;transform-origin:0 0;will-change:transform,transform-origin;background:url(/every/bg.png) 50%/cover no-repeat;width:100%;min-width:1600px;height:100%;min-height:800px;transition:transform .5s,transform-origin .3s;position:relative}.page-every .every-map__viewport.is-dragging .every-map__canvas{transition:none}.page-every .every-title{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.page-every .every-title h1{--size:17;font-size:max(calc(var(--size)*1px),calc(var(--size)/10*1rem));border-bottom:max(1px,.1rem) solid #7f7474;flex-direction:column;align-items:center;padding-top:2.25em;padding-bottom:.9em;display:flex}.page-every .every-title h1 span{font-size:inherit;background-color:#fff;border:max(1px,.1rem) solid #514444;border-radius:100vmax;margin-bottom:1.25em;padding:.5em 2em;display:inline-block;position:relative}.page-every .every-title h1 span:after{content:"";--size:13;width:max(calc(var(--size)*1px),calc(var(--size)/10*1rem));aspect-ratio:1;left:calc(50% - (max(calc(var(--size)*1px),calc(var(--size)/10*1rem))/2));background:url(/every/serif.svg) top/contain no-repeat;display:block;position:absolute;top:98.5%}.page-every .every-title h1 img{--size:385;width:max(calc(var(--size)*1px),calc(var(--size)/10*1rem))}.page-every .every-title p{--size:16;font-weight:700;line-height:1.6;font-size:max(calc(var(--size)*1px),calc(var(--size)/10*1rem));text-align:center;margin-top:.75em}@media screen and (min-height:800px) and (max-aspect-ratio:2){.page-every .every-title h1{font-size:calc(var(--size)*100dvh/800)}.page-every .every-title h1 img{width:calc(var(--size)*100dvh/800)}.page-every .every-title p{font-size:calc(var(--size)*100dvh/800)}}@media screen and (max-width:768px){.page-every .every-title h1{font-size:calc(var(--size)*.1rem*.75)}.page-every .every-title h1 img{width:calc(var(--size)*.1rem*.75)}.page-every .every-title p{font-size:calc(var(--size)*.1rem*.75)}}.page-every .property{width:100%;height:100%;position:absolute;inset:0}.page-every .property .item{width:calc(var(--size)/1600*100%);left:calc(var(--dl)/1600*100%);top:calc(var(--dt)/800*100%);position:absolute}.page-every .btn{width:100%;height:100%;position:absolute;inset:0}.page-every .btn button{--color:#725a5a;--width:48;--size:16;font-size:max(calc(var(--size)*1px),calc(var(--size)/10*1rem));width:calc(var(--width)/1600*100%);aspect-ratio:1;left:calc(var(--dl)/1600*100%);top:calc(var(--dt)/800*100%);background-color:var(--color);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}@media (any-hover:hover){.page-every .btn button:hover{--color:var(--main);transition:background-color 50ms}.page-every .btn button:hover span{color:var(--main);transition:color 50ms}.page-every .btn button:hover:after{transition:background-color 50ms}}.page-every .btn button.active{--color:var(--main)}.page-every .btn button.active span{color:var(--main)}@media screen and (min-height:800px) and (max-aspect-ratio:2){.page-every .btn button{font-size:calc(var(--size)*100dvh/800)}}@media screen and (max-height:800px){.page-every .btn button{font-size:calc(var(--size)*1px)}}.page-every .btn button span{z-index:2;font-weight:700;font-family:var(--font-roboto);letter-spacing:-.02em;aspect-ratio:1;background-color:#fff;border-radius:50%;place-content:center;width:70%;padding-top:.08em;line-height:1;display:grid;position:relative}.page-every .btn button:after{content:"";z-index:1;background-color:var(--color);border-radius:.4em;width:1.5em;height:1.5em;display:block;position:absolute;top:calc(100% - 1.05em);left:50%;transform:translate(-50%)scaleX(.5)rotate(45deg)}.page-every:has(#btn01.active) .item01{filter:drop-shadow(0 0 .4rem var(--main))}.page-every:has(#btn02.active) .item02{filter:drop-shadow(0 0 .4rem var(--main))}.page-every:has(#btn03.active) .item03{filter:drop-shadow(0 0 .4rem var(--main))}.page-every:has(#btn04.active) .item04{filter:drop-shadow(0 0 .4rem var(--main))}.page-every:has(#btn05.active) .item05{filter:drop-shadow(0 0 .4rem var(--main))}.page-every:has(#btn06.active) .item06{filter:drop-shadow(0 0 .4rem var(--main))}.page-every:has(#btn07.active) .item07{filter:drop-shadow(0 0 .4rem var(--main))}.page-every:has(#btn08.active) .item08{filter:drop-shadow(0 0 .4rem var(--main))}.page-every:has(#btn09.active) .item09{filter:drop-shadow(0 0 .4rem var(--main))}.page-every:has(#btn10.active) .item10{filter:drop-shadow(0 0 .4rem var(--main))}.page-every:has(#btn11.active) .item11{filter:drop-shadow(0 0 .4rem var(--main))}.every-modal{z-index:1000000;pointer-events:none;opacity:0;visibility:hidden;will-change:transform;width:fit-content;transition:none;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.every-modal.is-from-right{left:auto;right:0;transform:translate(105%)}.every-modal.is-animating{transition:transform .6s,opacity .3s}.every-modal.is-open,.every-modal.is-animating{visibility:visible}.every-modal.is-open{opacity:1;pointer-events:auto;transform:translate(0,0)}.every-modal .modal-close{background-color:var(--black);z-index:2;pointer-events:auto;width:5rem;height:5rem;transition-duration:var(--hover-transition);transition-timing-function:var(--hover-easing);border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:.8rem;right:.8rem}@media (any-hover:hover){.every-modal .modal-close:hover{background-color:var(--main)}}@media screen and (max-width:768px){.every-modal .modal-close{border-radius:.3rem;width:4rem;height:4rem}}.every-modal .modal-close .line{transform-origin:50%;background-color:#fff;width:2.2rem;height:1px;transition:transform .3s,opacity .3s;display:block;position:absolute;left:calc(50% - 1.1rem)}.every-modal .modal-close .line.top{top:2rem;transform:translateY(calc(.5rem - .5px))rotate(20deg)}@media screen and (max-width:768px){.every-modal .modal-close .line.top{top:1.6rem;transform:translateY(calc(.4rem - .5px))rotate(20deg)}}.every-modal .modal-close .line.bottom{bottom:2rem;transform:translateY(calc(.5px - .5rem))rotate(-20deg)}@media screen and (max-width:768px){.every-modal .modal-close .line.bottom{bottom:1.6rem;transform:translateY(calc(.5px - .4rem))rotate(-20deg)}}.every-modal .modal-panel{z-index:1;border:var(--beige-dark).2rem solid;background-color:#fff;width:fit-content;height:100dvh;padding:8rem 4.5rem;position:relative}@media screen and (max-width:768px){.every-modal .modal-panel{width:100vw;padding:6rem 2rem}}.every-modal .modal-image{border:var(--beige-dark).3rem solid;border-radius:1.6rem;width:34rem;overflow:hidden}@media screen and (max-width:768px){.every-modal .modal-image{width:100%}}.every-modal .modal-title{border-bottom:.2rem solid var(--beige-dark);margin-block:2rem;padding-bottom:.9rem}.every-modal .modal-title span{color:var(--main);font-size:2.4rem;font-weight:700}.every-modal .modal-contents{grid-template-columns:repeat(2,1fr);gap:1rem 2rem;display:grid}.every-modal .modal-contents li{justify-self:start;font-weight:500}.every-modal .modal-contents li.long{grid-column:span 2}.every-modal .modal-contents li:before{content:"・"}