/*
Theme Name: LINQWEB
Theme URI: 
Template: lightning
Description: 
Author: Yukari Hiramatsu BY LINQWEB https://linqweb.com
Tags: 
Version: 0.6.0
*/


/* =============================================
   1. 基本設定
   ============================================= */
body {
    font-family: "Zen Kaku Gothic New", sans-serif !important;
}
p {
  /* 最小 14px / 推奨 16px(1vwで微調整) / 最大 16.5px 程度の設定 */
  font-size: clamp(0.875rem, 0.95rem + 0.1vw, 1.03rem) !important;
  line-height: 1.8;
  text-align: justify;
}

/* 通常のH2 */
h2 {
  font-family: "Zen Kaku Gothic New", sans-serif;
font-size: clamp(1.75rem, 0.9vw + 1.54rem, 2.25rem);
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.4;
}

/* サブタイトル付きH2 */
h2.vk_heading_title.vk_heading_title-style-plain {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(1.25rem, 1.35vw + 0.93rem, 2rem) !important;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 0.8 !important; 
  margin-bottom: 0.2rem !important; 
}

h2.vk_heading_title.vk_heading_title-style-plain br.vk_responsive-br {
  display: block;
  content: "";
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  height: 0 !important;
}

h4 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(1rem, 1.1vw + 0.74rem, 1.25rem);
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.4;
}

h4.vk_heading_title.vk_heading_title-style-plain {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(1rem, 0.5vw + 0.9rem, 1.25rem) !important;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5 !important;
  margin-bottom: 0.5rem !important;
}

p.fv_copy {
font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: clamp(24px, 5vw, 40px) !important;
}
p.fv_copy_sub {
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.1em;
  margin-top: 15px;
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.5rem) !important;
}

p.fv_copy_en {
  font-family: "Times New Roman", "Yu Mincho", "serif";
  font-weight: 400; 
  line-height: 1.4;
  letter-spacing: 0.05em;
  margin-top: 10px; 
font-size: clamp(1rem, 2vw, 1.25rem) !important;
}


/*上に戻るボタン*/

.page_top_btn{
border-radius:0px!important;
right: 19px;
bottom: 87px;
width:100px;
height:100px;
color: transparent;
background: transparent;  
background-image: url(http://sa9raneko-kitanagoya.com/wp_cms/wp-content/uploads/2025/09/top_b.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right bottom;
opacity: 0;
transition: opacity 0.7s ease-out;
border:none;
box-shadow:none;
}


/* pc時の右端固定追従ボタン */
.fixed-side-btns {
  position: fixed;
  top: 25%;
  right: 0;
  z-index: 9999;
}

.fixed-side-btns ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fixed-side-btns li {
  margin-bottom: 8px;
  text-align: right;
}

.fixed-side-btns img {
  display: block;
  width: 80px;
  height: auto;
  transition: opacity 0.3s ease;
}

.fixed-side-btns a:hover img {
  opacity: 0.8;
}

/* スマホでは非表示（任意） */
@media (max-width: 768px) {
  .fixed-side-btns {
    display: none;
  }
}


@media (max-width: 768px) {
  .footerFloatingMenu {
    display: flex !important;
  }
}





/*------------------------------------*/
/* フッターフローティングボタン (隙間なしタイプ） */
/*----------------------------------*/

/* フローティングメニュー全体のスタイル */
.footerFloatingMenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 999;
}

/* リンク共通のスタイル（ボタン風ではない） */
.footerFloatingMenu__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: bold;
  width: 50%;
  height: auto; /* 固定の高さ */
  transition: all 0.3s ease;
}

/* アイコンのスタイル */
.footerFloatingMenu__btn i {
  margin-right: 8px;
  font-size: 1.5em;
  color: #ffffff;
}

/* フローティングメニューの画像はみ出し防止 */
#footerFloatingMenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 8px 0; /* ←上下に余白をつけることで切れなくなる */
  background: rgba(255, 255, 255, 0.95);
  z-index: 9999;
  overflow: visible; /* ←はみ出しカット防止 */
}

/* 横並びを安定させる */
#footerFloatingMenu ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 画像サイズ調整（はみ出さない高さ） */
#footerFloatingMenu ul li a img {
  max-height: 70px; /* ←画像の高さを揃えて切れ防止 */
  height: auto;
  width: auto;
  display: block;
}


/* スマホ以外では非表示にする */
#footerFloatingMenu {
  display: none;
}

@media screen and (max-width: 768px) {
  #footerFloatingMenu {
    display: block;
  }
}

.container.site-footer-content {
    padding-top: 20px !important;
}


/*-------------------------------------------
投稿　次へ　前へカスタマイズ
----------------------------------------*/
.next-prev-prev.card-horizontal .card-body {
display: flex;
padding: 0;
align-items: center;
justify-content: flex-start;
}

.next-prev-prev.card-horizontal .card-body:before {
font-family: "Font Awesome 5 Free";
content: "\f053";
font-weight: bold;
position: absolute;
font-size: 3rem;
color: rgba(0,0,0,0.1);
top: calc(50% - 1.5rem);
left: 1rem;
}

.next-prev-prev.card-horizontal.vk_post .card-body .vk_post_title a {
display: block;
padding: 1.5rem 1.0rem 1.5rem 3.5rem;
}

.next-prev-next.card-horizontal .card-body {
display: flex;
padding: 0;
align-items: center;
justify-content: flex-end;
}

.next-prev-next.card-horizontal .card-body:before {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: bold;
position: absolute;
font-size: 3rem;
color: rgba(0,0,0,0.1);
top: calc(50% - 1.5rem);
right: 1rem;
}

.next-prev-next.card-horizontal.vk_post .card-body .vk_post_title a {
display: block;
padding: 1.5rem 3.5rem 1.5rem 1.0rem;
}