.bg-color{
    /* background-color: rgb(238, 234, 234); */
    background-color: #e3f2fd;
}

.bg-color-footer{
    background-color: white;
}

/* navbar関連 */
.navbar{
    background-color: #90d2f8;
}

.navbar-brand{
    font-weight: 800;
}

.dropdown-menu{
    /* background-color: #90d2f8;  ２段にするに当たって廃止*/
    border: 0px none;
}

.nav-original-design{
    margin-left: 156px;
}


/* トップページ関連 */
.btm-line{
  border-bottom: 3px solid #000;
}

.font-newItem{
    font-weight: 700;
}

/* 記事個別ページ関連 */

.hr_design{
    border-top: 2px solid #000000;
}

.item_view h2 {
    padding: 1rem 2rem;
    border-left: 5px solid rgb(26, 152, 211);
    border-bottom: 2px solid rgb(182, 182, 182);
    background: #f4f4f4;
}

.item_view_2 {
    padding: 1rem 2rem;
    border-left: 8px solid rgb(26, 152, 211);
    background: #f4f4f4;
}

.body_font p{
    font-size: 20px;
}

.body_font h2{
    font-size: 24px;
}

@media (max-width: 991px){
    .body_font p{
        font-size: 16px;
    }

    .body_font h2{
        font-size: 20px;
    }

    .nav-original-design{
        margin-left: auto;
    }
}

.li_design li{
    padding-top: 10px;
}

/* コードを記載する場所のデザイン */
.code{
    background-color: rgb(0, 0, 0);
}

.code p{
    color: rgb(32, 238, 4);
}

.code code{
    font-size: 18px;
    color: rgb(32, 238, 4);
}

.note{
    background-color: rgb(238, 237, 237);
    border: solid 1px rgb(95, 95, 95) ;
}

pre {
    overflow: auto;
    font-size: 18px;
}

.marker{
    background:linear-gradient(transparent 85%, #ff6060 0%);
}

.word-break{
    word-wrap: break-word;
}