@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/
/*2017.10.09追加*/
/*タグクラウドのデザイン*/
.tagcloud a {
 font-size: 14px !important; /* 文字のサイズ */
 line-height: 1em;
 background: #2098a8; /* 背景色 */
 color: #fff; /* 文字色 */
 display: inline-block;
 white-space: nowrap;
 padding: 8px 8px; /* 文字周りの余白 */
 margin-top: 3px; /* タグ同士の余白 */
 border-radius: 4px; /* 角を少し丸く */
 text-decoration: none;
}
.tagcloud a:hover {
 background: #f9d635; /* マウスホバー時の背景色 */
 color: #2098a8; /* マウスホバー時の文字色*/
}

.tagcloud a:before {
 font-family: "FontAwesome";
 content: "\f02b"; /* 絵文字のコード */
 padding-right: 4px;
}
/* 2017.10.09　ここまで */

/* Simplicity子テーマ用のスタイルを書く */

/*---------------------------------
見出し2 先頭にマーク(重なる四角2つ)×下線
--------------------------------*/
.article h2 {
    border-left:none;/* デフォルトの左1pxの線を消す */
    position: relative;
    padding-left: 3em;/* テキスト左の余白 */
    border-bottom: 2px solid #204f18;/* 下線 線の太さ・線の種類・色 */
}
 
.article h2:before{
    content: "■"; /* 下の記号 */
    position: absolute;
    font-size: 150%;
    color: #b9d6a4;/* 下の記号の色 */
    top: 0.5em;/* 下の記号のトップの位置 */
    left: 0.6em;/* 下の記号の左の位置 */
}
 
.article h2:after{
    content: "■";/* 上の記号 */
    position: absolute;
    font-size: 150%;
    color: #204f18;/* 上の記号の色 */
    top: 0.2em;/* 上の記号のトップの位置 */
    left: 0.3em;/* 上の記号の左の位置 */
}