@charset "UTF-8";

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

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

#main .entry {
border-bottom: 1px dotted #ccc;
padding-bottom: 15px;
}

.entry-read a {
text-decoration: none;
}
.entry-read a:before {
margin-right: 5px;
font-family: "FontAwesome";
content: "\f0a9";
}

.entry-read {
  text-align: right;
  margin-right: 10px; /* ここはお好みで */
}

.related-entry-read {
  text-align: right;
  margin-right: 10px; /* ここはお好みで */
}

.sankou {
background-color: #fd7c22;
margin-right: 5px;
padding: 1px;
}

#sidebar h3 {
font-size: 20px;
border-bottom: 5px solid #f7f7f7;
padding: 10px 0;
}

.article h2{
background-color: #43779D;
color: #fff;
border-left: 0;
padding: 15px 30px;
}

.article h3::before {
margin-right: 5px;
font-family: "FontAwesome";
content: "\f046";
}

.article h4::before {
margin-right: 5px;
font-family: "FontAwesome";
content: "\f101";
}

.article h5 {
border-bottom: 2px dashed #eee;
}

#the-content {
  margin: 0 auto;
}

/* 画像リンクの透過設定 */

img{
 transition: 1.0s;
}

img:hover{
 opacity: 0.5;
}

/* ボタンのアクション設定 */

.button100 {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button100::before,
.button100::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button100,
.button100::before,
.button100::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* ボタンのアクション設定2 */

.button100 {
  position: relative;
  z-index: 2;
  background-color: #444;
  border: 2px solid #444;
  color: #fff;
  line-height: 50px;
}
.button100:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
.button100::before,
.button100::after {
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #444;
}
.button100::before {
  top: 0;
}
.button100::after {
  bottom: 0;
}
.button100:hover::before,
.button100:hover::after {
  height: 0;
  background-color: #59b1eb;
}

/* ボタンのアクション設定 補正 */

.button100 {
  text-decoration: none;
}

.button100:hover {
  color :#000;
}

.button100 {
  padding:none;
}

/* 見出しCSS */
.widgettitle{
  background:#ffbf7f;/* 背景カラー */ 
  color:#fff;/* テキストカラー */
  font-weight:bold;/* テキスト太字 */
  text-align:center;/* テキスト真ん中寄せ */
  padding:1px;/* 内側の余白 */
  margin-bottom:10px;/* 外側の下に余白 */ 
}

/* ウィジェット内のリンク全て */
.widget a{
 text-decoration:none;/* リンクの下線消す */
 color:#222;/* リンクカラー */
}
/* ウィジェット内外部リンクアイコン削除 */
.widget a[target="_blank"]:after {
 content:none;
}
/* テキストと背景指定 */
.popular-posts .wpp-list{
  background:#fdfdfd;/* 背景カラー */
  font-weight: bold;/* テキスト太字 */
  letter-spacing: 1.3px;/* テキスト字間 */
  font-size:11px;/* テキストサイズ */	
}

ul.wpp-list li {
 border-bottom: 1px solid #ddd;/* 投稿下に下線 */
 position:relative;/* 位置の指定 */
}

/* リスト1段目の余白 */
ul.wpp-list li:nth-child(1){
padding: 10px 5px!important;
}
/* リスト2段目?10段目の余白 */
ul.wpp-list li:nth-child(n+2):nth-child(-n+10){
padding:2px 5px 10px 5px!important;
}

/* ランキングカウンター実装 */
ul.wpp-list li:before{
content:counter(wpp-count);/* カウンターを表示 */
display:block;/* 縦に並べる指定 */
position:absolute;/* 左上に固定 */
color:#fff;/* 数字の色 */
text-shadow:0 1px 2px rgba(0,0,0,0.2);/* 数字に影をつける */
font-size:13px;/* 数字サイズ */
font-weight:bold;/* 数字を太字 */
background:#555;/* 背景色 */
padding:3px 8px;/* 丸枠内の余白 */
border-radius:50%;/* 背景の丸み */
z-index:1;/* 重なりの指定 */
}
/* カウント数を実装 */
ul.wpp-list li {
counter-increment: wpp-count;
}
/* 上位3位の背景色変更 */
ul.wpp-list li:nth-child(1):before{
background: #fdd35c;
}
ul.wpp-list li:nth-child(2):before{
background: #a0a0a0;
}
ul.wpp-list li:nth-child(3):before{
background: #bf783e;
}
ul.wpp-list li:nth-child(20):before{
padding:3px 10px;
}

/* ビュー数 */
.wpp-views{
  color: #DF0101;
}