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

/*フォント設定*/

body { font-family: "BIZ UDPGothic", sans-serif!important;}
h2{ font-family: "BIZ UDPGothic", sans-serif!important;
 font-size: 1.4rem;
 font-weight: bold;
}
h3{ font-family: "BIZ UDPGothic", sans-serif!important;
font-size:1.2rem;
font-weight: :bold}
p{  font-size: 1.125em; line-height: 1.8; text-align: justify;}
table,ul{
	line-height: 1.5;
}


/*上に戻るボタン*/

.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;
}




/*開閉ボタンを変える*/
selector.vk_faq-accordion-close .vk_faq_title::after{
 content: "＋";
 top: 50%;
}
 selector.vk_faq-accordion-open .vk_faq_title::after{
 content: "−";
}


/*Q&Aクローズ時*/
.wp-block-vk-blocks-faq2.vk_faq.vk_faq-accordion.vk_faq-accordion-close {
    border-radius: 0px !important;
  box-shadow:none!important}


/*Q文字色*/

.wp-block-vk-blocks-faq2-q.vk_faq_title:before{color:#43BAAE!important}

/*A文字色*/
.vk_faq_content:before {
    color: #43BAAE!important;
}

dl.vk_faq-body {
    border-top: 2px solid #43BAAE;
    margin-bottom:0px!important;}

.vk_faq .vk_faq_title {
        font-size: 18px;
        color: #43BAAE;
    }
p.vk_block-margin-0--margin-top.vk_block-margin-0--margin-bottom {
    color: #43BAAE;
    padding-bottom: 20px;
}


/*リストマーカー変更*/
.page_list {
    list-style: none;  /* デフォルトのマーカーを削除 */
}

.page_list li {
    position: relative;
    padding-left: 1.5em;  /* マーカーのためのスペース */
    margin-bottom: 1em;    /* 行間を広げる */
}

.page_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;          /* 丸の大きさを調整 */
    height: 15px;         /* 丸の大きさを調整 */
    background-color: #43BAAE;
    border-radius: 50%;   /* 円形にする */
}


/*ボタンサイズ*/
@media(min-width:751px){
a.vk_button_link.btn.has-background.has-vk-color-primary-background-color.btn-md {
    width: 300px !important;
}}


/* footerメニューカスタマイズ */
.widget_nav_menu .menu li a {
text-decoration: none;
border-bottom:0px;
background-color: #ffffff;
}

/* ホバー時も下線を表示させたくない場合は以下も追加 */
.widget_nav_menu .menu li a:hover {
    text-decoration: none;
}

/*TOPページの寄付スライド*/
.kansen_slide {
position: relative;
}

.kansen_logo {
z-index: 10;
width: 70vw;
max-width: 500px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -60%);
-moz-transform: translate(-50%, -60%);
-ms-transform: translate(-50%, -60%);
-o-transform: translate(-50%, -60%);
transform: translate(-50%, -60%);
}

/* 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;
  }
}


/*スマートフォン用のfooterフローティングメニューCSS*/
@media screen and (max-width: 768px) {
    .footerFloatingMenu {
        background-color: #50BAAF;
        display: flex !important;
        text-align: center;
        border-radius: 12px 12px 0 0;
        border:solid 1px #ffffff;
        position: fixed;
        bottom: 0;
        right: 0;
        height: 50px;
        width: 100%;
        z-index: 9999;
        align-items: center;
    }
    
    .div#footerFloatingMenu {
        width: 100%;
    }
    
    .footerFloatingMenu a {
        text-decoration: none;
        color: #ffffff;
        font-size: 1.2em;
        border-right: 1px solid #ffffff;
        width: 33%;
        padding: 8px 0;
        display: flex;
        justify-content: center;
    }
    
.footerFloatingMenu .fa-solid{
 padding-left: 0;
}

.footerFloatingMenu .fa-regular {
    padding-left: 10px;
}
    .footerFloatingMenu a:first-child {
        padding-left:0px!important;
    }

    .footerFloatingMenu a:last-child {
        border-right: 0px !important;
    }
}

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

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

.container.site-footer-content {
    padding-top: 20px !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;
}

/*-------------------------------------------
投稿　次へ　前へカスタマイズ
----------------------------------------*/
.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;
}



/* --------------------------------------------------
カスタム投稿タイプ「sponserd」の個別投稿ページ、
   またはアーカイブページの場合のみ適用
-------------------------------------------------- */
body.single-sponsord p.postListText_title,
body.post-type-archive-sponsord p.postListText_title {
    text-align: center;
}

/* カスタム投稿 sponsord のシングルページだけ page-header を非表示 */
.single-sponsord .page-header {
    display: none;
}

/* sponsord のアーカイブページも非表示にしたい場合 */
.post-type-archive-sponsord .page-header {
    display: none;
}
/* スポンサー投稿ページの h3 の上余白を消す */
.single-sponsord h3 {
    margin-top: 0 !important;
	margin-bottom:50px!important;
}


/* --------------------------------------------------
  カスタム投稿タイプ「transfer_meeting」と「sponsor」
  カテゴリーアーカイブのみに適用するタイトルスタイル
-------------------------------------------------- */
/* transfer_meeting のアーカイブページのページヘッダー非表示*/
.post-type-archive-transfer_meeting .page-header {
    display: none;
}
/* transfer_meeting のシングルページの page-header を非表示 */
.single-transfer_meeting .page-header {
    display: none;
}

.single-transfer_meeting h1.entry-title, .category h1.entry-title, .single-sponsor h1.entry-title {
    position: relative;
    display: inline-block;      /* ← 文字幅に合わせる */
    padding: 12px 24px;
    border-top: solid 3px #FF85D0;
    border-bottom: solid 3px #FF85D0;
    font-family: 'Noto Sans JP', serif;
    font-size: 24px;
    letter-spacing: 0.1em;
    color: #333;
    font-weight: 700;
    box-sizing: border-box;
    text-align: center;
    margin: 24px auto 30px;     /* ← 中央寄せの決め手 */
}

/* transfer_meeting のタイトル親要素を中央寄せ */
.single-transfer_meeting .entry-header {
  text-align: center;
}

/* カテゴリーアーカイブも中央寄せしたい場合 */
.category .entry-header {
  text-align: center;
}

/* 左右の縦ライン */
.single-transfer_meeting h1.entry-title::before,
.single-transfer_meeting h1.entry-title::after,
.category h1.entry-title::before,
.category h1.entry-title::after {
  content: '';
  position: absolute;
  top: -8px;
  width: 3px;
  height: calc(100% + 16px);
  background: #FF85D0;
}

.single-transfer_meeting h1.entry-title::before,
.category h1.entry-title::before {
  left: 8px;
}

.single-transfer_meeting h1.entry-title::after,
.category h1.entry-title::after {
  right: 8px;
}

/* --------------------------------------------------
カスタム投稿タイプ「protection_cat」の保護猫一覧の個別投稿ページ、
   またはアーカイブページの場合のみ適用
-------------------------------------------------- */

/* カスタム投稿 protection_cat のシングルページだけ page-header を非表示 */
.single-protection_cat .page-header {
    display: none;
}

/* -protection_cat のアーカイブページも非表示にしたい場合 */
.post-type-archive-protection_cat .page-header {
    display: none;
}
/* 保護猫プロフィール表：項目名をスマホで改行させない */
@media screen and (max-width: 767px) {
.protection-profile-table td.label-cell  {
        width: 40% !important;
    }
}