/* カスタム CSS をここに入力してください */
h2#danraku2{
padding: 0.5em;
background: aliceblue;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}

h3#danraku3{
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}



h5#danraku5{
position: relative;
  color: #505050;/*文字色*/
  padding: 0.2em 0.2em 0.2em 1.0em;
  font-size:24px;
  vertical-align: middle;/*上下中央*/
  background: #dbebf8;
  line-height: 2.8;/*行高*/
}

h5:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 20px solid transparent;
border-top: 20px solid #dbebf8;
width: 0;
height: 0;

}
#e0edff
#dbebf8
#81d0cb


h6#danraku6{
background: #c2edff;/*背景色*/
padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

/*-- 人気記事デザイン --*/
ul.wpp-list li {
    border-bottom: 1px dashed #79c06e;/*記事間の点線と色*/
    position: relative;/*相対位置*/
}

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;/*ホバー時のタイトル色*/
}

.bs {
  margin-bottom: 2em;
}

.ss {
  margin-bottom: 0.5em;
}