@charset "utf-8";
/* CSS Document */

.btn {
		margin-top: 10px;
  display: inline-block;
  padding: 12px 24px;
  background: #0078d7;   /* メインカラー */
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  font-size: 16px;
  transition: background 0.3s ease, transform 0.2s ease;
}

.btn:hover {
  background: #005ea3;
  transform: translateY(2px); /* ちょっと浮くアニメーション */
}

.btn:active {
  transform: translateY(0); /* クリック時に戻る */
}