/* Cookie の 同意バー。下端に 出す。スマホでは 縦に 積む */
.ck-bar{
  position:fixed; left:0; right:0; bottom:0; z-index:9000;
  background:rgba(28,26,34,.97); color:#f2f2f4;
  border-top:2px solid #e8456e;
  box-shadow:0 -6px 24px rgba(0,0,0,.28);
  padding:14px 16px calc(14px + env(safe-area-inset-bottom));
  font-size:13px; line-height:1.7;
}
.ck-bar[hidden]{ display:none; }
.ck-inner{ max-width:960px; margin:0 auto; display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
.ck-body{ flex:1 1 380px; min-width:0; }
.ck-title{ margin:0 0 4px; font-weight:700; font-size:14px; }
.ck-text{ margin:0; }
.ck-text a{ color:#ffd24a; text-decoration:underline; }
.ck-btns{ display:flex; gap:10px; flex:0 0 auto; }
.ck-btn{
  appearance:none; border:0; border-radius:8px; padding:10px 20px;
  font-size:14px; font-weight:700; cursor:pointer; font-family:inherit;
  min-height:44px;   /* 指で 押せる 大きさ */
}
.ck-yes{ background:#e8456e; color:#fff; }
.ck-yes:hover{ background:#f2597e; }
.ck-no{ background:#3a3844; color:#e8e6ee; }
.ck-no:hover{ background:#4a4854; }
.ck-btn:focus-visible{ outline:3px solid #ffd24a; outline-offset:2px; }
@media (max-width:600px){
  .ck-inner{ flex-direction:column; align-items:stretch; gap:12px; }
  .ck-btns{ justify-content:stretch; }
  .ck-btn{ flex:1; }
}
/* 設定を あとから 変える ための リンク (フッター)。
   ボタンだが **まわりの リンクと 同じ 見た目**に そろえる */
.asuka-footer .foot-links .ck-relink{
  background:none; border:0; padding:0; margin:0; cursor:pointer;
  font-family:inherit; font-size:12px; font-weight:bold; letter-spacing:1px;
  color:var(--c-muted); text-decoration:none; line-height:inherit;
  vertical-align:baseline;
}
.asuka-footer .foot-links .ck-relink:hover{ color:var(--c-pink); text-decoration:underline; }
.asuka-footer .foot-links .ck-relink:focus-visible{ outline:2px solid var(--c-pink); outline-offset:2px; }