/* ヘッダー下の帯を白に固定 */
#l-header_bottom,
.layout.l-header_bottom,
.layout.l-header_bottom.u-all_show,
.layout.l-header_bottom.sep,
.layout.l-header_bottom.sep-is-wave,
#l-header_bottom.sep,
#l-header_bottom.sep-is-wave {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}
#l-header_bottom .container,
#l-header_bottom .c-header_bottom,
#l-header_bottom .c-columns,
#l-header_bottom .c-columns-is-2 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
#l-header_bottom {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.l-footer_top{
  --bg-color: #2E7D6B !important;
  color: #ffffff !important;
}

.l-footer_top,
.l-footer_top a,
.l-footer_top h1, .l-footer_top h2, .l-footer_top h3,
.l-footer_top p, .l-footer_top li {
  color: #ffffff !important;
}

/* 緑セクション内ボタン：白ボタン */
.l-footer_top .wp-block-button__link,
.l-footer_top a.wp-block-button__link,
.l-footer_top .btn,
.l-footer_top .c-btn {
  background: #ffffff !important;
  color: #1F5F52 !important;
  border: 2px solid rgba(255,255,255,.75) !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
}

.l-footer_top .wp-block-button__link:hover,
.l-footer_top a.wp-block-button__link:hover,
.l-footer_top .btn:hover,
.l-footer_top .c-btn:hover {
  background: rgba(255,255,255,.92) !important;
}

.l-footer_top .wp-block-button__link * {
  color: inherit !important;
}

.l-footer_top p,
.l-footer_top li {
  color: rgba(255,255,255,.92) !important;
}

/* =========================================
   Utility：SPだけ改行（br.sp-only）
========================================= */
.sp-only{ display: none; }

@media (max-width: 767px){
  br.sp-only{ display: inline; }
}

/* =========================================
   Cards：Columnsをカード表示にする（rc-cards）
   使い方：<div class="wp-block-columns rc-cards"> の中に各カラム
========================================= */

/* カラムを詰める（標準の余白が大きいテーマがある） */
.wp-block-columns.rc-cards{
  gap: 16px;
  margin-top: 0;
  margin-bottom: 0;
}

/* 各カラムを「カード」にする（中身をまとめて囲う） */
.wp-block-columns.rc-cards > .wp-block-column{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: #fff;
  padding: 16px 16px;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
}

/* カード内の見出し・最初の要素の余白が積み上がるのを防ぐ */
.wp-block-columns.rc-cards > .wp-block-column > :first-child{
  margin-top: 0;
}
.wp-block-columns.rc-cards > .wp-block-column > :last-child{
  margin-bottom: 0;
}

/* SPで縦積みになった時も詰まりすぎないように */
@media (max-width: 767px){
  .wp-block-columns.rc-cards{
    gap: 12px;
  }
  .wp-block-columns.rc-cards > .wp-block-column{
    padding: 14px 14px;
  }
}

/* =========================================
   FAQ：カード + 線の＋/−（rc-faq のみ）
   前提：FAQセクションの親に class="rc-faq"
         中身は details ブロック（.wp-block-details）
========================================= */

.rc-faq .wp-block-details{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: #fff;
  padding: 14px 16px;
  margin: 12px 0;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
}

.rc-faq .wp-block-details > summary{
  cursor: pointer;
  font-weight: 700;
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 12px;

  position: relative;
  padding-right: 34px; /* 右側に＋/−スペース */
}

.rc-faq .wp-block-details > summary::-webkit-details-marker{
  display: none;
}

/* テーマ側の文字contentを殺す */
.rc-faq .wp-block-details > summary::after{
  content: "" !important;
}

/* 横線（−） */
.rc-faq .wp-block-details > summary::after{
  display: block;
  position: absolute;
  right: 16px;
  top: 50%;
  width: 14px;
  height: 2px;
  background: rgba(0,0,0,.45);
  transform: translateY(-50%);
}

/* 縦線（＋） */
.rc-faq .wp-block-details > summary::before{
  content: "";
  display: block;
  position: absolute;
  right: 16px;
  top: 50%;
  width: 14px;
  height: 2px;
  background: rgba(0,0,0,.45);
  transform: translateY(-50%) rotate(90deg);
  opacity: .7;
}

/* open時：縦線を消して「−」にする */
.rc-faq .wp-block-details[open] > summary::before{
  opacity: 0;
}

