/*--------------------------------------
wppでランキング順位を表示する
--------------------------------------*/
/* カウンタをリセット */
.my-widget.show_num {
    counter-reset: wpp-ranking;
}
/* 一覧の表示 */
.my-widget.show_num li {
    position: relative;
}
/* 順位を表示 */
.my-widget.show_num li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
 	display: inline-block;
 	position: absolute;
 	z-index: 1;
 	top: 0;
 	left: 0;
 	width: 25px;
 	height: 25px;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
}
/* 1位 */
.my-widget.show_num li:nth-child(1):before {
	background: #FCE36b;
	color: #fff;
}
/* 2位 */
.my-widget.show_num li:nth-child(2):before {
	background: #FCE36b;
	color: #fff;
}
/* 3位 */
.my-widget.show_num li:nth-child(3):before {
	background: #FCE36b;
	color: #fff;
}
/* 4位以降の色 */
.my-widget.show_num li:nth-child(n + 4):before{
	background: #f3f3f3;
	color: #9a9a9a;
}

/* フッター文字色変更 */
.site_description {
    color: #000;
}


/*ここから　見だしデザイン*/
.entry-content h2 {
  position: relative;
	color: #ffffff;
  padding: 0.6em;
  background: #6bb6ff;
}

.entry-content h2::linkafter {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #000000;
  width: 0;
  height: 0;
}



.entry-content h3{
  border-bottom: solid 3px #cce4ff;
  position: relative;
	border-left: none;
	padding-left: 0;
}

.entry-content h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #6bb6ff;
  bottom: -3px;
  width: 20%;
}
.entry-content h4 {
	margin: 0em 0 .7em;
  font-size: 1.1em;
}

.entry-content h4:before {
content: '〇';
color:#6bb6ff;
margin-right: 8px;
}
/*ここまで　見だしデザイン*/


/*--------------------------------------
目次（記事内）　デザイン変更
--------------------------------------*/
/*-----目次全体-----*/
#toc_container {
    border: none;/*枠線を削除*/
    background: #f5f5f5;/*背景の色*/
    box-shadow: none;/*影を削除*/
    border-radius: 3px;/*丸み*/
}
/*-----目次のタイトル-----*/
#toc_container .toc_title {
    margin-left: 55px;/*左の余白（外側）*/
    color: #595959;/*文字の色*/
}
/*-----アイコン（タイトル前）-----*/
.toc_title:before {
    background: none!important;/*背景を削除*/
    color: #595959!important;/*アイコンの色*/
    top: .25em!important;/*上からの位置*/
    font-size: 27px!important;/*アイコンの大きさ*/
    line-height: 40px!important;/*アイコンの高さ*/
    content: "\f00b"!important;/*アイコンの種類*/
}
/*-----ひらく・しまう部分-----*/
.toc_toggle {
    width: auto;/*幅を自動調整*/
    margin-left: 3em;/*左の余白（外側）*/
    margin-bottom: .4em;/*下の余白追加*/
    border-radius: 4px;/*丸み*/
    background: #59595990;/*背景色*/
    font-size: 13px;/*文字の大きさ*/
    letter-spacing: .25em;/*字間をちょい広め*/
    color: #ff00;/*文字を透明（[]）*/
}
/*-----目次の箇条書き部分-----*/
#toc_container .toc_list {
    margin-bottom: 20px;/*一番下の余白追加*/
    margin-left: 2.7em;/*左側の余白追加*/
}
/*-----PC表示のときシュッとさせる-----*/
@media only screen and (min-width: 500px){/*ブレイクポイント500px*/
#toc_container {
    padding: 10px 25px;/*余白（内側）　上下　左右*/
}}

/*--------------------------------------
  キャプションを変更
--------------------------------------*/
.entry-content .wp-caption {
max-width: 100%;/*画像の幅をいっぱいに*/
margin: 0;/*外側の余白なし*/
padding: 0;/*内側の余白なし*/
border: none; /* 枠線を消す */
}
.entry-content .wp-caption p.wp-caption-text {
margin-top: 0.2em; /* 画像との余白 */
font-size: .7em; /* キャプションの文字の大きさ */
text-align: right; /* 右揃え */
}