#container{position:fixed;top:0;left:0;z-index:0}.zoom-btn{position:absolute;bottom:1.5rem;z-index:2;width:3.5rem;height:3.5rem;padding:0;border:0;border-radius:50%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#ffffffb3;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:perspective(420px) rotateX(42deg);transform-origin:center bottom;transition:transform .2s}.zoom-btn--in{left:1.25rem;transform:perspective(420px) rotateX(42deg) rotateY(0)}.zoom-btn--out{right:1.25rem;transform:perspective(420px) rotateX(42deg) rotateY(0)}.zoom-btn img{width:100%;height:100%;display:block;pointer-events:none;filter:drop-shadow(0 10px 12px rgba(0,0,0,.4))}.zoom-btn--in:hover,.zoom-btn--in:active,.zoom-btn--out:hover,.zoom-btn--out:active{transform:perspective(420px) rotateX(34deg) rotateY(0) scale(1.06)}#mask{position:relative;z-index:4;width:100%;height:100vh;background:#ffffffe6;overflow-y:hidden;overflow-x:hidden}#mask-pagemove .mask-container{width:100%;height:100%;justify-content:center;align-items:center}#mask .mask-loading-text{margin-top:1rem}.mask-loading-text{font-size:1.25rem;font-family:Georgia,Times New Roman,Times,serif;font-weight:400;letter-spacing:.06em;color:#333;animation:loadingPulse .8s ease-in-out infinite alternate}@keyframes loadingPulse{0%{opacity:.25}to{opacity:1}}#mask .page-title{display:block;position:absolute;top:-60;left:-30;font-family:Hiragino Mincho ProN,YuMincho,serif;font-size:28rem;font-weight:700;transform-origin:left top;color:#72727233;line-height:.9;transform:translateY(-.05em) scaleX(.5);margin:0;padding:0}#mask .page-title2{display:block;position:absolute;top:500;left:-300;font-family:Times New Roman,serif;font-size:15rem;font-weight:700;transform-origin:left top;color:#72727233;line-height:.9;margin:0;padding:0}.text-roate-90{transform:translateY(-.05em) scaleX(.5);transform:rotate(90deg)}#dummy{z-index:1;width:100%;height:800vh;background:transparent;pointer-events:none}#menu{position:absolute;bottom:20px;width:100%;text-align:center}button{background:transparent;border:0;padding:5px 10px;cursor:pointer;margin:0 5px}.element{width:160px;height:160px;box-shadow:0 0 12px #00000080;border:1px solid rgba(0,0,0,.25);cursor:pointer;position:relative;background:#fffc;border-radius:4px;backface-visibility:hidden}.element:hover{box-shadow:0 0 12px #b62818bf;border:1px solid rgba(182,40,24,.75)}.number{position:absolute;top:8px;right:8px;font-size:12px;color:#7fffffbf}.symbol{position:absolute;top:32px;left:0;right:0;font-size:48px;font-weight:700;text-align:center;color:#ffffffe6}.details{position:absolute;bottom:15px;left:0;right:0;font-size:12px;text-align:center;color:#7fffffbf}#modal{position:fixed;bottom:0;height:65%;width:100%;align-items:center;justify-content:center;background:#fffc;box-shadow:0 0 12px #00000080;border:1px solid rgba(0,0,0,.25);z-index:1000;border-radius:8px;color:#3d3d3d;pointer-events:auto}.modal-default{display:none;height:0}.modal-open{display:flex;height:55%;transform:translateY(0);animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards;pointer-events:auto}.modal-close{display:flex;height:0;transform:translateY(100%);animation-name:fadeOut;animation-duration:1s;animation-fill-mode:forwards;opacity:0;pointer-events:none}#modal .content{background:#fffc;width:90%;height:100%;display:flex;overflow-y:auto;overflow-x:hidden}#modal .content-image{display:flex;justify-content:center;width:50%;padding:2rem}#modal .content-inner{width:50%;padding:2rem}#modal .close{position:absolute;top:5px;right:20px;font-size:40px;cursor:pointer}@keyframes fadeIn{0%{transform:translateY(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(100%)}}#scroll-area{position:relative;top:auto;left:auto;width:100%;height:100%;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#666 #e8e8e8}#scroll-area::-webkit-scrollbar{width:14px}#scroll-area::-webkit-scrollbar-track{background:#e8e8e8}#scroll-area::-webkit-scrollbar-thumb{background:#777;border-radius:6px}#scroll-area::-webkit-scrollbar-thumb:hover{background:#444}