@charset "UTF-8";

.wp-block-table td, .wp-block-table th {
    border: none!important;
}
.cmn_wrap table th {
    border-top: 1px solid #707070!important;
}
.cmn_wrap table th, .cmn_wrap table td {
    border-bottom: 1px solid #707070!important;
}

.post-list {

}

.page-block {
    width: 100%;
    /* 境界がわかるように少し余白があっても良いですが、必須ではありません */
}

#loading_spinner {
    padding: 10px 0;
    font-size: 12px;
    color: #999;
}

#infinite-handle {
    text-align: center;
    padding: 20px;
}
#infinite-handle a {
    display: none; /* リンク自体は見せなくてOK */
}
/* ローダーのスタイル */
.loader {
  margin: 20px auto;        /* 中央寄せ */
  width: 30px;              /* 幅 */
  height: 30px;             /* 高さ */
  border: 4px solid #f3f3f3; /* 薄いグレー（背景の輪） */
  border-top: 4px solid #009FE2; /* 濃いグレー（回る部分）※好きな色に変更可 */
  border-radius: 50%;       /* 丸くする */
  animation: spin 1s linear infinite; /* 1秒で1回転、無限ループ */
}

/* 回転アニメーションの定義 */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 初期状態：透明で、少し下にいる */
.list_item.animate-fadein {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* 表示状態：不透明で、元の位置に戻る */
.list_item.animate-fadein.is-visible {
    opacity: 1;
    transform: translateY(0);
}