@charset "UTF-8";
@media screen and (max-width:640px){

/* =============================================== */
/* topic*/
/* =============================================== */
#topic{width:95%;margin:0px auto;padding-bottom:30px;}

/*archivesページ一覧*/
#topic #topiclist {width:100%;margin-right:0%;}
#topic #topiclist ul li{width:100%;display: block;padding-top:20px;border-top:1px dotted #ccc;margin-bottom:20px;}

#topic #topiclist ul li .topic_image{width:100%;margin-right:0%;}
#topic #topiclist ul li .topic_image img{width: 100%;border-radius: 2px;height: 100px; object-fit: cover;}
#topic #topiclist ul li .detail{width:100%;}
#topic #topiclist ul li .detail .topic-date{font-size:100%;text-align: left;}
#topic #topiclist ul li .detail .topic-title{margin-bottom:10px;font-weight: bold;}
#topic #topiclist ul li .detail .moreinfo{width:150px;text-align:center;font-size:90%;box-sizing: inherit;}
#topic #topiclist ul li .detail .moreinfo a{background:#fd0000;color:#fff;padding:7px;display: block;}
#topic #topiclist ul li .detail .moreinfo a:hover{background:#D01417;transition: all .25s ease-out;}
/*アーカイブ*/
#topic #archives{width:100%;background:#fff;font-size:75%;}
#topic #archives .topiclist {border-bottom:1px solid #ccc;margin-bottom:10px;}
#topic #archives .topiclist ul li{border-bottom: 1px dotted #ccc;}
#topic #archives .topiclist ul li:last-child{border-bottom: 0px dotted #ccc;}
#topic #archives .topiclist ul li a{color:#333;display: block;padding:7px 0px;}
#topic #archives .topiclist ul li a:hover{color:#Fd0000;}

#topic #archives .midashi{background:#333;color:#fff;font-weight: bold;text-align: center;margin-bottom:10px;padding:7px;}
#topic #archives #cal{margin-bottom: 15px;}

/*single.php*/
#topic #mainspace{width:100%;margin-right:30px;}
#topic #mainspace .topicpost{background:#fff;}
#topic #mainspace .topicpost h3{font-size:160%;color:#fd0000;}
#topic #mainspace .topicpost img{max-width: 100%;height:auto;}
#topic #mainspace .topicpost .post-date{font-size:80%;margin-bottom:10px;}
#topic #mainspace .topicpost .post-classname{font-size:60%;background:#e7809a;color:#fff;padding:0px 3px;border-radius: 4px;margin-left:10px;font-weight:normal;}

}