/*投稿のタイトルを2段サイズにする*/


/*サムネイルを右下にずらす*/
.widget_new_popular ul li img,
.widget_popular_ranking ul li img {
  margin-top: 8px;
  margin-left: 5px;
}

/*数字を真ん丸にする場合*/
.ranking_list ul li:nth-child(1):before {
 background-color: #d0ac56;
 font-weight: 700;
 border-radius: 5px;
}
.ranking_list ul li:nth-child(2):before {
 background-color: #a5a5a5;
 font-weight: 700;
 border-radius: 5px;
}
.ranking_list ul li:nth-child(3):before {
 background-color: #88672d;
 font-weight: 700;
 border-radius: 5px;
}
.ranking_list ul li:nth-child(n+4):before {
 background-color: #b2b2b2;
 opacity: 0.85;
 border-radius: 5px;
}

/*タイトル位置変更*/
#site-title{
margin-top:30px;
margin-bottom:30px;
margin-left:0px;
font-size: 30px;
line-height: normal;
}

/*サイドバーの見出しの変更*/
#sidebar h3{
text-align:center;
line-height: 24px;
font-size: 18px;
color: #f9f9f9;
background-color: #3c3c3c;
border-radius: 5px;
padding: 2px 10px;

}
/*投稿エリア内の変更*/
#main {
	border:none
}

#main .entry {
    border-bottom: 1px dotted #333333;
    padding-bottom: 15px;
}

#main .related-entry {
    border-bottom: 1px dotted #333333;
    padding-bottom: 15px;
}

/*エントリーカード関係
.entry-card-content h2{
height:72px;
}
*/
.entry-card-content .post-meta {
    background-color: #3c3c3c;
    border-radius: 5px;
	  color:#f9f9f9
}


.entry-card-content .post-meta .category a {
    color: #f9f9f9;
}

/* サムネイルサイズ指定 */
.entry-thumb img {
    width: 250px;
    height: 250px;
    margin-bottom: 10px;
}
 
/* 記事タイトルなどの位置 */
.entry-card-content {
    margin-left: 280px !important;
}
 
/* スマホの設定 */
@media screen and (max-width: 480px) {
 
/* サムネイル回り込み */
.entry-thumb {
  float: none !important;
  margin: 6px 4px 3px 0px !important;	
}
 
/* サムネイルサイズ変更 */
.entry-thumb img{
    width: 250px !important;
    height: 250px !important;
}
 
/* 記事タイトルなどの位置 */
.entry-card-content {
    margin-left: 0px !important;
}
 
.entry-snippet {
  font-size: 100% !important;
}
 
.entry-read a {
  font-size: 100% !important;
}
}

/*記事タイトルを小さく*/
.entry h2 a{
 font-size: 19px;
 line-height: 1.4;
}

/*抜粋記事本文を小さく*/
.entry-snippet{
	font-size:90%
}

/* スマホ用タイトル小さく */
@media only screen and (max-width: 480px) {
.entry h2 a{
 font-weight: 700;
 font-size: 0.9rem;
 }
}