.proflink{
    text-align:center;
    padding:7px 10px;
    background:#ff7fa1;/*カラーは変更*/
    width:50%;
    margin:0 auto;
    margin-top:20px;
    border-radius:20px;
    border:3px double #fff;
    color:#fff;
    font-size:0.65rem;
}
#toc_container {
    background: rgba(255,255,255,0.4)!important;
}

/*sns share ボタン（枠線あり）*/
.sns-design-type01 .svg-inline--fa {/*Twitter facebook poket*/
vertical-align: -0.8em;
}
.sns-design-type01 .font-hatena:before {/*hatebu*/
vertical-align: -0.7em;
}
.sns-design-type01 .line a svg {/*line*/
width: 24px !important;
fill: #fff !important;
vertical-align: -0.7em;
}
@media (min-width: 768px){
.sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a {
box-shadow: none;
height: 44px;
opacity: .7;
}}
@media (max-width: 767px){
.sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a {
padding: 6px 6px;
box-shadow: none;
height: 44px;
opacity: .7;
}}
.sns-design-type01 .sns-top li.twitter a, .sns-design-type01 .sns-top li.facebook a, .sns-design-type01 .sns-top li.hatebu a, .sns-design-type01 .sns-top li.pocket a, .sns-design-type01 .sns-top li.line a {
border: 3px double;
border-color: white;
}
.sns-design-type01 .sns li.twitter a, .sns-design-type01 .sns li.facebook a, .sns-design-type01 .sns li.hatebu a, .sns-design-type01 .sns li.pocket a, .sns-design-type01 .sns li.line a {
border: 3px double;
border-color: white;
}


/** 目次のカスタマイズ **/
@media (min-width: 768px){/*pc表示の設定*/
#toc_container .toc_title {/*タイトル部分*/
margin-bottom: 20px;/*外側下の余白*/
margin-top: 0;/*外側上の余白*/
font-size: 22px;/*文字の大きさ*/
background: #6088c6;/*背景色*/
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: #6088c6;
padding: 0;
line-height: 60px;
color:white!important;
}
#toc_container .toc_list {
padding-bottom: 20px;
}}
/**** ↑ここまで同じ ****/
div#toc_container:before {/*枠線・背景の設定*/
border: 2px solid;/*枠線の太さと種類*/
border-color: #6088c6!important;/*枠線の色*/
opacity: 1;/*透明度*/
background: #FFFFFF;/*背景色*/
}
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^)／*/
}