.entry-content h2{

border-bottom: solid 5px #cce4ff !important;
position: relative;
}.entry-content h2:after {

position: absolute;
left: 0px;
content: " ";
display: block;
border-bottom: solid 5px #5472cd;
bottom: -5px;
width: 20%;
}

.entry-content h3 {
border-left: none;/* 左の縦線を消す */
position: relative;
border-bottom: solid 2px gray;/* 下線の太さや色 */
padding-left: 1.3em;/*アイコン分のスペース*/
line-height: 15px;/* 行間 */
}
.entry-content h3:before{ 
font-family: "Font Awesome 5 Free";
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*アイコンサイズ*/
left: 0;/*アイコンの位置*/
top: 16px;/*アイコンの位置*/
color: #67C7D4;/*アイコン色*/
}

/*目次カスタマイズ*/
@media only screen and (min-width: 767px){

#toc_container {
color:#4DC0B2;/*タイトル文字の色*/
padding: 25px 40px; 
}

/* 目次のアイコン */
#toc_container .toc_title:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
display: inline-block;
margin-right:4px;
width: 1.2em;
color:#4DC0B2;/*アイコンの色*/
font-size:22px;/*アイコンの大きさ*/
}

#toc_container .toc_title {
font-family: 'Oswald', sans-serif;
text-align: center;
border-bottom: 1px solid #dedede;/*タイトルの下線の太さ・色*/
font-size:24px !important;/*タイトルの文字サイズ*/
}

#toc_container .toc_list {
list-style-type: none;
counter-reset: li; 
}

.toc_toggle a{
color:#4DC0B2;/*目次の表示・非表示の色*/
font-size:80%;/*目次の表示・非表示の文字サイズ*/
}

#toc_container .toc_list > li:after {
counter-increment: li;
content: "0" counter(li) " |";
position: absolute;
font-family: 'Nova Mono', monospace;
font-family: 'Source Code Pro', monospace;
font-family: 'Abel', sans-serif;
letter-spacing: -1px;
color: #4DC0B2; /*目次の数字の色*/
padding-left:7%;
font-weight:bold;
left: -48px;/*目次の数字の位置*/
top: 0px;
font-size: 18px; 
}

/* 目次のh2フォント設定 */
#toc_container li a{
border-top-width:0px;
line-height:12px;
padding-left:5%;
color: #4DC0B2;/*目次の文字の色*/
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:90%;
line-height:16px !important;
color:#888888 !important;
text-decoration:none;
}

#toc_container li a:hover{
color:#f05689;/*目次の文字の色マウスホバー*/
}

.toc_number{
display:none;
}

#toc_container {
background: #fffef6 !important;/*目次の背景色*/
border: 5px solid #4DC0B2;/*目次の外枠の色*/
}

#toc_container .toc_list > li {
margin-bottom: 5px;
margin-left: 12px;
font-size: 1em; 
}
}

@media only screen and (max-width: 766px) {
/* 目次の枠線 */
#toc_container{
border: solid 5px #e1eff4;
background: #fffef6 !important;
}

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

/* 目次のタイトル設定 */
p.toc_title {
text-align: center;
font-size:17px;
font-family: 'Oswald', sans-serif;
color:#008db7;
}

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

ul.toc_list li a:hover{
color:#0a69dd;
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:90%;
text-decoration:none;
color:#888888 !important;
}
}

/*こんな方におすすめリスト*/
.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;
}

/* ボタン風カテゴリ一覧 */
.widget_nav_menu ul {
padding-top: 5px;
list-style: none;
}

.widget_nav_menu li {
display: inline-block;
width: 49%;
padding-top: 5px!important;
border-bottom: none;
text-align: center;
}

.widget_nav_menu ul :before{
font-family: fontawesome; 
content:"\f02d";
color: #bfd6e5;
padding-right: 5px;
padding-left:7px;
}

