/* wordpress */
/* ページネーションの汎用スタイル */
.nav-links ul {
  margin-top: 20px;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.nav-links li > * {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  height: 45px;
}
.nav-links li > *:not(.dots) {
  width: 45px;
  border-radius: 50%;
  border: solid 1px var(--cl-bg-accent02);
  color: #000000;
  background: var(--cl-bg-secondary);
  transition: color 0.3s ease, background 0.3s ease;
}
.nav-links li > .current,
.nav-links li > a:hover {
  color: #ffffff;
  background: var(--cl-bg-primary);
}

/* ホバー時に非表示にして、下から再出現 */
.hover-text-main:hover span {
  transform: translateY(100%);
  opacity: 0;
}

.hover-text-main:hover span.reveal {
  transform: translateY(0);
  opacity: 1;
}

.hover-zoom-img:hover img {
  transform: scale(1.2,1.2);
  transition: transform 0.3s ease;
}
/* 文字色 */
.has-main-color-color {
	color: var(--cl-bg-primary);
}
.has-accent-02-color {
	color: var(--cl-bg-accent02);
}
.has-accent-color-color {
	color: var(--cl-bg-accent);
}
.has-black-color {
	color: black;
}
.has-white-color {
	color: white;
}
.has-color6-color {
	color: #0000bb;
}
.has-color7-color {
	color: #ac5eb5;
}

/* 背景色 */
.has-main-color-background-color {
	background-color: var(--cl-bg-primary);
}
.has-accent-02-background-color {
	background-color: var(--cl-bg-accent02);
}
.has-accent-color-background-color {
	background-color: var(--cl-bg-accent);
}
.has-black-background-color {
	background-color: #91e079;
}
.has-white-background-color {
	background-color: white;
}
.has-color6-background-color {
	background-color: #0000bb;
}
.has-color7-background-color {
	background-color: #ac5eb5;
}
.filter-ul {
  display: flex;
  justify-content: flex-end;
  gap: 30px;
  flex-wrap: wrap;
}
.filter-button {
  display: inline-block;
  padding: 10px 10px 10px;
  background-color: #46b023;
  border-radius: 50px;
  color: var(--cl-bg-base);
}
.filter-button:hover ,.filter-button.active {
  color: var(--cl-bg-primary);
  background-color: var(--cl-bg-secondary);
  border: 1px solid var(--cl-bg-primary);
}

/* 例: 画面幅に応じて表示行数を変更 */

/* デフォルト（狭い） */
.excerpt-set .ex-mid, .excerpt-set .ex-long { display: none; }
/* 中幅 */

/* 全角数字用カウンタースタイルを定義 */
@counter-style fullwidth-decimal {
  system: numeric;
  symbols: '０' '１' '２' '３' '４' '５' '６' '７' '８' '９';
  suffix: '';
}
ul.wp-block-list > li {
  list-style: disc;
}

ol.wp-block-list {
  list-style: none;
  counter-reset: number;
}

ol.wp-block-list > li {
  position: relative;
  padding-left: 40px;
}

ol.wp-block-list > li::before {
  counter-increment: number;
  content: '（' counter(number) '）';
  position: absolute;
  left: 0;
}
.aligncenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	margin-left: auto;
	marign-right: 0;
}

@media (min-width:600px){
  .excerpt-set .ex-short{ display:none; }
  .excerpt-set .ex-mid{ display:inline; }
}
/* 広い */
@media  (min-width:1024px){
  .excerpt-set .ex-mid{ display:none; }
  .excerpt-set .ex-long{ display:inline; }
}





@media screen and (max-width: 600px) {
  .filter-ul {
    justify-content: center;
    gap:10px;
  }
  .filter-button {
    padding: 5px 5px 5px;
  }
}