body {
}
@media only screen and (max-width: 720px){
	iframe {
    width: auto;
    height: auto;
}

/*SPでの記事一覧の調整*/
@media (max-width: 768px) {　

.post-card__header-title>* {
font-size: 13px;
font-weight: 400;
    letter-spacing: 0;
        color: #444;
 
}
/*著者をカット*/
.post-card__header-author {
 
    display: none;

}
.post-card {
    padding: 4px 0;
    margin: 2px 0;
}
.post-card__header-category-item {
    padding: 2px 4px;
    font-size: 10px;
    border: black 1px solid;
    border-radius: 3px;
    }

.post-card__thumbnail {
   width: 36%; 
}

.ranking-and-sidebar__ranking-card-header-title>* {
   font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    color: #333333;
    line-height: 1.6;
    word-break: break-all;
}
.ranking-and-sidebar__ranking-card-header-info-category {
    font-size: 10px;
    margin: 3px 0px;
    padding: 2px 4px;
    border: black 1px solid;
      border-radius: 3px;
}
.ranking-and-sidebar__ranking-card-author-profile {
    display: none;
}
}

/*SPでの記事詳細ページの調整*/
@media (max-width: 768px) {　
.post-article__html-content h1, .post-article__html-content h2 {
    padding-top: 16px;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: bold;
}
.post-article__html-content h3 {
    padding-top: 16px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}

.post-article__html-content {
    font-size: 13px;
    line-height: 1.8;
}

.post-article__html-content ul {
    list-style: none;
    position: relative;
    background: #F4F4F4;
    font-weight: normal;
    margin-bottom: 48px;
    border: 1px solid #D9E4E0;
    border-radius: 6px;
    font-size: 13px;
    padding: 24px;
}
.post-article__relation-posts-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 64px;
}
.post-article__html-content p {
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}

}

/*ランキングの日付取る(古いのが上にいる)*/
.ranking-and-sidebar__ranking-card-header-info-date {
    display: none;
}

.ranking-and-sidebar__ranking-card-header-info-category {
    font-size: 12px;
    margin: 0 px;
    padding: 4px 8px;
    border: black 1px solid;
    border-radius: 6px;
}
/*ランキングのタイトルの文字サイズ*/
@media (min-width: calc(667px)) {
    .ranking-and-sidebar__ranking-card-header-title>* {
        font-size: 18px;
    }
    }


}