@media screen and (min-width:992px){
    #gallery_box {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #gallery_box {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
@media screen and (max-width:767px){
    #gallery_box {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}














@media screen and (min-width:992px){
    #data_title {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .paragraph_box {
        margin: 30px 0 30px 0;
    }
    .paragraph_title {
        color: #01284f;
        margin: 30px 0 30px 0;
    }
    .paragraph_content {
        margin: 30px 0 30px 0;
    }
    .paragraph_img {
        margin: 30px 0 30px 0;
    }
}
@media screen and (max-width:991px){
    #data_title {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .paragraph_box {
        margin: 15px 0 15px 0;
    }
    .paragraph_title {
        color: #01284f;
        margin: 15px 0 15px 0;
    }
    .paragraph_content {
        margin: 15px 0 15px 0;
    }
    .paragraph_img {
        margin: 15px 0 15px 0;
    }
}



    .category_title {
        font-weight: bold;
        font-size: 1.8em;
        border-bottom: 3px solid #000;
        display: inline-block;
        padding-bottom: 5px;
    }

    .movie_name {
        font-size: 1.0em;
    }

    .movie_date {
        font-size: 0.8em;
    }

    picture {
        transition-property: opacity;
        transition-duration: 0.2s;
    }

    picture:hover {
        opacity: 0.7; 
    }