/* 旧サイトのページ内 <style> をまとめたもの（scripts/import-old.mjs で作成） */
@keyframes attention-bounce {
          0%, 100% { transform: scale(1); }
          25% { transform: scale(1.15); }
          50% { transform: scale(1.05); }
          75% { transform: scale(1.12); }
        }
        @keyframes ping-slow {
          0% { transform: scale(1); opacity: 0.6; }
          100% { transform: scale(1.5); opacity: 0; }
        }
        @keyframes ping-slower {
          0% { transform: scale(1); opacity: 0.4; }
          100% { transform: scale(1.8); opacity: 0; }
        }
        @keyframes spin-fast {
          from { transform: rotate(0deg); }
          to { transform: rotate(360deg); }
        }
        .animate-attention-bounce {
          animation: attention-bounce 0.8s ease-in-out;
        }
        .animate-ping-slow {
          animation: ping-slow 1s ease-out infinite;
        }
        .animate-ping-slower {
          animation: ping-slower 1.2s ease-out infinite;
        }
        .animate-spin-fast {
          animation: spin-fast 1s linear infinite;
        }
@keyframes card-borderGlowTop {
          0% { width: 0%; }
          100% { width: 100%; }
        }
        @keyframes card-borderGlowLeft {
          0% { height: 0%; }
          100% { height: 100%; }
        }
        @keyframes card-borderGlowBottom {
          0% { width: 0%; }
          100% { width: 100%; }
        }
        @keyframes card-borderGlowRight {
          0% { height: 0%; }
          100% { height: 100%; }
        }
        @keyframes card-glowDotTop {
          0% { top: -10px; left: -10px; opacity: 1; }
          100% { top: -10px; left: calc(100% - 10px); opacity: 0; }
        }
        @keyframes card-glowDotLeft {
          0% { top: -10px; left: -10px; opacity: 1; }
          100% { top: calc(100% - 10px); left: -10px; opacity: 0; }
        }
        @keyframes card-glowDotBottom {
          0% { bottom: -10px; right: -10px; opacity: 1; }
          100% { bottom: -10px; right: calc(100% - 10px); opacity: 0; }
        }
        @keyframes card-glowDotRight {
          0% { bottom: -10px; right: -10px; opacity: 1; }
          100% { bottom: calc(100% - 10px); right: -10px; opacity: 0; }
        }
        @keyframes card-fadeInComplete {
          0%, 99% { opacity: 0; }
          100% { opacity: 1; }
        }
        @keyframes card-pulseGlow {
          0%, 90% { opacity: 0; }
          95% { opacity: 1; }
          100% { opacity: 0.5; }
        }

        .card-border-glow-top {
          width: 0%;
          animation: card-borderGlowTop 0.6s ease-out forwards;
        }
        .card-border-glow-left {
          height: 0%;
          animation: card-borderGlowLeft 0.6s ease-out forwards;
        }
        .card-border-glow-bottom {
          width: 0%;
          animation: card-borderGlowBottom 0.6s ease-out forwards;
        }
        .card-border-glow-right {
          height: 0%;
          animation: card-borderGlowRight 0.6s ease-out forwards;
        }
        .card-glow-dot-top {
          animation: card-glowDotTop 0.6s ease-out forwards;
        }
        .card-glow-dot-left {
          animation: card-glowDotLeft 0.6s ease-out forwards;
        }
        .card-glow-dot-bottom {
          animation: card-glowDotBottom 0.6s ease-out forwards;
        }
        .card-glow-dot-right {
          animation: card-glowDotRight 0.6s ease-out forwards;
        }
        .card-border-glow-complete {
          opacity: 0;
          animation: card-fadeInComplete 0.6s ease-out forwards;
        }
        .card-border-glow-pulse {
          opacity: 0;
          animation: card-pulseGlow 0.8s ease-out forwards;
        }
