@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

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

/* 人気記事ランキングの順位をカスタマイズ　*/
.widget_popular_ranking ul li:before, .widget_new_popular ul li:before {
 background: none repeat scroll 0 0 #f2cf01 !important;
 color:#fff !important;
 border-radius: 5px !important;
 top: 3px !important;
 border:solid 3px #f2cf01 !important;
 font-weight: bold;
}
/*タグクラウドのデザイン*/
.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;
}
.headline2{
border-bottom: 2px solid #0000FF;
}

#sm_nav{
 text-align: center;
}
#sm_nav .category{ 
 background-color: #35A6A0; 
 padding:8px; 
 line-height: 230%;
 font-size:90%;
border-radius: 4px;
}
#sm_nav a{
 color: #FFFFFF;
 text-decoration: none;
 word-wrap: break-word;
}

/*--------------------------------------
会話風ふきだしデザイン
--------------------------------------*/
.kaiwa-box {
width: 100%;
height: auto;
margin-bottom: 20px;
display:table;
}
.kaiwa-face {
text-align:center;
display: table-cell;
width:60px;
vertical-align:middle;
}
.kaiwa-face img{
border-radius: 60px;
border: 1px solid #ccc;
margin-bottom:5px;
}
.kaiwa-face-name {
color: #333333;
font-size:70%;
line-height:1.5;
max-width:60px;
}
.kaiwa-area {
display: table-cell;
margin:0;
vertical-align:middle;
text-align:left;
}
.kaiwa-hukidashi {
display: inline-block;
padding: 15px 20px;
margin-left: 20px;
border-radius: 7px;
position: relative;
background-color: #f9f9f9;
}
.post .kaiwa-hukidashi p:last-child {
margin-bottom:0px;
}
.kaiwa-hukidashi:after {
content: "";
position: absolute;
top: 50%; left: -10px;
margin-top: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #f9f9f9 transparent transparent;
}
.kaiwaicon1 .kaiwa-hukidashi:after { border-color: transparent #ddeeff transparent transparent; }
.kaiwaicon1 .kaiwa-hukidashi {  color: #333333; background-color: #ddeeff; }
.kaiwaicon2 .kaiwa-hukidashi:after { border-color: transparent #ECF8E0 transparent transparent; }
.kaiwaicon2 .kaiwa-hukidashi {  color: #333333; background-color: #ECF8E0; }
.kaiwaicon3 .kaiwa-hukidashi:after { border-color: transparent #F8E0E0 transparent transparent; }
.kaiwaicon3 .kaiwa-hukidashi {  color: #333333; background-color: #F8E0E0; }