/* 173（2026-10-09）右下の追従：正方形のバナー型（AIKATA・MIEKATA）。影なし */
html body .fb173{position:fixed;right:24px;bottom:24px;z-index:70;width:208px;height:208px;transform:translateY(calc(100% + 40px));visibility:hidden;transition:transform .6s cubic-bezier(.19,1,.22,1),visibility 0s .6s,opacity .3s}
html body .fb173.is-shown{transform:none;visibility:visible;transition:transform .6s cubic-bezier(.19,1,.22,1),visibility 0s,opacity .3s}
html.hd160-off body .fb173,html:has(.menu-button[aria-expanded="true"]) body .fb173{opacity:0;pointer-events:none}
html body .fb173-link{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:18px;border-radius:22px;text-decoration:none!important;overflow:hidden;position:relative;transition:transform .25s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){html body .fb173-link:hover{transform:translateY(-4px)}}
html body .fb173-top{display:flex;align-items:center;gap:10px}
html body .fb173-top img,html body .fb173-top svg{flex:none;width:48px!important;height:48px!important;max-width:none!important;aspect-ratio:1/1;margin:0!important}
html body .fb173-tag{display:inline-block;padding:4px 10px;border-radius:999px;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap}
html body .fb173-title{display:block;margin:0;font-size:18px;font-weight:700;line-height:1.45}
html body .fb173-go{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;border-radius:999px;font-size:16px;font-weight:700;line-height:1.2}
html body .fb173-go i{font-style:normal;transition:transform .25s}
@media(hover:hover){html body .fb173-link:hover .fb173-go i{transform:translateX(4px)}}
html body .fb173-close{position:absolute;top:-10px;right:-10px;z-index:2;display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:50%;border:2px solid #fff;font:700 16px/1 Arial,sans-serif;cursor:pointer}

/* AIKATA：紫のグラデーション＋案内役キャラ＋金のボタン */
html body .fb173.is-ak .fb173-link{background:linear-gradient(140deg,#29243c 0%,#4b3bd0 60%,#7b68f0 100%);color:#fff!important}
html body .fb173.is-ak .fb173-top img{border-radius:50%;border:2px solid #f3c876;background:#fff}
html body .fb173.is-ak .fb173-tag{background:rgba(255,255,255,.16);color:#f3c876}
html body .fb173.is-ak .fb173-title{color:#fff}
html body .fb173.is-ak .fb173-go{background:#f3c876;color:#29243c}
html body .fb173.is-ak .fb173-close{background:#29243c;color:#fff}

/* MIEKATA：紺＋立体の積み木＋青のボタン */
html body .fb173.is-mk .fb173-link{background:linear-gradient(140deg,#141c4c 0%,#1d2a6e 55%,#2448d8 100%);color:#fff!important}
html body .fb173.is-mk .fb173-tag{background:rgba(255,255,255,.14);color:#bfe6ff}
html body .fb173.is-mk .fb173-title{color:#fff}
html body .fb173.is-mk .fb173-title b{font-size:22px;color:#fff}
html body .fb173.is-mk .fb173-go{background:#fff;color:#141c4c}
html body .fb173.is-mk .fb173-close{background:#141c4c;color:#fff}

/* 以前の横長の追従ボタンは使わない */
html body.aikata:not(#fb173a):not(#fb173b) .float-cta{display:none!important}

@media(max-width:600px){
  html body .fb173{right:12px;bottom:12px;width:136px;height:136px}
  html body .fb173-link{padding:12px;border-radius:18px}
  html body .fb173-top{gap:6px}
  html body .fb173-top img,html body .fb173-top svg{width:36px!important;height:36px!important}
  html body .fb173-title{display:none}
  html body .fb173-tag{padding:3px 8px;font-size:14px}
  html body .fb173-go{padding:8px 10px;font-size:14px}
  html body .fb173-close{top:-8px;right:-8px;width:28px;height:28px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){html body .fb173,html body .fb173.is-shown,html body .fb173-link{transition:none}}