/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 14 2026 | 02:00:34 */
/* =====================================
   VK投稿リスト｜教室・イベント一覧
===================================== */


/* -------------------------------------
   投稿1件全体
------------------------------------- */
.lesson-post-list .vk_post {
  display: flex !important;
  align-items: center !important;
  gap: 55px !important;

  width: 100% !important;

  padding: 0 !important;
  margin-bottom: 24px !important;

  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}


/* -------------------------------------
   左：アイキャッチ画像
------------------------------------- */
.lesson-post-list .vk_post .vk_post_imgOuter,
.lesson-post-list .vk_post .vk_post_imgOuter.media-img {
  flex: 0 0 115px !important;

  width: 115px !important;
  min-width: 115px !important;
  max-width: 115px !important;
  height: 115px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: none !important;

  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}


/* VK側の画像比率を正方形に */
.lesson-post-list .vk_post_imgOuter::before {
  padding-top: 100% !important;
}


/* imgタグで出力される場合 */
.lesson-post-list .vk_post_imgOuter img {
  display: block;

  width: 115px !important;
  height: 115px !important;

  object-fit: cover;
}


/* -------------------------------------
   右：本文エリア
------------------------------------- */
.lesson-post-list .vk_post .vk_post_body {
  flex: 1 1 auto !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
}


/* =====================================
   開催日
   投稿の「抜粋」を使用
===================================== */
.lesson-post-list .vk_post_excerpt {
  order: 1;

  display: inline-block !important;

  width: fit-content !important;
  max-width: 100% !important;

  margin: 0 0 5px 0 !important;
  padding: 5px 13px !important;

  background: #f4c8cf;

  color: #332923;
  font-size: 0.9rem !important;
  line-height: 1.25;
}


/* 抜粋内のp */
.lesson-post-list .vk_post_excerpt p {
  margin: 0 !important;
  padding: 0 !important;

  font-size: inherit !important;
  line-height: inherit !important;
}


/* =====================================
   投稿タイトル
===================================== */
.lesson-post-list .vk_post_title {
  order: 2;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 7px 0 !important;
  padding: 0 !important;

  font-size: 1.3rem !important;
  font-weight: 400;
  line-height: 1.35;

  word-break: normal !important;
  overflow-wrap: normal !important;
}


/* タイトルリンク */
.lesson-post-list .vk_post_title a {
  color: #332923 !important;
  text-decoration: none !important;
}


/* タイトルホバー */
.lesson-post-list .vk_post_title a:hover {
  opacity: 0.7;
}


/* =====================================
   カテゴリー・タグ
===================================== */
.lesson-post-list .vk_post_taxonomies {
  order: 3;

  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;

  width: auto !important;
  max-width: 100% !important;

  gap: 6px;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 0 !important;
  line-height: 0 !important;
}


/* タクソノミー内部 */
.lesson-post-list .vk_post_taxonomies > * {
  margin: 0 !important;
  padding: 0 !important;
}


/* 「カテゴリー」「タグ」等の文字を非表示 */
.lesson-post-list .vk_post_taxonomies dt {
  display: none !important;
}


.lesson-post-list .vk_post_taxonomies dd {
  margin: 0 !important;
  padding: 0 !important;
}


/* カテゴリー欄を丸ごと非表示 */
.lesson-post-list .vk_post_taxonomy-category {
  display: none !important;
}

/* タグの「、」などの区切り文字を消す */
.lesson-post-list .vk_post_taxonomy-post_tag,
.lesson-post-list .vk_post_taxonomy-post_tag dd {
  font-size: 0 !important;
  color: transparent !important;
}

/* =====================================
   タグ画像 共通
===================================== */
.lesson-post-list .vk_post_taxonomies a[href*="/tag/"] {
  display: inline-block !important;

  width: 79px !important;
  height: 20px !important;

  margin: 0 6px 0 0 !important;
  padding: 0 !important;

  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 79px 20px !important;

  color: transparent !important;

  font-size: 0 !important;
  line-height: 0 !important;

  text-indent: -9999px;
  overflow: hidden;
}


