@CHARSET "UTF-8";

/* スマホ用のCSSはメディアクエリの外に記述する */
.historyArea {
    width: calc(100% - 40px);
    margin: 0 20px;
}
h1 {
    font-size: 1em;
}
.date {
    font-size: 0.8em;
    text-align: right;
    margin-bottom: 20px;
}
.content {
    font-size: 0.8em;
}

@media screen and (min-width: 481px) {
	/* 481px以上に適用されるCSS（PC、タブレット用） */
    .historyArea {
        width: 800px;
        margin: auto;
    }
    h1 {
        text-align: center;
        margin-bottom: 20px;
        font-size: 1.6em;
    }
    .date {
        font-size: 1em;
    }
    .content {
        font-size: 1em;
    }
}