/* リアルガチリスニング 追従バナー
   LP(page-home.php) と Cocoon の固定/投稿ページ(footer.php)で共有する。 */
.sib,.sib *{box-sizing:border-box}
.sib{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",system-ui,sans-serif}
.sib img{max-width:none}
/* ---------- 追従LINEバナー(本番footer仕様) ---------- */
.sib{display:none;justify-content:center;align-items:center;position:fixed;bottom:0;left:0;width:100%;z-index:60;
  background:rgba(0,0,0,.7);padding:6px 8px;transform:translateY(calc(100% + 70px));transition:transform .34s cubic-bezier(.22,.75,.3,1)}
.sib.show{transform:none}
.sib-inner{width:100%;display:flex;justify-content:center}
.sib-btns{position:relative;z-index:2;display:flex;align-items:center;gap:14px}
.sib-sp{display:none}
.sib-img{position:absolute;left:100%;right:auto;bottom:-9px;margin-left:10px;width:164px;z-index:1;pointer-events:none}
.sib-btn{position:relative;overflow:hidden;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:#06C755;box-shadow:0 6px 0 #036F30;
  margin-bottom:5px;border-radius:8px;padding:10px 28px;color:#fff;font-weight:700;font-size:21px;line-height:1.25;
  text-decoration:none;text-align:center;transition:filter .2s ease,transform .2s ease}
.sib-btn.sib-w{background:#fff;color:#0F8A3B;box-shadow:0 6px 0 #B9C4BD}
.sib-sub{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:2px;font-size:15px;font-weight:700;color:#FFEB3B;line-height:1.2}
.sib-ico{width:1.05em;height:1.05em;flex:0 0 auto;position:relative;top:.75px}
.sib-btn.sib-w .sib-sub{color:#0F8A3B}
.sib-btn.sib-w::before{content:none}
.sib-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.sib-close{position:absolute;top:8px;right:10px;z-index:4;display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;padding:0;border:none;border-radius:50%;background:rgba(255,255,255,.9);cursor:pointer}
.sib-close::before{content:"";display:block;width:18px;height:18px;
  background:linear-gradient(#333,#333) center/100% 2.5px no-repeat,linear-gradient(#333,#333) center/2.5px 100% no-repeat;
  transform:rotate(45deg)}
.sib-close:hover{background:#fff}
@media (max-width:1100px){
  .sib{overflow:hidden}
  .sib-img{width:134px}
}
@media (max-width:772px){
  .sib-img{display:none}
  .sib-close{width:28px;height:28px;top:6px;right:7px}
  .sib-close::before{width:13px;height:13px}
  .sib-inner{padding-right:36px;padding-left:8px}
  .sib-btns{width:100%;gap:8px}
  .sib-btn{flex:1 1 0;min-width:0;font-size:15px;padding:7px 8px;margin-bottom:4px;box-shadow:0 4px 0 #036F30}
  .sib-sub{font-size:11px;margin-top:2px}
  .sib-pc{display:none}
  .sib-sp{display:inline}

/* テーマ側の a:hover{opacity:.7} / a:hover{color} を打ち消す */
body .sib a:hover{opacity:1}
body .sib .sib-btn:hover{color:#fff}
body .sib .sib-btn.sib-w:hover{color:#0F8A3B}