#zone h1, #zone h2, #zone h3, #zone p, #zone span, #zone ul li, #zone button, #zone div, header {
            font-family: Roboto , "Noto Sans JP", sans-serif;
        }
        
        /* Custom Colors config for Tailwind arbitrary values */
        :root {
            --primary: #7c5295;
            --primary-dark: #5e3a73;
            --accent: #d32f2f;
            --secondary: #b39ddb;
            --dot-color: #6E4087;
        }


        /* Glassmorphism Utility */
        .glass-panel {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        }

        /* Animations */
        .fade-in-up {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
        }
        
        .fade-in-up.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .delay-100 { transition-delay: 0.1s; }
        .delay-200 { transition-delay: 0.2s; }
        .delay-300 { transition-delay: 0.3s; }

        /* Custom Scrollbar (optional) */
        /* ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        ::-webkit-scrollbar-thumb {
            background: #7c5295;
            border-radius: 4px;
        } */

        .zonefv {
            position: relative;
        }
        .zonefv .title_breadcrumb {
            position: absolute;
            top:10px;
            left:0px;
            right:0px;
            margin:auto;
            width: clamp(320px, 90%, 1280px);
            z-index: 1 !important;
            
        }
        .zonefv .title_breadcrumb span, .zonefv .title_breadcrumb li, .zonefv .title_breadcrumb li:after, .zonefv #breadcrumbBox .breadcrumb li::after{
            color:#fff;
        }

            @media screen and (max-width: 789px) {
            #zone_title.zonefv #breadcrumbBox ul.breadcrumb{

            background-color: rgba(255,255,255,0) !important;


            }
            }
            #zone_title.zonefv #breadcrumbBox{  
            border-top: 1px solid rgba(0, 0, 0, 0);
            }
        
        h2.tw-text-white {
            color:#fff !important;
        }

        #menu {
            position: relative;
            z-index: 5;
        }