/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/************************************
** 記事内目次
************************************/
.toc {
  background: #f9f9f9!important;
  border: 0!important;
  display: block!important;
  border-top: 5px solid!important;
  border-top-color: #f9e9e7!important;/*お好みの色に*/
  box-shadow: 0 2px 2px rgba(0,0,0,.2)!important;
  padding: 20px 32px 7px 32px!important;
  margin-bottom: 5%!important;
  width:95%;
  border-radius:10px;
}
@media screen and (min-width:600px){
.toc {
  padding: 20px 35px 15px 35px!important;
  width:70%;
}
}
.toc-title{
  margin: 0 20px 20px -10px!important;
  font-size: 23px!important;
  font-weight: 700!important;
  color: #c6b7b5!important;/*お好みの色に*/
  background-color: initial;
}
.toc-title:before{
  font-family: "Font Awesome 5 Free";
  content: "\f03a";
  font-weight: 900 !important;
  font-size: 20px;
  color: #fff;
  background-color: #c6b7b5;/*お好みの色に*/
  border-radius: 50%;
  padding: 14px;
}
.toc a{
  color:#333;
  display: block;
  border-bottom: dashed 1px silver;
  padding-bottom: .5em;/*下の点線との間*/
  padding-top: 0em!important;/*下の点線との間*/
}
.toc ul li{
  font-weight: 700;
  line-height: 1.5;
  padding: 0 0 .4em 1.4em;
  position: relative;
}
.toc ul li:before{
  font-family: "Font Awesome 5 Free"!important;
  content: "f138";/*f105*/
  position: absolute!important;
  left: -0.3em!important;
  color: #c6b7b5;/*お好みの色に*/
  font-weight: 900;
}
.toc li li{
  font-weight: 400;
  padding-top:.5em;
  margin-top:0!important;
}
.toc_list li{
  margin-top:-5%!important;
}
@media screen and (min-width:834px){
.toc_list li{/*PCでは目次のh2同士の間隔は抑えめに*/
  margin-top:-1.8%!important;
}
}

/************************************
** サイドバーの目次
************************************/
.sidebar .toc{
  background:transparent!important;
  border:initial!important;
  border-top: initial!important;
  border-top-color: initial!important;
  box-shadow:initial!important;
  margin-bottom:initial!important;
  width: initial!important;
  border-radius:initial!important;
  padding-top:initial!important;
}
.sidebar .toc li li:before{
  color:#c6b7b5;/*お好みの色に*/
}

/************************************
** 人気記事ランキング表示のカスタマイズ
************************************/
.widget-entry-cards.ranking-visible .widget-entry-card-thumb::before{ /*順位数表示のカスタマイズ*/
border-radius: 50%; /*丸にする*/
top: -4px; /*丸の位置上に*/
left: -4px; /*丸の位置左に*/
width: 14px; /*丸のサイズを小さく*/
height: 14px; /*丸のサイズを小さく*/
font-family: ‘Lato’, sans-serif; /*数字をグーグルフォントに変更*/
font-size: 12px; /*数字のフォントサイズを小さく*/
}
.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {/*1位の数字を上に*/
line-height: 14px;
}
.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {/*2位の数字を上に*/
line-height: 14px;
}
.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {/*3位の数字を上に*/
line-height: 14px;
}
.widget-entry-cards.ranking-visible .no-4 .card-thumb::before {/*4位の数字を上にし背景色変更*/
background: #d0d0d1;
line-height: 14px;
}
.widget-entry-cards.ranking-visible .no-5 .card-thumb::before {/*5位の数字を上にし背景色変更*/
　　　　 background: #d0d0d1;
line-height: 14px;
}
.sidebar div.popular-entry-card-content.widget-entry-card-content.card-content{/*タイトル*/
padding: 0.2em 0 0 0.8em !important; /*タイトル周りの余白を調整*/
letter-spacing: 0.8px; /*字間を広げる*/
}
.sidebar a.popular-entry-card-link.a-wrap{/*miniブログカード*/
margin-bottom: 8px; /*カード間の余白を広げる*/
}

/*サイドバーお洒落にする*/

.sidebar h3 {
    background: none;
    font-size: 16px;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0;
    text-align: center;
}
.sidebar h3::before, .sidebar h3::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 28%; /*ラインの長さ*/
    border-top: 3px solid #444d53; /*ラインの色*/
}
.sidebar h3::before {
    left: 0;
}
.sidebar h3::after {
    right: 0;
}

/*メニューアイコンの色変更*/
.box-menu-icon{
  color: #45595a;
}

.box-menu:hover {
    box-shadow: inset 2px 2px 0 0 
#45595a,2px 2px 0 0 #45595a,2px 0 0 0 #45595a,0 2px 0 0
    #45595a;
} 

/* 背景色*/
.header-container,
.main,
.sidebar,
.footer {
background-color: #e5e3d8;
}

#main .button-caption {
display: none; /*キャプション非表示*/ 
}