/* TOP only. Shared colors; responsive rules change geometry only. */
html.mermaid-common-ready #header,html.mermaid-common-ready #fix_header{display:none!important}
#body_wrap.home .mermaid-fv{position:relative}
#mermaid-common-header.mermaid-top-header{position:relative;inset:auto;z-index:100;color:var(--mermaid-navy);font-family:'Noto Sans JP',sans-serif}
#mermaid-common-header.mermaid-top-header::before{content:"";position:absolute;inset:0 0 -12px;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:0 0 50% 50% / 0 0 12px 12px;pointer-events:none}
#mermaid-common-header .mermaid-top-header__inner{position:relative;max-width:1200px;height:96px;padding:0 20px;margin:auto;display:flex;align-items:center;gap:20px}
#mermaid-common-header .mermaid-top-header__brand{display:block;flex:0 0 230px;width:230px;max-width:none;margin:0;padding:0;background:transparent;line-height:0}
#mermaid-common-header .mermaid-top-header__brand img{display:block;width:230px;max-width:none;height:auto;max-height:none;margin:0;padding:0;background:transparent;object-fit:contain}
#mermaid-common-header .mermaid-top-header__nav{display:flex;align-items:center;justify-content:center;gap:20px;flex:1;white-space:nowrap}
#mermaid-common-header.mermaid-top-header a{color:var(--mermaid-navy);text-decoration:none}
#mermaid-common-header .mermaid-top-header__nav a{font-size:13px;font-weight:500;line-height:1.5;padding:12px 0}
#mermaid-common-header .mermaid-top-header__nav a:hover{color:var(--mermaid-main)}
#mermaid-common-header.mermaid-top-header .mermaid-top-header__cta{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 24px;border-radius:999px;background:var(--mermaid-pink);color:var(--mermaid-white);font-size:12px;font-weight:600;line-height:1.6;text-align:center;white-space:nowrap;opacity:1;transition:background-color .2s}
#mermaid-common-header.mermaid-top-header .mermaid-top-header__cta:hover{background:var(--mermaid-pink-dark)}
#mermaid-common-header.mermaid-top-header a:focus-visible,#mermaid-common-header.mermaid-top-header summary:focus-visible{outline:2px solid var(--mermaid-main-dark);outline-offset:4px}
#mermaid-common-header .mermaid-top-header__menu{display:none;margin-left:auto}
#mermaid-common-header .mermaid-top-header__menu summary{list-style:none;cursor:pointer;width:48px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;color:var(--mermaid-navy)}
#mermaid-common-header .mermaid-top-header__menu summary::-webkit-details-marker{display:none}
#mermaid-common-header .mermaid-top-header__menu-icon{width:23px;height:13px;border-block:1.5px solid currentColor;position:relative}
#mermaid-common-header .mermaid-top-header__menu-icon::before{content:"";position:absolute;left:0;right:0;top:4px;border-top:1.5px solid currentColor}
#mermaid-common-header .mermaid-top-header__panel{position:absolute;top:calc(100% + 12px);left:16px;right:16px;padding:16px;background:rgba(255,255,255,.98);border:1px solid var(--mermaid-bg-strong);box-shadow:0 8px 24px #163a4314;border-radius:12px;max-height:70vh;overflow:auto}
#mermaid-common-header .mermaid-top-header__panel nav{display:grid;gap:0}
#mermaid-common-header .mermaid-top-header__panel nav a{padding:13px 8px;font-size:14px;border-bottom:1px solid var(--mermaid-bg-strong)}
#mermaid-common-header .mermaid-top-header__panel .mermaid-top-header__cta{white-space:normal;margin-top:14px}
#body_wrap.home .mermaid-fv__inner{padding-top:148px}
#body_wrap.home :is(#mermaid-intro,#mermaid-yeg,#participation,#mermaid-terms,#mermaid-faq){scroll-margin-top:32px}
@media(max-width:1199px){
 #mermaid-common-header .mermaid-top-header__nav,#mermaid-common-header .mermaid-top-header__inner>.mermaid-top-header__cta{display:none}
 #mermaid-common-header .mermaid-top-header__menu{display:block}
}
@media(max-width:767px){
 #mermaid-common-header .mermaid-top-header__inner{height:68px;padding:0 20px}
 #mermaid-common-header .mermaid-top-header__brand{flex-basis:170px;width:170px}
 #mermaid-common-header .mermaid-top-header__brand img{width:170px;max-width:none;height:auto;max-height:none}
 #body_wrap.home .mermaid-fv .mermaid-fv__organizer{top:94px!important;z-index:3}
 #body_wrap.home.admin-bar .mermaid-fv .mermaid-fv__organizer{top:94px!important;z-index:3}
 #body_wrap.home .mermaid-fv__inner{padding-top:calc(clamp(265px,70vw,510px) - 64px)}
}

#mermaid-common-header{--mermaid-main:#00AFCC;--mermaid-main-dark:#0089A4;--mermaid-pink:#FF6B9D;--mermaid-pink-dark:#E95487;--mermaid-navy:#163A43;--mermaid-white:#FFFFFF;--mermaid-bg-strong:#EAF8F7;box-sizing:border-box;width:100%;margin:0 0 12px}
#mermaid-common-header *,#mermaid-common-header *::before{box-sizing:border-box}
#mermaid-common-header[hidden]{display:none}
#body_wrap.home .mermaid-fv>#mermaid-common-header{position:absolute;inset:0 0 auto;margin:0}
