/* 固定ボタンスタイル */

/* スマホ最下部の固定ボタン */
.fixed-bottom-bar {
  position: fixed; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  z-index: 50;
  display: flex; 
  justify-content: space-around; 
  align-items: center;
  background: rgba(255,255,255,0.98); 
  box-shadow: 0 -2px 16px 0 rgba(0,0,0,0.08);
  padding: 0.5rem 0; 
  border-top: 1px solid #e5e7eb;
}

.fixed-bottom-btn {
  display: flex; 
  flex-direction: column; 
  align-items: center; 
  color: #0056b3;
  font-size: 0.85rem; 
  font-weight: 500; 
  text-decoration: none;
  transition: color 0.2s;
}

.fixed-bottom-btn svg { 
  width: 2rem; 
  height: 2rem; 
  margin-bottom: 0.1rem; 
}

.fixed-bottom-btn:active, .fixed-bottom-btn:hover { 
  color: #f8a100; 
}

@media (min-width: 1024px) { 
  .fixed-bottom-bar { 
    display: none; 
  } 
}

/* デスクトップ用トップへ戻るボタン */
.desktop-scrolltop-btn {
  display: none;
  position: fixed;
  right: 2.5rem;
  bottom: 2.5rem;
  z-index: 60;
  background: #0056b3;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  box-shadow: 0 4px 24px 0 rgba(0,0,0,0.18);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s, box-shadow 0.2s, background 0.2s;
}

.desktop-scrolltop-btn svg {
  width: 2rem; 
  height: 2rem; 
  display: block; 
  margin: 0 auto;
}

.desktop-scrolltop-btn:hover {
  box-shadow: 0 8px 32px 0 rgba(0,86,179,0.18);
  background: #f8a100;
}

@media (min-width: 1024px) {
  .desktop-scrolltop-btn { 
    display: flex; 
  }
}