/* CSSコメントアウト  CSSファイルでfontを指定する */
    body {
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic' ,sans-serif;
    overflow:hidden;
}

    .container {
    width:100%;
    height:100%;
    font-size:large;
    font-family:monospace;
    line-height:140%;
    position:absolute;
    top:0px;
    left:0px;
    display:flex;
    /*デフォルト
    flex-direction:row;
    align-items: stretch;
    justify-content:flex-start;
    top:0px;
    left:0px;*/
}

/*  レスポンシブ対応  */
@media screen and (max-width:480px) {
    .mokuji {display:none}
}

    .mokuji {
    flex:2 0 20%; /*flex-grow,flex-shrink,flex-basisの3つの値をまとめて指定*/
    background-color:gainsboro;
    color:darkolivegreen;
    font-weight:bold;
    overflow:auto;
    box-sizing:border-box;
    position:relativ;
}

    .contents {
    flex:8 0 80%;
    background-color:#90fc9d;
    color:midnightblue;
    line-height:145%;
    box-sizing:border-box;
    position:relativ;
    overflow:auto;
}

    .link{
    margin-top:1%;
    margin-right:2%;
    display:inline-block;
}

.siro{
    background-color:#f0ffff;
    padding-left:2ex;
    padding-right:5ex;
    padding-top:2px;
    padding-bottom:2px;
    border-bottom-style:solid;
    border-bottom-width:4px;
    border-bottom-color:#90fc9d;
    width:85%;
    margin-left:auto;
    margin-right:auto;
}

.long2{
    position:relative;
    margin-top:2%;
    margin-left:10%;
    margin-right:8%;
    margin-bottom:2%;
}

.article{
    font-size:medium;
    visibility:visible;
    width:65%;
    padding-left:5%;
}

.rabel{
    color:teal;
    text-decoration:none;
}

.hizuke{
    font-size:90%;
    position:relative;
    float:right;
}

    .aka1{
    color:#ff0000;
}

.p3{
    font-size:90%;
    line-height:150%;
    font-weight:bold;
    padding-left:2ex;
    padding-right:2ex;
    color:#2a084b;
}

.futo{
    font-size:90%;
    font-weight:bold;
    color:#2a084b;
}