/* 家電ハブ回遊ボックス */
.rc-hubnav{
  margin: 18px 0 22px;
  padding: 14px 14px 16px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.85);
}

.rc-hubnav__lead{
  margin: 0 0 10px;
  font-weight: 700;
  line-height: 1.35;
}

.rc-hubnav__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.rc-hubnav__btn{
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  text-decoration: none;
  color: inherit;
  background: #fff;
}

.rc-hubnav__btn:hover{
  transform: translateY(-1px);
}

.rc-hubnav__ttl{
  font-weight: 800;
  line-height: 1.2;
}

.rc-hubnav__sub{
  font-size: 13px;
  opacity: .85;
  line-height: 1.25;
}

@media (min-width: 768px){
  .rc-hubnav__grid{
    grid-template-columns: repeat(3, 1fr);
  }
}

/* 3ボタン：押せる見た目にする（やりすぎない） */
.rc-hubnav{
  margin: 18px 0 22px;
  padding: 18px;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 16px;
}

.rc-hubnav__lead{
  margin: 0 0 12px;
  font-weight: 700;
}

.rc-hubnav__grid{
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rc-hubnav__btn{
  display: block;
  padding: 16px 16px;
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  background: #fff;
  text-decoration: none;
  transition: transform .08s ease, box-shadow .08s ease;
}

.rc-hubnav__btn:active{
  transform: translateY(1px);
}

.rc-hubnav__ttl{
  display: block;
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 6px;
}

.rc-hubnav__sub{
  display: block;
  font-size: 13px;
  opacity: .85;
}

/* 目的別に“控えめな色分け”（左ラインだけ） */
.rc-hubnav__btn.is-guide{ border-left: 6px solid #2b7cff; }
.rc-hubnav__btn.is-results{ border-left: 6px solid #e60012; }
.rc-hubnav__btn.is-store{ border-left: 6px solid #14a44d; }

/* スマホは縦積み（押しやすさ優先） */
@media (max-width: 600px){
  .rc-hubnav__grid{ grid-template-columns: 1fr; }
  .rc-hubnav__btn{ padding: 14px; }
}

@media (max-width: 600px){
  /* かたまり自体の余白を圧縮 */
  .rc-hubnav{
    padding: 10px !important;
    margin: 0 0 12px !important;
  }

  /* 3カードの間隔 */
  .rc-hubnav__grid{
    gap: 12px !important;
  }

  /* カード本体：高さを作ってる原因を潰す */
  a.rc-hubnav__btn{
    padding: 14px 14px !important;   /* ←ここを 12px とかにしてもOK */
    min-height: 0 !important;
    height: auto !important;
    line-height: 1.25 !important;
  }

  /* 左の色帯が太すぎる場合の圧縮 */
  a.rc-hubnav__btn{
    border-left-width: 8px !important;
  }

  /* 見出し/サブの文字を少しだけ圧縮（クラス名が違う場合は下の「確認」へ） */
  .rc-hubnav__btn .rc-hubnav__title,
  .rc-hubnav__btn .rc-hubnav__ttl{
    font-size: 18px !important;
    margin: 0 0 6px !important;
  }

  .rc-hubnav__btn .rc-hubnav__desc,
  .rc-hubnav__btn .rc-hubnav__sub{
    font-size: 13px !important;
  }
}


/* スマホ：ハブページの赤帯(h2)を小さくする */
@media (max-width: 600px){
  .rc-hubnav + ul .outline > h2{
    font-size: clamp(18px, 5.2vw, 22px) !important;
    line-height: 1.15 !important;

    /* でかすぎ原因になりやすい余白を圧縮 */
    margin: 18px 0 10px !important;  /* ← 40px が効いてたっぽい所を潰す */
    padding: 10px 12px !important;   /* ← 20px が太いならここ */
  }
}

@media (max-width: 600px){
  h2[id^="outline_"]{
    font-size: clamp(18px, 5.2vw, 22px) !important;
    line-height: 1.15 !important;
    margin: 18px 0 10px !important;
    padding: 10px 12px !important;
  }
}

/* WP Slick Carousel（WPPSAC）系：Read More ボタンを全部消す保険セット */
.wppsac-post-content .readmorebtn,
.wppsac-post-content a.readmorebtn,
.wppsac-post-content .wpsac-readmore,
.wppsac-post-content .wppsac-readmore,
.wppsac-post-content .wpsac-post-readmore,
.wppsac-post-content .wppsac-post-readmore,
.wppsac-post-content .wppsac-post-btn,
.wppsac-post-content .wppsac-post-btn a,
.wppsac-post-content a[class*="readmore"],
.wppsac-post-content [class*="readmore"],
.wppsac-post-content [class*="readmore"] a,
.wppsac-post-content .read-more,
.wppsac-post-content .read-more a{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 家電実績スライダー：日付下の抜粋（数文字）を消す */
.wppsac-sub-content{
  display:none !important;
}

/* 買取実績スライダー下：もっと見るボタン */
.rc-morewrap{
  display:flex;
  justify-content:center;
  margin:14px 0 26px;
}

.rc-morebtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  padding:12px 18px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 10px 22px rgba(0,0,0,.08);
}

.rc-morebtn::after{
  content:"?";
  opacity:.7;
  font-size:1.2em;
  line-height:1;
}

.rc-morebtn:hover{ transform:translateY(-1px); }
.rc-morebtn:active{ transform:translateY(0); }

@media (max-width: 600px){
  .rc-morewrap{ margin:12px 0 20px; }
  .rc-morebtn{
    width:min(520px, 92vw);  /* スマホは押しやすく横長 */
    padding:14px 16px;
    border-radius:16px;
  }
}

.rc-morebtn::after{
  content: "" !important;
  display: none !important;
}

/* スマホ：ハブページの赤帯(h2)を小さくする（data-startのh2を狙う） */
@media (max-width: 768px){
  .pageContents h2[data-start]{
    font-size: clamp(18px, 5.2vw, 22px) !important;
    line-height: 1.15 !important;
    margin: 18px 0 10px !important;
    padding: 10px 12px !important;
  }
}

/* 家電コラム導線ボックス */
.rc-kaden-hublink{
  margin: 18px auto;
  padding: 16px 18px;
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  background: #fff;
  max-width: 980px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.rc-kaden-hublink__lead{
  margin: 0;
  font-weight: 800;
  line-height: 1.5;
}

/* ボタン（aタグの既定色＝青 を潰す） */
.rc-kaden-hublink__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;

  padding: 12px 18px;
  border-radius: 999px;
  text-decoration: none !important;

  background: #111;
  border: 1px solid #111;
  color: #fff !important;     /* ←ここが重要 */
  font-weight: 800;
  white-space: nowrap;
}

.rc-kaden-hublink__btn:hover{
  opacity: .92;
}

/* スマホは縦積み＋ボタンを幅100% */
@media (max-width: 600px){
  .rc-kaden-hublink{
    margin: 12px 12px;
    padding: 14px 14px;
    flex-direction: column;
    align-items: stretch;
  }
  .rc-kaden-hublink__btn{
    width: 100%;
  }
}

.rc-kaden-hublink{
  padding: 12px 16px;   /* 16→12くらいに */
}
.rc-kaden-hublink__lead{
  font-size: 15px;
}