/****************************************
         sub-content [サブコンテンツ]
*****************************************/

 サイドバーの設定 

#sub-content{
float: left; [ページの回り込み設定]
width: 33.2%; [ページ横幅の割合]
}

 ウィジェットの設定 

#sub-content .widget>div{
padding: 0.5em 1em; [ウィジェット内側の余白]
line-height: 1.5; [ウィジェットの行の高さ（影響しない？）]
}
#sub-content .widget>div.clear{
padding: 0;
}
#sub-content .widget{
border: solid 1px $(linecolor); [ウィジェットの枠線]
background-color: $(backgroundcolor); [ウィジェットの背景色]
margin-bottom: 2em; [ウィジェット下の間隔]
}
#sub-content .widget-content li{
border-bottom: 1px solid $(linecolor); [ウィジェットの区切り線]
}

 ウィジェットのタイトル設定（見出し部分） 

#sub-content .widget h2{
background-color: $(maincolor); [ウィジェットタイトルの帯色]
color: $(mainfontcolor); [ウィジェットタイトルの文字色]
padding: 1px 1em; [ウィジェットタイトルの内側の余白]
border-bottom: 1px solid $(linecolor); [ウィジェットタイトル下の罫線]
box-shadow : 0 0 0 1px $(mainfontcolor) inset; [ウィジェットタイトルの影設定]
}
#sidebar-fix .widget:last-child{
margin-bottom: 0;
}

 人気の記事のサムネイル 

.PopularPosts .item-thumbnail img{
display:block;
}

 ウィジェットのレスポンシブ設定 

@media ( max-width : 768px ) {
#sub-content{
float: none; [回り込み設定（なし）]
width: 100%; [横幅（100％）]
}
#sub-content .widget{
margin-top: 2em; [ウィジェット上の外側の余白]
}
}

/****************************************
         widget [ウィジェット]
*****************************************/

 ウィジェットのリスト設定 

.widget-content li{
list-style-type: none;
}

 ウィジェットのリンク設定 

.widget-content li.selected a{
font-weight: normal; [文字の太さ（ノーマル）]
}