@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

html{
	font-size: 17.3px;
	
	
}
@media screen and (max-width: 640px) {
	  html{

   	font-size: 16px;
  }

}
body{
  font-weight:600;
}

/*記事一覧のコメント数表示 */
.comment-count{

}

.comment-count a{
	color:#6a6a6a;
	font-weight:500;
	font-size:0.7rem;
	 
}
.comment-count a:hover{

	color:blue;
}
 


/* コメントに番号 */
.c-commentList{
	padding-left: 23px;
list-style: decimal;
	font-size: 0.94rem;
}
.c-commentList li{

	font-size: 0.94rem;
}

/* コメント欄余白 */
.p-commentArea {

    padding: 0.7rem;
}


/* コメント内容余白 */
.comment-body {
    padding-left: 1px;
}
/* コメント返信幅 */
.c-commentList .children {
    margin-left: 0.3rem;

}
/* RSSの設定 */
.rss-top a{
color:#0033CC;
font-size:0.85rem;
	font-weight:bold;
}
.rss-top a:hover{


    color: red;
}
.rss-top li{
border-bottom: 1px solid #ccc;
}



/* WPP設定 */
.wpp-post-title {
        color: #333;
        text-decoration: none;
font-size:0.77rem;

}
.wpp-post-title a:hover{
        color: #3446e3;
        text-decoration: none;


}
.wpp-list li {

    margin-bottom: 0.7rem;
}
/* テキストと背景指定 */
.popular-posts .wpp-list{
  background:#fdfdfd;/* 背景カラー */
  font-weight: bold;/* テキスト太字 */
  letter-spacing: 1.1px;/* テキスト字間 */


}

/* ランキングカウンター実装 */
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:10%;/* 背景の丸み */
z-index:1;/* 重なりの指定 */
}
/* カウント数を実装 */
ul.wpp-list li {
counter-increment: wpp-count;
}
/* 上位3位の背景色変更 */
ul.wpp-list li:nth-child(1):before{
background: #e6b422;
}
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(10):before{
padding:3px 10px;
}