/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 22 2026 | 11:24:34 */
/* =========================================================
   商品一覧を縦リスト（画像なし・枠線なし）に
========================================================= */

/* グリッド解除して縦積み */
.woocommerce ul.products {
  display: block !important;
  margin: 0;
  padding: 0;
}

/* 念のため、テーマが付けるカード装飾を無効化 */
.post-type-archive-product ul.products li.product,
.tax-product_cat ul.products li.product {
  box-shadow: none !important;
}

/* 1商品を1行ブロック化（枠線なし） */
.woocommerce ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 0 26px !important;    /* 行間を広げる */
  padding: 18px 18px !important;  /* 上下左右のpadding増 */
  border: 0 !important;
  background: transparent !important;
}

/* 画像は非表示 */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link img {
  display: none !important;
}

/* タイトル */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 18px;
  line-height: 1.45;
  margin: 0 0 6px;
  padding: 0;
}

/* 価格 */
.woocommerce ul.products li.product .price {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 8px;
}

/* 「商品の簡単な説明」 */
.woocommerce ul.products li.product .loop-short-desc {
  margin: 0 0 8px;
  color: rgba(0, 0, 0, .72);
  line-height: 1.6;
  font-size: 15px;
}
.woocommerce ul.products li.product .loop-short-desc p {
  margin: 0 0 6px;
}

/* 「講座の詳細を見る」リンク（テキストリンク） */
.woocommerce ul.products li.product a.loop-more {
  display: inline-block;
  font-weight: 600;
  text-decoration: underline;
}

/* 念のため既存ボタン系を非表示（テーマが別場所に出してる場合も潰す） */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button {
  display: none !important;
}

/* =========================================================
   ショップ/カテゴリ：リンク全体を2カラム（左：情報、右：ボタン）にする
========================================================= */

.post-type-archive-product ul.products li.product a.woocommerce-LoopProduct-link,
.tax-product_cat ul.products li.product a.woocommerce-LoopProduct-link {
  display: grid;
  grid-template-columns: 1fr auto; /* 左=可変 / 右=ボタン */
  grid-template-rows: auto auto auto;
  column-gap: 16px;
  row-gap: 6px;
  align-items: start;
  width: 100%;
  text-decoration: none;
}

/* タイトル：左上 */
.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
.tax-product_cat ul.products li.product .woocommerce-loop-product__title {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  font-size: 18px;
  line-height: 1.45;
}

