/* -> add 20231029 */
@font-face {
    font-family: 'hkrfont';
    /* src: url('NotoSans-Regular-Hkr.woff2') format('woff2'); */
    /* src: url('OpenSansHkr.woff2') format('woff2'); */
    src: url('gtwhkr.woff2') format('woff2');
}
/* <- add 20231029 */
html {
    /* font-size: 2.0vw; */
    font-size: calc(20px - 0.1vw);
}
body {
    /* -> mod 20231029 */
    /* font-family: 'Noto Serif', 'Noto Serif JP', 'Noto Serif SC', 'Noto Serif KR', 'MS Mincho', serif; */
    font-family: 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans KR', 'MS Gothic', sans-serif;
    /* font-family: 'hkrfont', 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans KR', 'MS Gothic', sans-serif; */
    /* <- mod 20231029 */
    margin: 0;
    padding: 0;
    /* background-color: #ffffff; */
    background-color: #eeeeee;
    /* color: #000000; */
    color: #222222;
}
.blur {
    filter: blur(20px);
}
a {
    /* color: #000000; */
    color: #222222;
    text-decoration: none;
}
a:hover {
    /* color: #000088; */
    color: #444444;
    text-decoration: none;
}
a:visited {
    /* color: #000000; */
    color: #222222;
    text-decoration: none;
}
p {
    margin: 1.7rem 0rem;;
    line-height: 1.7rem;
}
.main {

}
.kanban_head {
    text-align: center;
    margin: 2rem 0.5rem;
    padding: 0rem calc(8vw - 1.6rem);
}
.title {
    text-align: center;
    font-size: 1.2rem;
    margin: 0.6rem 0rem;
}
.description {
    text-align: center;
    font-size: 0.8rem;
    margin: 0.6rem 0rem;
    color: #888888;
}
.notice {
    text-align: center;
    font-size: 0.8rem;
    margin: 0.6rem 0rem;
    color: #aa0000;
    font-weight: bold;
}
.article {
    border: none;
    /* border-bottom-style: solid; */
    margin: 2rem 0.5rem;
    padding: 2rem calc(8vw - 1.6rem);
}

.article_head {
}
.article_time {
    color: #888888;
    font-size: 0.8rem;
    font-weight: lighter;
    margin: 0.6rem 0rem;
}
.article_title {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0.6rem 0rem;
}
.article_body {
    font-size: 0.9rem;
    font-weight: lighter;
    margin: 0.6rem 0rem;
}
.article_foot {
}

.article img {
    width: min(100%, 500px);
    border: none;
    margin: 1.0rem 0.0rem;
}
.article_body a {
    color: #000088;
    text-decoration: none;
}
.article_body a:hover {
    text-decoration: underline;
}
.article_body a:visited {
    color: #000088;
}
.nav {
    text-align: center;
    font-size: 1rem;
    text-decoration: none;
    padding: 2rem 0rem;
}
.kanban_foot {
    text-align: center;
    margin: 2rem 0rem;
}

table {
    border-collapse: collapse;
    border: 2px solid black;
    padding: 0.0em;
    margin: 0.4em;
    border-spacing: 0px;
    text-align: left;
}
tr {
}
th {
    padding: 0em 0.2em;
    border: 1px solid gray;
}
td {
    padding: 0em 0.2em;
    border: 1px solid gray;
}
blockquote {
    font-style: italic;
    color: #666666;
}