/*--------------------------------------
ＳＮＳボタンの上のコメント追加
--------------------------------------*/
.sns-top:before,.sns:before{
content: "＼　　この記事が参考になったらシェアしてね！　　／";
font-size: .8em; /* 文字の大きさ */
color:#000000; /* 文字色 */
font-weight: ; /* 文字を太く */
}
.sns-top,.sns{
text-align:center;
}
[codebox title="HTML"]
/*--------------------------------------
ＳＮＳボタンの上のコメント追加　ここまで
--------------------------------------*/
/*--------------------------------------
 ユーザー用サイトマップのレイアウト用
--------------------------------------*/
#sitemap_list li:before{
width: 0;
height: 0;
}
/*--------------------------------------
 ユーザー用サイトマップのレイアウト用　ここまで
--------------------------------------*/



/*ブログカードのカスタム*/

a.blog-card {
  background: #daefee;
  border-radius: 0;
  border-color: #999 !important;
  box-shadow: 4px 4px 0px #666;
  margin-top: 0 !important;
}
a.blog-card::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: '';
  background: rgba(0, 0, 0, 0.4);
  transform-origin: left top;
  transform: scale(0, 1);
  transition: transform .3s;
}
a.blog-card::after {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  content: '続きを読む';
  color: #fff;
  width: 85px;
  height: 24px;
  border: solid 2px #fff;
  padding: 4px 25px 7px;
  transform-origin: left top;
  transform: scale(0, 1);
  transition: transform .3s;
}
a.blog-card:hover::before {
  transform-origin: right top;
  transform: scale(1, 1);
}
a.blog-card:hover::after {
  transform-origin: right top;
  transform: translate(-50%,-50%) scale(1, 1);
}
a.blog-card:hover .blog-card-thumbnail img {
  transform: scale(1);
}
a.blog-card .blog-card-hl-box {
  display: none;
}
a.blog-card .blog-card-thumbnail {
  padding-bottom: 15px;
}
a.blog-card .blog-card-thumbnail::before {
  content: "";
  background-image: url(https://jacksonarayashiki.com/wp-content/uploads/2021/01/88f3485c0d0f6f5153d27a35aa4c3451.jpg);
  background-size: contain;
  display: inline-block;
  width: 23px;
  height: 23px;
  position: absolute;
  left: 20px;
  bottom: 7px;
}
a.blog-card .blog-card-thumbnail::after {
content: "ココロオドル";
 color: #1e2630;
  font-size: 13px;
  display: inline-block;
  position: absolute;
  left: 48px;
  bottom: 10px;
}
a.blog-card  .blog-card-excerpt {
  color: #1e2630;
}
@media (max-width: 767px) {
  a.blog-card .blog-card-thumbnail::before {
    bottom: 2px;
  }
  a.blog-card .blog-card-thumbnail::after {
    bottom: 5px;
  }
}
@media (max-width: 479px) {
  a.blog-card .blog-card-content {
    padding-bottom: 15px;
  }
  a.blog-card .blog-card-thumbnail::before {
    left: 15px;
  }
  a.blog-card .blog-card-thumbnail::after {
    left: 43px;
  }
  a.blog-card .blog-card-box {
    display: block;
  }
  a.blog-card .blog-card-box .blog-card-thumbnail {
    margin-right: 0;
  }
}

/*ブログカードカスタム 1-104まで*/