.sakubun_contents {
    margin: 10px;
}

.sakubun_contents a {
    /*color: white;*/
    text-decoration: none;
    color: inherit;
}

.page_title {
    position: relative;
}

.page_title img {
    width: 100%;
}

.page_title p {
    position: absolute;
    top: 10px;
    left: 25px;
    margin: unset;
}


.maebun {
    font-size: 1.6rem;
    padding: 20px;
    margin: 20px 0;
    border: 1px dashed #dfb08e;
    /*background-color: #cce2ff;*/
}

.comments {
    padding: 10px;
    font-size: 1.1em;
    border-bottom: 1px dashed #dfb08e;
}

.writer {
    font-size: 1.2em;
    text-align: center;
    align-items: center;
    /*height: 30px;*/
    background-color: #dfb08e;
    color: white;
    padding: 5px;
    margin: 10px 0;
}


.past_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.nth_concour {
    /*font-family: Hiragino Maru Gothic ProN W4;*/
    text-align: center;
    padding: 15px 30px;
    background-color: #dfb08e;
    border-radius: 100px;
    color: white;
    border: 3px solid #dfb08e;
    margin: 5px 10px;
}

.nth_concour:hover {
    border: 3px solid #dfb08e;
    background-color: white;
    /*border-radius: 100px;*/
    color: #dfb08e;
}

.sakuhin {
    margin: 20px 0;
    padding: 15px;
}

.make_white {
    margin: 15px 0;
    width: 100%;
    border-bottom: 2px dashed #dfb08e;
}

.student_info {
    float: left;
    color: black;
}

.sakuhin .rank {
    text-align: center;
    align-items: center;
    width: 200px;
    height: 30px;
    background-color: #fffd72;
    padding: 5px;
    z-index: 10;
}

.sakuhin .husen {
    /*付箋風影（なくていい）*/
    position: absolute;
    margin-left: 100px;
    width: 90px;
    height: 9px;
    box-shadow: 0 10px 15px #555;
    transform: rotate(6deg);
    z-index: -1;
    content: '';
    margin-top: -20px;
}


.school {
    padding: 15px 15px 0 15px;
}

.name {
    padding: 0 15px;
    font-size: 1.2em;
}

.sakubun_pdf {
    text-align: right;
    margin-right: 10px;
}

.sakubun_pdf img {
    width: 40%;
    height: 100px;
    object-fit: none;
    object-position: 90% 10%;
}

.sakubun_contents .button {
    text-align: center;
    margin: 30px;
}

.button a {
    text-align: center;
    padding: 10px 30px;
    border-radius: 20px;
    background-color: #dfb08e;
}

.button {
    text-align: center;
}

@media (max-width: 767px) {
    .page_title p {
        font-size: 1rem;
    }
}


@media print,
screen and (max-width: 768px) {
    .sakubun_pdf {
        text-align: center;
    }

    .sakubun_pdf img {
        width: 90%;
    }

    .student_info {
        text-align: center;
        float: none;
    }

    .rank {
        width: 100%;
    }

    .husen {
        width: 30%;
        margin-left: 50%
    }

    .make_white {
        background-image:
            linear-gradient(to top,
                transparent 10%,
                #FFF 60%);
    }

    .sakubun_pdf img {
        margin-top: 5px;
        object-position: 75% 10%;
    }

}