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

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

/*ルビ関連*/

.no-ruby rt:before{
	content: '（';
}
.no-ruby rt:after{
	content: '）';
}
.no-ruby rp{
	display:none;
}
rt {
    text-align: center; /* 文字列のセンタリング */
    font-size: 75%; /* フォントサイズを一回り大きく：元の文字の75%の大きさに */
    color: #a67a21; /* 文字色指定 */
}






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

/* メニューリスト用 */
.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}

/* メタ情報の大きさを変更し、右側へ*/
.post-meta,.entry .post-meta a {
    font-size: 12px;
    line-height: 160%;
}

.entry .post-meta {
    text-align: right !important;
    margin-top: 1px !important;
}

.fa-fw {
    display: none/*アイコンをなくす*/
}

.entry .post-date {
    font-family: 'Didot', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif,'Dynalight', cursive;

    font-weight: 200;
}


.post-meta a {
	color: #000000;
}

.post-meta {
	font-size: 12px;
        background-color: #FFFFFF;
        margin-bottom: 0.5em;
        text-align:right;
        color:#555;
}

.post-date,.entry-date,.entry-date.date.updated {
       font-family: 'Didot', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif,'Dynalight', cursive !important;
       font-size: 1.2em !important;
       font-weight: 200;     
}

.entry .post-meta .category a, .post-meta .category a, .entry .post-meta .category a {
    color: white;
    background: #5880AD;
    padding: 2px 6px 3px 7px;
    border-radius: 2px;
    letter-spacing: 0.11em;
    text-decoration: none;
    font-family: 'Open Sans','Avenir Next','Arial', YuGothic,'Yu Gothic',sans-serif;
    font-size: 1.12em;
    line-height: 1;
    vertical-align: text-top;
    text-transform: uppercase;
}

.entry .post-meta .category,.entry .post-meta .category a,.post-meta .category,.post-meta .category a,.entry .post-meta .category a {
    background: #fff;
    padding: 1.5px 5px 0px 0px;
    font-size: 1.07em;
    color: #5880AD;
    font-style: italic;
    font-family: 'Open Sans';
    letter-spacing: 0.07em;
    margin-left: -2px;
    margin-right: 1px;
    vertical-align: baseline;
    text-transform: unset;
}

/*メタ情報の更新日*/
.post-date,.entry-date,.entry-date.date.updated,entry-date.date.published.updated {
       font-family: 'Didot', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif,'Dynalight', cursive !important;
       font-size: 14px !important;
}

.published:after,.entry-date.date.updated:after,.entry-date.date.published.updated:after {
 content:'/';
 font-style: normal;
 margin-left: 0.5em;
}

/*以下、固定ページで日付の後ろのスラッシュを非表示にする場合（XXの部分をご自身の固定ページの記事番号に変えてください）*/
#post-XX .post-date:after,#post-XX .entry-date:after,#post-XX .entry-date date updated:after,#post-XX .post-date:after,#post-XX .entry-date:after,#post-XX .entry-date date updated:after {
 display: none;
}



/* Doubleレクタングル用 */
.ad2para { margin:5px; }
.ad2para:after { content:""; display:block; clear:both; }
.adLeft, .adRight{ float:left; margin-left:16px;}



/* mainとsidebarの枠線を消す */
#main,#sidebar{
 border:none !important;
}


/* リストタグを修正 */
.article li {
  margin: 0 0 7px;
  line-height: 2;
  position: relative;
  padding-left: 10px;
}



