body:before {
    display: block;
    content: '';
    width: 83%;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%), url(../img/bg.jpg);
    /* background-color: rgb(157 80 80 / 70%); */
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left 38% top;
    position: fixed;
    z-index: -1;
    margin-left: 17%;
}

* {
    /* font-family: "Noto Serif JP", serif; */
    font-family: "Noto Serif JP", serif;
}

@media (max-width : 800px) {
    body:before {
        margin-left: 0;
        width: 100%;
    }
}

/* --------
twitterボタン
------------ */
.twitter-btn {
    display: block;
    width: 100%;
    height: auto;
    padding: 2rem 0 0;
    padding-bottom: 2rem;
}

.twitter-btn a {
    display: flex;
    max-width: 300px;
    width: 100%;
    height: 100px;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    text-decoration: unset;
    color: #515151;
    font-weight: bold;
    background: linear-gradient(to right, #ffc2c2d9, #ffb5b580, #ffc0c0bd);
    background: var(--pink);
    border-radius: 10px;
    filter: drop-shadow(0px 0px 5px #ffddcc);
    margin: 0 auto;
    /* border: 2px solid #ffddcc;*/

}