/**!
 * Cascading Style Sheet
 */
@charset "utf-8";

/* atomic */
.width--100p { width: 100%; }

/* contents */
.sticky_contents {
    position: -webkit-sticky;
    position: sticky;
    top: 5.5rem;
}

/* header */
header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 5.5rem;
    -ms-flex-preferred-size: 5.5rem;
    flex-basis: 5.5rem;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 5.5rem;
    padding: 0 20px 0 16px;
    background-color: var(--hli-color-background-0, #FFFFFF);
    border-bottom: 1px solid #eceef0;
}

/* main */
main { padding: 1.5rem 1.25rem 2rem; }
main .contents { word-break: break-all }
main .contents:not(:first-child) { margin-top: 4.5rem; }

main .contents-code-table { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center }

/* table */
.wikitable { color: #202122; text-align: center }
.wikitable thead th { padding: 0.5rem 1rem; background-color: #f8f9fa; border: 1px solid #a2a9b1; 
    position: -webkit-sticky;
    position: sticky;
    top: 5.4rem;
}
.wikitable tbody { background-color: #fff }
.wikitable tbody td { padding: 0.5rem 1rem; border: 1px solid #a2a9b1 }

/* footer */
footer { margin-top: 4rem; margin-bottom: 2rem; }
footer .l-footer { color: #989da3; }
footer .l-footer { text-align: center; }
footer .l-footer { width: calc(100% - 10%); margin: 0 auto; }
footer .l-footer h1 { font-size: 1rem; text-align: center; }
footer .l-footer > p { font-size: 0.8rem; }

.float-button { position: fixed; display: flex; align-items: center; justify-content: center; font-weight: bold; width: 80px; height: 80px; right: 0; bottom: 0; border-radius: 16px; color: #fff; background: rgba(250, 102, 0, 0.8) }
.float-top-button { margin-right: 40px; margin-bottom: 160px  }
.float-bottom-button { margin-right: 40px; margin-bottom: 40px }