/*
Theme Name: OLTANA-005 Child
Version: 1.0.0
Template: oltana-005
Author: CROOVER inc.
Author URI: https://croover.co.jp
*/

/* ===============================
   富士見ヒーロー見出し：強制固定
   =============================== */
body .fujimi-hero{
  width: min(1200px, 100%) !important;
  margin: 0 auto !important;
  padding: 18px 16px 0 !important;
  box-sizing: border-box !important;
}

body .fujimi-hero__copy{
  text-align: center !important;
  margin: 0 auto 14px !important;
  max-width: 900px !important;
}

body .fujimi-hero__title{
  color: #a62929 !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  font-size: clamp(28px, 3.2vw, 54px) !important;
  letter-spacing: .02em !important;
  margin: 0 !important;
}

body .fujimi-hero__lead{
  margin-top: 8px !important;
  color: #000 !important;
  line-height: 1.6 !important;
  font-size: clamp(14px, 1.4vw, 18px) !important;
}

/* スマホ余白 */
@media (max-width: 768px){
  body .fujimi-hero{
    padding-top: 12px !important;
  }
  body .fujimi-hero__copy{
    margin-bottom: 10px !important;
  }
}

/* フッター/ヘッダーのお問い合わせ：真ん中の白丸（装飾）だけ消す */
#olfooter .ol-contact__mail-button .ol-button-deco-wrapper,
footer  .ol-contact__mail-button .ol-button-deco-wrapper,
#olheader .ol-contact__mail-button .ol-button-deco-wrapper,
header  .ol-contact__mail-button .ol-button-deco-wrapper{
  display: none !important;
}

/* もし白丸が ::before / ::after で出ている場合の保険 */
#olfooter .ol-contact__mail-button .ol-button-deco-wrapper::before,
#olfooter .ol-contact__mail-button .ol-button-deco-wrapper::after,
footer  .ol-contact__mail-button .ol-button-deco-wrapper::before,
footer  .ol-contact__mail-button .ol-button-deco-wrapper::after,
#olheader .ol-contact__mail-button .ol-button-deco-wrapper::before,
#olheader .ol-contact__mail-button .ol-button-deco-wrapper::after,
header  .ol-contact__mail-button .ol-button-deco-wrapper::before,
header  .ol-contact__mail-button .ol-button-deco-wrapper::after{
  content: none !important;
}

/* お問い合わせボタンの “真ん中の白い丸” を確実に消す（潰す版） */
#olContact .ol-button-deco-wrapper,
#olfooter  .ol-button-deco-wrapper,
footer     .ol-button-deco-wrapper,
#olheader  .ol-button-deco-wrapper,
header     .ol-button-deco-wrapper{
  display: inline-block !important; /* display:none が効かない環境の保険 */
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 白丸が ::before / ::after で描かれてる場合も潰す */
#olContact .ol-button-deco-wrapper::before,
#olContact .ol-button-deco-wrapper::after,
#olfooter  .ol-button-deco-wrapper::before,
#olfooter  .ol-button-deco-wrapper::after,
footer     .ol-button-deco-wrapper::before,
footer     .ol-button-deco-wrapper::after,
#olheader  .ol-button-deco-wrapper::before,
#olheader  .ol-button-deco-wrapper::after,
header     .ol-button-deco-wrapper::before,
header     .ol-button-deco-wrapper::after{
  content: none !important;
  display: none !important;
}

/* =========================================
   お問い合わせボタンの矢印：50%（44px→22px）強制
   ※末尾に追記して上書き
========================================= */

body #olheader .ol-contact__mail-button a,
body #olfooter .ol-contact__mail-button a,
body #olContact .ol-contact__mail-button a{
  position: relative;
}

/* 右余白も矢印が小さくなる分だけ詰める（必要なら調整） */
body #olheader .ol-contact__mail-button a.ol-btn-rectangle,
body #olfooter .ol-contact__mail-button a.ol-btn-rectangle,
body #olContact .ol-contact__mail-button a.ol-btn-rectangle,
body #olheader .ol-contact__mail-button a.ol-btn-regular,
body #olfooter .ol-contact__mail-button a.ol-btn-regular,
body #olContact .ol-contact__mail-button a.ol-btn-regular{
  padding-right: 64px !important; /* 86→64（必要なら 58〜74で微調整） */
}

/* --- A) 矢印が a::after で出ている場合 --- */
body #olheader .ol-contact__mail-button a.ol-btn-rectangle::after,
body #olfooter .ol-contact__mail-button a.ol-btn-rectangle::after,
body #olContact .ol-contact__mail-button a.ol-btn-rectangle::after,
body #olheader .ol-contact__mail-button a.ol-btn-regular::after,
body #olfooter .ol-contact__mail-button a.ol-btn-regular::after,
body #olContact .ol-contact__mail-button a.ol-btn-regular::after{
  width: 22px !important;
  height: 22px !important;
  right: 18px !important;
  background-size: contain !important;
}

/* --- B) 矢印が span.ol-btn-regular-icon 側の疑似要素で出ている場合 --- */
body #olheader .ol-contact__mail-button .ol-btn-regular-icon::before,
body #olheader .ol-contact__mail-button .ol-btn-regular-icon::after,
body #olfooter .ol-contact__mail-button .ol-btn-regular-icon::before,
body #olfooter .ol-contact__mail-button .ol-btn-regular-icon::after,
body #olContact .ol-contact__mail-button .ol-btn-regular-icon::before,
body #olContact .ol-contact__mail-button .ol-btn-regular-icon::after{
  width: 22px !important;
  height: 22px !important;
  background-size: contain !important;
}

