/* スマホ固定フッター */
.footer-menu-sp .menu-item a{
background-color:#fffde6; /* 背景の色を指定 */
color:#424242; /* 文字の色を指定 */
}

/* プロフィールのカスタマイズ */
/* 画像丸枠の装飾 */
.my-profile-thumb{
border: solid 3px #f08080;
}



/* SNSシェアボタンの上にテキストを追加する */
.sns-top:before,.sns:before{
content: "＼　　この記事をSNSでシェア♡　　／";
font-size: .8em; /* 文字の大きさ */
color:#f58e7e; /* 文字色 */
font-weight: bold; /* 文字を太く */
}
.sns-top,.sns{
text-align:center;
}

/* ピックアップコンテンツ【記事タイプ】 */
/* アイキャッチ画像を角丸に */
.pickup-contents-box-post-type .pickup-contents li a .pickup-image{
border-radius: 10px;
}

/*ブログカードのリンク色変更*/
@media (min-width: 768px){
.blog-card-title {
    color: #4a8fb3;
    text-decoration: underline;
	}}
.blog-card-title {
    color: #4a8fb3;
    text-decoration: underline;
	}
/*合わせて読みたい説明文の非表示*/
@media (min-width: 768px){
.blog-card-excerpt {
    display: none;
}}

/***プロフィールボタン***/
.profile_link a{
display:block;
text-align:center;
padding:8px 10px;
background:#f4a464;/*ボタンカラー変更*/
width:50%;
margin:0 auto;
margin-top:20px;
border-radius:20px;
border:3px double #fff;
font-size: .75rem;
color:#fff;
}
.profile_link a:hover{
opacity:0.75;
color:#fff;
}

/** 目次のカスタマイズ **/
@media (min-width: 768px){/*pc表示の設定*/
#toc_container .toc_title {/*タイトル部分*/
margin-bottom: 20px;/*外側下の余白*/
margin-top: 0;/*外側上の余白*/
font-size: 22px;/*文字の大きさ*/
background: #949494;/*背景色*/
padding: 0;/*内側の余白を0に*/
line-height: 60px;/*行の高さ*/
color:white!important;/*文字色*/
}
#toc_container .toc_list {/*コンテンツ部分*/
padding-bottom: 20px;/*内側下の余白*/
}}
/**** ↓ここから スマホ表示でも同じ設定 ****/
@media (max-width: 767px){
#toc_container .toc_title {
margin-bottom: 20px;
margin-top: 0;
font-size: 22px;
background: #949494;
padding: 0;
line-height: 60px;
color:white!important;
}
#toc_container .toc_list {
padding-bottom: 20px;
}}
/**** ↑ここまで同じ ****/
div#toc_container:before {/*枠線・背景の設定*/
border: 2px solid;/*枠線の太さと種類*/
border-color: #949494!important;/*枠線の色*/
opacity: 1;/*透明度*/
background: #FFFCF0;/*背景色*/
}
div#toc_container .toc_list > li a:hover {/*マウスホバーのとき*/
text-decoration: none !important;/*下線が出ないように*/
}
p.toc_title:before {/*アイコンを追加*/
content: "\f02d";/*アイコンの種類*/
font-family: "Font Awesome\ 5 Free";
font-weight:600;/*太文字*/
margin-right: 10px;/*外側右方向の余白*/
color: #fff !important;/*アイコンの色*/
}
#toc_container .toc_list > li {/*h2見出し部分*/
padding-left: 30px;/*内側左の余白*/
}
#toc_container .toc_list > li:after {/*h2の前の数字*/
color: #424242b3;/*数字の色*/
}
#toc_container .toc_list > li > ul > li {/*h3見出し部分*/
padding-left: 14px;/*もっと左に寄れってばよ＼(^o^)／*/
}