@keyframes shimmer {
          0% { transform: translateX(-100%); }
          100% { transform: translateX(100%); }
        }
        @keyframes bounce-in {
          0% { transform: scale(0); }
          50% { transform: scale(1.2); }
          100% { transform: scale(1); }
        }
        @keyframes fade-in {
          from { opacity: 0; }
          to { opacity: 1; }
        }
        @keyframes scale-in {
          from { opacity: 0; transform: scale(0.9); }
          to { opacity: 1; transform: scale(1); }
        }
        @keyframes slide-in-left {
          from { opacity: 0; transform: translateX(-20px); }
          to { opacity: 1; transform: translateX(0); }
        }
        @keyframes slide-in-right {
          from { opacity: 0; transform: translateX(20px); }
          to { opacity: 1; transform: translateX(0); }
        }
        @keyframes slide-up {
          from { opacity: 0; transform: translateY(100%); }
          to { opacity: 1; transform: translateY(0); }
        }
@keyframes shimmer-fast {
          0% { transform: translateX(-100%); }
          100% { transform: translateX(100%); }
        }
        .animate-shimmer-fast {
          animation: shimmer-fast 2s ease-in-out infinite;
        }
        @keyframes shimmer-slow {
          0% { transform: translateX(100%); }
          100% { transform: translateX(-100%); }
        }
        .animate-shimmer-slow {
          animation: shimmer-slow 3.5s ease-in-out infinite;
        }
        @keyframes diagonal-sweep {
          0% { transform: translateX(-50%) translateY(-50%) rotate(45deg); }
          100% { transform: translateX(50%) translateY(50%) rotate(45deg); }
        }
        .animate-diagonal-sweep {
          animation: diagonal-sweep 4s ease-in-out infinite;
        }
        @keyframes border-pulse {
          0%, 100% { opacity: 0.6; }
          50% { opacity: 1; box-shadow: 0 0 15px rgba(201,168,108,0.3); }
        }
        .animate-border-pulse {
          animation: border-pulse 2s ease-in-out infinite;
        }
        @keyframes corner-glow {
          0%, 100% { opacity: 0.6; filter: drop-shadow(0 0 2px rgba(201,168,108,0.3)); }
          50% { opacity: 1; filter: drop-shadow(0 0 8px rgba(201,168,108,0.8)); }
        }
        .animate-corner-glow {
          animation: corner-glow 2s ease-in-out infinite;
        }
        @keyframes line-extend {
          0%, 100% { transform: scaleX(1); opacity: 0.6; }
          50% { transform: scaleX(1.3); opacity: 1; }
        }
        .animate-line-extend {
          animation: line-extend 3s ease-in-out infinite;
        }
        @keyframes sparkle-rotate {
          0% { transform: rotate(0deg) scale(1); opacity: 0.7; }
          25% { transform: rotate(90deg) scale(1.3); opacity: 1; }
          50% { transform: rotate(180deg) scale(1); opacity: 0.7; }
          75% { transform: rotate(270deg) scale(1.3); opacity: 1; }
          100% { transform: rotate(360deg) scale(1); opacity: 0.7; }
        }
        .animate-sparkle-rotate {
          animation: sparkle-rotate 3s ease-in-out infinite;
        }
        @keyframes text-glow {
          0%, 100% { text-shadow: 0 0 4px rgba(201,168,108,0.3); }
          50% { text-shadow: 0 0 16px rgba(201,168,108,0.8), 0 0 30px rgba(255,215,0,0.3); }
        }
        .animate-text-glow {
          animation: text-glow 2.5s ease-in-out infinite;
        }
        @keyframes text-shimmer {
          0%, 100% { text-shadow: 0 0 4px rgba(255,255,255,0.1); }
          50% { text-shadow: 0 0 20px rgba(255,255,255,0.4), 0 0 40px rgba(201,168,108,0.2); }
        }
        .animate-text-shimmer {
          animation: text-shimmer 3s ease-in-out infinite;
        }
        @keyframes particle-float {
          0% { transform: translateY(0) translateX(0) scale(0.5) rotate(0deg); opacity: 0; }
          20% { opacity: 0.8; transform: translateY(-8px) translateX(3px) scale(1) rotate(45deg); }
          60% { opacity: 0.5; transform: translateY(-20px) translateX(-5px) scale(0.8) rotate(135deg); }
          100% { transform: translateY(-35px) translateX(4px) scale(0.2) rotate(270deg); opacity: 0; }
        }
        .animate-particle-float {
          animation: particle-float 2.5s ease-out infinite;
        }
        @keyframes gold-dust {
          0% { transform: translateY(0) translateX(0) scale(0.5); opacity: 0; }
          15% { opacity: 0.9; }
          50% { transform: translateY(-80px) translateX(10px) scale(1); opacity: 0.6; }
          100% { transform: translateY(-160px) translateX(-5px) scale(0.3); opacity: 0; }
        }
        .animate-gold-dust {
          animation: gold-dust 3s ease-out infinite;
        }
        @keyframes float-up {
          0% { transform: translateY(0) scale(1); opacity: 0; }
          50% { opacity: 1; }
          100% { transform: translateY(-40px) scale(0.5); opacity: 0; }
        }
        .animate-float-up {
          animation: float-up 1.5s ease-out infinite;
        }
