@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body.body_new_blog{font-family:"Noto Sans JP",sans-serif;background-attachment:fixed;line-height:1.6;color:#333;_background-image:url(%{HTTP_THEMES_DIR}magic-pod/assets/images/dot.svg),url(%{HTTP_THEMES_DIR}magic-pod/assets/images/dot-orange.svg),url(%{HTTP_THEMES_DIR}magic-pod/assets/images/circle-green.svg),url(%{HTTP_THEMES_DIR}magic-pod/assets/images/circle-orange.svg),linear-gradient(#fff 0%,rgb(245,245,247) 60%);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:190px 190px,150px 150px,200px 200px,300px 300px,100% 100%;background-position:-1% 10%,102% 50%,90% 110%,7% 90%,0 0;.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000;width:98%;margin:8px auto 0;border-radius:20px}.header-content{display:flex;justify-content:space-between;align-items:center;height:70px}.breadcrumb-nav{background:linear-gradient(#fff 0%,rgb(245,245,250) 100%);border-bottom:1px solid #e5e7eb;padding:12px 0;font-size:14px;position:sticky;top:70px;z-index:3001}.breadcrumb{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child)::after{content:"›";margin:0 8px;color:#6b7280;font-size:16px}.breadcrumb-item a{display:flex;align-items:center;gap:4px;color:var(--new-main-color1);text-decoration:none;transition:color .3s}.breadcrumb-item a:hover{color:var(--new-main-color1-l);text-decoration:underline}.breadcrumb-item.active{color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-icon{flex-shrink:0;width:16px;height:16px}.logo{display:flex;align-items:center;text-decoration:none}.logo img{height:40px;width:auto}.nav-menu{display:flex;list-style:none;gap:8px;align-items:center}.nav-menu>li{position:relative}.nav-menu a{text-decoration:none;color:#374151;font-weight:500;font-size:14px;transition:all .3s;padding:8px 16px;border-radius:6px;white-space:nowrap}.nav-menu a:hover{color:var(--new-main-color1)}.dropdown .dropdown-menu{position:absolute;top:100%;left:0;background:white;min-width:200px;box-shadow:0 8px 25px rgba(0,0,0,.15);border-radius:8px;padding:8px 0;list-style:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:3000}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{margin:0}.dropdown-menu a{display:block;padding:12px 20px;color:#374151;font-weight:400;border-radius:0}.dropdown-menu a:hover{background:#f3f4f6;color:var(--new-main-color1)}.btn-primary.btn-clear,.btn-primary.btn-outline{background:transparent!important;color:var(--new-main-color1)!important;border:none!important}.btn-primary{background:linear-gradient(135deg,var(--new-main-color1) 0%,rgb(10.0327586207,148.6672413793,87.5586206897) 100%)!important;color:white!important;font-weight:600!important;border:2px solid var(--new-main-color1)!important}.btn-primary:hover{background:linear-gradient(135deg,var(--new-main-color1-l) 0%,rgb(56.2682926829,174.4317073171,136.9195121951) 100%)!important;border-color:var(--new-main-color1-l)!important;color:white!important}.btn-secondary{background:linear-gradient(135deg,transparent 0%,rgba(11,163,96,.05) 100%)!important;color:var(--new-main-color1)!important;font-weight:600!important;border:2px solid var(--new-main-color1)!important}.btn-secondary:hover{background:linear-gradient(135deg,var(--new-main-color1) 0%,rgb(10.0327586207,148.6672413793,87.5586206897) 100%)!important;color:white!important}.mobile-menu-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer}.hero{color:var(--new-main-color1);padding:40px 0;text-align:center;background:rgba(255,255,255,.9)}.hero-title{font-size:48px;font-weight:700;line-height:1}.hero-title>img{max-width:400px;width:90%}.hero-subtitle{font-size:14px;font-weight:500;opacity:1;color:#374151}.search-filter-section{position:relative;padding:0 0 80px 0;background:rgba(255,255,255,.9)}.search-container{max-width:800px;margin:0 auto;text-align:center}.search-title{font-size:28px;font-weight:700;margin-bottom:30px;color:#333}.search-box{position:relative;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.search-input{width:100%;padding:16px 60px 16px 20px;border:2px solid #e5e7eb;border-radius:30px;font-size:16px;outline:none;transition:border-color .3s}.search-input:focus{border-color:var(--new-main-color1)}.search-btn{position:absolute;right:6px;top:6px;bottom:6px;background:linear-gradient(135deg,var(--new-main-color1) 0%,rgb(10.0327586207,148.6672413793,87.5586206897) 100%);color:white;border:none;border-radius:24px;padding:0 30px;cursor:pointer;font-weight:600;transition:background .3s}.search-btn:hover{background:linear-gradient(135deg,var(--new-main-color1-l) 0%,rgb(56.2682926829,174.4317073171,136.9195121951) 100%)}.tag-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.tag-btn{padding:10px 20px;background:linear-gradient(135deg,#f8f9fa 0%,rgb(239.075,241.35,243.625) 100%);color:#374151;border:2px solid #e5e7eb;border-radius:25px;text-decoration:none;font-size:14px;font-weight:500;transition:background .3s,background-color .3s,color .3s}.tag-btn:hover,.tag-btn.active{background:linear-gradient(135deg,var(--new-main-color1) 0%,rgb(10.0327586207,148.6672413793,87.5586206897) 100%);border-color:var(--new-main-color1);color:white}.main-content{padding:60px 0 0}.main-content.articles-page{display:grid;grid-template-columns:1fr 300px;gap:40px;padding:20px 0 60px}.main-content.single-page{display:grid;grid-template-columns:1fr 300px;gap:40px;padding:40px 0 60px}.cta-area{background-image:url(../images/dot-white.svg),url(../images/dot-white.svg);background-size:150px 150px,150px 150px;background-repeat:no-repeat,no-repeat;background-position:75% 90%,25% 10%;background-color:#fff;padding:40px 0 0 0;text-align:center;margin:80px 0 0;color:white;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.cta-area::before{content:"";position:absolute;top:0;left:0;width:100%;height:200px;background-color:#fff;transform:skewY(-3deg);transform-origin:top left;z-index:-1}.cta-content{margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:24px;overflow:hidden}.cta-title{font-size:38px;font-weight:700;margin-bottom:8px;line-height:1.3;color:#333}.cta-title::before{content:"";display:block;width:100%;height:4px;_background:url(/assets/images/stripe.svg) no-repeat;background-position:center;margin:0 auto;border-radius:2px;padding-top:16px}.cta-subtitle{font-size:16px;margin-bottom:40px;opacity:.9;line-height:1.5;color:#374151;font-weight:600}.cta-image{max-width:600px;height:300px;object-fit:fit;object-position:top;overflow:hidden;_box-shadow:0 0 24px rgba(0,0,0,.1);box-shadow:none}.cta-image>img{width:100%}.cta-buttons{display:flex;justify-content:center;flex-direction:column;gap:20px;flex-wrap:wrap}.cta-btn{padding:12px 32px 16px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s;min-width:200px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;border-radius:100vh;height:80px;width:300px}.cta-main-text{font-size:18px;font-weight:600}.cta-sub-text{font-size:14px;font-weight:400;opacity:.8;line-height:1.2}.cta-primary{background:linear-gradient(135deg,var(--new-main-color1) 0%,rgb(11.6448275862,172.5551724138,101.6275862069) 100%);color:#fff}.cta-primary:hover{background:linear-gradient(135deg,rgb(12.6120689655,186.8879310345,110.0689655172) 0%,rgb(12.6120689655,186.8879310345,110.0689655172) 100%);color:white;transform:translateY(-2px)}.cta-secondary{background:linear-gradient(135deg,#ffe81c 0%,rgb(255,230.4497797357,12.7) 100%);color:#374151}.cta-secondary:hover{background:linear-gradient(135deg,rgb(255,246.1013215859,2.5) 0%,rgb(242.2,233.6643171806,0) 100%);color:#374151;transform:translateY(-2px)}.section-title{font-size:28px;font-weight:700;color:#333;margin-bottom:30px;text-align:center;position:relative;line-height:1.4}.section-title::after{content:"";display:block;width:100%;height:4px;_background:url(/assets/images/stripe.svg) no-repeat;background-position:center;margin:0 auto;border-radius:2px;padding-top:16px}.section-title-subtext{display:block;font-size:13px;color:var(--new-main-color1);margin:0 auto;text-align:center;font-weight:600}.category-tag{background:#e8f5ec;color:var(--new-main-color1);padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-decoration:none;transition:all .2s ease;display:inline-block}.category-tag:hover{background:rgb(214.2272727273,237.2727272727,221.3181818182)}.category-tag.category-tag-top{display:block;margin-bottom:12px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:fit-content}.latest-section{margin-bottom:150px}.latest-section .section-title{text-align:center;margin-bottom:40px}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.articles-grid.articles-page{display:flex;flex-direction:column;gap:20px}.view-all-articles{text-align:center;margin-top:50px}.view-all-btn{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,var(--new-main-color1) 0%,rgb(10.0327586207,148.6672413793,87.5586206897) 100%);color:white;border:2px solid var(--new-main-color1);border-radius:100vh;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease}.view-all-btn:hover{background:linear-gradient(135deg,transparent 0%,rgba(11,163,96,.05) 100%);color:var(--new-main-color1);transform:translateY(-2px);box-shadow:0 4px 15px rgba(11,163,96,.2)}.article-card{background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:all .3s;text-decoration:none;color:inherit}.article-card:hover{background:rgba(255,255,255,.95);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.article-card.articles-page{display:flex;align-items:flex-start;gap:20px;padding:24px;margin:24px auto}.article-image{height:160px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;object-position:center}.article-image.articles-page{height:140px;width:200px;flex-shrink:0;font-size:16px;font-weight:500;border-radius:6px}.article-content{padding:20px}.article-content.articles-page{padding:24px;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.article-title{font-size:16px;font-weight:600;margin-bottom:10px;line-height:1.4;color:#333;margin:0 0 16px 0!important;transition:color .3s ease}.article-title:hover{color:var(--new-main-color1)}.article-title.articles-page{font-size:18px;font-weight:700;margin-bottom:12px;color:#1f2937}.article-title.single-page{font-size:32px;font-weight:700;line-height:1.4;margin-bottom:20px;color:#1f2937}.article-excerpt{color:#666;line-height:1.5;margin-bottom:12px;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-excerpt.articles-page{color:#6b7280;line-height:1.6;margin-bottom:16px;-webkit-line-clamp:3;line-clamp:3}.article-excerpt.single-page{font-size:16px;color:var(--new-common-gray9);line-height:1.7;display:block;-webkit-line-clamp:none;line-clamp:none;-webkit-box-orient:initial;overflow:visible}.article-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#999}.article-meta.articles-page{gap:12px;color:#9ca3af;flex-wrap:wrap}.article-meta.single-page{gap:20px;font-size:14px;color:#6b7280;margin-bottom:20px}.articles-section{display:flex;flex-direction:column}.articles-header{display:flex;justify-content:space-between;align-items:center}.results-count{font-size:18px;font-weight:600;color:#374151}.author-link{color:var(--new-main-color1);text-decoration:none;font-weight:500}.author-link:hover{text-decoration:underline}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px}.pagination-btn{padding:10px 16px;border:2px solid #e5e7eb;background:linear-gradient(135deg,white 0%,rgb(249.9,249.9,249.9) 100%);color:#374151;text-decoration:none;border-radius:8px;transition:background .3s,color .3s,border .3s}.pagination-btn:hover{border-color:var(--new-main-color1);color:var(--new-main-color1);background:linear-gradient(135deg,rgba(11,163,96,.05) 0%,rgba(11,163,96,.1) 100%)}.pagination-btn.active{background:linear-gradient(135deg,var(--new-main-color1) 0%,rgb(10.0327586207,148.6672413793,87.5586206897) 100%);border-color:var(--new-main-color1);color:white}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-section{background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;box-shadow:0 4px 15px rgba(0,0,0,.08)}.sidebar-section.single-page{border-radius:8px;padding:16px;box-shadow:0 2px 15px rgba(0,0,0,.08)}.sidebar>.sticky-group{display:flex;flex-direction:column;position:sticky;top:140px;gap:30px}.sidebar-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:8px;padding-bottom:12px;position:relative;line-height:1}.sidebar-title::after{content:"";display:block;width:100%;height:4px;_background:url(/assets/images/stripe.svg) repeat-x;background-position:left center;background-size:52px 2px;margin-top:15px}.sidebar-search .sidebar-search-box{position:relative;width:100%;margin:0}.sidebar-search .sidebar-search-input{width:100%;padding:12px 80px 12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s}.sidebar-search .sidebar-search-input:focus{border-color:var(--new-main-color1)}.sidebar-search .sidebar-search-btn{position:absolute;right:4px;top:4px;bottom:4px;background:linear-gradient(135deg,var(--new-main-color1) 0%,rgb(10.0327586207,148.6672413793,87.5586206897) 100%);color:white;border:none;border-radius:6px;padding:0 16px;cursor:pointer;font-weight:600;font-size:12px;transition:background .3s}.sidebar-search .sidebar-search-btn:hover{background:linear-gradient(135deg,var(--new-main-color1-l) 0%,rgb(56.2682926829,174.4317073171,136.9195121951) 100%)}.filter-list{display:flex;flex-direction:column}.filter-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;transition:background .3s;cursor:pointer}.filter-item:hover{background:#f3f4f6}.filter-item.active{background:#e8f5ec;color:var(--new-main-color1)}.filter-count{background:#e5e7eb;color:#6b7280;padding:2px 8px;border-radius:12px;font-size:12px}.filter-item.active .filter-count{background:var(--new-main-color1);color:white}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-item{background:#f3f4f6;color:#6b7280;padding:6px 12px;border-radius:16px;font-size:12px;text-decoration:none;transition:background .3s,color .3s,border .3s}.tag-item:hover,.tag-item.active{background:#e8f5ec;color:var(--new-main-color1)}.sidebar-tag{background:#f3f4f6;color:var(--new-common-gray9);padding:6px 12px;border-radius:16px;font-size:12px;text-decoration:none;transition:background .3s,color .3s,border .3s}.sidebar-tag:hover{background:#e8f5ec;color:var(--new-main-color1)}.article-container{background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,.08);overflow:hidden}.article-content.single-page:not(.admin_single-page) .article-content h1{font-size:28px;font-weight:700;margin:30px 0 20px;color:#1f2937;border-bottom:3px solid var(--new-main-color1);padding-bottom:10px}.article-content.single-page:not(.admin_single-page) .article-content h2{font-size:24px;font-weight:700;margin:40px 0 20px;color:#1f2937;border-bottom:2px solid var(--new-main-color1);padding-bottom:8px}.article-content.single-page:not(.admin_single-page) .article-content h3{font-size:20px;font-weight:600;margin:30px 0 15px;color:#374151}.article-content.single-page:not(.admin_single-page) .article-content h4{font-size:18px;font-weight:600;margin:25px 0 15px;color:var(--new-common-gray9)}.article-content.single-page:not(.admin_single-page) .article-content h5{font-size:16px;font-weight:600;margin:20px 0 10px;color:#6b7280}.article-content p{margin-bottom:20px;line-height:1.8;color:var(--new-common-gray9)}.article-content ul,.article-content ol{margin:20px 0 10px 30px}.article-content li{margin-bottom:8px;line-height:1.7}.article-content a{color:var(--new-main-color1);text-decoration:none;transition:color .3s}.article-content a:hover{color:var(--new-main-color1-l);text-decoration:underline}.article-content .demo-tables{overflow-x:auto}.article-content .comparison-table,.article-content .metrics-table{width:100%;border-collapse:collapse;margin:20px 0}.article-content .comparison-table th,.article-content .comparison-table td,.article-content .metrics-table th,.article-content .metrics-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.article-content .comparison-table th,.article-content .metrics-table th{background:var(--new-main-color1);color:white;font-weight:600;font-size:14px}.article-content .comparison-table td,.article-content .metrics-table td{font-size:14px;background:white}.article-content .comparison-table .status,.article-content .metrics-table .status{font-weight:600;padding:4px 8px;border-radius:4px;font-size:12px}.article-content .comparison-table .status.good,.article-content .metrics-table .status.good{background:#dcfce7;color:#166534}.article-content .comparison-table .status.warning,.article-content .metrics-table .status.warning{background:#fef3c7;color:#92400e}.article-content .comparison-table .status.alert,.article-content .metrics-table .status.alert{background:#fee2e2;color:#dc2626}.article-content .table-of-contents{background:rgba(248,250,252,.85);backdrop-filter:blur(10px);border:1px solid rgba(229,231,235,.6);border-radius:8px;padding:0;margin:20px 0;overflow:hidden;transition:background .3s,color .3s,border .3s,background-color .3s}.article-content .table-of-contents .toc-header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;cursor:pointer;transition:background-color .3s ease;border-bottom:1px solid #e5e7eb}.article-content .table-of-contents .toc-header:hover{background:#f1f5f9}.article-content .table-of-contents .toc-header h4{color:#374151!important;margin:0!important;border:none!important;padding:0!important;flex:1}.article-content .table-of-contents .toc-toggle{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background .3s,color .3s,border .3s,background-color .3s;color:#374151}.article-content .table-of-contents .toc-toggle:hover{background:#e5e7eb;color:var(--new-main-color1)}.article-content .table-of-contents .toc-toggle .toc-icon{transition:transform .3s ease}.article-content .table-of-contents.collapsed .toc-toggle .toc-icon{transform:rotate(180deg)}.article-content .table-of-contents.collapsed .toc-list{max-height:0;padding:0 30px;display:none;transition:background .3s,color .3s,border .3s,background-color .3s}.article-content .table-of-contents .toc-list{max-height:500px;overflow:hidden;transition:background .3s,color .3s,border .3s,background-color .3s;list-style:none;margin:0;padding:8px 24px}.article-content .table-of-contents .toc-list>li{margin-bottom:8px}.article-content .table-of-contents .toc-list>li>a{color:var(--new-main-color1);text-decoration:none;font-weight:500;padding:4px 0;display:block}.article-content .table-of-contents .toc-list>li>a:hover{color:var(--new-main-color1-l);text-decoration:underline}.article-content .table-of-contents .toc-list>li>ol{margin-left:20px;margin-top:8px;list-style:none}.article-content .table-of-contents .toc-list>li>ol li{margin-bottom:4px}.article-content .table-of-contents .toc-list>li>ol li a{color:#666;font-weight:400;font-size:14px}.article-content .social-share{background:rgba(243,244,246,.85);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:30px}.article-content .social-share .share-title{font-size:18px;font-weight:600;margin:0 0 20px;color:#374151;text-align:center}.article-content .social-share .share-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.article-content .social-share .share-btn{display:inline-flex;align-items:center;padding:8px 8px;border-radius:8px;text-decoration:none;font-weight:500;font-size:14px;transition:all .3s ease;border:2px solid transparent;min-width:80px;justify-content:center}.article-content .social-share .share-btn svg{flex-shrink:0}.article-content .social-share .share-btn.x{background:#000;color:white}.article-content .social-share .share-btn.x:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.article-content .social-share .share-btn.facebook{background:#1877f2;color:white}.article-content .social-share .share-btn.facebook:hover{background:#166fe5;transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,119,242,.3)}.article-content .social-share .share-btn.linkedin{background:#0a66c2;color:white}.article-content .social-share .share-btn.linkedin:hover{background:#004182;transform:translateY(-2px);box-shadow:0 4px 12px rgba(10,102,194,.3)}.article-content .social-share .share-btn.line{background:#00c300;color:white}.article-content .social-share .share-btn.line:hover{background:#00a000;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,195,0,.3)}.article-content .social-share .share-btn.copy{background:#666;color:white}.article-content .social-share .share-btn.copy:hover{background:#374151;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,102,102,.3)}.article-header{padding:20px}.article-header .category-tag{margin-bottom:8px}.single-page .article-image{height:300px;background:linear-gradient(135deg,var(--new-main-color1),var(--new-main-color1-l));display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:24px;margin:24px auto;border-radius:12px;overflow:hidden}.single-page .article-image img{width:100%;height:100%;object-fit:cover;display:block}.article-content.single-page{padding:20px}.article-content.single-page:not(.admin_single-page) h2{font-size:24px;font-weight:700;margin:40px 0 20px;color:#1f2937;border-bottom:2px solid var(--new-main-color1);padding-bottom:8px}.article-content.single-page:not(.admin_single-page) h2:first-child{margin-top:0}.article-content.single-page:not(.admin_single-page) h3{font-size:20px;font-weight:600;margin:30px 0 15px;color:#374151}.article-content.single-page:not(.admin_single-page) h1{font-size:28px;font-weight:700;margin:30px 0 20px;color:#1f2937;border-bottom:3px solid var(--new-main-color1);padding-bottom:10px}.article-content.single-page:not(.admin_single-page) h4{font-size:18px;font-weight:600;margin:25px 0 15px;color:var(--new-common-gray9)}.article-content.single-page:not(.admin_single-page) h5{font-size:16px;font-weight:600;margin:20px 0 10px;color:#6b7280}.article-content.single-page:not(.admin_single-page) p{margin-bottom:20px;line-height:1.8;color:var(--new-common-gray9)}.article-content.single-page:not(.admin_single-page) ul,.article-content.single-page:not(.admin_single-page) ol{margin:20px 0 10px 30px}.article-content.single-page:not(.admin_single-page) li{margin-bottom:8px;line-height:1.7;color:var(--new-common-gray9)}.article-content.single-page:not(.admin_single-page) code{padding:2px 6px;border-radius:4px;font-family:"Monaco","Menlo",monospace;font-size:14px;background:#f1f5f9;color:#374151}.article-content.single-page:not(.admin_single-page) pre{background:#1f2937;color:#f9fafb;padding:20px;border-radius:8px;overflow-x:auto;font-family:"Monaco","Menlo",monospace;font-size:14px;line-height:1.5;margin:20px 0;position:relative}.article-content.single-page:not(.admin_single-page) pre code{background:transparent;color:inherit;padding:0}.article-content.single-page:not(.admin_single-page) .code-block{position:relative;margin:20px 0}.article-content.single-page:not(.admin_single-page) .code-block .copy-btn{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.1);color:#d1d5db;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:background .3s,color .3s,border .3s,background-color .3s;z-index:10}.article-content.single-page:not(.admin_single-page) .code-block .copy-btn:hover{background:rgba(255,255,255,.2);color:#f9fafb;border-color:rgba(255,255,255,.4)}.article-content.single-page:not(.admin_single-page) .code-block .copy-btn.copied{background:var(--new-main-color1);color:white;border-color:var(--new-main-color1)}.article-content.single-page:not(.admin_single-page) .code-block pre{margin:0}.popular-posts{display:flex;flex-direction:column;gap:16px}.popular-post{border-bottom:1px solid #f3f4f6;padding-bottom:16px}.popular-post:last-child{border-bottom:none;padding-bottom:0}.popular-post-link{display:flex;gap:12px;text-decoration:none;color:inherit;transition:background .3s,color .3s,border .3s,background-color .3s,transform .3s}.popular-post-link:hover{transform:translateY(-1px)}.popular-post-link:hover .popular-post-title{color:var(--new-main-color1)}.popular-post-image{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,var(--new-main-color1) 0%,var(--new-main-color1-l) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-size:10px;font-weight:600;text-align:center;line-height:1.2;overflow:hidden}.popular-post-image img{width:100%;height:100%;object-fit:cover;display:block}.popular-post-content{flex:1;min-width:0}.popular-post-title{font-size:13px;font-weight:600;line-height:1.4;margin:4px 0 6px 0;color:#374151;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-post-meta{display:flex;align-items:center;gap:8px}.popular-post-date{font-size:11px;color:#6b7280}.sidebar-section .filter-list .filter-item{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;border-bottom:1px solid #e5e7eb;border-radius:0;transition:background .3s;cursor:default}.sidebar-section .filter-list .filter-item:hover{background:#e8f5ec}.sidebar-section .filter-list .filter-item a{color:var(--new-main-color1);text-decoration:none;transition:color .3s;font-size:13px;flex:1}.sidebar-section .filter-list .filter-item a:hover{color:var(--new-main-color1-l)}.sidebar-section .filter-list .filter-item .filter-count{color:#6b7280;font-size:12px;background:transparent;padding:0;border-radius:0}.sns-follow{text-align:center}.sns-follow-text{font-size:13px;color:#6b7280;line-height:1.5;margin-bottom:16px}.sns-follow-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#000 0%,black 100%);color:white;text-decoration:none;border-radius:25px;font-size:13px;font-weight:600;transition:background .3s,color .3s,border .3s,background-color .3s,transform .3s;border:2px solid #000}.sns-follow-btn:hover{background:linear-gradient(135deg,#333 0%,rgb(43.35,43.35,43.35) 100%);border-color:#333;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.sns-follow-btn svg{flex-shrink:0;width:16px;height:16px}.sns-follow.top-page{margin-top:16px}.sns-follow.top-page .sns-follow-btn{padding:8px 16px;font-size:12px;background:transparent;color:#333;border:1px solid #333}.sns-follow.top-page .sns-follow-btn:hover{background:#333;border-color:#333;color:#fff;transform:none;box-shadow:none}.sns-follow.top-page .sns-follow-btn svg{width:14px;height:14px}.article-tags{padding:30px 16px;border-top:1px solid #e5e7eb}.tags-title{font-size:16px;font-weight:600;margin-bottom:15px;color:#374151;margin:0 0 16px!important}.tag-list{display:flex;flex-wrap:wrap;gap:10px}.tag{background:#f3f4f6;color:var(--new-common-gray9);padding:6px 12px;border-radius:16px;font-size:12px;text-decoration:none;transition:all .3s}.tag:hover{background:#e8f5ec;color:var(--new-main-color1)}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,var(--new-main-color1) 0%,rgb(10.0327586207,148.6672413793,87.5586206897) 100%);color:white;border:none;border-radius:50%;cursor:pointer;font-size:18px;font-weight:600;box-shadow:0 4px 15px rgba(11,163,96,.3);transition:all .3s ease;z-index:100;opacity:0;visibility:hidden;transform:translateY(20px)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background:linear-gradient(135deg,var(--new-main-color1-l) 0%,rgb(56.2682926829,174.4317073171,136.9195121951) 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(11,163,96,.4)}.scroll-to-top:active{transform:translateY(0)}.scroll-to-top svg{width:20px;height:20px;fill:currentColor}.footer{background:#333;color:white;padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{font-size:18px;font-weight:600;margin-bottom:20px;color:#f9fafb}.footer-section ul{list-style:none}.footer-section li{margin-bottom:8px}.footer-section a{color:#ccc;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#60a5fa}.footer-bottom{border-top:1px solid #555;padding-top:30px;text-align:center;color:#999}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-up-delay-1{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out .1s,transform .8s ease-out .1s}.fade-in-up-delay-1.visible{opacity:1;transform:translateY(0)}.fade-in-up-delay-2{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out .2s,transform .8s ease-out .2s}.fade-in-up-delay-2.visible{opacity:1;transform:translateY(0)}.fade-in-up-delay-3{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out .2s,transform .8s ease-out .3s}.fade-in-up-delay-3.visible{opacity:1;transform:translateY(0)}.pop-bounce{opacity:0;transform:scale(1) translateY(130px);transition:all .7s .4s ease-in-out}.pop-bounce.visible{opacity:1;transform:scale(1) translateY(0)}@media (max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:25px}.main-content.articles-page,.main-content.single-page{grid-template-columns:1fr;gap:30px}.main-content.single-page{padding:20px 0 60px}.latest-section{margin-bottom:40px}.cta-area{width:100vw;padding-bottom:40px;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;max-width:none;overflow-x:hidden}.cta-content{flex-direction:column;gap:40px;padding:0 20px}.cta-image{max-width:60%;height:auto;order:1}.cta-buttons{flex-direction:row;justify-content:center;gap:20px;order:2;flex-wrap:wrap}.cta-btn{min-width:250px;width:auto}.sidebar>.sticky-group{order:-1;position:relative;top:0}}@media (max-width:767px){body{overflow-x:hidden}.nav-menu{display:none}.mobile-menu-btn{display:block}.breadcrumb-nav{padding:8px 0;font-size:13px}.breadcrumb-item.active{max-width:100%;overflow-x:scroll}.breadcrumb-item:not(:last-child)::after{margin:0 6px;font-size:14px}.breadcrumb-icon{width:14px;height:14px}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.articles-grid{grid-template-columns:1fr}.articles-grid.articles-page{display:flex;flex-direction:column;gap:16px}.article-card.articles-page{flex-direction:column;align-items:stretch}.article-image.articles-page{width:100%;height:180px;border-radius:12px}.article-content.articles-page{min-height:auto}.search-container{padding:0 20px}.tag-filter{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.tag-btn{padding:4px 16px;font-size:13px;white-space:nowrap}.cta-area{padding:40px 20px;margin:60px 0 0;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;max-width:none;overflow-x:hidden;background-size:110px,130px;background-position:0 0,100% 80%}.cta-content{flex-direction:column;gap:30px;padding:0 10px}.cta-title{font-size:20px}.cta-subtitle{font-size:14px;margin-bottom:30px}.cta-image{max-width:80%;height:auto;order:1}.cta-buttons{flex-direction:column;align-items:center;gap:15px;order:2}.cta-btn{min-width:280px;padding:8px 24px 14px;height:auto;gap:0}.cta-main-text{font-size:15px}.cta-sub-text{font-size:11px}.view-all-articles{margin-top:40px}.view-all-btn{padding:14px 32px;font-size:15px}.articles-header{flex-direction:column;gap:15px;align-items:stretch}.pagination{flex-wrap:wrap}.main-content.single-page{padding:20px 0 60px}.article-header{padding:30px 20px}.article-content.single-page{padding:30px 20px}.article-content.single-page:not(.admin_single-page) h2{font-size:20px}.article-tags{padding:20px}.article-title.single-page{font-size:24px}.categories-table th,.categories-table td{padding:8px 4px}.footer-content{grid-template-columns:1fr;gap:24px}.popular-post-image{width:50px;height:50px;font-size:9px}.popular-post-title{font-size:12px}.popular-post-date{font-size:10px}.scroll-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:16px}.scroll-to-top svg{width:18px;height:18px}}}