<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
[data-topic-publish_area] {
    padding: 0 4px;
    border: 1px solid #f60;
    border-radius: 6px;
    background: #ffc;
    text-decoration: none;
    font-size: 14px;
}
[data-topic-publish_area="_all"] {
    border-color: #090;
    background: #cfc;
}
[data-topic-publish_area="_portal"] {
    border-color: #900;
    background: #fcc;
}
.topics-list {
    box-sizing: border-box;
    max-width: 800px;
    margin: auto;
}
.topics-list .pageTitle {
    margin-bottom: 20px;
    text-align: center;
    font-family: var(--kiwi);
    font-size: 32px;
}
.topicsTable {
    box-sizing: border-box;
    width: 100%;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #ccc;
    background: #fff;
}
.topicsTable :is(th, td) {
    padding: 4px 8px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ccc;
}
.topicsTable th {
    background: #ffc;
    text-align: center;
    font-weight: bold;
}
.topicsTable :where(.nth) {
    width: 0;
    text-align: center;
    white-space: nowrap;
}
.topicsTable :where(.slug) {
    width: 0;
    text-align: center;
    white-space: nowrap;
}
.topicsTable :where(.title) {
    text-align: left;
    overflow-wrap: break-word;
    word-break: break-all;
}
.topicsTable :where(.published_at) {
    width: 0;
    text-align: center;
    white-space: nowrap;
}
.topicsTable :where(.publish_area) {
    width: 0;
    text-align: center;
    white-space: nowrap;
}
.topicsTable :where(._editor) {
    width: 0;
    text-align: center;
    white-space: nowrap;
}
.topicsTable :where(._updated_at) {
    width: 0;
    text-align: center;
    white-space: nowrap;
}
@media (max-width: 767px) {
    .topicsTable, .topicsTable :is(thead, tbody, tr, th, td) {
        display: block;
        width: auto;
        border: none;
        text-align: left;
    }
    .topicsTable {
        border: 1px solid #999;
    }
    .topicsTable thead {
        display: none;
    }
    .topicsTable tr {
        margin: 10px;
        border: 1px solid #999;
        background: #fff;
    }
    .topicsTable td:not(:first-child) {
        border-top: 1px solid #999;
    }
    .topicsTable .nth {
        background: #fdd;
    }
    .topicsTable td::before {
        margin-right: 10px;
    }
    .topicsTable .slug::before {
        content: "[Slug]"
    }
    .topicsTable .title::before {
        content: "[タイトル]";
    }
    .topicsTable .published_at::before {
        content: "[公開日時]";
    }
    .topicsTable .publish_area::before {
        content: "[公開エリア]";
    }
    .topicsTable ._editor::before {
        content: "[最終更新者]";
    }
    .topicsTable ._updated_at::before {
        content: "[最終更新日時]";
    }
}
.topic-content {
    box-sizing: border-box;
    max-width: 800px;
    margin: auto;
    padding: 20px;
    background: #fff;
}
.topic-content .topic-title {
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #333;
    font-size: 24px;
    overflow-wrap: break-word;
    word-break: break-all;
}
.topic-content .topic-body {
    line-height: 1.3;
    font-size: 16px;
}
.topic-content .topic-body &gt; * {
    overflow-wrap: break-word;
    word-break: break-all;
}
.topic-content .topic-body &gt; *:not(:first-child) {
    margin-top: 20px;
}
.topic-content .topic-body h1 {
    font-weight: bold;
    font-size: 24px;
}
.topic-content .topic-body h2 {
    font-weight: bold;
    font-size: 22px;
}
.topic-content .topic-body h3 {
    font-weight: bold;
    font-size: 20px;
}
.topic-content .topic-body h4 {
    font-weight: bold;
    font-size: 18px;
}
.topic-content .topic-body h5 {
    font-weight: bold;
    font-size: 16px;
}
.topic-content .topic-body h6 {
    font-weight: bold;
    font-size: 16px;
}
.topic-content .topic-body hr {
    border-top: 1px dashed #999;
}
.topic-content .topic-body ul {
    margin-left: 24px;
    list-style: disc;
}
.topic-content .topic-body ol {
    margin-left: 24px;
    list-style: decimal;
}
.topic-content .topic-body table {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #999;
}
.topic-content .topic-body :is(th, td) {
    padding: 4px 8px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #999;
}
.topic-content .topic-body th {
    text-align: center;
    font-weight: bold;
}
.topic-content .topic-body blockquote {
    padding: 10px 0 10px 20px;
    border-left: 4px solid #999;
}
.topic-content .topic-body blockquote blockquote {
    margin-top: 10px;
}
.topic-content .topic-body pre {
    overflow: auto;
    padding: 4px 8px;
    border: 1px solid #999;
}
.topic-content .topic-body :not(pre) code {
    margin: 0 2px;
    padding: 1px 2px;
    border: 1px solid #999;
    background: #ddd;
    font-family: monospace;
}
</pre></body></html>