.widget_nav_menu ul a{
padding: 10px 5px;
border-radius: 3px;
background:#fff;
color: #bfd6e5;
border:solid 1px #bfd6e5;
font-size: 14px;
text-decoration: none;
text-align: left;
box-shadow: 0 2px 2px rgba(0,0,0,.3);
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.widget_nav_menu ul a:hover{
background: #bfd6e5;
color:#fff;
transform: translate3d(0px, 2px, 0px);
box-shadow: none;
}

.widget_nav_menu li a:after{
display: none;
}

/*リンクカードカスタマイズ*/
.related_article .ttl:before{
display:none;
}

/*リンクカードのラベル変更*/
.related_article a:before{
font-family:"FontAwesome";
content:"\f0a4 "'CHECK';/* アイコンコード + 文字変更 */
color:#fff;/* 文字色 */
font-size: 13px ;/* 文字サイズ */
background: #757575;/* ラベルの色 */
border-radius: 12px;/* ラベルの角丸 */
padding:4px 10px 3px 10px;
margin:0 0 1% 32%;
font-weight:bold;/* 文字の太さ */
}

/*リンクカード内画像*/
.related_article .thum{
width: 30%;/*画像サイズ*/
margin-right:2%;/*画像と文字の隙間*/
position: relative;
top: -30px;
}

/*日付のカラー変更*/
.related_article .date{
color:#666666;/*日付の色*/
}

/*リンクカードのスペース調整*/
.related_article a{
padding-bottom: 8px;
}

/*LINE風プロフィール*/
.sidebar-profile {
width: 90%;
font-size: .9em;
background-image: url("https://yasu0603.xyz/wp-content/uploads/2019/01/workout_mini.jpg");
background-repeat: no-repeat;
background-size: 100% auto;
padding-top:50%;
padding-bottom: 20px;
margin: 1em 1em 1em 1em;
box-shadow: 0 2px 5px rgba(0,0,0,.13);
}

/*横幅が400px以上ある端末でのサイズ*/
@media only screen and (min-width: 400px){
.sidebar-profile {
width: 320px;
padding-top:50%;
}
}

.profile-center{
text-align: center;
}

/*プロフィール画像を丸くする*/
.profileimg{
width: 30%;
border: solid 4px #fff;
border-radius: 100px;
}

/*名前*/
.profile-name{
font-size: 1.2em;
font-weight: bold;
}

/*自己紹介文*/
.profile-font{
font-size: 1em;
}

.sidebar-profile p{
padding: 0 2em;
text-align: justify;
}

/*SNSアイコンリスト*/
ul.sns-follow {
text-align: center;
}

ul.sns-follow li{
display: inline-block;
height: 45px;
margin:0 2px;
vertical-align: middle !important;
margin-bottom: 0;
}

ul.sns-follow li a {
display: block;
width: 45px;
height: 45px;
border-radius: 50px;
color: #FFFFFF;
}

ul.sns-follow a:hover {
opacity: 0.6;
color: #FFFFFF;
}

/*Twitterボタン*/
ul.sns-follow li.twitter-btn a{
background: rgba(29,161,242,0.7);
line-height: 55px;
}

/* マーカー強調カスタマイズ黄色 */
.marker1 {
background: linear-gradient(transparent 30%, #ffffbc 30%);
}

/* マーカー強調カスタマイズピンク色 */
.marker2 {
background: linear-gradient(transparent 30%, #ffdfef 30%);
}

/* マーカー強調カスタマイズ水色 */
.marker3 {
background: linear-gradient(transparent 30%, #cce5ff 30%);
}

/* アコーディオンA */
.ac-box{
width: auto;
margin: 30px auto 5px;
}

/*ラベル*/
.ac-box label{
max-width: 385px;
font-size: 16px;
font-weight: bold;
text-align: center;
background: #FC9D9A;
margin: auto;
line-height: 50px;
position: relative;
display: block;
height: 50px;
border-radius: 8px;
cursor: pointer;
color: #fff;
transition: all 0.5s;
}

/*ラベルホバー時*/
.ac-box label:hover{
background: rgba( 252, 166, 164, 0.55 );
-webkit-transition: all .3s;
transition: all .3s;
}

/*チェックを隠す*/
.ac-box input{
display: none;
}

/*チェックのアイコン（↓）*/
.ac-box label:after{
color: #fff;
font-family:"FontAwesome";
content:" \f078";
}

/*チェックのアイコン（↑）*/
.ac-box input:checked ~ label::after {
color: #fff;
font-family:"FontAwesome";
content:" \f077";
}

/*中身を非表示にしておく*/
.ac-box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

/*クリックで中身を表示*/
.ac-box input:checked ~ div{
height: auto;
padding: 5px;
background: #f6f6f6;
opacity: 1;
}

/*表示内容の調整*/
.ac-box div p{
color: #777;
line-height: 23px;
font-size: 14px;
padding: 20px;
text-align: justify;
}

.ac-small p{
margin-bottom: 0px;
}

/*フッター下線*/
.footer_line{ border-bottom: dotted 1.4px #e5e5e5; 
padding-bottom: 8px;
font-size: 15px;}