/* カスタム CSS をここに入力してください */

/* ウィジェットカスタム */
.textwidget,.tagcloud,#searchform,#topnews-box{
background-color: #fff;/*背景を白く*/
padding: 10px;/*余白*/
border-radius: 8px;/*角を丸くする*/
border: solid 1px #c0c0c0;
}

/* サイドバーカスタマイズ */
#side aside h4 {
background-color: #fff;
padding: 10px;
margin-bottom: 1px;
border-radius: 3px 3px 0px 0px;
border-left: 15px solid #c50a0a;
}
aside .kanren {
background-color: #fff;
border-radius: 0px 0px 3px 3px;}

/*-- 人気記事デザイン --*/

ul.wpp-list li {
		background-color: #fff;
    border-bottom: 1px dashed           #79c06e;/*記事間の点線と色*/
    position: relative;/*相対位置*/
border: solid 0.5px #c0c0c0;
}
 
ul.wpp-list li img {/*アイキャッチ画像*/
    margin: 10px 10px 10px 0px;/*画像の余白*/
    padding: 3px;/*画像の位置*/
}
 
ul.wpp-list li a.wpp-post-title {/*記事タイトル*/
    display: block;/*ブロック形式で表示*/
    font-size: 15px;/*文字サイズ*/
    color: #333;/*文字色*/
    padding: 12px;/*タイトル位置*/
    text-decoration: none;/*タイトルの下線なし*/
}
 
ul.wpp-list li a.wpp-post-title:hover {
    color: #4169e1;/*ホバー時のタイトル色*/
}

/*addクイック用CSS*/
.pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}/*ピンクの太マーカー*/
.blue_line{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;}/*ブルーの太マーカー*/
.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;}/*イエローの太マーカー*/
.pink_line_narrow{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffb2d8 0%) repeat scroll 0 0;}/*ピンクの細マーカー*/
.blue_line_narrow {background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #add6ff 0%) repeat scroll 0 0;}/*ブルーの細マーカー*/
.yellow_line_narrow{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffff7f 0%) repeat scroll 0 0;}/*イエローの細マーカー*/

/*見出し文字を改造：CSS編集でメニューのCSSクラスタ無効をしないとこちらのCSSは反映されない*/