/*
 *このcssファイルは、informationディレクトリ以下のHTMLファイルに適応されるものです。
 */
.breadcrumb{
    background-color: transparent;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

.breadcrumb-item.active {
    color: black;
}

#info .table th, #info .table td{
    border: none;
}

@media screen and ( max-width:768px) {
    #info .table th, #info .table td{
        font-size: 10px;
    }

    #information-breadcrumb{
        font-size: 10px;
    }

    #information-date{
        font-size: 10px;
    }

    #information-title{
        font-size: 13px;
    }

    #information-description{
        font-size: 10px;
    }

    #information-home{
        font-size: 10px;
    }
}

@media screen and ( min-width:768px) {
    #info .table th, #info .table td{
        font-size: 19px;
    }

    #information-breadcrumb{
        font-size: 19px;
    }


    #information-date{
        font-size: 19px;
    }

    #information-title{
        font-size: 22px;
    }

    #information-description{
        font-size: 19px;
    }

    #information-home{
        font-size: 17px;
    }
}