@charset "utf-8";

#main > h1 {display:none;}
#main > ul {border-top:1px solid #e5e5e5;}
#main > ul > li {padding:15px 0; border-bottom:1px solid #e5e5e5; letter-spacing:-0.4em;}
#main > ul > li > a {display:block; margin:-15px 0; padding:15px 0; text-decoration:none;}
#main > ul > li time, 
#main > ul > li .categories, 
#main > ul > li b {display:inline-block; letter-spacing:normal; vertical-align:middle;}
#main > ul > li time {color:#999; font-size:15px; font-weight:bold;}
#main > ul > li .categories {display:inline; margin:0 0 0 10px; letter-spacing:-0.4em;}
#main > ul > li .categories > li {
	display:inline-block; min-width:70px; margin:0 5px 0 0; padding:2px 5px; border-radius:5px; 
	background:#f2f2f2; font-size:11px; text-align:center; letter-spacing:normal; vertical-align:middle;}
#main > ul > li b {display:block; margin:10px 0 0; font-size:15px; font-weight:bold;}
#main > ul > li b > a {display:block; text-decoration:none;}
#main > ul > li > a[target="_blank"] > b:after {display:inline-block; content:"\e918"; margin:-0.5em 0 0 8px; font:14px/1 icons; vertical-align:middle;}

#main > ul > li.not-found {padding-top:2em; border:none; font-size:14px; letter-spacing:normal;}

#contents > section:first-child {margin-top:0;}


@media screen and (max-width:480px) {

#main > h1 {}
#main > ul {}
#main > ul > li {padding:10px 0;}
#main > ul > li > a {margin:-10px 0; padding:10px 0;}
#main > ul > li time, 
#main > ul > li .categories, 
#main > ul > li b {}
#main > ul > li time {color:#999; font-size:14px;}
#main > ul > li .categories {margin-left:5px;}
#main > ul > li .categories > li {min-width:50px; font-size:10px;}
#main > ul > li b {margin:5px 0 0}
#main > ul > li b > a {}
#main > ul > li > a[target="_blank"] > b:after {font-size:inherit;}

#main > ul > li.not-found {}

#contents > section:first-child {margin-top:0;}

}