/* —– 可愛い蛍光下線（ピンク） —– */

.pink_line {
background: linear-gradient(transparent 40%, #FAD5DC 40%);
padding-bottom: .2em;
font-weight:bold;
}

/* —–可愛い蛍光下線（黄色） —– */

.yellow_line {
background: linear-gradient(transparent 40%, #ffff8e 40%);
padding-bottom: .2em;
font-weight:bold;
}

/* —–可愛い蛍光下線（青） —– */

.blue_line {
background: linear-gradient(transparent 40%, #CBE9F5 40%);
padding-bottom: .2em;
font-weight:bold;
}

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

/*サイドバーレッスンメニュー枠*/
.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: #FFCC33;
padding-right: 5px;
padding-left:7px;
}
.widget_nav_menu ul a{
padding: 10px 5px;
border-radius: 3px;
background:#fff;
color: #FF8C00;
border:solid 1px #FFA500;
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: #FF9933;
color:#fff;
transform: translate3d(0px, 2px, 0px);
box-shadow: none;
}

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


/* フォローボタン4*/
.flw_btn4 {
 display: inline-block;
 position: relative;
 text-decoration: none;
 margin:2px;
 width: 100px;
 height: 80px;
 border-radius: 0px;
 transition: .4s;
}

.flw_btn4 .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;
}

.flw_btn4 .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;
}

.flw_btn4.fb {
 color: #6680d8 !important;
 border: solid 2px #6680d8 !important;
 background: #fff !important;
}
.flw_btn4.fb:hover {
 color: #fff !important;
 border: solid 2px #6680d8 !important;
 background: #6680d8 !important;
}

.flw_btn4.htb {
 color: #49a8fb !important;
 border: solid 2px #49a8fb !important;
 background: #fff !important;
}
.flw_btn4.htb:hover {
 color: #fff !important;
 border: solid 2px #49a8fb !important;
 background: #49a8fb !important;
}

.flw_btn4.tw {
 color: #22b8ff !important;
 border: solid 2px #22b8ff !important;
 background: #fff !important;
}
.flw_btn4.tw:hover {
 color: #fff !important;
 border: solid 2px #22b8ff !important;
 background: #22b8ff !important;
}

.flw_btn4.pkt {
 color: #ff6d82 !important;
 border: solid 2px #ff6d82 !important;
 background: #fff !important;
}
.flw_btn4.pkt:hover {
 color: #fff !important;
 border: solid 2px #ff6d82 !important;
 background: #ff6d82 !important;
}

.flw_btn4.fdly {
 color: #6cc655 !important;
 border: solid 2px #6cc655 !important;
 background: #fff !important;
}
.flw_btn4.fdly:hover {
 color: #fff !important;
 border: solid 2px #6cc655 !important;
 background: #6cc655 !important;
}

.flw_btn4.gp {
 color: #fd6969 !important;
 border: solid 2px #fd6969 !important;
 background: #fff !important;
}
.flw_btn4.gp:hover {
 color: #fff !important;
 border: solid 2px #fd6969 !important;
 background: #fd6969 !important;
}

.flw_btn4.ist {
 color: #e84cb6 !important;
 border: solid 2px #e84cb6 !important;
 background: #fff !important;
}
.flw_btn4.ist:hover {
 color: #fff !important;
 border: solid 2px #e84cb6 !important;
 background: #e84cb6 !important;
}

.flw_btn4.cnt {
 color: #878484 !important;
 border: solid 2px #878484 !important;
 background: #fff !important;
}
.flw_btn4.cnt:hover {
 color: #fff !important;
 border: solid 2px #878484 !important;
 background: #878484 !important;
}

/* ボタントップ四角 */
.square_btn {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #67c5ff;
    border: double 4px #67c5ff;
    border-radius: 3px;
    transition: .4s;
}
.square_btn:hover {
    background: #CCFAAA;
}

/* ボタントップ丸型m */
.btn{
  display: inline-block;
  text-decoration: none;
  color: #668ad8;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  border: solid 2px #668ad8;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  font-weight: bold;
  transition: .4s;
}
.btn:hover {
    background: #b3e1ff;
}

