/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/


h2.jost-font {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.jost-font {
  font-family: "Jost", sans-serif;
  font-weight: 300;
  font-style: normal;
}







/*H2 縦書き指定*/

h2.h2tategaki{
  display: table;     /* 幅を内容に合わせる */
  margin: 0 auto;     /* 中央寄せ */
  text-align: center; /* 改行を整える */
}







/* お知らせリスト全体のベース文字を少し大きく */
.vk_posts-layout-postListText * {
  font-size: 0.9rem !important;
}

.postListText_singleTermLabel_inner {
    display: block;
    overflow: hidden;
    font-size: 12px !important;
    white-space: nowrap;
    padding: 0 1rem;
    line-height: 16px;
    border-radius: 2px;
    text-align: center;
}






/* ▼ PAGE TOP FontAwesome Free カスタム */

/* ベース：位置＋リセット＋アニメーション */
#page_top,
.page_top_btn {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  z-index: 9999 !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  /* Lightningのデフォルトを完全リセット */
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;

  cursor: pointer;

  /* 元の PAGE TOP テキストは見せない */
  font-size: 0 !important;

  /* 表示アニメーション（スクロール後に反映） */
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

/* スクロールしたらふわっと出る（Lightning 用） */
body.scrolled #page_top,
body.scrolled .page_top_btn {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* FontAwesome Free Solid アイコンを表示 */
#page_top::before,
.page_top_btn::before {
  content: "\f139"; /* fa-circle-chevron-up */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* Solid（Freeはこれだけ） */

  font-size: 32px;
  color: #a6a6a6;
  line-height: 1;
}

/* ホバー時に少し浮く */
#page_top:hover,
.page_top_btn:hover {
  transform: translateY(-3px);
}

/* スマホ調整 */
@media (max-width: 767px) {
  #page_top,
  .page_top_btn {
    width: 44px !important;
    height: 44px !important;

    /* ← ここを変更（bottom を 16px → 80px に） */
    right: 16px !important;
    bottom: 80px !important; /* ← フッターメニューを避けるため上に持ち上げる */
  }

  #page_top::before,
  .page_top_btn::before {
    font-size: 28px;
  }
}




.page-header {
  padding-top: 150px;
  padding-bottom: 150px;
}






.entry-footer {
	margin-top: 100px;
}