/* Cocoon's native header and menus, styled without template overrides. */
.zzyzx-site #header-container{background:#fcfbf7;border-bottom:1px solid #d9dfda;color:#263f4b}
.zzyzx-site #header-container-in{display:flex;align-items:center;justify-content:space-between;gap:40px;width:calc(100% - 112px);max-width:1320px;margin:auto;min-height:105px;padding:0}
.zzyzx-site #header,.zzyzx-site #header-in{width:auto;background:transparent;margin:0;padding:0;flex-shrink:0}
.zzyzx-site #header .logo{margin:0;padding:0;line-height:1}.zzyzx-site #header .site-name{display:flex;flex-direction:column;align-items:flex-start;padding:0;color:#263f4b;text-decoration:none;line-height:1.3}.zzyzx-site #header .site-name:before{content:"ZZYZX";font:30px/1.15 Georgia,serif;letter-spacing:.25em}.zzyzx-site #header .site-name-text{font:9px/1.8 "Yu Gothic",Meiryo,sans-serif;letter-spacing:.34em;margin-top:6px}.zzyzx-site #header .tagline{display:none}
.zzyzx-site #navi,.zzyzx-site #navi-in{background:transparent;width:auto;margin:0;padding:0}.zzyzx-site #navi .menu-top{align-items:center;gap:30px;padding:0;margin:0}.zzyzx-site #navi .menu-top>li{width:auto;height:auto;line-height:1.5;margin:0;padding:0}.zzyzx-site #navi .menu-top>li>a{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;padding:9px 0;color:#263f4b;background:transparent;font:12px/1.6 "Yu Gothic",Meiryo,sans-serif;letter-spacing:.06em;transition:color .2s}.zzyzx-site #navi .menu-top>li>a:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:1px;background:#a96c57;transform:scaleX(0);transform-origin:left;transition:transform .25s}.zzyzx-site #navi .menu-top>li>a:hover:after,.zzyzx-site #navi .current-menu-item>a:after{transform:scaleX(1)}
.zzyzx-site #navi .menu-top>li>a[href$="/contact"],.zzyzx-site #navi .menu-top>li>a[href$="/contact/"]{border:1px solid #a9babd;border-radius:40px;padding:12px 24px;gap:20px}.zzyzx-site #navi .menu-top>li>a[href*="/contact"]:after{position:static;content:"↗";height:auto;width:auto;background:none;transform:none;font-size:15px}.zzyzx-site #navi .menu-top>li>a:hover{color:#a15f49}.zzyzx-site #header-container a:focus-visible{outline:2px solid #a15f49;outline-offset:5px}
@media(min-width:768px){.zzyzx-site #navi .menu-pc{display:flex}.zzyzx-site #navi .menu-mobile{display:none}}
@media(min-width:768px) and (max-width:1050px){.zzyzx-site #header-container-in{width:calc(100% - 48px);gap:22px}.zzyzx-site #navi .menu-top{gap:17px}.zzyzx-site #navi .menu-top>li>a{font-size:11px}.zzyzx-site #navi .menu-top>li>a[href*="/contact"]{padding:10px 17px;gap:10px}}
@media(max-width:767px){.zzyzx-site #header-container-in{width:calc(100% - 40px);display:block;padding:22px 0 14px;min-height:0}.zzyzx-site #header .site-name{align-items:center}.zzyzx-site #header .site-name:before{font-size:27px}.zzyzx-site #header .site-name-text{font-size:8px;margin-top:4px}.zzyzx-site #navi{margin-top:19px}.zzyzx-site #navi .menu-pc{display:none}.zzyzx-site #navi .menu-mobile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px}.zzyzx-site #navi .menu-top>li{width:auto;min-width:0}.zzyzx-site #navi .menu-top>li>a{font-size:10px;min-height:38px;padding:6px 0;letter-spacing:.02em}.zzyzx-site #navi .menu-top>li:last-child{grid-column:2/4}.zzyzx-site #navi .menu-top>li>a[href*="/contact"]{min-height:36px;padding:5px 15px;gap:18px}.zzyzx-site #navi .menu-top>li>a:after{bottom:1px}}
@media(prefers-reduced-motion:reduce){.zzyzx-site #header-container *,.zzyzx-site #header-container *:after{transition:none!important}}
@media(max-width:767px){.zzyzx-site #navi .menu-top>li>a,.zzyzx-site #navi .menu-top>li>a[href*="/contact"]{min-height:44px}}