/* -------------------------------------
   1day
   タグスラッグ：1day
------------------------------------- */
.lesson-post-list .vk_post_taxonomies a[href*="/tag/1day/"] {
  background-image:
    url("/wp-content/uploads/2026/08/icon_oneday.gif") !important;
}


/* -------------------------------------
   コース
   タグスラッグ：course
------------------------------------- */
.lesson-post-list .vk_post_taxonomies a[href*="/tag/course/"] {
  background-image:
    url("/wp-content/uploads/2026/08/icon_course.gif") !important;
}


/* -------------------------------------
   応募締切
   タグスラッグ：end
------------------------------------- */
.lesson-post-list .vk_post_taxonomies a[href*="/tag/end/"] {
  background-image:
    url("/wp-content/uploads/2026/08/icon_end.gif") !important;
}

/* -------------------------------------
   NEW
   タグスラッグ：new
------------------------------------- */
.lesson-post-list .vk_post_taxonomies a[href*="/tag/new/"] {
  background-image:
    url("/wp-content/uploads/2026/08/icon_new.png") !important;
}


/* =====================================
   スマホ
===================================== */
@media (max-width: 767px) {

  .lesson-post-list .vk_post {
    align-items: center !important;
    gap: 14px !important;

    margin-bottom: 20px !important;
  }


  /* アイキャッチを少し小さく */
  .lesson-post-list .vk_post .vk_post_imgOuter,
  .lesson-post-list .vk_post .vk_post_imgOuter.media-img {
    flex: 0 0 90px !important;

    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    height: 90px !important;
  }


  .lesson-post-list .vk_post_imgOuter img {
    width: 90px !important;
    height: 90px !important;
  }


  /* 開催日 */
  .lesson-post-list .vk_post_excerpt {
    padding: 4px 9px !important;
    margin-bottom: 4px !important;

    font-size: 0.9rem !important;
  }


  /* タイトル */
  .lesson-post-list .vk_post_title {
    margin-bottom: 6px !important;

    font-size: 1.3rem !important;
  }


  .lesson-post-list .vk_post_taxonomies {
    gap: 4px;
  }


  .lesson-post-list .vk_post_taxonomies a[href*="/tag/"] {
    margin-right: 4px !important;
  }

}

/* =====================================
   タグ周りの調整
===================================== */

/* タグ同士の間に出る「、」などの区切り文字を消す */
.lesson-post-list .vk_post_taxonomy-post_tag {
  font-size: 0 !important;
  color: transparent !important;
}

/* 念のため疑似要素の区切りも消す */.lesson-post-list .vk_post_taxonomy-post_tag a::before,
.lesson-post-list .vk_post_taxonomy-post_tag a::after {
  content: none !important;
}


/* =====================================
   タグ画像のリンクを無効化
===================================== */

.lesson-post-list .vk_post_taxonomies a[href*="/tag/"] {
  pointer-events: none !important;
  cursor: default !important;
}


/* =====================================
   投稿ごとの点線
===================================== */

.lesson-post-list .vk_post {
  padding-bottom: 20px !important;
  margin-bottom: 24px !important;

  border-bottom: 1px dashed #c7bfb3 !important;
}

/* =====================================
   モバイル：点線を「8px線・3px空白」に変更
===================================== */
@media (max-width: 767px) {

  .lesson-post-list .vk_post {
    position: relative;
    border-bottom: none !important;
  }

  .lesson-post-list .vk_post::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 1px;

    background: repeating-linear-gradient(
      to right,
      #c7bfb3 0 8px,
      transparent 8px 11px
    );
  }

}

/* カルチャー教室だけ日付背景を水色に */
.lesson-post-list .vk_post:has(a[href*="/category/culture/"]) .vk_post_excerpt {
  background: #B2D9DE !important;
}