/* 価格：タイトルの下 */
.post-type-archive-product ul.products li.product .price,
.tax-product_cat ul.products li.product .price {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

/* 説明：その下（ショート説明 or 抜粋が出ている想定） */
.post-type-archive-product ul.products li.product .woocommerce-product-details__short-description,
.post-type-archive-product ul.products li.product .loop-short-desc,
.tax-product_cat ul.products li.product .woocommerce-product-details__short-description,
.tax-product_cat ul.products li.product .loop-short-desc {
  grid-column: 1;
  grid-row: 3;
  margin: 0;
  color: rgba(0, 0, 0, .72);
  line-height: 1.6;
  font-size: 15px;
}

.post-type-archive-product ul.products li.product .woocommerce-product-details__short-description p,
.post-type-archive-product ul.products li.product .loop-short-desc p,
.tax-product_cat ul.products li.product .woocommerce-product-details__short-description p,
.tax-product_cat ul.products li.product .loop-short-desc p {
  margin: 0 0 6px;
}

/* 右端の「講座の詳細を見る」ボタン：右列に固定して縦方向は中央寄せ気味 */
.post-type-archive-product ul.products li.product a.woocommerce-LoopProduct-link::after,
.tax-product_cat ul.products li.product a.woocommerce-LoopProduct-link::after {
  content: "講座の詳細を見る";
  grid-column: 2;
  grid-row: 1 / span 3; /* 3行ぶんを占有 */
  align-self: center;   /* 縦の中央 */
  justify-self: end;    /* 右端 */
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1;
  color: #1e6a44;
  border: 1px solid rgba(30, 106, 68, .55);
  background: rgba(30, 106, 68, .06);
  white-space: nowrap;
}

/* ホバー */
.post-type-archive-product ul.products li.product a.woocommerce-LoopProduct-link:hover::after,
.tax-product_cat ul.products li.product a.woocommerce-LoopProduct-link:hover::after {
  background: rgba(30, 106, 68, .14);
}

/* モバイル：ボタンを下に回す（右端維持が窮屈なら） */
@media (max-width: 600px) {
  .post-type-archive-product ul.products li.product a.woocommerce-LoopProduct-link,
  .tax-product_cat ul.products li.product a.woocommerce-LoopProduct-link {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
  }

  .post-type-archive-product ul.products li.product a.woocommerce-LoopProduct-link::after,
  .tax-product_cat ul.products li.product a.woocommerce-LoopProduct-link::after {
    grid-column: 1;
    grid-row: 4;
    justify-self: start;
    margin-top: 8px;
  }
}

/* =========================================================
   各行の下にグラデーションボーダー
========================================================= */

.post-type-archive-product ul.products li.product,
.tax-product_cat ul.products li.product {
  position: relative;     /* 疑似要素の基準 */
  padding-bottom: 22px;   /* ライン分の余白確保（必要に応じて調整） */
}

/* グラデーションライン */
.post-type-archive-product ul.products li.product::after,
.tax-product_cat ul.products li.product::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(to right, #8b3a2b, #ccc);
}

/* 並び替えは非表示 
.woocommerce-ordering {
  display: none;
}
*/
/* 申込受付終了バッジ */
.event-status-label {
  display: inline-block;
  margin-left: 8px;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  border-radius: 999px;
  background: #dedede;
  color: #333;
  font-weight: normal !important;
  vertical-align: middle;
}

/* =========================================================
   カテゴリーブロック
========================================================= */

.course-cat-filter {
  margin: 0 0 1rem;
}
.course-cat-filter__label {
  font-weight: 700;
  margin: 0 0 .4rem;
}
.course-cat-filter__list {
  display: flex;
  gap: .4rem;
  flex-wrap: wrap;
}
.course-cat-filter__item {
  display: inline-block;
  padding: .35em .7em;
  border: 1px solid #bbb;
  border-radius: 5px;
  text-decoration: none;
  background: #fff;
}

/* =========================================================
   曜日別アーカイブ
========================================================= */

/* weekdayでもリンク全体を2カラム化 */
.tax-weekday ul.products li.product a.woocommerce-LoopProduct-link {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto auto;
  column-gap: 16px;
  row-gap: 6px;
  align-items: start;
  width: 100%;
  text-decoration: none;
}

/* weekdayでもタイトル・価格・説明を左側に */
.tax-weekday ul.products li.product .woocommerce-loop-product__title {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}
.tax-weekday ul.products li.product .price {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
}
.tax-weekday ul.products li.product .woocommerce-product-details__short-description,
.tax-weekday ul.products li.product .loop-short-desc {
  grid-column: 1;
  grid-row: 3;
  margin: 0;
}

/* weekdayでも右側に「講座の詳細を見る」疑似ボタン */
.tax-weekday ul.products li.product a.woocommerce-LoopProduct-link::after {
  content: "講座の詳細を見る";
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: center;
  justify-self: end;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1;
  color: #1e6a44;
  border: 1px solid rgba(30, 106, 68, .55);
  background: rgba(30, 106, 68, .06);
  white-space: nowrap;
}
.tax-weekday ul.products li.product a.woocommerce-LoopProduct-link:hover::after {
  background: rgba(30, 106, 68, .14);
}

/* ショップ/カテゴリ/weekday 共通の下線（重複のまま） */
.post-type-archive-product ul.products li.product,
.tax-product_cat ul.products li.product,
.tax-weekday ul.products li.product {
  position: relative;
  padding-bottom: 22px;
}

.post-type-archive-product ul.products li.product::after,
.tax-product_cat ul.products li.product::after,
.tax-weekday ul.products li.product::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(to right, #8b3a2b, #ccc);
}

/* 講座フィルタ */

.course-open-filter-wrap{
	margin: 0 0 1.2em;
}

.course-open-filter-button{
	display: inline-block;
	padding: 0.6em 1em;
	border: 1px solid #333;
	border-radius: 12px;
	background: #fff;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.4;
}

.course-open-filter-button:hover{
	opacity: .85;
}

.course-open-filter-button.is-active{
	background: #333;
	color: #fff;
}


/* モバイル */
@media (max-width: 600px) {
  .tax-weekday ul.products li.product a.woocommerce-LoopProduct-link {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
  }
  .tax-weekday ul.products li.product a.woocommerce-LoopProduct-link::after {
    grid-column: 1;
    grid-row: 4;
    justify-self: start;
    margin-top: 8px;
  }
}

/* 強制表示（暫定） */
.tax-weekday .woocommerce-product-details__short-description,
.tax-weekday .loop-short-desc {
  display: block !important;
}

/* weekdayアーカイブで短い説明が消される対策（強制表示） */
.tax-weekday .woocommerce ul.products li.product .loop-short-desc,
.tax-weekday .woocommerce ul.products li.product .woocommerce-product-details__short-description {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}