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

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








#navi-in{
    display: flex;
    justify-content: center;
}

/* カテゴリーの背景色*/
.post-meta .category a{
background-color:#FFE1E1;
border-radius:6px;
padding:1px 5px;
}

#main .entry {
 border-bottom: 1px dotted #999;
 padding-bottom: 18px;
 margin-bottom: 18px;
}

#main .related-entry {
 border-bottom: 1px solid #F0F0F0;
 padding-bottom: 10px; 
}

.entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#FA5858;
 border:1px solid #FA5858;
 border-radius:2px;
 padding:3px 5px 3px 5px;
 text-decoration:none;
 }
 
.entry-read a:hover{
 color:#FA5858!important;
 background-color:#fff;
 border:1px solid #fff;
}

.article h1{
border-bottom: 3px dotted #444;
    padding-bottom: 7px;
}

/* リストのタイトルを変更 */
.entry h2 a{
font-weight: 700;
font-size: 1.4rem !important;
line-height: 1.4;
}

/* サムネイル画像にエフェクト */
.entry-thumb,.wpp-thumbnail{
overflow: hidden;
}
.entry-thumb img,.wpp-thumbnail img{
transition: 0.6s ;
}
.entry-thumb img:hover,.wpp-thumbnail:hover {
opacity: 0.6;
-moz-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
}

#sidebar h3{
height: 50px;
line-height: 50px;
padding: 0 20px;
border-radius: 5px;
font-weight: bold;
color: #2f4f4f;
}

/* 人気記事ランキングの順位をカスタマイズ　*/
ul.wpp-list li {
border-bottom: 1px dashed #bbb;
counter-increment: wpp-count;
position: relative;
}
ul.wpp-list li:before {
display: block;
padding: 1px 11px;
color: #fff;
background-color: #333;
content: counter(wpp-count);
position: absolute;
opacity: 1;
z-index: 10000;
border-radius: 6px;
top: 6px;
left: 6px;
}
ul.wpp-list li:last-child {
border-bottom: none;
}
ul.wpp-list li:nth-child(1):before{
background-color: #FBCC54;
}
ul.wpp-list li:nth-child(2):before{
background-color: #B7BFC1;
}
ul.wpp-list li:nth-child(3):before{
background-color: #D47B16;
}
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: 15px;
padding: 12px;
text-decoration: none;
color: #333;
}

/* モバイルメニュー非表示 */
#mobile-menu {
  display: none !important;
}