html {
        /*
    background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%);
    */
        background: #e6e9e9;
        background-image: url("images/ba.gif");
        -webkit-font-smoothing: antialiased;
    }
    
    body {
        background: #FFFFFF;
        background-image: url("images/hirox246icon.png");
        background-color: rgba(255, 255, 255, 0.7);
        background-blend-mode: lighten;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
        color: #545454;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 18px;
        line-height: 1.5;
        margin: 0 auto;
        max-width: 1000px;
        padding: 2em 2em 4em;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #222;
        font-weight: 600;
        line-height: 1.3;
    }
    
    h2 {
        margin-top: 1.3em;
    }
    
    a {
        color: #0083e8;
    }
    
    b,
    strong {
        font-weight: 600;
    }
    
    samp {
        display: none;
    }
    
    img {
        animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
        background: transparent;
        border: 10px solid rgba(0, 0, 0, 0.12);
        border-radius: 4px;
        display: block;
        margin: 1.3em auto;
        max-width: 95%;
    }
    
    @keyframes colorize {
        0% {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        }
        100% {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
        }
    }
    
    .container {
        max-width: 1000px;
    }
    
    #nav a {
        font-weight: bold;
        color: inherit;
    }
    
    #nav a.nav-link-active {
        background-color: #212529;
        color: #fff;
    }
    
    #nav-border {
        border-bottom: 1px solid #212529;
    }
    
    #main {
        margin-top: 1em;
        margin-bottom: 4em;
    }
    
    #home-jumbotron {
        background-color: inherit;
    }
    
    #footer .container {
        padding: 1em 0;
    }
    
    #footer a {
        color: inherit;
        text-decoration: underline;
    }
    
    .font-125 {
        font-size: 125%;
    }
    
    .tag-btn {
        margin-bottom: 0.3em;
    }
    
    pre {
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 16px;
    }
    
    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        background-color: transparent;
        border-radius: 0;
    }
    
    code {
        padding: 2px 4px;
        font-size: 90%;
        color: #c7254e;
        background-color: #f9f2f4;
        border-radius: 4px;
    }
    
    img,
    iframe,
    embed,
    video,
    audio {
        max-width: 100%;
    }
    
    #gnav {
        background-color: rgb(255, 255, 255);
        text-align-last: justify;
        /* Chrome・Firefox用 */
        text-justify: inter-ideograph;
        /* IE・Edge用 */
    }
    
    #gnav ul li {
        display: inline;
        font-size: x-large;
    }
    
    .sounds {
        font-size: 15px;
        font-weight: bold;
        /* background-color: #FAFAFA; */
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.22);
        border-radius: 10px;
        margin: 1px;
    }