.box19 {
    position: relative;
    padding:0.25em 1em;
}
.box19:before,.box19:after{ 
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.box19:before{
    border-left: solid 1px #5767bf;
    border-top: solid 1px #5767bf;
    top:0;
    left: 0;
}
.box19:after{
    border-right: solid 1px #5767bf;
    border-bottom: solid 1px #5767bf;
    bottom:0;
    right: 0;
}
.box19 p {
    margin: 0; 
    padding: 0;
}




.ch3 {
	position: relative;
	padding: .15em 0 .0em .75em;
	border-left: 6px solid #3498db;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
.ch3::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;

}





/************************************
** カードスタイル
************************************/
.card {
    padding:100px;
    border:solid 1.5px #cccccc;
    border-radius:4px;
    margin-top:30px;
    margin-bottom:30px;
	  margin-left:30px;
	  margin-right:30px;
　　text-align: center;
　　width:60%; min-width:150px;
	 box-shadow:1px 1px 4px #ccc;
	  position:relative;
}

.card a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.card a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/************************************
** カウントテーブル
************************************/
div.tables {
			counter-reset: ranking;
		}

		table.basic tbody th:before {
			counter-increment: ranking;
			content: counter(ranking);
		}

		table.basic { border: 2px solid #cccccc; border-collapse: collapse; }
		table.basic thead th { border-width: 1px 1px 3px 1px; border-style: solid dotted double dotted; border-color: #cccccc; background-color: #666666; padding: 0.3em; }
		table.basic tbody th, table.basic tbody td { border-width: 1px; border-style: solid dotted; border-color: #cccccc; padding: 0.3em; }

		table.basic tbody tr td:nth-of-type(3) { color: black; }
		table.basic tbody tr:nth-child(2n) { background-color: #f5f5f5; }
		table.basic tbody tr:hover { background-color: #ffff80; }


/* リストタグを修正 */
.article li {
  margin: 0 0 7px;
  line-height: 2;
  position: relative;
  padding-left: 10px;
}

/*SNSフォローボタン*/
ul.snsp li a span {
  background-color: #fff !important;
  color: rgba(0, 0, 0, 0.3) !important;
}

/* post-xx の下部SNSボタンの非表示（以下のxxの部分を該当の記事番号に変更してください）*/
#post-xx #sns-group,#post-xx #sns-group {
 display: none;
}
/*フォローメッセージ*/
.sns-follow-msg {
    margin: 8px 0 0 0;
    font-size: medium;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #256198;
}

/*シェアメッセージ*/
.sns-share-msg {
    margin-bottom: -20px;
    font-size: medium;
    letter-spacing: 0.1em;
    /* text-align: center; */
    font-weight: bold;
    color: #256198;
}

/*フォローメッセージ*/
.sns-follow-msg {
    margin: 8px 0 0 0;
    font-size: medium;
    letter-spacing: 0.1em;
    text-align: center;
    font-weight: 200;
    color: #256198;
    font-family: 'Open Sans', "Helvetica Neue", "Helvetica", 'Avenir', 'Avenir Next Condensed', "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Source Sans Pro, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif, serif !important;
    font-weight: 200;
    text-transform: uppercase;
    text-align: center;
    margin-top: 8rem;
    margin-bottom: 3rem !important;
    padding-bottom: 2rem !important;
    position: relative;
}

/*シェアメッセージ*/
.sns-share-msg {
    font-size: medium;
    letter-spacing: 0.1em;
    text-align: center;
    font-weight: 200;
    color: #256198;
    font-family: 'Open Sans',"Helvetica Neue", "Helvetica", 'Avenir', 'Avenir Next Condensed', "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Source Sans Pro, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif, serif !important;
    font-weight: 200;
    text-transform: uppercase;
    text-align: center;
    margin-top: 8rem;
    margin-bottom: 3rem !important;
    padding-bottom: 2rem !important;
    position: relative;
}

.sns-follow-msg:before,.sns-share-msg:before,#related-entries h2:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: ".";
    font-size: 0;
    display: block;
    margin: auto;
    width: 50px;
    height: 1px;
    background-color: #256198;
    transform: rotate(-0deg);
    box-sizing: border-box;
}

ul.snsp {
    text-align: center;
}

.footer-post-meta {
    text-align: center;
    margin-top: 4rem;
    font-size: 0.9rem;
}
/*シェアボタン均等割り*/
.sns-group-viral ul {
	  display: flex; 
}
/* SNSの名称部分を非表示 */
.icon-hatena::after, .icon-googleplus::after, .icon-facebook::after, .icon-twitter::after, .icon-pocket::after, .icon-line::after, .icon-feedly::after {
    display: none;
}
ul.snsbs li a{
  padding: 8px 6px 3px 6px;
  }
.sns-group-viral ul.snsb li a{
  border-radius: 4px;
  font-size: 19px;
}

/*色を変更*/
ul.snsbs a.twitter-btn-icon-link{background-color:#74c1f8;}
ul.snsbs a.facebook-btn-icon-link{background-color:#6680d8;}
ul.snsbs a.google-plus-btn-icon-link{background-color:#fd6969;}
ul.snsbs a.hatena-btn-icon-link{background-color:#6eaff3;}
ul.snsbs a.pocket-btn-icon-link{background-color:#ff6d82;}
ul.snsbs a.line-btn-icon-link{background-color:#00c600;}
ul.snsbs a.evernote-btn-icon-link{background-color:#51b125;}
ul.snsbs a.feedly-btn-icon-link{background-color:#9ade79;}
ul.snsbs a.push7-btn-icon-link{background-color:#eeac00;}

.sns-group-viral ul.snsb li a{
  border-radius: 2px;
  font-size: 19px;
}

ul.snsbs a.twitter-btn-icon-link{background-color:#6FB6C3;}
ul.snsbs a.facebook-btn-icon-link{background-color:#6998b9;}
ul.snsbs a.google-plus-btn-icon-link{background-color:#ea727d;}
ul.snsbs a.hatena-btn-icon-link{background-color:#53a9dc;}
ul.snsbs a.pocket-btn-icon-link{background-color:#ff6d89;}
ul.snsbs a.line-btn-icon-link{background-color:#39C67F;}
ul.snsbs a.evernote-btn-icon-link{background-color:#51b125;}
ul.snsbs a.feedly-btn-icon-link{background-color:#82C36F;}
ul.snsbs a.push7-btn-icon-link{background-color:#eeac00;}



/* wpp,新着記事タイトルスタイル */
a.wpp-post-title,a.new-entry-title {
display:-ms-flexbox;
display: flex;
height: 75px;
padding: 5px;
-ms-align-items: center;
align-items: center;
}

/* 新着記事リスト下余白 */
#sidebar li.new-entry {
 margin-bottom: 15px;
}

/*サムネイル*/
.widget_new_popular ul li img,
.widget_popular_ranking ul li img {
  border: medium none;
  display: inline;
  float: left;
  margin-top: 8px;
  margin-left: 5px;
  margin-right: 5px;
  width: 75px;
  height: 75px;
  margin-bottom: 10px;
}

/*サイドバー見出しを変更*/

/*フォローボタン以外の見出し*/
#sidebar aside:not(:nth-of-type(3)) h3 {
    color:#202035;
    font-weight: lighter;
    position: relative;
    margin: 100px 0 50px;
    font-size: 120%;
    line-height: 1em;
    letter-spacing: 0.1em;
    font-family: 'Rock Salt','Avenir Next' !important;
    text-align: center;/*中央寄せ*/
}

/*フォローボタンの見出し*/
#sidebar aside:nth-of-type(3) h3 {
    position: relative;
    padding-left: 1.2em;
    line-height: 1.4;
    padding: 1px 30px;
    font-size: 105%;
    color: #5880AD;
    letter-spacing: 0.1em;
    font-family: 'Rock Salt','Montserrat','Avenir Next' !important;
    font-weight: lighter;
    text-align: center;
    margin: 80px 0 20px;
}

/*アイコンのスタイル*/
#sidebar aside:nth-of-type(3) h3:before {
    font-family: FontAwesome;/*フォローボタンの見出しのみアイコン*/
    content: "\f2b5";
    font-size: 0.9em;    
    margin-right: 0.8em;
    vertical-align: middle;
    display: inline-block;
}

/*タイトル下の下線をなくす*/
h3 widget_title sidebar_widget_title {
    border-bottom:0;
}

/*フォローメッセージを非表示に*/
#sidebar .sns-follow-msg {
    display: none
}

/*サイドバーのみフォローボタンを中央寄せ*/
#sidebar ul.snsp {
    text-align: center;
}

/*サイドバー見出しを変更*/
#sidebar aside:not(:nth-of-type(3)) h3 {
    color:#666/*202035*/;
    font-family: 'Open Sans',"Helvetica Neue", "Helvetica", 'Avenir', 'Avenir Next Condensed', "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Source Sans Pro, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif, serif !important;
    font-size: 1.25rem;
    font-weight: 200;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    text-align: center;
    margin-top: 8rem;
    margin-bottom: 3rem !important;
    padding-bottom: 2rem !important;
    position: relative;
}

#sidebar aside:not(:nth-of-type(3)) h3:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: ".";
    font-size: 0;
    display: block;
    margin: auto;
    width: 50px;
    height: 1px;
    background-color: #222/*202035*/;
    transform: rotate(-0deg);
    box-sizing: border-box;
}

#sidebar aside:nth-of-type(3) h3 {
    font-family: 'Open Sans',"Helvetica Neue", "Helvetica", 'Avenir', 'Avenir Next Condensed', "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Source Sans Pro, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif, serif !important;
    color: #5880AD;
    font-size: 1.05rem;
    font-weight: 200;
    letter-spacing: 0.14em;
    text-align: center;
    margin-top: inherit;
    margin-bottom: 2rem !important;
    position: relative;
}

#sidebar aside:nth-of-type(3) h3:before {
    font-family: FontAwesome;/*フォローボタンの見出しのみアイコン*/
    content: "\f2b5";
    font-size: 0.85rem;
    margin-right: 0.8em;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
}

#sidebar h3 {
   border-bottom: 0px !important
}

/*ブログカードの抜粋を消す*/
.blog-card-excerpt {
    display:none;
}
#sidebar img.blog-card-thumb-image{
  margin-bottom: 0px;
}
 
.blog-card{
  min-height: 100px;
}