#history-table{
    width: 80%;
    margin: 0 auto;
    font-size: 1.4em ;
    margin-bottom: 5%;
}
#history-table th{
    background-color: #fffcdd;
    padding: 1% 0;
}
#history-table td{
    background-color: #f8f8f8;
    padding: 1%;
    overflow-wrap: anywhere;
    text-align: center;
}
#history-table .title{
    width: 35%;
    overflow-wrap: anywhere;
}
#history-table .url{
    width: 40%;
}
#history-table .url a{
    color:cadetblue;

}
#history-table .date{
    width: 15%;
}
#history-table .button{
    width: 10%;
    text-align: center;
}
#history-table .button a{
    display: inline-block;
    padding:5% 20%;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #aaa;
}

/* PCタブレット用スタイル */
@media screen and (min-width: 768px) {
    
}

/* スマホ用スタイル */
@media screen and (max-width: 767px) {
    #history-table{
        width: 90%;
    }
    #history-table tr{
        margin-bottom: 5%;
    }
    #history-table td{
        width: 100% !important;
        padding:3%;
        box-sizing: border-box;
        margin-bottom:1%;
    }
    #history-table .button a{
        padding:1% 5%;

    }
    
}