.body-frame>header{position:relative;margin-bottom:20px}.body-frame>header>div{position:relative;display:flex}.body-frame>header>div>div{margin:.5rem 1rem .5rem 0}.body-frame>header>div:first-child{flex-wrap:wrap}.body-frame>header>div:first-child>div{position:relative;display:flex;align-items:center}.body-frame>header>div:first-child>div>div:first-child{position:relative;padding-right:.5rem;flex-shrink:0;font-weight:700}.body-frame>div:nth-child(2){position:relative}.body-frame>div:nth-child(2)>div.half-page{max-height:40%}.body-frame>div:nth-child(2)>div.half-page:first-child{margin-bottom:20px}.body-frame>div:nth-child(2) .pagination{position:relative;display:flex;flex-direction:row-reverse;margin:10px 0}#nierStudentTop10{position:relative;height:100%;margin:0;padding:0;display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}#nierStudentTop10>header{position:relative;flex:0 0;width:100%;display:flex;flex-wrap:wrap;padding:.5em 1em;box-sizing:border-box}#nierStudentTop10>header>div{position:relative;display:flex;align-items:center;padding-right:1em;box-sizing:border-box;margin:.5em 0}#nierStudentTop10>header>div>div:first-child{position:relative;padding-right:1em;text-align:right;width:5em}#nierStudentTop10>header>*{-webkit-user-select:none;-moz-user-select:none;user-select:none}#nierStudentTop10>div{position:relative;flex:1;width:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:1em;display:flex;flex-direction:column}#nierStudentTop10>div>div{flex:1;overflow:hidden;position:relative;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:1em;display:flex;width:100%}#nierStudentTop10>div>div>div{flex:1 1;width:600px}#nierStudentTop10>div>div:first-child{flex:4}#nierStudentTop10>div>div:nth-child(2){flex:6}#nierStudentTop10>div>div:nth-child(2)>div{overflow-y:auto}#nierStudentTop10>footer{position:relative;flex:0 0;height:100px;width:100%}#nierStudentTop10>footer>div{position:relative;display:flex;padding:1em;padding-top:20px;box-sizing:border-box;text-align:center}#nierStudentTop10>footer>div>div:first-child{flex:1;display:flex;justify-content:center}#nierStudentTop10>footer>div>div:nth-child(2){position:relative;flex-shrink:0;width:200px}#nierStudentTop10>footer>div>div:last-child{position:relative;flex:1}