:root{--color-ai: #6366f1;--color-local: #facc15;--color-bg: #f8fafc;--color-card-bg: #fffbe7;--color-card-shadow: rgba(99,102,241,0.13);--color-text-main: #22223b;--color-text-sub: #6366f1;--color-border: #e0e7ff}body{font-family:'Noto Sans JP', 'Roboto', Arial, sans-serif;background:linear-gradient(120deg, var(--color-bg) 0%, #e0e7ff 100%);margin:0;min-height:100vh}.ai-hero{display:flex;align-items:center;justify-content:center;gap:36px;background:linear-gradient(90deg, var(--color-ai) 60%, var(--color-local) 100%);color:#fff;padding:64px 0 48px 0;position:relative;overflow:hidden;box-shadow:0 4px 32px var(--color-card-shadow);animation:heroFadeIn 0.8s cubic-bezier(0.4, 2, 0.6, 1);border-radius:40px;margin:0 10px 0 10px}@keyframes heroFadeIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.ai-hero-content{text-align:left;max-width:520px}.ai-hero-title{font-size:2.7rem;font-weight:bold;letter-spacing:2px;margin-bottom:18px;text-shadow:0 2px 12px #b6d0ff;color:#fff;text-align:center}.ai-hero-lead{font-size:1.20rem;margin-bottom:0;line-height:1.7;color:#fff;background:rgba(0,0,0,0.08);border-radius:8px;padding:8px 12px;display:block;text-align:center}@media (max-width: 900px){.ai-hero{flex-direction:column;gap:18px;padding:24px 0 18px 0;text-align:center;border-radius:0 0 24px 24px;margin:0;width:100vw;min-width:0;max-width:100vw;box-sizing:border-box}.ai-hero-content{text-align:center;margin:0 auto;width:100vw;max-width:100vw;padding:0 4vw;box-sizing:border-box}.ai-hero-lead{text-align:left;margin-left:0;width:100%;max-width:100vw;box-sizing:border-box}.ai-blog-list{grid-template-columns:1fr;max-width:100vw;width:100vw;gap:18px;padding:18px 0 0 0;box-sizing:border-box}.ai-blog-card{width:96vw;min-width:0;max-width:98vw;margin:0 auto;box-sizing:border-box}.ai-blog-detail-container{max-width:100vw;width:100vw;padding:14px 2vw;margin:24px 0 0 0;box-sizing:border-box}.ai-markdown-body{padding:14px 2vw;width:100vw;max-width:100vw;box-sizing:border-box}}@media (max-width: 600px){.ai-hero{border-radius:0 0 16px 16px;margin:0;padding:12px 0 8px 0;width:100vw;min-width:0;max-width:100vw;box-sizing:border-box}.ai-hero-content{padding:0 2vw;width:100vw;max-width:100vw;box-sizing:border-box}.ai-hero-lead{text-align:center;font-size:0.8rem;width:100vw;max-width:100vw;box-sizing:border-box}.ai-blog-list{display:block;padding:12px 0 0 0;gap:0;width:100vw;max-width:100vw;box-sizing:border-box}.ai-blog-card-link{margin-bottom:18px;width:100vw;max-width:100vw;display:block;box-sizing:border-box}.ai-blog-card{min-width:0;max-width:100vw;width:98vw;margin:0 auto 18px auto;scroll-snap-align:unset;box-sizing:border-box}.ai-blog-detail-container{max-width:100vw;width:100vw;padding:8px 1vw;margin:12px 0 0 0;box-sizing:border-box}.ai-markdown-body{padding:8px 1vw;width:100vw;max-width:100vw;box-sizing:border-box}.ai-markdown-body h2{font-size:1.1rem;padding-left:8px;margin-top:22px;margin-bottom:10px}.ai-markdown-body h3{font-size:1.0rem;padding-left:6px;margin-top:16px;margin-bottom:8px}.ai-markdown-body p{font-size:0.9rem;line-height:1.8}}.ai-blog-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));grid-template-columns:repeat(2, 1fr);gap:36px;justify-content:center;margin:0 auto;max-width:900px;padding:48px 0 0 0;width:100%;box-sizing:border-box}.ai-blog-card-link{width:100%;display:block;box-sizing:border-box}.ai-blog-card{width:100%;min-width:0;max-width:100%;margin:0 auto;box-sizing:border-box}@media (max-width: 900px){.ai-blog-list{grid-template-columns:1fr;max-width:100vw;width:100vw;gap:18px;padding:18px 0 0 0;box-sizing:border-box}.ai-blog-card{width:96vw;min-width:0;max-width:98vw;margin:0 auto;box-sizing:border-box}}.ai-blog-card-link{text-decoration:none;transition:transform 0.18s cubic-bezier(0.4, 2, 0.6, 1),box-shadow 0.18s;display:block;width:100%;box-sizing:border-box}.ai-blog-card{background:linear-gradient(120deg, var(--color-card-bg) 60%, #e6f5e6 100%);border-radius:26px;box-shadow:0 8px 36px var(--color-card-shadow),0 0 0 4px rgba(250,204,21,0.2);padding:36px 32px 26px 32px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid var(--color-border);position:relative;overflow:hidden;transition:box-shadow 0.18s, border-color 0.18s, transform 0.18s;cursor:pointer;animation:cardFadeIn 0.6s cubic-bezier(0.4, 2, 0.6, 1);width:100%;box-sizing:border-box}.ai-blog-card-link:hover .ai-blog-card{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 48px #6366f1cc, 0 0 0 4px #facc15cc;border-color:var(--color-local)}.ai-card-title{font-size:1.35rem;color:var(--color-ai);margin-bottom:12px;font-weight:bold;letter-spacing:1px;transition:color 0.18s}.ai-blog-card-link:hover .ai-card-title{color:var(--color-local)}.ai-card-meta{font-size:0.99rem;color:var(--color-ai);display:flex;align-items:center;gap:8px}.ai-admin-card-link{display:block;max-width:400px;margin:48px auto 10px auto;text-decoration:none}.ai-admin-card{background:linear-gradient(90deg, var(--color-ai) 60%, var(--color-local) 100%);color:#fff;border-radius:32px;box-shadow:0 4px 24px #6366f1aa;padding:20px 25px;text-align:center;font-size:1.18rem;font-weight:bold;letter-spacing:1px;transition:background 0.18s, transform 0.18s}.ai-admin-card:hover{background:linear-gradient(90deg, var(--color-local) 60%, var(--color-ai) 100%);color:#fffbe7;transform:scale(1.03) rotate(-1deg)}.ai-blog-detail-hero{display:flex;align-items:center;gap:32px;margin-bottom:40px;position:relative;justify-content:center;animation:heroFadeIn 0.8s cubic-bezier(0.4, 2, 0.6, 1)}.ai-blog-detail-title{font-size:2.1rem;color:var(--color-ai);margin-bottom:10px;letter-spacing:1px;text-shadow:0 2px 8px #b6d0ff}.ai-blog-detail-meta{color:var(--color-ai);font-size:1.08rem;margin-bottom:10px}.ai-blog-detail-container{max-width:900px;margin:56px auto 0 auto;background:linear-gradient(120deg, #f1f5e6 60%, #e0e7ff 100%);border-radius:26px;box-shadow:0 8px 36px var(--color-card-shadow),0 0 0 4px rgba(250,204,21,0.2);padding:48px 40px 32px 40px;animation:cardFadeIn 0.6s cubic-bezier(0.4, 2, 0.6, 1)}.ai-markdown-body{background:#fff;border-radius:20px;box-shadow:0 4px 24px var(--color-card-shadow);padding:36px 28px;margin-bottom:32px;font-size:1.13rem;line-height:2.1;color:var(--color-text-main);overflow-x:auto;word-break:break-word;max-width:100%;box-sizing:border-box}.ai-markdown-body h2,.ai-markdown-body h3{color:var(--color-ai);border-left:8px solid var(--color-local);padding-left:14px;margin-top:36px;margin-bottom:18px;background:linear-gradient(90deg, #e0e7ff 60%, #fff 100%);border-radius:8px}.ai-markdown-body ul{margin:18px 0 18px 32px;padding-left:0}.ai-markdown-body li{margin-bottom:10px;position:relative;padding-left:18px}.ai-markdown-body code{background:#e0e7ff;color:var(--color-ai);padding:2px 8px;border-radius:6px;font-size:1em}.ai-markdown-body blockquote{border-left:8px solid var(--color-ai);background:#f1f5f9;color:#334155;margin:28px 0;padding:14px 22px;border-radius:12px;font-style:italic}.ai-blog-detail-back{text-align:right;margin-top:32px}.ai-back-link{color:var(--color-ai);font-weight:bold;text-decoration:none;font-size:1.13rem;transition:color 0.18s}.ai-back-link:hover{color:var(--color-local)}.ai-back-btn{display:inline-block;background:linear-gradient(90deg, var(--color-ai) 60%, var(--color-local) 100%);color:#fff;border:none;border-radius:24px;font-weight:bold;font-size:1.08rem;padding:10px 28px;margin-top:12px;box-shadow:0 2px 8px #6366f1aa;text-align:center;text-decoration:none;transition:background 0.18s, color 0.18s, transform 0.18s;cursor:pointer}.ai-back-btn:hover{background:linear-gradient(90deg, var(--color-local) 60%, var(--color-ai) 100%);color:#fffbe7;transform:scale(1.04);text-decoration:none}.ai-search-form{display:flex;justify-content:center;margin:32px 0 12px 0}.ai-search-box{display:flex;align-items:center;gap:12px;background:#fffbe7;border-radius:24px;box-shadow:0 2px 12px var(--color-card-shadow);padding:10px 18px;border:2px solid var(--color-border);transition:box-shadow 0.18s, border-color 0.18s}.ai-search-label{display:flex;align-items:center;font-size:1.3em;color:var(--color-ai);margin-right:8px;cursor:pointer}.ai-search-label i.fa-search{font-size:1.2em;color:var(--color-ai);margin-right:2px}.ai-search-input{border:none;background:transparent;font-size:1.08rem;padding:6px 10px;outline:none;color:var(--color-text-main);min-width:320px;width:100%;max-width:480px}@media (max-width: 600px){.ai-search-input{min-width:0;width:100%;max-width:100%}}.ai-search-btn,.ai-search-clear-btn{background:linear-gradient(90deg, var(--color-ai) 60%, var(--color-local) 100%);color:#fff;border:none;border-radius:18px;font-weight:bold;font-size:1.02rem;padding:6px 18px;margin-left:8px;cursor:pointer;box-shadow:0 2px 8px #facc15aa;transition:background 0.18s, color 0.18s, transform 0.18s}.ai-search-btn{display:flex;align-items:center;gap:6px;text-decoration:none}.ai-search-btn:hover{background:linear-gradient(90deg, var(--color-local) 60%, var(--color-ai) 100%);color:#fffbe7;transform:scale(1.05);text-decoration:none}.ai-search-clear-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#eee;color:#888;border:none;border-radius:50%;font-size:1.2em;margin-left:4px;cursor:pointer;transition:background 0.2s, color 0.2s;text-decoration:none;padding:0}.ai-search-clear-btn i.fa-times{font-size:1.1em}.ai-search-clear-btn:hover{background:#f44336;color:#fff}.ai-pagination{display:flex;justify-content:center;margin:48px 0 24px 0;padding:0 20px}.ai-pagination .pagination{display:flex;flex-wrap:wrap;gap:12px;background:linear-gradient(120deg, #fffbe7 60%, #e0e7ff 100%);border-radius:32px;box-shadow:0 8px 32px var(--color-card-shadow),0 0 0 3px rgba(250,204,21,0.2);padding:16px 28px;border:2px solid var(--color-border);list-style:none;margin:0;position:relative;overflow:hidden}.ai-pagination .pagination::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.1) 50%, transparent 70%);animation:shimmer 3s infinite}.ai-pagination .pagination li{display:inline-block;position:relative;z-index:1}.ai-pagination .pagination li a,.ai-pagination .pagination li span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;text-align:center;font-weight:bold;font-size:1.1rem;color:var(--color-ai);background:#ffffff;border-radius:20px;border:3px solid var(--color-ai);box-shadow:0 4px 12px rgba(99,102,241,0.25);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px;cursor:pointer;text-decoration:none;position:relative;overflow:hidden}.ai-pagination .pagination li a::before,.ai-pagination .pagination li span::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);transition:left 0.5s}.ai-pagination .pagination li a:hover,.ai-pagination .pagination li span:hover{background:linear-gradient(135deg, var(--color-ai) 0%, var(--color-local) 100%);color:#ffffff;border-color:var(--color-local);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px rgba(99,102,241,0.4),0 0 0 3px rgba(250,204,21,0.3);text-decoration:none}.ai-pagination .pagination li a:hover::before,.ai-pagination .pagination li span:hover::before{left:100%}.ai-pagination .pagination li a:active,.ai-pagination .pagination li span:active{transform:translateY(-1px) scale(1.02)}.ai-pagination .pagination li.active span,.ai-pagination .pagination li span.current{background:linear-gradient(135deg, var(--color-ai) 0%, var(--color-local) 100%);color:#ffffff;border-color:var(--color-local);box-shadow:0 8px 24px rgba(99,102,241,0.5),0 0 0 3px rgba(250,204,21,0.4);cursor:default;animation:pulse 2s infinite}.ai-pagination .pagination li.active span:hover,.ai-pagination .pagination li span.current:hover{transform:none;background:linear-gradient(135deg, var(--color-ai) 0%, var(--color-local) 100%)}.ai-pagination .pagination li.disabled span,.ai-pagination .pagination li.disabled a{color:#bbb;background:#f8f9fa;border-color:#e9ecef;cursor:not-allowed;opacity:0.5;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.ai-pagination .pagination li.disabled span:hover,.ai-pagination .pagination li.disabled a:hover{transform:none;background:#f8f9fa;color:#bbb;border-color:#e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.ai-pagination .pagination li.prev a,.ai-pagination .pagination li.next a{font-size:1.2rem;min-width:50px}.ai-pagination .pagination li.prev a::after,.ai-pagination .pagination li.next a::after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid}.ai-pagination .pagination li.prev a::after{left:12px;border-width:6px 8px 6px 0;border-color:transparent currentColor transparent transparent}.ai-pagination .pagination li.next a::after{right:12px;border-width:6px 0 6px 8px;border-color:transparent transparent transparent currentColor}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}@keyframes pulse{0%,100%{box-shadow:0 8px 24px rgba(99,102,241,0.5),0 0 0 3px rgba(250,204,21,0.4)}50%{box-shadow:0 8px 24px rgba(99,102,241,0.7),0 0 0 5px rgba(250,204,21,0.6)}}@media (max-width: 768px){.ai-pagination{margin:32px 0 16px 0;padding:0 10px}.ai-pagination .pagination{padding:12px 16px;gap:8px;border-radius:24px}.ai-pagination .pagination li a,.ai-pagination .pagination li span{min-width:36px;height:36px;font-size:0.95rem;padding:0 12px;border-radius:16px;border-width:2px}.ai-pagination .pagination li.prev a,.ai-pagination .pagination li.next a{min-width:42px;font-size:1rem}}@media (max-width: 480px){.ai-pagination .pagination{padding:8px 12px;gap:6px}.ai-pagination .pagination li a,.ai-pagination .pagination li span{min-width:32px;height:32px;font-size:0.9rem;padding:0 8px;border-radius:14px}.ai-pagination .pagination li.prev a,.ai-pagination .pagination li.next a{min-width:36px}}.ai-blog-detail-header-responsive{display:flex;flex-direction:row;align-items:flex-end;gap:18px;flex-wrap:wrap}@media (max-width: 600px){.ai-blog-detail-header-responsive{flex-direction:column;align-items:flex-start;gap:4px;width:100%;word-break:break-all}.ai-blog-detail-title{font-size:1.25rem;word-break:break-all;line-height:1.3;margin-bottom:2px}.ai-blog-detail-meta{font-size:0.98rem;margin-bottom:6px}.ai-markdown-body ul{margin:12px 0 12px 18px;padding-left:0}.ai-markdown-body li{margin-bottom:8px;padding-left:16px;font-size:0.98rem;word-break:break-word;position:relative}.ai-markdown-body li::marker{font-size:1em;color:var(--color-ai);line-height:1.2}}.ai-article-disclaimer{margin:32px auto 0 auto;width:100%;max-width:900px;background:#fffbe6;border:1.5px solid #ffe066;color:#856404;border-radius:12px;padding:18px 6vw;font-size:15px;line-height:1.7;box-shadow:0 2px 8px rgba(255,224,102,0.08);text-align:left;box-sizing:border-box}@media (max-width: 900px){.ai-article-disclaimer{max-width:98vw;padding:14px 3vw;font-size:0.99rem}}@media (max-width: 600px){.ai-article-disclaimer{max-width:100vw;padding:12px 2vw;font-size:0.97rem}}