body {
    align-items: center;
    justify-content: center;
    margin: 0;
    position: relative;
}

.backgroundImage {
    background-image: url(../image/post_detail_dackground.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

.information {
    left: 50%;
    max-width: 600px;
    position: absolute;
    text-align: center;
    top: 50%;
    translate: -50%;
    width: 100%;
}

.information__title {
    background-color: rgb(219, 219, 255);
}

.information__contents {
    /* コンテンツの背景を半透明にして読みやすくする */
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #ffffff;
    /* 親要素を相対位置に設定 */
    position: relative;
}

.information__contents__date {
    font-size: 9px;
    margin: 3px;
    text-align: left;
}

.information__contents__text {
    margin: 6px;
    text-align: left;
}

/* 戻るボタン */
.information__back {
    margin-top: 10px;
    text-align: left;
}

/* ========================================= */
/* スマホ対応 幅375pxでプレビューする*/
/* ========================================= */
@media screen and (max-width: 480px) {
    /* 領域全体 */
    .information {
        width: 97%;
    }

    /* タイトル */
    .information__title {
        font-size: 25px;
    }

    /* 本文 */
    .information__contents__text {
        font-size: 15px;
    }
}