@charset "utf-8";
/* CSS Document */

#jsddm li.news a.title{
background-position:bottom;
}

#record-list{
clear:both;
display:table;
margin:0px;
padding:20px 0px;
width:100%;
overflow:hidden;
}
#record-list .year{
font-size:120%;
padding-left:10px;
line-height:22px;
color:#fff;
font-weight:bold;
width:100%;
}
#record-list .month-list{
text-align:right;
font-size:100%;
width:100%;
line-height: 1.7;
font-size: 1vw;
padding: 5px 0;
}

#record-list .month{
clear:both;
text-align:left;
margin-top:10px;
line-height:21px;
color:#fff;
width:43px;
text-align:center;
}

#record-block{
display:table;
width:100%;
margin:16px 0;
line-height: 1.7;
font-size: 16px;
padding: 5px 0;
}
#record-block .top{
padding:1vw;
background:#D0DEE8;
line-height:22px;
border:#999 solid 1px;
border-bottom:1px dashed #999;
}
#record-block .top p{
float:left;
padding:0px 10px;
color:#545454;
font-size:100%;
font-weight:bold;
}
#record-block .top .date{
padding:0px 5px;
background-color:#FFF;
border:#999 1px solid;
float:left;

}
#record-block .top .media{
padding:0px 5px;
background-color:#FFF;
border:#999 1px solid;
float:left;
margin-left:10px;

}
#record-block .top .categ-icon{
text-align:right;
}

#record-block .bot{
padding:10px;
background:#fff;
border:#999 solid 1px;
border-top:none;
color:#545454;
}
#record-block .bot p{
padding-bottom:5px;
line-height:185%;
}
#record-block .bot .url{
line-height:28px;
background-image:url(../img/url-bg.gif);
background-repeat:no-repeat;
padding-left:35px;
}


/*スマホ用CSS
______________________________________________*/
@media screen and (max-width: 1000px) {

    #record-block .top {
        padding: 3vw 2vw;
        line-height: 50px;
    }

    #record-block .top .date {
        padding: 0px 25px;
    }
    #record-list .month-list{
        font-size: 3.8vw;
    }
    #record-block{
        font-size: 3.8vw;
    }

}