@keyframes fadeInUp {
          from {
            opacity: 0;
            transform: translateY(30px);
          }
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }
        @keyframes scale-in {
          from { opacity: 0; transform: scale(0.9); }
          to { opacity: 1; transform: scale(1); }
        }
        .animate-scale-in {
          animation: scale-in 0.4s ease-out;
        }
@keyframes fadeInUp {
          from {
            opacity: 0;
            transform: translateY(30px);
          }
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }
.news-content p {
          color: #444;
          font-size: 15px;
          line-height: 2;
          margin-bottom: 1.5rem;
        }
        .news-content p.closing-message {
          color: #666;
          font-size: 14px;
          line-height: 2.2;
          margin-top: 2.5rem;
          padding: 1.5rem 1.5rem;
          border-left: 3px solid #C9A86C;
          background: #FAF7F2;
        }
        .news-content h3 {
          color: #C9A86C;
          font-size: 18px;
          font-weight: 600;
          margin-top: 2.5rem;
          margin-bottom: 1rem;
          padding-left: 12px;
          border-left: 3px solid #C9A86C;
        }
        .news-content ul {
          margin-bottom: 1.5rem;
          padding-left: 1.5rem;
        }
        .news-content li {
          color: #555;
          font-size: 14px;
          line-height: 2;
          position: relative;
          list-style: none;
          padding-left: 1rem;
        }
        .news-content li::before {
          content: '';
          position: absolute;
          left: 0;
          top: 0.75rem;
          width: 6px;
          height: 6px;
          background: #C9A86C;
          border-radius: 50%;
        }
        .news-content .keep-button-wrapper {
          margin-top: 2.5rem;
          padding: 2rem;
          background: #FAF7F2;
          border: 1px solid #C9A86C/30;
          text-align: center;
        }
        .news-content p.keep-label {
          color: #888;
          font-size: 13px;
          letter-spacing: 0.1em;
          margin-bottom: 1rem;
        }
        .news-content a.keep-button {
          display: inline-block;
          padding: 14px 40px;
          background: #C9A86C;
          color: #fff;
          font-size: 14px;
          letter-spacing: 0.12em;
          text-decoration: none;
          transition: background 0.3s;
        }
        .news-content a.keep-button:hover {
          background: #A8895A;
        }
        .news-content .channel-buttons {
          margin: 2rem 0;
          display: flex;
          flex-direction: column;
          gap: 1rem;
        }
        .news-content .channel-button-item {
          display: flex;
          align-items: center;
          gap: 1rem;
          flex-wrap: wrap;
        }
        .news-content .channel-button-item span {
          color: #444;
          font-size: 15px;
          line-height: 1.8;
        }
        .news-content .video-section {
          margin-top: 2.5rem;
        }
        .news-content h3.video-title {
          color: #333;
          font-size: 15px;
          font-weight: 600;
          margin-top: 0;
          margin-bottom: 0.75rem;
          padding-left: 12px;
          border-left: 3px solid #C9A86C;
          line-height: 1.7;
        }
        .news-content .video-wrapper {
          position: relative;
          width: 100%;
          padding-top: 56.25%;
          background: #000;
          border-radius: 4px;
          overflow: hidden;
        }
        .news-content .video-wrapper iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border: none;
        }
.news-content h2 {
  color: #C9A86C;
  font-size: 18px;
  font-weight: 600;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  padding-left: 12px;
  border-left: 3px solid #C9A86C;
}