@charset "utf-8";
/* CSS Document */
main{
    box-sizing:border-box;
    padding:10px;
    background-color:green;
}
.article_row{
    display:flex;
    flex-direction:column;
}
article{
    display:flex;
    flex-direction:row;
    box-sizing:border-box;
    padding:10px;
    width:100%;
    border:solid black 0.25px;
    margin-bottom:10px;
    background-color:white;
}
.mainp{
    box-sizing:border-box;
    padding:5px 20px;
    width:1em;
    margin-right:10px;
    font-weight:bold;
    background-color:green;
    color:white;
}
.content{
    box-sizing:border-box;
    padding:10px;
    width:100%;
    word-break:break-all;
}
.content h2{
    font-size:1em;
}
.content_urls{
    display:flex;
    justify-content: center;
    align-items: center;
    box-sizing:border-box;
    width:170px;
    height:40px;
    background-color:grey;
    color:white;
    text-decoration: none;
    border-radius:10px;
    margin-bottom:10px;
    font-weight:bold;
}
.backNumber{
    box-sizing:border-box;
    display:none;
}
.backNumlabel{
    box-sizing:border-box;
}
.backNumlabel:hover{
    cursor: pointer;
}
@media screen and (min-width:1024px){
    .article_row{
        flex-direction:row;
    }
    article{
        width:50%;
    }
    .article_left{
        margin-right:10px;
    }
    .content h2{
        font-size:1.5em;
    }
}