/* 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;
    position:absolute;
    top:0px;
    left:0px;
    display:flex;
    /*デフォルト
    flex-direction:row;
    align-items: stretch;
    justify-content:flex-start;
    top:0px;
    left:0px;*/
}

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

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

    .contents {
    flex:8 0 80%;
    background-color:#ffe4e1;
    color:midnightblue;
    line-height:145%;
    box-sizing:border-box;
    position:relativ;
    overflow:auto;
    /* overflow-x:hidden;
    overflow-y:auto; */
}

    .waku {
    background-color:#ff8080;
    height:100%;
    }

    .gazou {
    position:absolute;
    right:15%;
    bottom:15%;
    }

     .aka1{
     color:#ff0000;
}

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

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


/* 常に表示 */
    .sita{
        position:absolute;
        right:80%;
        bottom:0;
        margin:1%;
}