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

/* 見出しの設定 */
/* 見出し2を設定 */
h2#danraku2{
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}

/* 見出し3を設定 */
/* ステッチ風ふせんで表す*/
h3#danraku3{
display: inline-block;
position: relative;
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
}

h3#danraku3:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/* 見出し4を設定 */
/* ○*/
h4#danraku4{
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
}

h4#danraku4:before {
content: '●';
color: #454545;
margin-right: 8px;
}

/* 人気記事のサムネイル画像を編集する */
/*  50px 50px 50px 50pxで丸型 */
ul#popular-posts.wpp-list li img {
	border-radius: 5px 5px 5px 5px;
}