@charset "utf-8";

/*  article-signage
*****************************************/
#article-signage .subgenre-bar span{display:block; float:left; font-weight:bold;}
#article-signage .article-ttl{margin-bottom:10px; font-size:170%; line-height:1.2;}
#article-signage .article-ttl h1{line-height:1.2;}
#article-signage .article-ttl div{padding-top:5px; line-height:1.2;}
#article-signage p{margin-bottom:8px;}
#article-signage p span{margin-right:20px;}

.article-summary{padding:10px; margin-bottom:25px; line-height:1.5;}

/*  article-sns
*****************************************/
.article-sns{margin-bottom:25px;}
.article-sns .common-sns{float:left; margin-right:15px;}
.twitter {
  width: 122px;
  position: relative;
  line-height: 1.4em;
}
.twitter label>a {
    position: relative;
    display: block;
    width: 40px;
    height: 20px;
    font-size: 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 17px;
    text-align: center;
    text-decoration:none;
}
.twitter label>a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -4px;
    margin-top: -5px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 1;
}
.twitter label>a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    margin-top: -5px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent #ccc transparent transparent;
    z-index: 0;
}
.twitter label {
  position: absolute;
  top: 0;
  right: 10px;
}

/*  article-editor
*****************************************/
#article-editor .page-next{text-align:center; font-weight:bold; clear:both;}

/*  article-bottom
*****************************************/
.article-bottom .ttl{font-weight:bold;}
.article-bottom ul li img.img{float:left; margin-right:15px;}
.common-article-bottom,
.common-wpaper,
.common-special{margin-bottom:25px;}
.common-article-bottom .ttl{border-bottom:solid 1px #666; padding-bottom:2px; margin-bottom:5px;}

/*--bottom-tools--*/
.bottom-tools{margin-bottom:20px;}
/*--article-bottom-backnumber--*/
.article-bottom-backnumber ul{margin-bottom:10px;}
.article-bottom-backnumber ul li{border-bottom:dashed 1px #ccc; padding:10px 0;}
.article-bottom-backnumber ul li a{font-weight:bold;}
.article-bottom-backnumber a.backnumber-more{float:right;}
.article-bottom-backnumber a.backnumber-more span{background-position:-480px -99px; margin-left:4px;}
/*--article-bottom-keyword--*/
.article-bottom-keyword{border:solid 1px #ccc; padding:9px 8px; margin-bottom:25px;}
.article-bottom-keyword .ttl{padding-left:22px; margin-bottom:7px;background-position:-480px -222px; width:197px;}
.article-bottom-keyword p{padding-left:22px;}

/*--article-bottom-related--*/
.article-bottom-related .ttl{margin:0;}
.article-bottom-related ul li{width:311px; margin-top:15px; float:left;}
.article-bottom-related ul li.odd{margin-right:12px;}
/*.article-bottom-related ul li p{float:right;}*/
.article-bottom-related ul li p{width:220px; font-weight:bold;}

/*記事下お知らせ*/
.article-info{margin-bottom:35px;}