@charset "UTF-8";
/* =========================================================
   fs-cta.css — 追従の予約ボタン（電話/WEB予約/LINE）＋ページトップ
   マークアップは inc/clean-parts.php の yoshitake_clean_cta()。全モードで読む。
   PC：右端に縦並び／SP：下部に全幅横並び。
   ========================================================= */
.fixed-reservation-buttons { position: fixed; right: 0; bottom: 22%; z-index: 1100; display: flex; flex-direction: column; gap: 6px; }
.fixed-reservation-buttons .reservation-button {
  display: flex; align-items: center; gap: 8px; min-width: 150px; padding: 12px 16px;
  font-size: 14px; font-weight: 700; color: var(--fs-white); background: var(--fs-accent);
  box-shadow: 0 2px 8px rgba(0,0,0,.18); transition: filter .2s, transform .2s;
}
.fixed-reservation-buttons .reservation-button:hover { filter: brightness(1.08); transform: translateX(-3px); }
.fixed-reservation-buttons .reservation-button.tel  { background: var(--fs-primary); }
.fixed-reservation-buttons .reservation-button.line { background: var(--fs-line-color); }
.fixed-reservation-buttons .reservation-button i { font-size: 16px; }

/* ページトップへ戻る（400px スクロールで表示：fs-theme.js） */
.fs-pagetop { position: fixed; right: 20px; bottom: 88px; z-index: 1050; width: 44px; height: 44px; border-radius: 50%; background: var(--fs-primary); color: var(--fs-white); display: flex; align-items: center; justify-content: center; font-size: 16px; box-shadow: 0 4px 12px rgba(0,0,0,.25); transition: filter .2s, transform .2s; }
.fs-pagetop[hidden] { display: none; }
.fs-pagetop:hover { filter: brightness(1.1); transform: translateY(-2px); }

@media screen and (max-width: 768px) {
  .fixed-reservation-buttons { right: 0; left: 0; bottom: 0; flex-direction: row; gap: 0; }
  .fixed-reservation-buttons .reservation-button { flex: 1; min-width: 0; justify-content: center; font-size: 12px; padding: 12px 4px; box-shadow: none; min-height: 44px; }
  .fixed-reservation-buttons .reservation-button:hover { transform: none; }
  .fs-pagetop { left: 12px; right: auto; bottom: 60px; width: 42px; height: 42px; }
  body { padding-bottom: 56px; } /* 下部固定CTAの分、フッターが隠れないように */
}