@charset "UTF-8";



/*ページ送り*/
.paging{box-sizing:border-box;display:block;width:100%;}
.paging p{width:35%;display:inline-block;vertical-align:top;}
.paging p a{position:relative;}
.paging .centerlink{text-align:center;width:30%;}
.paging .leftlink{text-align:left;}
.paging .rightlink{text-align:right;}

/* ヘッダーソーシャル */
#snstop{width:100%;}
#snstop a{box-sizing:border-box;font-weight:bold;display:inline-block;margin-left:10px;padding:12px 0px 10px;height:auto; color:#333;text-decoration:none;font-size:16px;text-align:right;background:none;border:none;}
#snstop a i{margin-right:5px;}
#snstop a:nth-of-type(6){margin-right:0;}
#snstop a:hover{opacity:0.8; border:none;}
#snstop a:nth-of-type(1):hover{background:none; color:#0e9bf1;}
#snstop a:nth-of-type(2):hover{background:none; color:#3b579d;}
#snstop a:nth-of-type(3):hover{background:none; color:#dd4b39;}
#snstop a:nth-of-type(4):hover{background:none; color:#5d8ac1;}
#snstop a:nth-of-type(5):hover{background:none; color:#f03e51;}
#snstop a:nth-of-type(6):hover{background:none; color:#ef8000;}
.fa-hatena:before{content:"B!"; font-family:Verdana; font-weight:bold}
@media screen and (max-width:768px) {
#snstop a i{margin-right:0;}
}
/* 記事内ソーシャル */
.snsmain{ width:100%; float:none; margin:0px auto 20px; text-align:left; }
.snsmain a{ box-sizing:border-box; font-weight:bold; display:inline-block; margin-right:0.4%; padding:5px 4px; width:19.6%; height:auto; text-decoration:none; font-size:14px; text-align:center; border:none; border-radius:3px; color:#fff; }
.snsmain a i{margin-right:8px;}
.snsmain a:hover{opacity:0.8; border:none;}
.snsmain a:nth-of-type(1){ background:#0e9bf1; box-shadow:0 0px 0 #0092ca; }
.snsmain a:nth-of-type(2){ background:#3b579d; box-shadow:0 0px 0 #2c4373; }
.snsmain a:nth-of-type(3){ background:#dd4b39; box-shadow:0 3px 0 #ad3a2d; display:none; }
.snsmain a:nth-of-type(4){ background:#5d8ac1; box-shadow:0 0px 0 #43638b; }
.snsmain a:nth-of-type(5){ background:#f03e51; box-shadow:0 0px 0 #c0392b; }
.snsmain a:nth-of-type(6){ background:#00c300; box-shadow:0 0px 0 #219900; margin-right:0; }
.fa-hatena:before{ content:"B!"; font-family:Verdana; font-weight:bold }
.text{font-weight:bold;}
@media screen and (max-width:768px) {
.snsmain{ width:100%; float:none; margin:10px auto 10px !important; text-align:left; }
.snsmain a i{margin-right:0;}
.text{display:none;}
}

/* 一覧の表示スタイル */
.popularity li{position:relative;}
.popularity li:before{content:counter(wpp-ranking, decimal);counter-increment:wpp-ranking;border-radius:0px;line-height:1; position:absolute;left:0;top:0px;z-index:1;}

