.x-body{background-color:#dc3e4010;color:#333;min-height:100vh}.x-body.lock-opened-x-menu{position:fixed;width:100%}.x-body.lock-opened-x-menu:after{background-color:#000000b3;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.x-body.fullscreen .x-contents{height:calc(100vh - 60px)}.x-body .x-app-container .x-header{align-items:center;display:flex;height:60px;justify-content:center;position:relative}.x-body .x-app-container .x-header .wrapper{align-items:center;display:flex;justify-content:space-between;margin:auto 0;max-width:1200px;padding:0 16px;width:100%}.x-body .x-app-container .x-header .wrapper .logo .link{display:block}.x-body .x-app-container .x-header .wrapper .logo .link .image{height:50px;object-fit:contain}.x-body .x-app-container .x-header .wrapper .menu-button{display:flex;flex-direction:column;height:12px;justify-content:space-between;width:24px}.x-body .x-app-container .x-header .wrapper .menu-button .line{background-color:#333;border-radius:100vh;height:2px;width:100%}.x-body .x-app-container .x-header .x-menu{background-color:#fff;display:flex;flex-direction:column;gap:24px;height:100vh;max-width:300px;overflow-y:scroll;padding:16px;position:fixed;top:0;transition:right .2s linear;width:100%;z-index:2}.x-body .x-app-container .x-header .x-menu.open{right:0}.x-body .x-app-container .x-header .x-menu.close{right:-300px}.x-body .x-app-container .x-header .x-menu .close-menu-button-wrapper{text-align:center}.x-body .x-app-container .x-header .x-menu .close-menu-button-wrapper .close-menu-button{background-color:#444;border-radius:4px;color:#fff;font-weight:700;letter-spacing:2px;padding:12px 0;width:100%}.x-body .x-app-container .x-header .x-menu .item .title{font-size:1.2rem;font-weight:700;margin-bottom:4px}.x-body .x-app-container .x-header .x-menu .item .list{display:flex;flex-direction:column;gap:4px}.x-body .x-app-container .x-header .x-menu .item .list .sub-title a{border-radius:4px;color:#06c;display:block;padding:8px;text-decoration:none;transition:background-color .2s;width:100%}.x-body .x-app-container .x-header .x-menu .item .list .sub-title a:hover{background-color:#0066cc20}.x-body .x-app-container .x-header .x-menu .note{font-size:.8rem}.x-body .x-app-container .x-contents{display:flex;justify-content:center;margin:0 auto;max-width:800px;min-height:calc(100vh - 60px);padding-bottom:32px}.x-body .x-app-container .x-contents .x-left{flex:1}.x-body .x-app-container .x-contents .x-left .contents{display:flex;justify-content:center;position:sticky;top:0}.x-body .x-app-container .x-contents .x-main{max-width:450px;padding:0 16px;width:100%}.x-body .x-app-container .x-contents .x-right{flex:1}.x-body .x-app-container .x-contents .x-right .contents{display:flex;justify-content:center;position:sticky;top:0}@media(max-width:599px){.x-left,.x-right{display:none}}@media(max-width:749px){.x-left{display:none}}