@charset "UTF-8";
#j_volume {
    font-weight: bold;
    text-decoration: underline;
    width: 100%;
    height: auto;
    margin-top: 5%;
    float: left;
    transition: 2s;
    font-size: 1.1em;
}
#j_record {
    font-weight: bold;
    width: 98%;
    height: auto;
    margin-top: 3%;
    float: left;
    transition: 2s;
    margin-left: 2%;
    margin-bottom: 1%;
}
#j_title {
    width: 80%;
    height: auto;
    margin-top: 0%;
    float: left;
    transition: 2s;
    margin-left: 4%;
}
#j_name {
    width: 15%;
    height: auto;
    margin-top: 0%;
    float: left;
    transition: 2s;
    margin-left: 1%;
}
#j_name2 {
    width: 15%;
    height: auto;
    margin-top: 10px;
    float: left;
    transition: 2s;
    margin-left: 1%;
}

#j_category {
    width: 96%;
    height: auto;
    margin-top: 1%;
    float: left;
    transition: 2s;
    margin-left: 4%;
}
#j_contents {
    width: 78%;
    height: auto;
    margin-top: 0%;
    float: left;
    transition: 2s;
    margin-left: 6%;
}
#j_contents2 {
    width: 78%;
    height: auto;
    margin-top: 10px;
    float: left;
    transition: 2s;
    margin-left: 6%;
}
#j_line   {
    width: 100%;
    height: auto;
    margin-top: 8%;
    margin-bottom: 5%;
    border-top-style: solid;
    border-top-color: #675e2e;
    float: left;
    transition: 2s;
    border-width: 0.5px;
}
/*スマホ画面*/
@media screen and (max-width:480px) {
#j_volume {
    font-weight: bold;
    text-decoration: underline;
    width: 100%;
    height: auto;
    margin-top: 5%;
    float: left;
    transition: 2s;
    font-size: 1.1em;
}
#j_record {
    font-weight: bold;
    width: 98%;
    height: auto;
    margin-top: 3%;
    float: left;
    transition: 2s;
    margin-left: 2%;
    margin-bottom: 1%;
}
#j_title {
    width: 96%;
    height: auto;
    margin-top: 0%;
    float: left;
    transition: 2s;
    margin-left: 4%;
}
#j_name {
    width: 90%;
    height: auto;
    margin-top: 0%;
    float: left;
    transition: 2s;
    margin-left: 10%;
    margin-bottom: 7%;
    text-align: right;
}

#j_category {
    width: 96%;
    height: auto;
    margin-top: 1%;
    float: left;
    transition: 2s;
    margin-left: 4%;
}
#j_contents {
    width: 94%;
    height: auto;
    margin-top: 0%;
    float: left;
    transition: 2s;
    margin-left: 6%;
}
    
}