@charset "UTF-8";

/*=============================================
WordPressプラグインの設定
=============================================*/

.wp-pagenavi {
  clear: both;
  text-align: center;
  margin:40px auto;
}

.wp-pagenavi a, .wp-pagenavi span {
  color: var(--pink-text);
  background-color: #FFFFFF;
  padding: 8px 15px !important;
  margin: 0 2px;
  white-space: nowrap;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  border: thin dotted #e5f2fa;
}

.wp-pagenavi a:hover {
  color: var(--pink-main);
  border-color: var(--pink-text);
}

.wp-pagenavi span.current {
  color: #fff;
  background-color: var(--pink-main);
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: #e5f2fa;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: var(--pink-text) !important;
}

.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid var(--pink-main) !important;
}

@media (max-width: 600px) {
  .wp-pagenavi a, .wp-pagenavi span {
    padding: 4px 8px;
  }
}
span.extend {
  border: none !important;
}

[aria-label="First Page"],
[aria-label="Last Page"] {
  font-size: 1.2rem;
}

/*---------------------------------
パンくずリストレイアウト
---------------------------------*/
.l-bg-bread {
  background: url(../img/common/bg-yellow.jpg) center center;
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
  width: 100vw;
}

.breadcrumbs {
  margin-bottom: 50px;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 10px 10px 20px 10px;
  margin-bottom: 0 !important;
}
.breadcrumbs > span, .breadcrumbs span a {
  color: #839D2B;
}
.breadcrumbs > span:last-of-type {
  color: #333;
}

.breadcrumbs i::before {
  margin: 0 5px;
}