.rc-faq .wp-block-details p{
  margin: 10px 0 0;
  line-height: 1.8;
  opacity: .9;
}

/* =========================================
   買取の流れ（#flow）：番号付きリストをカード化
   HTML前提：
   <section id="flow" ...>
     <ol class="wp-block-list">
       <li><strong>..</strong><span class="rc-sub">..</span></li>
     </ol>
     <p class="rc-note">...</p>
========================================= */

/* 既存の数字表示を消して、自前で 1/2/3 を出す */
#flow .wp-block-list{
  list-style: none;
  padding-left: 0;
  margin: 0;
  counter-reset: rcflow;
}

/* li をカード化 */
#flow .wp-block-list > li{
  counter-increment: rcflow;
  position: relative;

  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 14px 14px 14px 52px; /* 左に番号スペース */
  margin: 0 0 12px;

  box-shadow: 0 6px 18px rgba(0,0,0,.05);
}

/* 番号（丸） */
#flow .wp-block-list > li::before{
  content: counter(rcflow);
  position: absolute;
  left: 14px;
  top: 14px;
  width: 26px;
  height: 26px;
  border-radius: 999px;

  display: grid;
  place-items: center;

  font-weight: 700;
  background: rgba(47,127,111,.12); /* 野田グリーン系の薄色 */
  color: #2f7f6f;
}

/* strong（見出し）をブロック化して整える */
#flow .wp-block-list > li > strong{
  display: block;
  margin-bottom: 6px;
}

/* 補足（rc-sub）を2行目として薄めに */
#flow .rc-sub{
  display: block;
  font-size: .95em;
  line-height: 1.6;
  opacity: .8;
}

/* 注意書き（rc-note）も少し締める */
#flow .rc-note{
  margin-top: 10px;
  opacity: .85;
  line-height: 1.7;
}

/* SPは少しだけ詰める（好み） */
@media (max-width: 767px){
  #flow .wp-block-list > li{
    padding: 13px 13px 13px 50px;
    border-radius: 14px;
  }
  #flow .wp-block-list > li::before{
    left: 12px;
    top: 12px;
  }
}

/* =========================
   RC 共通：カード（rc-card）& カラム（rc-cols / rc-cards）
   1回入れれば、固定ページ量産でも反映される
========================= */

/* カラム間の余白を整える */
.rc-page .wp-block-columns.rc-cols,
.rc-page .wp-block-columns.rc-cards{
  gap: 18px;
}

/* 1カラムの中身がカードとして見えるように */
.rc-page .rc-card{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: #fff;
  padding: 16px 18px;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
}

/* カード内の見出しの区切り（スクショみたいな線を出す） */
.rc-page .rc-card h3{
  margin: 0 0 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(0,0,0,.08);
}
.rc-page .rc-card h3::after{
  content:"";
  display:block;
  width: 46px;
  height: 3px;
  margin-top: 10px;
  background: #2E7D6B; /* 野田グリーン */
}

/* カード内の本文系 */
.rc-page .rc-card p,
.rc-page .rc-card li{
  line-height: 1.9;
}

/* 注釈 */
.rc-page .rc-note,
.rc-page .rc-card .rc-note{
  margin-top: 10px;
  opacity: .85;
  font-size: .95em;
}

/* スマホ：カラムを縦積みに */
@media (max-width: 767px){
  .rc-page .wp-block-columns.rc-cols,
  .rc-page .wp-block-columns.rc-cards{
    flex-direction: column;
  }
}

/* =========================
   固定ページ：関連ページ（回遊）を“軽いボタン”に統一
   対象：rc-tools-related / rc-fishing-related
   ※事故防止：href判定を撤廃し、戻るだけ rc-btn--back で制御
========================= */

.rc-section.rc-tools-related,
.rc-section.rc-fishing-related{
  padding-top: 18px;
  padding-bottom: 34px; /* フッターとの圧迫を軽減 */
}

/* ボタンの並び */
.rc-section.rc-tools-related .wp-block-buttons,
.rc-section.rc-fishing-related .wp-block-buttons{
  gap: 10px;
  flex-wrap: wrap;
}

