/*
Theme Name: Child
Template: twentytwelve
*/
/*  
@import url('../twentytwelve/style.css');
*/
/* フォントと文字の大きさ、色 */
body {
font-family: "メイリオ", Meiryo, 
"Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", 
"Lucida Sans Unicode", Arial, Verdana, sans-serif;
text-rendering: optimizeLegibility;
color: #000;/* 文字色 */
font-size: 15px; /* 文字の大きさ */

width: 100%;

}
 
body.custom-font-enabled {
font-family: "メイリオ", Meiryo,
"Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande",
"Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* 本文中の行間 */
.entry-content p {line-height: 28px;}


/* サイドバーの行間と文字の大きさ */
.widget-area .widget li {
line-height: 28px; /* 行間 */
font-size: 14px; /* 文字の大きさ */
}

.sitelist a {
 padding-left:3px;
 font-size:15px;
}




/* ブログタイトル部分 */
.site-header h1 {
font-size: 28px; /* 文字の大きさ */
line-height: 1.846153846; /* タイトル部分の高さ */
background-color: #fff; /* 背景に色を使う場合に記入 */
}


/* ブログタイトルの色 */
.site-header h1 a {color:#000000;} /* タイトルの色 */
.site-header h1 a:hover {
color: #7a8285;} /* カーソルが乗った時の色 */


/* 記事タイトル */
.entry-header .entry-title {
font-size: 25px; /* 文字の大きさ */
line-height: 1.2; /* 高さ */
padding-left: 10px; /* ちょっと左に余白 */
margin-bottom:5px;
font-weight: bold;
    border-bottom: 5px solid #66cdaa;
}

.entry-header .entry-title a {
color: #000000;/* 文字の色 */
text-decoration: underline; /* 下線 */ 
}

.entry-header .entry-title a:link:hover,
.entry-header .entry-title a:visited:hover{
	color:#ff4500;
	text-decoration:underline;
	
}




.entry-content h2 {
    margin: 3em 0 1.0em 0;
    padding: 0.5em;
    border-top: 5px double #66cdaa;
    border-bottom: 5px double #66cdaa;
    font-size: 1.1em;
    font-weight: bold;
    background-color:#ffffff;

}

/* トップページ　妊娠したい　産み分けしたい　リンク ------------------------------------------------------------- */
.toplink a{
 background-repeat:no-repeat;
 background-position:0% 50%;
 margin-right:16px;
 line-height:38px;
 display:inline-block;
 padding-left:12px;
 font-size:19px;
}


/* ナビメニュー ------------------------------------------------------------- */

.main-navigation ul li {
background: #f0fff0; /* 背景色 */
border:2px solid #66cdaa;
  color: #000000 !important; /* 文字色（藍色） */

line-height: 15px; /* 高さ */
font-size: 12px;} 

.main-navigation ul li:hover { 
color:#ffffff; 
background-color: #66FF00; /* 背景色 */
} 

.main-navigation ul.nav-menu {
 display: table !important;
 table-layout: fixed;
 text-align: center;
 width: 100%;}
 
 .main-navigation li {
 display: table-cell;
 vertical-align: middle;}



/* Sidebar------------------------------------------------------------- */
.widget-area .widget {  /* ココです */

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	background: #f0fff0;
	margin:0px;	
	word-wrap: break-word;
	color:#000000 !important;
	font-color:#000000 ;
	font-size:14px !important;
}

h3.widget-title  {
  color: #000000 !important; /* 文字の色 */

   padding-left: 10px; /* 左の余白 */
   border-width: 0px 0px 0px 3px; /* 枠の幅 */
   border-style: solid; /* 枠の種類 */

   border-color: #66cdaa; /* 枠の色 */
   

line-height: 100%; /* 行の高さ */
background: #ffffff;
font-size: 18px;
margin-top:10px;

} 


h4.catename  {
  color: #000000 !important; /* 文字の色 */

   padding-left: 10px; /* 左の余白 */
   border-width:3px; /* 枠の幅 */
	border-bottom-style: solid; /* 枠の種類 */

   border-color: #66cdaa; /* 枠の色 */
   

line-height: 100%; /* 行の高さ */

font-size: 18px;
margin-top:10px;

} 

/* 最新の記事部分の変更 */
h3.rpwe-title{

  font-color: #000000 !important; 
color:#000000 !important; 
clear: none !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400 !important;
font-size: 12px !important;
line-height: 1.5em !important;
}




.widget-area .widget a {
 color: #000000 !important; /* リンク部分の文字色 */
text-decoration: underline; /* リンク部分にアンダーライン */
font-weight: normal; /* 文字の太さはノーマル */

 }

.widget-area .widget a:visited {color: #000000 !important;}
 .widget-area .widget a:hover{color: #FF69B4 !important;}


/* 
カテゴリー別一覧ページのタイトルを変更
目立つように修正
*/
.archive-title {

    color: #000000; /* 文字の色 */
    background-color:  #66cdaa ; /* 背景色 */
    line-height: 130%; /* 行の高さ */
    text-align: left; /* テキストの配置 */

    font-size: 25px;
    padding: 5px;
}
/* 勝手に大文字にしない */
.main-navigation li a {text-transform: none;}
.archive-title {text-transform: none;}
.widget-title {text-transform: none;}
/*タイトル下の線を消す */
.archive-header{ border-bottom: none}
/*タイトル下の余白を狭くする */
.archive-header {margin-bottom: 10px;}

/* 
記事一覧の画像を左、記事を右にする
*/
div.entry-post-thumbnail {
float: left;
margin: 0 10px 10px 0;}

/* 
記事公開日・最終更新日
*/
.date-of-post {
    text-align: right;
    margin-bottom:5px;
}

/* 
○件のフィードバックを削除
*/
.comments-title {
    display: none;
}

.comment-meta,.comment-author{
  	border-bottom:double 4px #66cdaa;
}

/* 
フロントページ　サイトの説明一文
*/
div.frontcom {
	background: #f0fff0;
	font-weight:bold !important;
	color:#000000;
	margin-bottom:15px;
}

p.recommend {
	font-weight:bold !important;
	color:#000000;
}

/* パンくず */
div#breadcrumb div {
line-height: 35px; /* 文字の高さ */
display: inline; /* 横並びに */

}


.rpwe-block li {
	list-style:none !important;
}

.front-widgets li {
	list-style:none !important;
}

/*---------------------------------文章の飾り---------------------------------*/
/*
大切な文章をマーカーする

span.kasen{
  border-bottom: #adff2f 3px double;
  text-decoration: none;
}
span.marker-vioret {
  background: linear-gradient(transparent 0%, #fff0f5 0%);
}



strong.front-txt{
 font-size : 20px;
    text-align: left;
}

/*---------------------------------管理人のつぶやき枠---------------------------------*/
div.tubuyakiwaku{
  padding: 16px;
  border: solid 3px #66cdaa;
width: 90%;
margin: 3px; 
margin-top: -5px; 

}

/*---------------------------------文章の飾り---------------------------------*/
div.waku {
  padding: 16px;
  border: solid 3px #66cdaa;
border-radius: 10px; 
margin-top: 0px; 
 background-color: #ffffff; 
margin-bottom: 30px;
}



/*---------------------------------文章の飾り---------------------------------*/

/* 
テーブルプレス
テーブルの枠線をつける
*/
.entry-content table {
    border: 1px solid #EDEDED;
}
/* 
テーブルプレス
行列の枠線をつける
*/
.tablepress thead th,
.tablepress tbody tr:first-child td,
.tablepress tbody td,
.tablepress tfoot th {
    border: 1px solid black !important;
}

/*---------------------------------social bookmarking---------------------------------*/
/*Pocketボタンの幅調整*/
.wsbl_pocket {
 width: 95px;
}
/*Google+ボタンの幅調整*/
.wsbl_google_plus_one {
 width: 58px;
}
/*twitterボタンの幅調整*/
.wsbl_twitter {
 width: 89px !important;
}

.wp_social_bookmarking_light{
border: 0 !important;
padding: 0 !important;
margin: 0 0 10px !important;
}
.wp_social_bookmarking_light div{
float: left !important;
border: 0 !important;
padding: 0 !important;
margin: 0 5px 0px 0 !important;
height: 23px !important;
text-indent: 0 !important;
}


/*---------------------------------social bookmarking---------------------------------*/


/*-------------------------------------------
タイトルのテーブルタグ　エメラルドグリーンで①～段落をつける
---------------------------------------------*/

table.discriptiontable {
	width: 100%;
	margin: 0 auto;
}

td.discriptiontable {
	margin: 0;
	background-color:#CCFFFF; 
	text-align: left;
	font-size: 14px;
}

/*-------------------------------------------
テーブル枠を黒で囲いたい
---------------------------------------------*/
table.basic {
    border: 1px solid #000000 !important;
    border-top: 1px solid #000000 !important;
color: #000000 !important;/* 文字色 */
font-color : #000000 !important;
}
table.basic tr td {
    border: 1px solid #000000 !important;
	font-size: 14px;

}
tr.basiccolor  {

	border: 1px dotted #000000;	
	font-color:#000000;
	font-size:14px;
	background-color:#fff0f5;
}
th.basiccolor  {

	border: 1px dotted #000000;	
	font-color:#000000;
	font-size:14px;
	background-color:#fff0f5;
}

/*-------------------------------------------
引用タグ装飾
---------------------------------------------*/
blockquote{
position: relative;
margin: 0 1em 1.5em;
padding: 1em;
border: 3px solid #E3E3E3;
background-color: #F3F3F3;
z-index: 1;
}
blockquote p{
position: relative;
z-index: 3;
}
blockquote:before{
content: "“";
font-size: 700%;
line-height: 0.8em;
font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
color: #fff;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
 
blockquote:after{
content: "”";
font-size: 700%;
line-height: 0em;
font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
color: #fff;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
 
/*-------------------------------------------
スポンサードリンク　マージンを削除
---------------------------------------------*/

p.sponser {
margin:0px;
margin-bottom:2px;
padding:0px;
	font-size: 11px;
}

p.sponsertite {
padding:0px;
	font-size: 11px;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
}

/*-------------------------------------------
画像右回り
---------------------------------------------*/
img.rightmawari{float: right;}

/*-------------------------------------------
大切な箇所を囲む
---------------------------------------------*/
p.box19{
    margin-bottom: 10px; 
	color:#ff69b4;
		font-weight: bold;
	font-size:19px ;

}
p.box20{
    margin-bottom: 10px; 
	color:#000000;
		font-weight: bold;
	font-size:15px ;

}





/*-------------------------------------------
アンケート見た目変更
---------------------------------------------*/
div.poll{
 border: 1px solid #000099 !important;
 background: #EEEEEE !important;
 margin-top: 20px !important;
 margin-bottom: 20px !important;
 padding: 20px 20px 20px 5px !important;
 }

/*-------------------------------------------
スマホＰＣも同じにする独自テーブル
---------------------------------------------*/

	table.longtable{

  		border: 1px solid #000000;
	}

	table.longtable th{
		display: list-item;
		list-style-type: none;
		border: none;
  		border-top: 1px dotted #000000;	
		font-weight: bold;
		background-color:#fff0f5;
		color:#000000;
		font-size:15px;
	}
	

	table.longtable td{
		display: list-item;
		list-style-type: none;
		border: none;
  		border-top: 1px dotted #000000;	
		color:#000000;
		font-size:14px;
	}


/*-------------------------------------------
テーブルｔｄで横並びあり　セル色替えあり
---------------------------------------------*/
	table.tablecolorchange{
		font-size:15px;
		font-color:#000000;
  		border: 1px solid #000000;
	}
caption.tablecolorchange{
	color: #0000FF;	
	font-size: 22px;	
}
	table.tablecolorchange th{
		border: none;
  		border: 1px dotted #000000;	
		font-weight: bold;
		background-color:#fff0f5;
		font-color:#000000;
		font-size:15px;
	}

	table.tablecolorchange td{

		border: none;
  		border: 1px dotted #000000;	
		font-color:#000000;
		font-size:15px;
	}

	td.tablecolorchangered{

		border: none;
  		border: 1px dotted #000000;	
		font-color:#000000;
		font-size:15px;
		background-color:#ffe4e1;
	}

	td.tablecolorchangeyellow{

		border: none;
  		border: 1px dotted #000000;	
		font-color:#000000;
		font-size:15px;
		background-color:#fffacd;
	}



/*-------------------------------------------
カラーテーブル 枠線なし 体重管理メイン
---------------------------------------------*/

	table.colortable {
		border: none !important;
		align:center;
	}

	
	td.attentioncolor {
		border: 0;
		background-color: #FFFFCC;
		text-align: left;
	}
	
	td.okcolor {
		border: 0;
		background-color: #CCFFFF;
		text-align: left;
	}
	
	td.nocolor {	
		border: 0;
		background-color: #FFFFFF;
		text-align: left;
	}

	td.pinkcolor {
		border: 0;
		background-color: #FFCCFF;
		text-align: left;
	}

	caption.colortable {	
		color: #0000FF;	
		font-size: 22px;
	}

/*-------------------------------------------
●●●●●●妊娠したい人の体重管理　thタグありで横に長い場合の表●●●●●●
スマートフォン用のテーブル変換はなし

---------------------------------------------*/
	
	table.weight{
		border: 1px solid #000000;  	
		background: #FFFFFF;
		align:left;
		border-color:#000000; 
		border-width:2px;
		margin: 1em;
		font-size:14px;
		color :#000000;
	}
	
	caption.weight{
	
		color: #0000FF;	
		font-size: 22px;
	
	}
	
	th.tall {
		border: 1px solid #000000;
		text-align: center;
		background-color: #99FF99;
	}
	
	th.attentiony {
		text-align: right;
		border-right: 1px solid #000000;
		background-color: #FFFFCC;
	}
	
	th.attentionf {
		text-align: left;
		border-left: 1px solid #000000;
		background-color: #FFFFCC;
	}
	
	th.okn {
		border: none;
		background-color: #CCFFFF;
		text-align: center;
	}
	
	th.oky {
		border-right: 1px solid #000000;
		border-left:none;
		background-color: #CCFFFF;
		text-align: right;
	}
	
	th.okf {
		border-left: 1px solid #000000;
		border-right:none;
		background-color: #CCFFFF;
		text-align: left;
	}
	
	th.weight {
		border: 0;
		border-bottom: 1px solid #000000;
		text-align: center;
		background-color: #99FF99;
	}
	
	
	
	
	td.tall {
		border: 1px solid #000000;
		border-top:1px solid #000000;
		font-weight: 1.3em;
		text-align: center;
		}
	
	td.attentiony {
		text-align: right;
		border-right: 1px solid #000000;
		border-top:1px solid #000000;
		background-color: #FFFFCC;
	}
	
	td.attentionf {
		text-align: left;
		border-left: 1px solid #000000;
		border-top:1px solid #000000;
		background-color: #FFFFCC;
	}
	
	td.okn {
		border: 0;
		border-top:1px solid #000000;
		background-color: #CCFFFF;
		text-align: center;
	}
	
	td.oky {
		border-right: 1px solid #000000;
		border-top:1px solid #000000;
		background-color: #CCFFFF;
		text-align: right;
	}
	
	td.okf {
		border-left: 1px solid #000000;
		border-top:1px solid #000000;
		background-color: #CCFFFF;
		text-align: left;
	}

/*-------------------------------------------
●●●●●●精子検査キッド専用●●●●●●


レスポンシブ用のテーブル変換はなし
---------------------------------------------*/
	
	/*排卵日のズレの説明 */	
	table.seisikensa{
		border: 1px solid #000000;  	
		background: #FFFFFF;
		align:center;
		border-color:#000000; 
		border-width:2px;
		margin: 1em;
		font-size: 16px;
		color:#000000;
	}

	caption.seisikensa{
		background-color: #FFFFFF;	
		color: #0000FF;	
		font-size: 20px;
	
	}

	th.seisikensa {
		border: 1px solid #000000;
		background-color: #CCCCFF;
	}
	
	td.seisikensa {
		border: 1px solid #000000;
		font-weight: 1.3em; 
		text-align: left;
	}


/*-------------------------------------------
●●●●●●妊娠初期症状(私の妊娠初期症状)
　　　　　　フライングhCG濃度の変化　thタグありで横に長い場合の表●●●●●●
スマホ変換なし　
---------------------------------------------*/
	table.myninsinsyouzyou {
	
		width: 100%;
		border-collapse: collapse;	
  		border: 2px solid #000000;
  		font-size: 14px;
 		
	}

	caption.myninsinsyouzyou{
		background-color: #FFFFFF;	
		color: #0000FF;	
		font-size: 25px;
	
	}


	th.myninsinsyouzyou {
  		font-size: 14px;
		font-weight: bold;
		border: 2px solid #000000;
		background-color: #66FFFF;
	}
	
	td.myninsinsyouzyou {

		border:	 2px solid #000000;
	}
		
	td.myninsyouok {
	
		background-color: #FFCCFF;
		border: 2px solid #000000;	
	}

	td.myninsyouno {
		background-color: #FFFFFF;
		border: 2px solid #000000;	
	}

/*-------------------------------------------
●●●●●●妊娠した時の基礎体温基礎データ　thタグありで横に長い場合の表●●●●●●
スマートフォン用のテーブル変換はなし
---------------------------------------------*/


	table.ninsintaion {
	
		width: 100%;
		border-collapse: collapse;	
  		border: 2px solid #000000;
  		font-size: 13px;
 		
	}
	
	caption.ninsintaion{
		background-color: #FFFFFF;	
		color: #0000FF;	
		font-size: 25px;
	
	}


	th.ninsintaion {

		font-weight: bold;
		border: 2px solid #000000;
		background-color: #fff0f5;
	}
	
	td.ninsintaionouzyou {

		border:	 1px solid #000000;
	}
		
	td.ninsintaion {
	
		border: 1px solid #000000;	
	}

	td.ninsintaion {
		border: 1px solid #000000;	
	}


	td.ninsintaionpink {
		color: #FF00FF;
		border: 1px solid #000000;	
	}



	
	
	/*高温期12～14日目のテーブル。カラムが3つしかないので、テーブルを小さくしてみた */
	table.ninsintaionsmall{
		border: 1px solid #000000;  	
		background: #FFFFFF;
		align:left;
		border-color:#000000; 
		border-width:2px;
		margin: 1em;
		width: 27%;
	}


/*-------------------------------------------
●●●●●●子宝神社 戌の日一覧表　thタグありで横に長い場合の表●●●●●●
スマートフォン用のテーブル変換はなし

---------------------------------------------*/

	table.inunohi {
		width: 85%;
		border-collapse: collapse;	
  		border: 1.5px solid #FF00FF;
  		font-size: 13px;
		margin: 2px;
	}
	table.inunohi td {
  		border: 1.5px solid #FF0000;
	}
	table.inunohi caption {
	
		color: #FF0000;
	
	}

*-------------------------------------------
●●●●●●子宝神社 全国一覧表●●●●●●
スマートフォン用のテーブル変換はなし
---------------------------------------------*/

	table.jinjyalist {
		width: 99%;
		border-collapse: collapse;	
  		border: none;
  		font-size: 13px;
		margin: 2px;
	}
	
	caption.jinjyalist{
		color: #FF0099;	
		font-size: 20px;
		font-weight: bold;
	
	}
	thead.jinjyalist td{
		font-weight: bold;
		border-top: 1.5px solid ;
		border-bottom: 1.5px solid #CCFF99;d
		border-left: none;
		border-right: none;

	}


	tbody.jinjyalist td,th{
		
		border-left: none;
		border-right: none;
		border-top: 1.5px solid  #CCFF99;
		border-bottom: 1.5px solid #CCFF99;
		font-size: 17px;
	}

	table.jinjya {
		width: 99%;
		border-collapse: collapse;	
  		border: 1.5px solid #CCFF99;
  		font-size: 13px;
		margin: 2px;
	}
	table.jinjya td {
  		border: 1.5px solid #CCFF99;
	}


/*-------------------------------------------
左側項目だけ黄色にして見やすくするテーブル
---------------------------------------------*/
	
	table.kisotaiondis{
		color:#000000;
		border: 1px solid #000000;  	
		background: #FFFFFF;
		align:left;
		border-color:#000000; 
		border-width:2px;

		margin-left: 0em !important;
  		font-size: 15px;
	}
caption.kisotaiondis {
	color: #0000FF;	
	font-size: 22px;	
}

	td.kisotaiondis {
		border: 1px solid #000000;
		border-width:2px;
		background-color: #FFFFCC;	
	}
	
	table.kisotaiondis td {
		border: 1px solid #000000;
		border-width:2px;
	}
	table.kisotaiondis th {
		border: 1px solid #000000;
		border-width:2px;
	}


/*-------------------------------------------
●●●●●●子宝神社　出典●●●●●●
---------------------------------------------*/
	p.syutten{
	
		color: #00CC66;
		font-size: 10px;
		margin-left: 70px;
		margin-top: -20px;
	}

   /*-------------------------------------------
    ●●●●●●産み分け　病院での産み分け方法　男の子　thタグありで横に長い場合の表●●●●●●
    テーブル変換はなし
    ---------------------------------------------*/





        table.umiwakehospitalboy{
            border: 1px solid #000000;  	
            background: #FFFFFF;
            align:left;
            border-color:#000000; 
            width: 95%;
            margin: 0 auto;
  		font-size: 15px;
        }

        caption.umiwakehospitalboy {
            color: #0000FF;	
            font-size: 22px;	
        }

        th.umiwakehospitalboy {
            border: 1px solid #000000;
            border-width:2px;
            background-color: #66CCCC;
  		font-size: 15px;
        }

        td.umiwakehospitalboy {

            border-top: 1px dotted #000000;
            border-width:2px;
            background-color: #FFFFFF;	
        }


    /*-------------------------------------------
    ●●●●●●産み分け　病院での産み分け方法　女の子　thタグありで横に長い場合の表●●●●●●
    テーブル変換はなし
    ---------------------------------------------*/

        table.umiwakehospitalgirl{
            border: 1px solid #000000;  	
            background: #FFFFFF;
            align:left;
            border-color:#000000; 
            width: 95%;
            margin: 0 auto;
  		font-size: 15px;
        }

        caption.umiwakehospitalgirl {
            color: #0000FF;	
            font-size: 22px;	
        }

        th.umiwakehospitalgirl {
            border: 1px solid #000000;
            border-width:2px;
            background-color: #FF99FF;
  		font-size: 15px;	
        }

        td.umiwakehospitalgirl {

            border-top: 1px dotted #000000;
            border-width:2px;
            background-color: #FFFFFF;	
        }

/*-------------------------------------------
●●●●●●妊娠体験談の投稿専用●●●●●●

レスポンシブ用のテーブル変換はなし
---------------------------------------------*/
/* 妊娠投稿テーブル */
table.ninsintoukou {
	border: 1px solid #000000;	
	margin: 1em;

}

th.ninsintoukou {
	background-color: #FBEFF2;
	border: 1px solid #000000;
	font-size: 14px;
    
}

td.ninsintoukou {
	border: 1px solid #000000;
}


input.ninsintoukou {
	width: 100%;
	max-width: 400px; /* レスポンシブの場合の対策 */
	box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

textarea.ninsintoukou {
	width: 100%;
	max-width: 400px; 
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


/*-------------------------------------------
●●●●●●産み分けアンケート入力画面●●●●●●
---------------------------------------------*/
dl.umiwakereason {
	margin-left: 10px;
	margin-right: 10px;
}

dl.umiwakereason dt{
border:3;
border-width: 5px;
/*
margin:0;
font-size:50%;
padding:2;
*/
	font-weight: bold;
	border-top-style : dotted;
	border-bottom-style : dotted;
 	border-top-color : #FF9966;
 	border-bottom-color : #FF9966;
	margin-bottom: 7px;
}

/*-------------------------------------------
人気記事で順位をつける
---------------------------------------------*/


/* カウンタをリセット */
body {
    counter-reset: wpp-ranking;
}
 
/* 一覧の表示スタイル */
.wpp-list li {
    margin-bottom:20px;
    position: relative;
}
 
/* 順位ラベルを表示 */
.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    background: rgba(94, 185, 77, 0.9);
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 4px 8px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}


 
/* 独自アーカイブ固定ページ　区切り線 */
 .so-widget-sow-editor-base{
    border-bottom: 3px dashed rgba(94, 185, 77, 0.9);



    margin: 2em 0;
    padding: 2em;
}

/*
#respond{
 display: none;  「使用タグ」を非表示 
 } 
*/