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

.archive{ }
.archive ul{ margin: 2.0em auto 0 auto; width: 80%;}
.archive li{ margin: 0; padding: 0.5em 0; border-bottom:solid 1px #CCCCCC; line-height: 1.5;}
.archive li:after { content:""; display:block; clear:both;}

.archive time{ display:inline-block; font-size:93%; float: left; margin: 0;}
.archive time:before{ display:inline-block; content:url(../com/img/icon-arrow-right-black.png); padding-right: 0.3em; vertical-align: middle;}
.archive .category{ display:inline-block; margin: 0 0 0 1.5em; float: left;  color:#FFFFFF; padding: 0.1em 0; text-align: center; width:80px; font-size:79%; border-radius: 4px; 
background: #373737 url(../com/img/bg-fc01.jpg) repeat-x center top; background-size: contain; 
}
.archive .title{ margin:0 0 0 13.5em; padding: 0; }
.archive .title a{ }
.archive .title a:hover{ text-decoration:underline;}

.archive .excerpt{ margin:0.5em 0 0 0; padding: 0; font-size:76%; line-height: 1.5; color: #4d4d4d;}

@media only screen and (max-width:480px){
  .archive .title{ margin:0 0 0 0; padding: 0; clear: both;}
}