:root{--color-primary:#558b2f;--color-primary-dark:#33691e;--color-accent:#fbc02d;--color-text:#4e342e;--color-text-light:#6c757d;--color-background:#fdfaf3;--color-white:#ffffff;--color-border:#e0e0e0;--color-border-light:#eeeeee;--color-text-secondary:#555555;--color-bg-hover:#f8f8f8;--color-bg-subtle:#f0f0f0;--color-danger:#e74c3c;--font-family-base:"M PLUS Rounded 1c",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}body{font-family:var(--font-family-base);line-height:1.6;color:var(--color-text);background-color:var(--color-background);font-size:16px;overflow-x:hidden;word-wrap:break-word;}img{max-width:100%;height:auto;display:block;}a{color:var(--color-primary);text-decoration:none;}a:hover{color:var(--color-primary-dark);text-decoration:underline;}h1,h2,h3,h4,h5,h6{margin-top:1.2em;margin-bottom:0.6em;font-weight:600;line-height:1.3;}h1{font-size:2.2rem;}h2{font-size:1.8rem;color:var(--color-text);}h3{font-size:1.4rem;color:var(--color-text);}ul{list-style:none;}.btn{display:inline-block;background-color:var(--color-primary);color:var(--color-white);padding:12px 24px;min-height:44px;border-radius:5px;font-weight:bold;transition:background-color 0.2s ease-in-out,transform 0.2s ease;border:none;cursor:pointer;}.btn:hover{background-color:var(--color-primary-dark);color:var(--color-white);text-decoration:none;transform:translateY(-2px);}header{background-color:var(--color-primary);padding:10px 0;border-bottom:3px solid var(--color-primary-dark);position:sticky;top:0;z-index:1000;}.header-content{max-width:1140px;margin:0 auto;padding:0 15px;display:flex;justify-content:space-between;align-items:center;}.logo-area{display:flex;align-items:center;gap:12px;text-decoration:none;}.logo-area .logo-icon{height:50px;width:auto;}.logo-area .logo-text-wrapper{display:flex;flex-direction:column;color:var(--color-white);}.logo-area .main-title{font-size:1.5rem;font-weight:bold;line-height:1.1;white-space:nowrap;}.logo-area .sub-title{font-size:0.85rem;color:var(--color-background);line-height:1.2;}html[lang="ja"] .logo-area .main-title{font-size:1.3rem;}html[lang="ja"] .logo-area .sub-title{font-size:0.8rem;}.navigation-wrapper{display:flex;align-items:center;gap:15px;}nav ul{display:flex;gap:4px;}nav ul li{margin:0;}nav ul li a{padding:8px 6px;color:var(--color-white);font-weight:500;border-radius:6px;transition:background-color 0.2s ease;font-size:15px;}nav ul li a:hover,nav ul li a.active{background-color:rgba(255,255,255,0.15);text-decoration:none;}html[lang="ja"] nav ul li a{font-size:14px;padding:8px 5px;}.hamburger-menu{display:none;}.language-selector{margin-left:auto;}.custom-select-wrapper{position:relative;user-select:none;width:140px;}.custom-select-trigger{display:flex;align-items:center;padding:8px 12px;background-color:var(--color-primary-dark);color:var(--color-white);border:1px solid var(--color-white);border-radius:5px;cursor:pointer;gap:8px;}.custom-options{position:absolute;top:100%;left:0;right:0;background-color:var(--color-primary-dark);border:1px solid var(--color-white);border-radius:5px;margin-top:4px;overflow:hidden;display:none;z-index:10;}.custom-select-wrapper.open .custom-options{display:block;}.custom-option{display:flex;align-items:center;padding:12px;min-height:44px;color:var(--color-white);cursor:pointer;gap:8px;transition:background-color 0.2s;}.custom-option:hover{background-color:var(--color-primary);}.flag-icon{font-size:1.2em;}.hero{position:relative;width:100%;height:60vh;min-height:300px;overflow:hidden;background-color:#2c3e50;}.slideshow{width:100%;height:100%;}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;background-size:cover;background-position:center;}.slide.active{opacity:1;}.slide img{width:100%;height:100%;object-fit:cover;}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary-dark);color:var(--color-white);padding:8px 16px;z-index:1100;transition:top 0.2s;}.skip-link:focus{top:0;color:var(--color-white);text-decoration:none;}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.contact-link-container{text-align:center;margin-top:1rem;font-size:0.9rem;}.contact-link{color:var(--color-primary);text-decoration:underline;}.news{padding:50px 15px;background-color:var(--color-white);text-align:center;}.news h2{margin-top:0;margin-bottom:10px;}.news-subtitle{font-size:1.1rem;color:var(--color-text-light);margin-bottom:40px;}.news-list{max-width:800px;margin:0 auto;text-align:left;max-height:432px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-subtle);}.news-list::-webkit-scrollbar{width:8px;}.news-list::-webkit-scrollbar-track{background:var(--color-bg-subtle);border-radius:4px;}.news-list::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:4px;}.news-item{display:block;color:var(--color-text);text-decoration:none;transition:background-color 0.2s ease;}.news-item:hover{background-color:var(--color-bg-hover);}.news-item-link{display:flex;align-items:center;gap:15px 20px;padding:20px 15px;border-bottom:1px solid var(--color-border-light);}.news-date{font-weight:500;color:var(--color-text-light);flex-shrink:0;}.news-category{flex-shrink:0;padding:4px 12px;border-radius:20px;font-size:0.8rem;font-weight:bold;color:var(--color-white);}.news-category.info{background-color:#3498db;}.news-category.diary{background-color:#e67e22;}.news-category.zunda{background-color:var(--color-primary);}.news-category.alliance{background-color:#27ae60;}.news-category.kiritan-diary{background-color:#be9add;}.news-title{font-weight:bold;flex-grow:1;margin:0;}.news-arrow{font-size:1.2rem;color:var(--color-text-light);opacity:0;transition:opacity 0.2s,transform 0.2s;margin-left:auto;}.news-item:hover .news-arrow{opacity:1;transform:translateX(5px);}.news-item-link:hover .news-title{color:var(--color-primary-dark);}.character{padding:50px 0;}.character h2{text-align:center;margin-top:0;margin-bottom:40px;}.character-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1200px;margin:0 auto;}.character-box{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:25px;box-shadow:0 4px 8px rgba(0,0,0,0.05);text-align:center;transition:transform 0.2s ease,box-shadow 0.2s ease;display:flex;flex-direction:column;}.character-box:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,0.1);}.character-box img{width:240px;height:240px;object-fit:cover;border-radius:50%;margin:0 auto 20px auto;border:3px solid var(--color-primary);}.character-box h3{margin-top:0;margin-bottom:15px;font-size:1.25rem;}.character-box dl{font-size:0.9rem;color:var(--color-text-secondary);text-align:left;display:grid;grid-template-columns:35px 1fr;gap:2px 8px;margin-bottom:15px;align-items:center;}.character-box dt{font-weight:bold;}.character-box dd{margin:0;}.character-box p{font-size:0.9rem;color:var(--color-text-secondary);margin-bottom:20px;min-height:5.4em;text-align:left;flex-grow:1;}.character-box .btn{display:block;width:fit-content;margin:auto auto 0 auto;white-space:nowrap;font-size:0.85rem;padding-left:14px;padding-right:14px;}@media (max-width:992px){.hero{height:50vh;}.navigation-wrapper{position:fixed;top:0;right:0;width:100%;height:100vh;background-color:var(--color-primary-dark);flex-direction:column;justify-content:flex-start;align-items:center;padding:80px 20px 20px;transition:transform 0.35s ease-in-out;transform:translateX(100%);box-shadow:none;overflow-y:auto;}.navigation-wrapper.active{transform:translateX(0);}nav ul{flex-direction:column;width:100%;gap:20px;text-align:center;}nav ul li a{display:block;padding:15px;font-size:1.2rem;}.language-selector{margin-left:0;margin-top:40px;}.hamburger-menu{display:block;z-index:1001;position:relative;background:none;border:none;cursor:pointer;padding:10px;}.hamburger-menu span{display:block;width:25px;height:3px;background-color:var(--color-white);margin:5px 0;transition:all 0.3s ease-in-out;}.hamburger-menu.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}.hamburger-menu.active span:nth-child(2){opacity:0;}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);}}@media (min-width:769px) and (max-width:1139px){.character-name{font-size:2rem;}.article-title{font-size:1.8rem;}.error-code{font-size:4.5rem;}.character-detail-container{gap:25px;}.character-image-gallery{min-width:250px;}.character-info{min-width:250px;}.self-introduction-block{padding:25px 30px;}.about-text,.about-image{min-width:240px;}.news-item-link{gap:12px 15px;}.cast-grid{grid-template-columns:repeat(2,1fr);}.page-index .cast-grid{grid-template-columns:repeat(2,1fr);justify-content:center;}}@media (max-width:768px){body{font-size:15px;}h1{font-size:1.8rem;}h2{font-size:1.5rem;}h3{font-size:1.2rem;}.hero{height:40vh;}.character-list,.cast-grid{grid-template-columns:1fr;}.news-item-link{flex-direction:column;align-items:flex-start;gap:10px;}.news-title{margin-top:5px;}.character-detail-container,.about-block,.about-block.reverse{flex-direction:column;}.header-content{flex-direction:row;justify-content:space-between;align-items:center;padding:10px 15px;}.logo-area{flex:1 1 auto;min-width:0;}.logo-area .main-title{font-size:1.2rem;}.logo-area .sub-title{font-size:0.75rem;}.hamburger-menu{position:static;flex-shrink:0;}.news,.character,.video-banners,.works-section,.blog-section,.article-container,.about-section,.cast-section,.faq-section,.gallery-section,.contact-section{padding-top:30px;padding-bottom:30px;}.page-index .cast-grid{grid-template-columns:1fr;gap:20px;}.character-box{padding:20px;text-align:center;}.character-box img{width:180px;height:180px;margin-left:auto;margin-right:auto;margin-bottom:20px;}.character-box h3{font-size:1.2rem;}.character-box p{font-size:0.95rem;min-height:auto;}.character-box dl{justify-content:center;}img{width:100%;height:auto;}.form-container,.policy-content,.sitemap-content,.blog-post-full{padding:20px;}.article-title{font-size:1.6rem;}.work-detail-section{padding:30px 20px;}.character-image-gallery{min-width:0;}.character-info{min-width:0;}.character-name{font-size:1.8rem;}.self-introduction-block{padding:20px;}.about-text,.about-image{min-width:0;}.about-section{padding:20px;}.error-code{font-size:3.5rem;}.sns-links{flex-wrap:wrap;}.article-image-right{float:none;width:100%;max-width:100%;margin-left:0;margin-bottom:15px;}.character-detail-section{padding:20px;}}@media (max-width:480px){h1{font-size:1.5rem;}h2{font-size:1.3rem;}.hero{height:30vh;min-height:200px;}.character-name{font-size:1.5rem;}.error-code{font-size:2.5rem;}.error-content{padding:25px;}.self-introduction-block{padding:15px;line-height:2.0;}.subscribe-btn{font-size:1rem;padding:12px 20px;}.character-box img{width:140px;height:140px;}}.video-banners{padding:40px 15px;text-align:center;background-color:var(--color-white);}.video-banners h2{margin-top:0;margin-bottom:30px;}.video-banners .banners-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}.video-banners .banner{display:block;max-width:400px;width:100%;transition:transform 0.2s ease,box-shadow 0.2s ease;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.1);}.video-banners .banner:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,0.15);}.video-banners .banner img{width:100%;height:auto;}footer{background-color:var(--color-primary);color:var(--color-white);padding:30px 15px;text-align:center;}footer p{margin:0;}footer a{color:var(--color-white);text-decoration:underline;}footer a:hover{color:var(--color-accent);text-decoration:none;}.footer-logo-container{background-color:var(--color-primary);padding:0 15px 30px;text-align:center;}.ssl-seal{display:inline-block;margin-top:15px;}.works-section{max-width:1200px;margin:0 auto;padding:50px 15px;}.page-title{text-align:center;margin-bottom:15px;}.page-intro{text-align:center;max-width:800px;margin:0 auto 40px auto;}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;justify-content:center;}.work-card{background-color:var(--color-white);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.05);overflow:hidden;display:flex;flex-direction:column;transition:all 0.3s ease;}.work-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.1);}.work-card img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;}.work-info{padding:20px;display:flex;flex-direction:column;flex-grow:1;}.work-info h3{margin-top:0;margin-bottom:10px;font-size:1.2rem;color:var(--color-primary-dark);}.work-info p{font-size:0.95rem;line-height:1.7;margin-bottom:20px;flex-grow:1;}.work-meta{font-size:0.9rem;color:var(--color-text-light);border-top:1px solid var(--color-border);padding-top:10px;display:flex;justify-content:space-between;align-items:center;}.work-meta a{font-weight:bold;color:var(--color-primary);text-decoration:underline;}.work-meta a:hover{color:var(--color-primary-dark);}.blog-section{max-width:800px;margin:0 auto;padding:50px 15px;}.blog-list{display:flex;flex-direction:column;gap:40px;}.blog-post-item{background-color:var(--color-white);padding:30px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.07);transition:box-shadow 0.3s ease;}.blog-post-item:hover{box-shadow:0 8px 25px rgba(0,0,0,0.1);}.post-meta{display:flex;align-items:center;gap:15px;font-size:0.9rem;color:var(--color-text-light);margin-bottom:10px;}.post-date{font-weight:bold;}.post-category{background-color:var(--color-primary);color:var(--color-white);padding:3px 10px;border-radius:15px;font-size:0.8rem;}.post-category.info{background-color:#3498db;}.post-category.alliance{background-color:#27ae60;}.post-category.diary{background-color:#e67e22;}.post-category.kiritan-diary{background-color:#be9add;}.post-category.zunda{background-color:var(--color-primary);}.post-title{margin-top:0;}.post-title a{color:var(--color-text);text-decoration:none;}.post-title a:hover{color:var(--color-primary-dark);}.post-excerpt{margin-bottom:20px;}.read-more-btn{display:inline-block;font-weight:bold;color:var(--color-primary);text-decoration:underline;}.read-more-btn:hover{color:var(--color-primary-dark);}.article-container{max-width:800px;margin:0 auto;padding:50px 15px;}.blog-post-full{background-color:var(--color-white);padding:40px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.07);}.article-title{font-size:2rem;margin-top:0;margin-bottom:15px;}.article-eyecatch{width:100%;height:auto;border-radius:10px;margin-bottom:30px;}.article-content{line-height:1.8;}.article-content h3{font-size:1.5rem;margin-top:40px;margin-bottom:20px;border-left:5px solid var(--color-primary);padding-left:15px;}.article-content ul,.article-content ol{margin-left:20px;margin-bottom:20px;}.article-content ul li{list-style:disc;}.article-content ol li{list-style:decimal;}.article-share{margin-top:40px;padding-top:20px;border-top:1px solid var(--color-border);text-align:center;}.back-to-blog-link{text-align:center;margin-top:40px;}.about-section{max-width:900px;margin:0 auto;background-color:var(--color-white);padding:30px 40px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.08);}.about-block{display:flex;flex-wrap:wrap;gap:30px;align-items:center;padding-bottom:30px;margin-bottom:30px;border-bottom:1px dashed var(--color-border);}.about-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}.about-block.reverse{flex-direction:row-reverse;}.about-text,.about-image{flex:1;min-width:280px;}.about-text.full-width{flex-basis:100%;}.about-text.center-text{text-align:center;}.about-block h3{font-size:1.6rem;color:var(--color-primary);margin-top:0;margin-bottom:15px;display:flex;align-items:center;gap:10px;}.about-block p{font-size:1rem;line-height:1.8;}.about-image img{width:100%;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1);}.activity-list{list-style:none;padding-left:0;}.activity-list li{font-size:1rem;padding:10px 0;font-weight:500;border-bottom:1px solid var(--color-bg-subtle);}.activity-list li:last-child{border-bottom:none;}.activity-list li>span{font-size:0.9em;color:var(--color-text-secondary);display:block;padding-left:1.2em;}.about-block.final-message{text-align:center;background:var(--color-background);border-radius:10px;padding:30px;}.final-message p:last-child{font-size:1.3rem;font-weight:bold;color:var(--color-primary-dark);}.cast-section{max-width:1000px;margin:0 auto;padding:50px 15px;}.cast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px;}.cast-group-title{font-size:1.8rem;color:var(--color-primary-dark);text-align:center;padding:15px 0;margin:40px 0 20px 0;border-top:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);background-color:rgba(85,139,47,0.05);}.alliance-title{margin-top:60px;}.character-detail-section{max-width:1000px;margin:40px auto;background-color:var(--color-white);padding:30px 40px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.08);}.character-detail-container{display:flex;flex-wrap:wrap;gap:40px;}.character-image-gallery{flex:1;min-width:300px;}#main-image{width:100%;border-radius:10px;border:2px solid var(--color-border);margin-bottom:15px;box-shadow:0 4px 10px rgba(0,0,0,0.1);}.thumbnail-container{display:flex;gap:10px;justify-content:center;}.thumbnail{width:80px;height:80px;object-fit:cover;border-radius:8px;border:3px solid var(--color-border);cursor:pointer;transition:all 0.2s ease;}.thumbnail:hover{transform:scale(1.1);border-color:var(--color-accent);}.thumbnail.active{border-color:var(--color-primary);transform:scale(1.1);box-shadow:0 0 10px var(--color-primary);}.character-info{flex:1.5;min-width:300px;}.character-name{font-size:2.5rem;color:var(--color-primary-dark);margin-top:0;margin-bottom:15px;}.profile-list{display:grid;grid-template-columns:auto 1fr;gap:5px 15px;margin:20px 0;}.profile-list dt{font-weight:bold;color:var(--color-primary);}.character-info p{line-height:1.8;}.back-button-area{width:100%;text-align:center;margin-top:30px;padding-top:30px;border-top:1px dashed var(--color-border);}.back-button-area .btn{padding:12px 30px;font-size:1rem;}.self-introduction-block{background-color:#fdfdfa;background-image:linear-gradient(to bottom,transparent 96%,#e0e0e0 96%);background-size:100% 2.2em;background-position-y:0.4em;border-radius:10px;padding:30px 40px;margin-top:40px;border:2px solid #e8e8e8;box-shadow:0 4px 8px rgba(0,0,0,0.05);font-family:'RocknRoll One',sans-serif;text-align:left;line-height:2.2;}.self-introduction-block h4{font-family:var(--font-family-base);font-size:1.5rem;color:var(--color-primary-dark);margin-top:0;margin-bottom:25px;display:flex;align-items:center;justify-content:center;gap:10px;}.self-introduction-block p{font-size:1.1rem;margin-bottom:1.5em;}.self-introduction-block .signature{text-align:right;font-size:1.2rem;font-weight:bold;margin-top:30px;margin-bottom:0;}.faq-section{max-width:800px;margin:0 auto;padding:50px 15px;}.faq-list{display:flex;flex-direction:column;gap:15px;}.faq-item{border:1px solid var(--color-border);border-radius:5px;overflow:hidden;}.faq-question{width:100%;background-color:var(--color-white);padding:20px;text-align:left;font-size:1.1rem;font-weight:bold;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;}.faq-answer p{margin:0;padding-bottom:20px;}.faq-item.active .faq-answer{padding:0 20px 20px 20px;max-height:300px;}.faq-icon{width:12px;height:12px;border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);transform:rotate(45deg);transition:transform 0.3s ease;}.faq-item.active .faq-icon{transform:rotate(-135deg);}.gallery-section{max-width:1200px;margin:0 auto;padding:50px 15px;}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}.gallery-item a{display:block;overflow:hidden;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.1);}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.gallery-item a:hover img{transform:scale(1.05);}#modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);display:none;justify-content:center;align-items:center;z-index:2000;}#modal-content{max-width:90%;max-height:90%;}#modal-image{max-width:100%;max-height:100%;object-fit:contain;}#modal-close{position:absolute;top:20px;right:30px;font-size:2rem;color:white;background:none;border:none;cursor:pointer;}.contact-section,.privacy-policy-section,.terms-section,.sitemap-section{max-width:800px;margin:0 auto;padding:50px 15px;}.form-container,.policy-content,.sitemap-content{background-color:var(--color-white);padding:30px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.07);}.form-group{margin-bottom:20px;}.form-group label{display:block;margin-bottom:5px;font-weight:bold;}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:5px;transition:border-color 0.2s,box-shadow 0.2s;}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 5px rgba(85,139,47,0.3);}.required{color:var(--color-danger);font-size:0.8rem;margin-left:5px;}.form-submit{text-align:center;margin-top:30px;}.contact-notes{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:5px;}.policy-content h3{margin-top:30px;border-bottom:2px solid var(--color-primary);padding-bottom:5px;}.sitemap-list ul{margin-left:20px;}.error-page main{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 160px);text-align:center;}.error-content{background:rgba(255,255,255,0.9);padding:40px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.1);}.error-code{font-size:6rem;color:var(--color-primary);margin:0;}.error-content h2{margin-top:0;}@media (min-width:1140px){.cast-grid{grid-template-columns:repeat(3,1fr);}.page-index .cast-grid{grid-template-columns:repeat(3,360px);justify-content:center;}}.page-index .character-box img{border-radius:0;}.page-zundamon .character-detail-section{background-color:#f1f8e9;}.page-kiritan .character-detail-section{background-color:#f7f7f7;}.page-zunko .character-detail-section{background-color:#fefcf5;}.page-itako .character-detail-section{background-color:#f5f3f9;}.page-ankomon .character-detail-section{background-color:#eadede;}.page-metan .character-detail-section{background-color:#f2f4f6;}.page-deltamon .character-detail-section{background-color:#e6f2ed;}.page-about .about-section{background-color:var(--color-white);padding:20px;}.page-about .about-block{padding:30px;border-radius:10px;}.page-about .about-block:nth-child(even){background-color:#f1f8e9;}.page-about p{line-height:1.9;}.page-about .center-text{text-align:left;}.error-page-404{background-image:url('../img/err/404-background.png');}.error-page-400{background-image:url('../img/err/400-background.png');}.error-page-401{background-image:url('../img/err/401-background.png');}.error-page-403{background-image:url('../img/err/403-background.png');}.error-page-500{background-image:url('../img/err/500-background.png');}.error-page-510{background-image:url('../img/err/510-background.png');}.error-page{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;}.work-detail-section{max-width:900px;margin:40px auto;padding:30px 40px;background-color:var(--color-white);border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.08);}.work-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:30px;border-radius:10px;}.work-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}.work-commentary{margin-top:30px;padding:25px;background-color:var(--color-background);border-left:5px solid var(--color-primary);border-radius:5px;text-align:left;}.work-commentary h2{margin-top:0;margin-bottom:15px;color:var(--color-primary-dark);}.work-commentary p{line-height:1.8;}.work-buttons{display:flex;justify-content:center;gap:20px;margin-top:40px;flex-wrap:wrap;}.btn-youtube{background-color:#c4302b;}.btn-youtube:hover{background-color:#a31a15;}.btn-back{background-color:#6c757d;}.btn-back:hover{background-color:#5a6268;}.latest-video{padding:40px 15px;text-align:center;background-color:#f1f8e9;}.latest-video h2{margin-top:0;margin-bottom:30px;}.video-container{position:relative;padding-bottom:177.78%;height:0;overflow:hidden;max-width:360px;margin:0 auto 30px auto;box-shadow:0 10px 20px rgba(0,0,0,0.1);border-radius:10px;}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}.subscribe-btn{display:inline-block;background-color:#c4302b;color:white;padding:15px 30px;border-radius:50px;font-size:1.2rem;font-weight:bold;text-decoration:none;transition:background-color 0.2s,transform 0.2s;}.subscribe-btn:hover{background-color:#a31a15;transform:scale(1.05);color:white;text-decoration:none;}.related-works{margin-top:40px;padding:20px;background-color:#f9f9f9;border-radius:8px;}.related-works h4{margin-top:0;margin-bottom:15px;font-size:1.2rem;color:var(--color-primary-dark);}.related-works ul{list-style:none;padding:0;}.related-works ul li a{display:block;padding:10px;background-color:#fff;border:1px solid var(--color-border-light);border-radius:5px;margin-bottom:10px;text-decoration:none;color:var(--color-text);font-weight:bold;transition:background-color 0.2s,color 0.2s;}.related-works ul li a:hover{background-color:var(--color-primary);color:white;}.article-image-right{float:right;width:250px;max-width:40%;margin-left:20px;margin-bottom:10px;border-radius:8px;cursor:pointer;}.clearfix::after{content:"";display:table;clear:both;}.sns-links{display:flex;gap:15px;margin-top:20px;justify-content:center;}.sns-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;text-decoration:none;color:white;font-size:18px;font-weight:bold;transition:opacity 0.2s;}.sns-icon:hover{opacity:0.8;}.sns-icon.x{background-color:#000000;}.sns-icon.instagram{background:#d6249f;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}.sns-icon.youtube{background-color:#FF0000;}.sns-icon.pixiv{background-color:#0096fa;}.error-message{color:var(--color-danger);font-size:0.85rem;margin-top:5px;display:none}.success-message{background-color:#d4edda;color:#155724;padding:15px;border-radius:5px;margin-bottom:20px;border:1px solid #c3e6cb}