body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

#wrapper {
    flex: 1;
}

.with-return {
    white-space: pre-line;
    /*word-wrap: break-word;*/
    word-break: break-all;
}

.page-title {
    padding: 1rem 2rem;
    border-left: 4px solid
}

.section-title {
    border-bottom: 3px solid;
    margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
    div.tabs ul {
        display: block;
        text-align: left;
        flex-grow: 1;
        li{
                a{
                     justify-content: left;
                     border: 1px solid !important;
                 }
                 &.is-active a {
                     border-bottom: 1px solid !important;
                     padding-left: 30px;
                 }
          }
    }
}

/* すべてのCKEditor Classic Editorの編集可能領域に適用 */
.ck-editor__editable {
    min-height: 200px;
    max-height: 500px;
    overflow-y: auto;
}