/* ボタントップ文字 */
a.cp_btn {
display: block;
width: 220px;
padding: 0.8em;
text-align: center;
text-decoration: none;
color: #EC407A;
border: 2px solid #EC407A;
border-radius: 3px;
transition: .4s;
}
a.cp_btn:hover {
background: #FDC2DD;
color: #fff;
}

/* リンクカード：ラベルの角を丸く */
.related_article .ttl:before{
width:auto;
padding:0 10px;
background: #B9FDA1;/* 色変更 */
border-radius:15px;/* 角を丸く */
}
.related_article .thum{
width: 50%!important; margin-right:2%;
}

/* フォローボタン4*/
.flw_btn4 {
display: inline-block;
position: relative;
text-decoration: none;
margin:2px;
width: 100px;
height: 80px;
border-radius: 0px;
transition: .4s;
}
.flw_btn4 .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;
}
.flw_btn4 .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;
}
.flw_btn4.fb {
color: #6680d8 !important;
border: solid 2px #6680d8 !important;
background: #fff !important;
}
.flw_btn4.fb:hover {
color: #fff !important;
border: solid 2px #6680d8 !important;
background: #6680d8 !important;
}
.flw_btn4.htb {
color: #49a8fb !important;
border: solid 2px #49a8fb !important;
background: #fff !important;
}
.flw_btn4.htb:hover {
color: #fff !important;
border: solid 2px #49a8fb !important;
background: #49a8fb !important;
}
.flw_btn4.tw {
color: #22b8ff !important;
border: solid 2px #22b8ff !important;
background: #fff !important;
}
.flw_btn4.tw:hover {
color: #fff !important;
border: solid 2px #22b8ff !important;
background: #22b8ff !important;
}
.flw_btn4.pkt {
color: #ff6d82 !important;
border: solid 2px #ff6d82 !important;
background: #fff !important;
}
.flw_btn4.pkt:hover {
color: #fff !important;
border: solid 2px #ff6d82 !important;
background: #ff6d82 !important;
}
.flw_btn4.fdly {
color: #6cc655 !important;
border: solid 2px #6cc655 !important;
background: #fff !important;
}
.flw_btn4.fdly:hover {
color: #fff !important;
border: solid 2px #6cc655 !important;
background: #6cc655 !important;
}
.flw_btn4.gp {
color: #fd6969 !important;
border: solid 2px #fd6969 !important;
background: #fff !important;
}
.flw_btn4.gp:hover {
color: #fff !important;
border: solid 2px #fd6969 !important;
background: #fd6969 !important;
}

/*タグクラウドのデザイン*/
.tagcloud a {
 font-size: 14px !important; /* 文字のサイズ */
 line-height: 1em;
 background: #F0E68C; /* 背景色 */
 color: #808080; /* 文字色 */
 display: inline-block;
 white-space: nowrap;
 padding: 10px 10px; /* 文字周りの余白 */
 margin-top: 2px; /* タグ同士の余白 */
 border-radius: 2px; /* 角を少し丸く */
 text-decoration: none;
}
.tagcloud a:hover {
 background: #FFDAB9; /* マウスホバー時の背景色 */
 color: #000000; /* マウスホバー時の文字色*/
}

.tagcloud a:before {
 font-family: "FontAwesome";
 content: "\f069"; /* 絵文字のコード */
 padding-right: 4px;
}

/*テーブルの横スクロールのためのCSSはここから*/
.scrollable-table table{
  border-collapse: collapse;
  margin: 1em 0;
  max-width: 100%;
}
 
.scrollable-table th{
  background-color: #eee;
}
 
.scrollable-table th,
.scrollable-table td{
  border: solid 1px #ccc;
  padding: 3px 5px;
  white-space: nowrap;
}
 
.scrollable-table {
  overflow-x: auto;
  margin-bottom: 1em;
}

/* 見出し装飾 */
.entry-content h3{
border-left: transparent !important;
border-bottom: 2px dashed #ff0 !important;
border-radius: 0 !important;
}
h3:before {
  content: url(http://nihongopic.com/wp-content/uploads/2018/08/sakura3-e1535457359864.png);
}