﻿/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/*---------------------------------
記事タイトルを小さく
--------------------------------*/
.entry h2 a{
 font-size: 19px;
 line-height: 1.0;
}
/*---------------------------------
抜粋記事本文を小さく
--------------------------------*/
.entry-snippet{
        font-size:90%
}

.entry h2 {
    position: relative;
    top: 0;
}

/*---------------------------------
メタ情報の日付を小さく
--------------------------------*/
.post-meta,.entry .post-meta a  {
    font-size: 14px;
    line-height: 160%;
}
/* 記事タイトルなどの位置 */
.entry-card-content {
    margin-left: 0px !important;
}




/* ===========
スマホ用タイトル小さく
== */
@media only screen and (max-width: 480px) {
.entry h2 a{
 font-weight: 700;
 font-size: 0.9rem;
 }
}
/* スマホ記事タイトルなどの位置 */
@media only screen and (max-width: 480px) {
.entry-card-content {
    margin-left: 0px !important;
 }
}


/* 記事間に線を引く */
#main .entry {
 border-bottom: 1px solid #F0F0F0;
 padding-bottom: 0px;
}
#main .entry {
  padding-bottom: 5px;
}


/* 人気記事設定 */
.wpp-list li {
    position: relative;
}

.wpp-post-title {
    display: none;
}




/* サイドバーの人気記事一覧レイアウト */
ul.wpp-list li {
		border-top: 1px #999 dotted;
		padding-top:10px;
  counter-increment: wpp-count;
  position: relative;
}
ul.wpp-list li:before {
  display: ;
  padding: 1px 8px;
  color: #151515;
  background-color: #E0ECF8;
  content: counter(wpp-count);
  position: absolute;
  opacity: 1;
  z-index: 10000;
  border-radius: 10px;
  top: 15px;
  left: 6px;
}
ul.wpp-list li:last-child {
  border-bottom: none;
}

ul.wpp-list li img {
  margin: 5px 10px 5px 5px;
  padding: 3px;
  border: 1px solid #ddd;
}
ul.wpp-list li a.wpp-post-title {
  display: block;
  font-size: 12px;
  padding: 0px;
  text-decoration: none;
  color: #333;
}