html {
    /* font-size: 2.0vw; */
    font-size: calc(20px - 0.1vw);
}
body {
    font-family: 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans KR', 'MS Gothic', sans-serif;
    /* font-family: 'Noto Serif', 'Noto Serif JP', 'Noto Serif SC', 'Noto Serif KR', 'MS Mincho', serif; */
    margin: 0;
    padding: 0;
    background-color: #222222;
    color: #bbbbbb;
}
.serif {
    font-family: 'Noto Serif', 'Noto Serif JP', 'Noto Serif SC', 'Noto Serif KR', 'MS Mincho', serif;
}
.sans {
    font-family: 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans KR', 'MS Gothic', sans-serif;
}
.blur {
    filter: blur(20px);
}
/*
a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #000088;
    text-decoration: none;
}
a:visited {
    color: #000000;
    text-decoration: none;
}
*/
p {
    margin: 1.7rem 0rem;;
    line-height: 1.7rem;
    text-indent: 1em;
}
.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: #bbbbbb;
}
.notice {
    text-align: center;
    font-size: 0.8rem;
    margin: 0.6rem 0rem;
    color: #dd7700;
    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: #bbbbbb;
    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: #22ffff;
    text-decoration: none;
}
.article_body a:hover {
    text-decoration: underline;
}
.article_body a:visited {
    color: #22ffff;
}
.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 {
}
td {
    padding: 0em 0.2em;
    border: 1px solid gray;
}
.tableHead {
    background: #000000;
}
.menu {
    display: flex;
}
.menuItem {
    padding: 0em 0.2em;
    border: 1px solid gray;
    background: #000000;
}
a {
    color: #dd7700;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:visited {
    color: #dd7700;
}
ul {
    list-style-type: none;
    padding: 0em 1em;
}
li {
    list-style-type: none;
    display : list-item;
}