/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 06 2026 | 06:24:36 */
/* ===== カテゴリーリスト：縦並び・左バー型 ===== */



.wp-block-group.list_all > p { margin: 0 0 14px; }
.wp-block-group.list_all > p a { display:block; /* 既存の .list_all a と整合 */ }


/* 各カテゴリ行 */
.wp-block-categories-list.wp-block-categories > .cat-item , .list_all{
  list-style:none;
  margin: 0 0 25px;
}

/* リンク本体 */
.wp-block-categories-list.wp-block-categories a ,.list_all a{
  position: relative;
  display: block;
  padding: 0.4em 0.6em 0.5em 0.9em;
  font-size: 18px;
  font-weight: 600;
  color: #2f2f2f;               /* 無彩色・濃いめ */
  text-decoration: none;
  line-height: 1.4;
}

/* 左側の縦バー（親カテゴリ）
.wp-block-categories-list.wp-block-categories > .cat-item > a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  bottom: 0.15em;
  width: 4px;
  background-color: #8b3a2b;
  border-radius: 2px;
} */

/* 左側の縦バー（親カテゴリ） */
.wp-block-categories-list.wp-block-categories > .cat-item > a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  bottom: 0.15em;
  width: 4px;
  background-color: var(--cat-bar-color, #8b3a2b); 
  border-radius: 2px;
}




.list_all a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  bottom: 0.15em;
  width: 4px;
  background-color: #20b2aa;    /* 青系 */
  border-radius: 2px;
}




/* 下線（アンダーライン装飾） */
.wp-block-categories-list.wp-block-categories a::after ,  .list_all  a::after{
  content: "";
  position: absolute;
  left: 0.9em;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: rgba(80, 80, 80, 0.35);
}

/* ===== 子カテゴリ（階層対応） ===== */

.wp-block-categories-list.wp-block-categories .children{
  list-style: none;
  padding-left: 1.2em;          /* インデント */
  margin: 6px 0 0;
}

/* 子カテゴリ行 */
.wp-block-categories-list.wp-block-categories .children .cat-item{
  margin: 0 0 8px;
}

/* 子カテゴリのリンク */
.wp-block-categories-list.wp-block-categories .children a{
  font-size: 16px;
  font-weight: 500;
  padding-left: 0.9em;
}

/* 子カテゴリ用の細いバー */
.wp-block-categories-list.wp-block-categories .children a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  bottom: 0.35em;
  width: 2px;
  background-color: #b46a5a;    /* 親より淡い赤茶 */
}

/* 子カテゴリの下線は控えめに */
.wp-block-categories-list.wp-block-categories .children a::after{
  background-color: rgba(80, 80, 80, 0.25);
}

/* ===== モバイル対応 ===== */
@media (max-width: 600px){
  .wp-block-categories-list.wp-block-categories a , .list_all a{
    font-size: 16px;
    padding: 0.5em 0.5em 0.6em 0.9em;
  }

  .wp-block-categories-list.wp-block-categories .children a, .list_all a{
    font-size: 14px;
  }
}

/*検索ボックス用*/
.course-searchbox {
  margin: 0 0 1rem;
	padding:1.8em;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}

.course-searchbox .wp-block-search__label {
  display: block;
  margin: 0 0 .4rem;
  font-weight: 700;
}

.course-searchbox .wp-block-search__inside-wrapper {
  display: flex;
  gap: .5rem;
  width: 100%;
}

.course-searchbox .wp-block-search__input {
  flex: 1;
  min-width: 0;
}

.course-searchbox .wp-block-search__button {
  white-space: nowrap;
}