.sns-btn {
display: inline-block;
position: relative;
text-decoration: none;
margin: 0 2px;
width: 31%;
height: 70px;
border-radius: 0px;
transition: .4s;
}
.sns-btn .fa {
position: absolute;
font-size: 25px !important;
top: 40%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
.sns-btn .label {
position: absolute;
font-size: 12px !important;
top: 70%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
/*facebook*/
.sns-btn.fb {
color: #1f6aba !important;
border: solid 2px #1f6aba !important;
background: #fff !important;
}
.sns-btn.fb:hover {
color: #fff !important;
border: solid 2px #1f6aba !important;
background: #1f6aba !important;
}
/*Twitter*/
.sns-btn.tw {
color: #00acee !important;
border: solid 2px #00acee !important;
background: #fff !important;
}
.sns-btn.tw:hover {
color: #fff !important;
border: solid 2px #00acee !important;
background: #00acee !important;
}
/*Feedly*/
.sns-btn.fdly {
color: #2bb24c !important;
border: solid 2px #2bb24c !important;
background: #fff !important;
}
.sns-btn.fdly:hover {
color: #fff !important;
border: solid 2px #2bb24c !important;
background: #2bb24c !important;
}
/*目次カスタマイズ*/
@media only screen and (min-width: 767px){

/* 目次の枠線 */
#toc_container{
border-top: solid 8px 
#6bb6ff;
background:#f9f9f9 !important;
}

/* 目次タイトルのフォント設定 */
p.toc_title {
font-size:24px;
color:#6bb6ff;
position:relative;
left:-39% !important;
top:10px;
}

/* 目次のh2フォント設定 */
ul.toc_list li a {
font-size:16px;
font-weight:bold;
color:#777;
}

ul.toc_list li a:hover{
color:#f05689;
text-decoration:none;
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:16px;
font-weight:normal;
color:#888;
}

.toc_list ul li a:hover {
color:#f05689;
text-decoration:none;
}

span.toc_toggle{
font-size: 14px !important;
}

span.toc_toggle a{
font-size: 14px;
color:#6bb6ff;
}

#toc_container .toc_title::before {
display: inline-block;
color: #fff;
font-family: FontAwesome;
font-size: 20px;
line-height: 50px;
content: "\f0ca";
}

#toc_container .toc_title:before {
display:inline-block; width: 50px;
height: 50px;
border-radius: 50%;
background:#6bb6ff;
margin-right:8px;
}

#toc_container li a{
border-top-width:0px;
line-height:30px;
}
}

@media only screen and (max-width: 766px){

/* 目次の枠線 */
#toc_container{
border-top: solid 8px 
#00145e;
background:#f9f9f9 !important;
}

/* 目次のアイコン */
#toc_container .toc_title:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
display: inline-block;
margin-right:5px;
width: 1.2em;
color:#6bb6ff;
}

/* 目次のタイトル設定 */
p.toc_title {
text-align: center;
font-size:17px;
color:#6bb6ff;
}

/* 目次のh2フォント設定 */
ul.toc_list li a {
font-size:16px;
font-weight:bold;
line-height: 2em;
color:#777;
text-decoration:none;
}

ul.toc_list li a:hover{
color:#6bb6ff;
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:14px;
font-weight:normal;
color:#888;
text-decoration:none;
}
}

/*こんな方におすすめリスト*/
.entry-content .setlist{
border-bottom:solid 2px #000;
font-weight:bold;/*文字の太さ*/
padding-bottom:8px;
}

.entry-content .setlist:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
padding-right:5px;
}

.entry-content .setlist2{
border:solid 2px #000;
padding:20px 50px 15px;
text-align:center;
}

.entry-content .setlist2 ul li{
text-align:left;
border-bottom:dotted 1px #000;
padding-bottom:5px;
padding-left:1.2em;
font-size:90%;/*文字の大きさ*/
}

.entry-content .setlist2 ul li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome; 
content:"\f058"; /*アイコンの種類*/
position: absolute;
font-size: 1em; /*アイコンの大きさ*/
left: 0em; /*アイコンの位置*/
line-height:12px; /*行間*/
color: #5ab9ff; /*アイコンの色*/
}

.entry-content .setlist2 ul{
margin-top:2em;
}
/* リンクカード：ラベルの角を丸く */
.related_article .ttl:before{
content:'CHECK！';/* 文字変更 */
width:auto;
padding:0 10px;
background: #000080;/* 色変更 */
border-radius:15px;/* 角を丸く */
}
/* ボタン風カテゴリ一覧 */
.widget_nav_menu ul {
padding-top:12px;
margin: 0 auto;
list-style: none;
}
.widget_nav_menu li {
display: inline-block;
width: 49%;
padding-top: 5px!important;
border-bottom: none!important;
text-align: center;
}
.widget_nav_menu ul a{
padding: 15px 5px!important;
border-radius: 3px;
background: #FFFFFF;
color: #08298A;
font-size: 14px;
text-decoration: none;
text-align: center;
box-shadow: 0 2px 2px rgba(0,0,0,.5);
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.widget_nav_menu ul a:hover{
background: #08298A;
color: #FFFF00;
box-shadow: 0 2px 2px rgba(0,0,0,.8);
transform: translate3d(0px, 2px, 0px);
}
.widget_nav_menu li a:after{
display: none;
}
/* --------- 親カテゴリー背景色あり --------- */
.widget.widget_categories li:first-child,
.widget.widget_nav_menu li:first-child{
    border-top: 1px solid rgba(125, 125, 125, 0.2);
}

.widget.widget_categories li ul ul a:first-child,
.widget.widget_nav_menu li ul ul a:first-child{
    border-top: 1px dotted rgba(125, 125, 125, 0.2);
}

.widget.widget_nav_menu li{
    border-bottom: 1px solid rgba(125, 125, 125, 0.2);
}

.widget.widget_nav_menu li ul li{
    border-bottom: 1px dotted rgba(125, 125, 125, 0.2);
}

/* --------- 親+子カテゴリ --------- */
.widget.widget_categories li a,
.widget.widget_nav_menu li a{
    padding: .7em 1.2em .7em 0.3em;
    background: #9fd9f6; /* 背景色 */
    color: #666; /* フォント色 */
    /*font-weight: bold;*/ /* フォント太字 */
}

.widget.widget_categories li a:before,
.widget.widget_nav_menu li a:before{
    font-family: FontAwesome;
    content:'\f138'; /* アイコン指定 */
    color: #00145e; /* アイコン色 */
    padding-left: .7em;
    padding-right: .3em;
    font-size: 1.3em;
    vertical-align:middle
}

.widget.widget_categories li a:after,
.widget.widget_nav_menu li a:after{
    color: #ccc; /* li右端＞の色 */
}

/* --------- 子カテゴリのみ --------- */
.widget.widget_categories li ul li a,
.widget.widget_nav_menu li ul li a{
    background: #fff; /* 背景色 */
    color: #666; /* フォント色 */
    font-weight: normal; /* フォント通常 */
}

.widget.widget_categories  li ul li a:before,
.widget.widget_nav_menu li ul li a:before{
    font-family: FontAwesome;
    content:'\f0da'; /* アイコン指定 */
    color: #666; /* アイコン色 */
}

.widget.widget_nav_menu li ul li a{ /* 子カテゴリ 1層目 */
    padding-left: 2.0em;
}

.widget.widget_categories li ul a{ /* 子カテゴリ 1層目 */
    padding-left: 2.0em;
}

.widget.widget_categories li ul ul a,
.widget.widget_nav_menu li ul ul a{ /* 子カテゴリ 2層目 */
    padding-left: 3.5em;
}