/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 28 2025 | 08:26:17 */
.vk_post_title_new{display:none;}
.entry-meta-item-updated{display:none;}
.updated{display:none;}
.entry-meta-item-author{display:none;}
.entry-footer{margin-top:30px;}
.entry-meta-data-list--category dt{background:#2589d0; font-size:0.8rem;}
.entry-meta-data-list--category dd{font-size:0.8rem;}
#breadcrumb{font-size:0.8rem; padding:6px 0px; letter-spacing:1px;}


/* 投稿一覧を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);
  }
}
#post-4420 .vk_posts .vk_post-col-sm-12 {
  width:calc(50% - 30px);  
}

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

.vk_post .media-img,
.vk_post .media-body {
  display: block;
  width: 100%;
  float: none;
}
/* 日付
.vk_post .vk_post_date {display: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;}

/* ユースケース記事のみ日付非表示 */
.post-type-archive-use-case .vk_post .vk_post_date,
.term-use-case-1 .vk_post .vk_post_date,
.term-use-case-2 .vk_post .vk_post_date,
.term-use-case-3 .vk_post .vk_post_date,
.term-use-case-4 .vk_post .vk_post_date,
.term-use-case-5 .vk_post .vk_post_date,
.term-use-case-6 .vk_post .vk_post_date,
.term-use-case-7 .vk_post .vk_post_date,
.term-use-case-8 .vk_post .vk_post_date,
.term-use-case-9 .vk_post .vk_post_date,
.term-use-case-10 .vk_post .vk_post_date,
.term-use-case-11 .vk_post .vk_post_date,
.term-use-case-12 .vk_post .vk_post_date
{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-btn-display .vk_post_btnOuter{bottom:-25px;}
.vk_post-btn-display.media .vk_post_btnOuter{width:70%; right:0px;}
.vk_post_imgOuter_singleTermLabel{padding:.2em .6em; background:#2589d0;}
*/
.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%);
    }
}