/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* blog.cssの変更有、450行、720行　724行　941行　959行　966行　973行　1280行　1287行 */
.text-value-container.align-left h1 {
    font-size: 36px!important;
}
.post-content h2 {
    font-size: 1.5rem;
    line-height: 1.8rem;
}
.single-content {
    width: 500px;
}
/* ランキング記事部分のスタイル */
@media (min-width: 1280px) {
    .container-fluid.blog-sidebar.span33 {
        width: 100%;
        margin: 0;
    }
}

ul.hs-hash-143553286-1754712435796 {
    counter-reset: number 0;
}

li.hs-postlisting-item {
    position: relative;
    display: flex;
    flex-direction: row;
padding: 15px 0 0 60px!important;
  margin: 0;
}
li.hs-postlisting-item a {
   /* background-image: url(test);*/
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 18% auto;
    padding-left: 0!important; 
    line-height: 25px;
    margin-bottom: 0;
    position: relative;
    display: block;
}
.blog-sidebar a {
    color: rgba(64, 61, 58, 1.0);
  font-weight: bold;
}
.blog-index__post-content a:hover, .blog-sidebar a:hover, .blog-post__meta a:hover, .blog-post__back-to-blog:hover {
    color: rgba(246, 169, 37, 1.0);
  text-decoration: none;
}
}
li.hs-postlisting-item:not(:last-of-type) {
  margin-bottom: 0;
}
li.hs-postlisting-item:nth-child(-n + 3)::before {
font-family: "Font Awesome 5 Free";
    content: "\f521";
    font-weight: 900;
    position: absolute;
top: 30px;
    left: 0;
    font-size: 2.3rem;
}
 
li.hs-postlisting-item:nth-child(1)::before { /* 1位（王冠）のスタイル */
  color: #e6c300;
}
li.hs-postlisting-item:nth-child(1)::after {
    color: #e6c300;
}

li.hs-postlisting-item:nth-child(2)::before { /* 2位（王冠）のスタイル */
  color: #a9a9a9;
}
 li.hs-postlisting-item:nth-child(2)::after {
    color: #a9a9a9;
}
li.hs-postlisting-item:nth-child(3)::before { /* 3位（王冠）のスタイル */
  color: #815a2b;
}
li.hs-postlisting-item:nth-child(3)::after { /* 3位（王冠）のスタイル */
  color: #815a2b;
}
 
li.hs-postlisting-item:nth-child(n + 4)::before { /* 3位以下のスタイル */
    content: "";
    position: absolute;
    border-bottom: 40px solid black;
    border-left: 40px solid rgb(0 0 0);
    margin-left: 5px;
      left: 0;
  top: 20px;
}
li.hs-postlisting-item::after { 
color: #fff;
    content: counter(number) "";
    counter-increment: number;
    font-size: 1em;
    left: 18px;
    position: absolute;
    top: 28px;
}
/* 個別ブログのランキング部分 */
@media (min-width: 1280px) {
.blog-sidebar.span3 {
        width: 100%;
}
}
@media (min-width: 1280px) {
.blog-sidebar.span3 h3 {
        font-size: 20px;
        margin-top: 30px;
}
}
/* 個別ブログの関連ブログ部分 */
.post-bottom a.cta_button:hover {
    color: black !important;
    text-decoration: none !important;
}
/* 個別ブログの本文リンク部分 */
.blog-post__body a {
    text-decoration: none !important;
      color: #000!important;
}
.blog-post__body a:hover {
      color: #f6a826!important;
}
/* サイト全体　パンくずリスト */
.breadcrumb-menu {
    margin-top: 20px;
}
/**ぱんくず */
.breadcrumb_list {
    display: flex;
    padding-left: 0;
}

ol.breadcrumb{
	display: flex;
	padding-left:0;
	list-style-type: none;
}
/* 家のマーク */
span#hs_cos_wrapper_ svg {
    fill: #afafaf;
}
span#hs_cos_wrapper_ svg:hover {
    fill: #00b4bc;
}

li.list {
  padding: 5px; /* リンク間の間隔を調整 */
  font-size: 0.8rem; /* リンクの文字サイズを調整 */
  text-decoration: none; /* リンクの下線を非表示 */
  color: #afafaf;
  list-style-type:none;
  display: inline-block;
      margin: 0;
}
.list a {
    color: #afafaf;
  text-decoration: none !important;
}
li.last_list {
  padding: 5px; /* リンク間の間隔を調整 */
  color: #000000; /* リンクの文字色を調整 */
  font-size: 0.8rem; /* リンクの文字サイズを調整 */
  list-style-type:none;
  display: inline-block;
      margin: 0;
}

li.list a:hover {
    color: #00b4bc;
}
li.list:after {
  content: '\003e'; /* 「>」を要素間の区切り文字として表示 */
  margin-left: 10px; /* 区切り文字と要素の間隔を調整 */
  margin-right: 10px; /* 区切り文字と要素の間隔を調整 */
  color: #888888; /* 区切り文字の文字色 */
}
@media(max-width:960px){
.breadcrumb_list {
    display: flex;
    padding-left: 0;
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow: auto;
    white-space: nowrap;
　　flex-wrap:wrap;
}
} 
/* 改行 */
@media screen and (min-width: 960px){	
/* PC時 */
.pc {
display:inline;
}
.sp {
display:none;
}
}
@media screen and (max-width: 960px){
/* SP時 */
.pc {
display:none;
}
.sp {
display:inline;
}
/* _typography.cssの変更有、1172行 */
/* _normalize.css 3行目追加 */