/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 26 2026 | 07:44:28 */
/* 投稿-URL埋め込みの時、トップURL */
.blog-card-site-title{display:none;}

/* 投稿-修正日付、作成者 */
.entry-meta-item-updated{display:none;}
.entry-meta-item-author{display:none;}

/* 投稿一覧を3カラムにする */
.vk_posts .vk_post-col-sm-12 {
  width:calc(33.3% - 30px);    
}
/* タブレット: 2列 */
@media (max-width: 768px) {
  .vk_posts .vk_post-col-sm-12 {
    width:calc(50% - 30px);
  }
}

/* スマホ: 1列 */
@media (max-width: 480px) {
  .vk_posts .vk_post-col-sm-12 {
    width:calc(100% - 30px);
  }
}

/* 縦並びに変更 */
.vk_post {
  display: block !important; /* 親要素のflex無効化 */
}

.vk_post .media-img,
.vk_post .media-body {
  display: block;
  width: 100%;
  float: none;
}

.vk_post.media{border-bottom:none;}
.vk_post-btn-display.media .vk_post_body {padding-bottom:0;}

.entry-body>.vk_posts>.vk_post-col-sm-12 .vk_post_excerpt, .main-section>.vk_posts>.vk_post-col-sm-12 .vk_post_excerpt{display:none;}
.vk_post_btnOuter{display:none;}

/* 行の高さ揃えやはみ出し防止 */
.pos-tList::after,
.vk_post::after {
  content: "";
  display: block;
  clear: both;
}

/* タグバッジ */
.post-tags-list{
  margin: 0.5em 0 0;
  font-size: .85em;
  line-height: 1.4;
}
.post-tag-link{
  display:inline-block;
  padding: .25em .6em;
  margin: 0 0.3em 0.3em 0;
  background:#f5f5f5;
  border-radius:3px;
  color:#0073aa;
  text-decoration:none;
  transition: all .2s ease;
}
.post-tag-link:hover{
  background:#0073aa;
  color:#fff;
}

.vk_post_imgOuter_singleTermLabel {
    font-size: 12px;
	padding: .3em .8em;
}

.vk_post_imgOuter {border-bottom:none;}
.vk_post_imgOuter .card-img-overlay {
    position:static;
	
}


.post-meta {
  color: #666;
  font-style: italic;
}
.post-meta .post-categories,
.post-meta .post-tags {
  display: block;
  margin-top: 4px;
}

/* タイトルを2行まで表示し、それを超える場合は...で省略 */
.vk_post_title.media-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4; /* 行間を調整（お好みで変更） */
    max-height: calc(1.4em * 2); /* line-height × 行数 */
}

/* より詳細な調整が必要な場合 */
.vk_post_title.media-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: inherit;
}

/* ホバー時の効果（オプション） */
.vk_post_title.media-title a:hover {
    text-decoration: underline;
}

/* 古いブラウザ対応（Internet Explorer等） */
@supports not (-webkit-line-clamp: 2) {
    .vk_post_title.media-title {
        max-height: calc(1.4em * 2);
        overflow: hidden;
        position: relative;
    }
    
    .vk_post_title.media-title::after {
        content: "...";
        position: absolute;
        bottom: 0;
        right: 0;
        background: white;
        padding-left: 20px;
        background: linear-gradient(to right, transparent, white 50%);
    }
}