/* section */
section {
  padding-bottom: 80px 0 !important;
}

/*********************************/
/*         INDEX                 */
/*================================*/

/*===========  =============*/
/*=========== Single Blog =====================*/

.container .row .col-md-8 .section-title p {
  line-height: 2.25rem;
}

.container .row .col-md-8 .section-title ol li {
  line-height: 2.25rem;
}
.container .row .col-md-8 .section-title ul li {
  line-height: 2.25rem;
}
@font-face {
  font-family: "inspiro-icons";
  src: url("../webfonts/inspiro-icons.ttf?ijzgpf") format("truetype"),
    url("../webfonts/inspiro-icons.woff?ijzgpf") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 引用の左にborderをつける */
blockquote.wp-block-quote {
  font-size: 1.2rem !important;
  margin-top: 3rem;
  border-left: 10px solid #000;
  padding-left: 2rem;
  margin-bottom: 2.3rem;
  margin-left: 1.6rem;
}

/* 画像の下部の余白を広げる */
.wp-block-image figure img {
  margin-bottom: 2.3rem;
}

/* ========= ページネーション ============= */

.post-navigation a {
  color: #3c4043;
}

.post-navigation .post-next,
.post-navigation .post-prev {
  position: absolute;
  font-size: 16px;
  max-width: 40%;
  height: 44px;
}

.post-navigation .post-next span,
.post-navigation .post-prev span {
  display: block;
  color: #3c4043;
  font-size: 11px;
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: -6px;
  margin-top: 3px;
}

.post-navigation a:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #2250fc;
}

.post-navigation .post-next {
  right: 25px;
  text-align: right;
}

.post-navigation .post-next:before {
  content: "\e930";
  font-family: "inspiro-icons";
  font-size: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  right: 10px;
  padding-top: 2px;
}

.post-navigation .post-next:hover:before {
  -webkit-transform: translate3d(5px, -50%, 0);
  transform: translate3d(5px, -50%, 0);
}

.post-navigation .post-prev {
  left: 25px;
}

.post-navigation .post-prev:before {
  content: "\e92f";
  font-family: "inspiro-icons";
  font-size: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-top: 2px;
  left: 10px;
}

.post-navigation .post-prev:hover:before {
  -webkit-transform: translate3d(-5px, -50%, 0);
  transform: translate3d(-5px, -50%, 0);
}

.post-navigation .post-prev-title {
  padding-left: 40px;
}

.post-navigation .post-next-title {
  padding-right: 40px;
}

.post-navigation .post-all {
  font-size: 24px;
  left: auto;
  position: absolute;
  right: 50%;
  text-align: center;
  top: 32px;
  width: 12px;
  opacity: 0.7;
}

.single-post .post-navigation .post-prev {
  left: 0px;
}

.single-post .post-navigation .post-next {
  right: 0px;
}

@media (max-width: 991.98px) {
  .post-prev-title,
  .post-next-title {
    display: none;
  }
}

.page-numbers {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-numbers > li > a {
  color: #3c4858;
  border: 1px solid #dee2e6;
  padding: 8px 16px;
  font-size: 14px;
}

.page-numbers > li > .current {
  border: 1px solid #dee2e6;
  padding: 8px 16px;
  font-size: 14px;
  background-color: #2f55d4 !important;
  color: #dee2e6;
}

.page-numbers.current .page-numbers:hover,
::selection {
  background: rgba(47, 85, 212, 0.9);
  border-color: rgba(47, 85, 212, 0.9);
}

/* ==============--- 背景動画用の追加CSS ---============ */

/* 動画を配置する基準となる親要素 */
.slide-inner.position-relative {
  width: 100%;
  height: 100%;
}

/* 背景動画のスタイル */
.bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0; /* テキストやオーバーレイより後ろに配置 */
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: 1s opacity;
}

/* 動画の上に重ねる黒いオーバーレイ(.bg-overlay)が
  動画より手前に来るようにz-indexを調整します。
  （既存のCSSにz-indexがなければ追加）
*/
.bg-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1; /* 動画より手前 */
  background-color: rgba(0, 0, 0, 0.5); /* 例: 半透明の黒 */
}

/* テキストが入っているコンテナ(.container)も
  動画より手前に来るようにz-indexを調整します。
*/
.slide-inner .container {
  position: relative; /* z-indexを有効にするため */
  z-index: 2; /* オーバーレイよりさらに手前 */
}

/*======== 背景色の設定 ========*/
.background-danger {
  background-color: #ce041c !important;
}

.background-white {
  background-color: #fff !important;
}

.background-light {
  background-color: #f8f9fa !important;
}

.background-grey {
  background-color: #f7f9fb !important;
}

.background-dark {
  background-color: #181818 !important;
}

.background-black {
  background-color: #000 !important;
}