/* 回遊ボタン＝サブボタン（白＋枠線） */
.rc-section.rc-tools-related .wp-block-button__link,
.rc-section.rc-fishing-related .wp-block-button__link{
  background: #fff !important;
  color: #222 !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.03) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  font-weight: 800;
  min-height: 44px; /* タップしやすさ */
  position: relative;
  padding-left: 42px !important; /* 左に矢印スペース */
}

/* hover（PCだけ気持ち良く） */
@media (hover:hover){
  .rc-section.rc-tools-related .wp-block-button__link:hover,
  .rc-section.rc-fishing-related .wp-block-button__link:hover{
    border-color: rgba(0,0,0,.28) !important;
    transform: translateY(-1px);
  }
}

/* SPでは縦積み寄りに（見切れ・詰まり防止） */
@media (max-width: 767px){
  .rc-section.rc-tools-related .wp-block-buttons,
  .rc-section.rc-fishing-related .wp-block-buttons{
    flex-direction: column;
    align-items: stretch;
  }
  .rc-section.rc-tools-related .wp-block-button,
  .rc-section.rc-fishing-related .wp-block-button{
    width: 100%;
  }
  .rc-section.rc-tools-related .wp-block-button__link,
  .rc-section.rc-fishing-related .wp-block-button__link{
    width: 100%;
    justify-content: center;
  }
}

/* 矢印（?）をCSSの三角形で作る */
.rc-section.rc-tools-related .wp-block-button__link::before,
.rc-section.rc-fishing-related .wp-block-button__link::before{
  content: "" !important;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid rgba(0,0,0,.45); /* 三角の色 */
  opacity: .7;
}

/* hover で少しだけ主張（任意） */
@media (hover:hover){
  .rc-section.rc-tools-related .wp-block-button__link:hover::before,
  .rc-section.rc-fishing-related .wp-block-button__link:hover::before{
    opacity: .95;
  }
}

/* 「カテゴリへ戻る」だけ左向きに（事故らない：rc-btn--back で制御） */
.rc-section.rc-tools-related .rc-btn--back .wp-block-button__link::before,
.rc-section.rc-fishing-related .rc-btn--back .wp-block-button__link::before{
  border-left: 0;
  border-right: 8px solid rgba(0,0,0,.45);
}

/* =========================
   固定ページ：下部回遊（関連ページ） 共通
   使い方：<section class="rc-section rc-related ...">
========================= */

/* 固定ページ：下部回遊（関連ページ）共通 */
.rc-section.rc-related{
  margin-top: 22px;
  padding-top: 18px;
  padding-bottom: 38px;
}

.rc-section.rc-related .wp-block-buttons{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.rc-section.rc-related .wp-block-button{
  margin: 0;
}

@media (max-width: 767px){
  .rc-section.rc-related .wp-block-buttons{
    flex-direction: column;
    align-items: stretch;
  }
  .rc-section.rc-related .wp-block-button,
  .rc-section.rc-related .wp-block-button__link{
    width: 100%;
  }
}

/* RC 共通：本文中の補助リンク（ガイド/あわせて読みたい） */
.rc-page .rc-inline-guide{
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 0.92em;
  opacity: .9;
}
.rc-page .rc-inline-guide a{
  text-decoration: underline;
  text-underline-offset: 3px;
}

.rc-page .rc-inline-guide a{
  color: #2a5a4f; /* 濃いめの落ち着いた緑寄せ（派手になりにくい） */
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* スマホ追従フッターメニュー：TOP以外でも表示させる */
@media (max-width: 767px){
  .layout1-footer_menu,
  .l-footer_menu,
  .layout1-footer_menu.u-pc_hide,
  .l-footer_menu.u-pc_hide{
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
  }

  .layout1-footer_menu.is-show,
  .l-footer_menu.is-show,
  .layout1-footer_menu.u-pc_hide.is-show,
  .l-footer_menu.u-pc_hide.is-show{
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
}

/* 投稿（single）だけ：l-contentsの疑似要素（?など）を無効化 */
/* 見出し65（h2.wp-block-heading）の?（疑似要素）だけ消す */
h2.wp-block-heading::before{
  content: none !important;
  background: none !important;
  display: none !important;
}

/* 店舗ページ：クーポン案内（控えめに） */
.rc-hero__coupon{
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  background: rgba(0,0,0,.02);
}
.rc-hero__coupon-text{ margin: 0; }
.rc-hero__coupon-note{ font-size: 0.9em; opacity: .9; }