@charset "utf-8";

/* -----------------------------------------------------------------
 WordPressページャー
----------------------------------------------------------------- */
.pager {
  display: flex;
  justify-content: center;
  gap:.6em;
}
.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.8em;
  height: 2.8em;
  border: var(--color_main) 1px solid;
  border-radius: 3px;
  text-transform: uppercase;
}
.page-numbers.current {
  background: var(--color_main);
  color: #fff;
}
.prev.page-numbers,
.next.page-numbers,
.dots.page-numbers {
  border: none;
}
.prev.page-numbers span,
.next.page-numbers span {
    background-image: linear-gradient(90deg, var(--color_main), var(--color_main));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% .0625rem;
    line-height: 1.2;
    transition: background-size .4s ease
}
.prev.page-numbers {
  margin-left: 0;
  margin-right: auto;
}
.next.page-numbers {
  margin-left: auto;
  margin-right: 0;
}
.pager:not(:has(.prev)):before {
    content: "";
    min-width: 2.8rem;
    margin-right: auto
}
.pager:not(:has(.next)):after {
    content: "";
    min-width: 2.8rem;
    margin-left: auto
}
@media (hover: hover) {
  .page-numbers:not(.prev):not(.next):not(.dots):hover {
    background: var(--color_main);
    color: #fff;
  }
  .prev.page-numbers:hover span,
  .next.page-numbers:hover span {
      background-size: 0% .0625rem;
  }
}
/* -----------------------------------------------------------------
 base
----------------------------------------------------------------- */
:where(.use_component >*:first-child) {
  margin-top: 0 !important;
}
:where(.use_component *) {
  line-height: 1.8;
}
.use_component a {
  color: currentColor;
}

.use_component strong,
.use_component b {
  font-weight: 700;
  font-size: 105%;
}
.use_component p {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.use_component figure  {
  display: table;
  margin: auto;
  margin-top: 5rem;
}
.use_component figcaption {
  caption-side: bottom;
  display: table-caption;
  line-height: 1.5;
  font-size: 80%;
  font-weight: 700;
}
.use_component figcaption.center {
  text-align: center;
}

@media (hover: hover) {
  .use_component a ,
  .use_component a img{
    transition: 0.3s ease-in-out;
  }
  /*----- :hover -----*/
  .use_component a:hover img {
    opacity: .8;
  }
}

/* -----------------------------------------------------------------
 見出し
----------------------------------------------------------------- */
.use_component h1,
.use_component h2,
.use_component h3,
.use_component h4,
.use_component h5,
.use_component h6 {
  margin-top: 5em;
  margin-bottom: 1.6em;
  letter-spacing: 0.008em;
  line-height: 1.4;
}
  .use_component h1 {
    font-weight: 700;
    font-size: 2em;
  }
  .use_component h2 {
    font-weight: 700;
    font-size: 1.6em;
  }
  .use_component h3 {
    font-weight: 700;
    font-size: 1.35em;
  }
  .use_component h4 {
    font-weight: 700;
    font-size: 1.15em;
  }
  .use_component h5 {
    font-weight: 700;
    font-size: 1em;
}
  .use_component h6 {
    font-weight: 700;
    font-size: .8em;
  }

/* -----------------------------------------------------------------
 リスト
----------------------------------------------------------------- */
.use_component ul {
  margin-left: 1.5em;
  list-style: initial;
}
.use_component ol {
  margin-left: 1.5em;
  list-style: decimal;
}