/* --- C) 矢印が span.ol-button-deco-wrapper 側の疑似要素で出ている場合 --- */
body #olheader .ol-contact__mail-button .ol-button-deco-wrapper::before,
body #olheader .ol-contact__mail-button .ol-button-deco-wrapper::after,
body #olfooter .ol-contact__mail-button .ol-button-deco-wrapper::before,
body #olfooter .ol-contact__mail-button .ol-button-deco-wrapper::after,
body #olContact .ol-contact__mail-button .ol-button-deco-wrapper::before,
body #olContact .ol-contact__mail-button .ol-button-deco-wrapper::after{
  width: 22px !important;
  height: 22px !important;
  background-size: contain !important;
}

/* ホバー移動量も半分に（効く所だけ効く） */
@media (hover:hover){
  body #olheader .ol-contact__mail-button a:hover::after,
  body #olfooter .ol-contact__mail-button a:hover::after,
  body #olContact .ol-contact__mail-button a:hover::after{
    transform: translateY(-50%) translateX(3px) !important;
  }
}

/* ===============================
   ヘッダー：お問い合わせ矢印 強制復活（最終上書き）
=============================== */
#olHeader .ol-contact__mail-button a.ol-btn-rectangle.ol-contactdetail-pc-icon-before{
  position: relative !important;
  overflow: visible !important;
  padding-right: 64px !important;
}

/* いったんテーマ側/過去CSSの疑似要素を全部無効化（負け防止） */
#olHeader .ol-contact__mail-button a.ol-btn-rectangle.ol-contactdetail-pc-icon-before::before{
  content: none !important;
}

/* 矢印画像を確実に出す */
#olHeader .ol-contact__mail-button a.ol-btn-rectangle.ol-contactdetail-pc-icon-before::after{
  content: "" !important;
  display: block !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  width: 22px !important;   /* 50% */
  height: 22px !important;  /* 50% */
  transform: translateY(-50%) !important;
  background: url("https://www.nozoetest.top/wp-content/uploads/2026/01/矢印ボタン-右3-1.png") no-repeat center / contain !important;
  pointer-events: none !important;
  z-index: 9999 !important;
}

/* hover（PCだけ） */
@media (hover:hover){
  #olHeader .ol-contact__mail-button a.ol-btn-rectangle.ol-contactdetail-pc-icon-before:hover::after{
    background-image: url("https://www.nozoetest.top/wp-content/uploads/2026/01/矢印ボタン-右3.png") !important;
    transform: translateY(-50%) translateX(3px) !important;
    opacity: .95 !important;
  }
}

/* =========================
   スライド直下：イベント申込ベタ帯（全幅＆隙間ゼロ）
========================= */
a.fujimi-eventbar{
  display:block !important;

  /* 画面の端まで“全幅”にする */
  width:100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  /* 上下の隙間をゼロに */
/* 下だけ薄い余白（背景の薄い色を残す） */
margin-top: 0 !important;
margin-bottom: 32px !important; /* ←ここがポイント。24〜40で調整 */

  background:#a62929 !important;
  color:#fff !important;
  text-decoration:none !important;
  text-align:center !important;

  padding:16px 12px !important;
  font-weight:800 !important;
}

a.fujimi-eventbar .fujimi-eventbar__text{
  display:inline-block !important;
  font-size:clamp(15px, 2.2vw, 20px) !important;
  letter-spacing:.02em !important;
}

/* PC hover */
@media (hover:hover){
  a.fujimi-eventbar:hover{ filter:brightness(1.05); }
}

/* スマホ */
@media (max-width:768px){
  a.fujimi-eventbar{ padding:12px 10px !important; }
}
/* =========================
   透明な空白リンク（後援会窓口）を完全に消す
   a.ol-firstview__info-link が空白を作ってクリックを奪っている対策
========================= */
a.ol-firstview__info-link{
  display: none !important;         /* 空白ごと消す（レイアウトから削除） */
}

/* 念のため：疑似要素が残ってクリックを奪うケースの保険 */
a.ol-firstview__info-link::before,
a.ol-firstview__info-link::after{
  content: none !important;
  display: none !important;
}
/* =========================
   ベタ帯（イベントバー）直下の“白い空白”だけ消す
   ※薄ピンク背景は残したまま、帯と背景をピタっと接続
========================= */

/* 念のためバー自体の下余白をゼロ固定 */
a.fujimi-eventbar{
  margin-bottom: 0 !important;
}

/* ① 直後が main のパターン */
a.fujimi-eventbar + main.ol-content{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ② 直後に（消した）info-link が挟まってから main のパターン */
a.fujimi-eventbar + a.ol-firstview__info-link + main.ol-content{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* main内の最初のブロックが余白持ってる場合の保険 */
a.fujimi-eventbar + main.ol-content > #olService,
a.fujimi-eventbar + a.ol-firstview__info-link + main.ol-content > #olService{
  margin-top: 0 !important;
  padding-top: 0 !important;
}



/* スマホ：テキストとスライダーの隙間を調整 */
@media (max-width: 768px){
  body .fujimi-hero__copy{
    margin-bottom: 0 !important;
  }
  .fujimi-hero__slider .n2-ss-slider-3{
    grid-template-rows: 260px !important;
    padding-bottom: 10px !important;
  }
}