@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
.entry-content h2{
  position: relative;
  color: white;
  background: #78bbe6;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

.entry-content h2::before{/*疑似要素*/
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}
/*トップに人気記事を設置*/
/*タイトル*/
.top-title {
    margin-top: 0;
    font-size: 1.45em;
    font-weight: bold;
    color: #389bff;
}
/*余白調整など*/
.popular-posts .cardtype__article-info {
    padding-top: 0.5em;
}
.popular-posts .cardtype__link {
    padding-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  /*スマホでも2列横並びに*/
  .cardtype {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: -moz-box;
      display: flex;
      flex-direction: row;
      -webkit-flex-direction: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
  }
  .popular-posts .cardtype__article {
    width: 48%;
  }
  .popular-posts .cardtype__article:nth-child(odd){
    margin-right: 4%;
  }
  .popular-posts.cardtype h2 {
      margin: 0 5px;
      font-size: 15px;
  }
}
/*END トップに人気記事を設置*/