/* Final Story Walnut Gold background-only layer. Keep layout, typography, position, and text colors unchanged. */
html:root,
html body,
html body.home-page,
html body.brand-page,
html body.story-page,
html body.factory-page,
html body.shop-page,
html body.culture-page,
html body.news-page,
html body.info-page,
html body.policy-page,
html body main,
html body .wrapper,
html body .brand-content,
html body .shop-content,
html body .shop-replica,
html body .story-main,
html body .factory-intro,
html body .factory-history,
html body .factory-process,
html body .shop-store-section,
html body .shop-static-main,
html body .culture-list-section,
html body .culture-detail,
html body .news-index,
html body .news-detail,
html body .company-profile,
html body .policy-container,
html body .topic-path-container {
    background: #050302 !important;
}

html body .block-loading,
html body .brand-loading,
html body .culture-loading,
html body .shop-loading,
html body .news-loading,
html body .info-loading,
html body .factory-loading {
    background: #050302 !important;
}

html body .site-header,
html body .site-header-pc,
html body .site-header-sp,
html body .site-menu-container,
html body .site-mega-menu,
html body .site-footer,
html body .brand-header,
html body .brand-footer,
html body .brand-sub-nav,
html body .factory-header,
html body .factory-footer,
html body .shop-header,
html body .shop-footer,
html body .culture-header,
html body .culture-footer,
html body .language-switch-current,
html body .language-switch-panel {
    background: #0e0804 !important;
    border-color: rgba(189, 154, 98, .38) !important;
}

html body .toppage-mv,
html body .factory-hero,
html body .factory-commitment,
html body .factory-belief,
html body .shop-hero,
html body .culture-hero,
html body .culture-related,
html body .news-hero,
html body .company-hero,
html body .policy-hero,
html body .brand-hero {
    background: radial-gradient(circle at 68% 20%, #624026, #17100b 48%, #050302 100%) !important;
}

html body .toppage-story,
html body .toppage-phs,
html body .toppage-brand_factory,
html body .toppage-culture,
html body .toppage-shops,
html body .toppage-news,
html body .factory-intro,
html body .factory-history,
html body .factory-process,
html body .shop-areas,
html body .shop-company,
html body .shop-detail,
html body .experience-intro,
html body .experience-section,
html body .experience-closing,
html body .culture-pickup,
html body .culture-list-section,
html body .brand-content .wrapper,
html body .brand-content section,
html body .brand-content .section,
html body .brand-content .forcms_block,
html body .brand-content .block,
html body .brand-content .content,
html body .brand-content .lower-container,
html body .news-container,
html body .info-container {
    background: #050302 !important;
}

html body .mv-frame,
html body .mv-frame-main,
html body .mv-frame-right,
html body .story-bg,
html body .shops-hero,
html body .recruit-item,
html body .phs-image,
html body .split-card-img,
html body .brand-img,
html body .shop-thumb,
html body .culture-img,
html body .hero-image,
html body .factory-card-media,
html body .belief-image,
html body .site-mega-card,
html body .site-culture-visual,
html body .story-section-image,
html body .culture-pickup-image,
html body .culture-card-image,
html body .shop-store-image {
    background: linear-gradient(145deg, #1b120c, #624026 54%, #050302) !important;
    border-color: rgba(189, 154, 98, .38) !important;
}

html body .story-detail-card,
html body .brand-card a,
html body .brand-detail,
html body .culture-card,
html body .culture-detail,
html body .culture-pickup-card,
html body .culture-card-info,
html body .culture-list li a,
html body .shops-list li,
html body .news-list li a,
html body .news-list-page li a,
html body .news-tabs a,
html body .factory-card,
html body .process-item,
html body .experience-card,
html body .shop-area-grid a,
html body .stage-store-card,
html body .shop-detail-block,
html body .shop-store-card,
html body .shop-directory,
html body .shop-company-card,
html body .shop-store-info,
html body .stage-shop-card,
html body .culture-sidebar,
html body .story-cookie {
    background: #0e0804 !important;
    border-color: rgba(189, 154, 98, .38) !important;
    box-shadow: none !important;
}

html body .mv-frame::before,
html body .mv-frame::after,
html body .story-section-image::after,
html body .story-bg::after,
html body .shops-hero::after,
html body .recruit-item::after,
html body .factory-card::before,
html body .process-item::before {
    border-color: rgba(189, 154, 98, .38) !important;
}

html body .story-bg::after,
html body .shops-hero::after,
html body .recruit-item::after {
    background-image: linear-gradient(90deg, rgba(189, 154, 98, .38) 1px, transparent 1px), linear-gradient(0deg, rgba(189, 154, 98, .38) 1px, transparent 1px) !important;
}