@charset "utf-8";
/* CSS Document */
.site-header { position:absolute; top:0; left:0; z-index:1000; width:100%; background:#000; border-bottom:1px solid rgba(212,174,82,.18);padding:10px 0; }
.header-inner { width:min(100%, 1200px); height:96px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:0 24px; }
.header-logo { width:210px; margin:0; }
.header-logo a { display:block; }
.header-logo img { display:block; width:100%; height:auto; }
.global-nav { display:block; }
.global-menu { display:flex; align-items:center; gap:0; margin:0; padding:0; list-style:none; }
.global-menu > li { position:relative; border-left:1px solid rgba(255,255,255,.16); }
.global-menu > li:last-child { border-right:1px solid rgba(255,255,255,.16); }
.global-menu > li > a { position:relative; display:block; padding:34px 34px 32px; color:#fff; font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif; font-size:18px; letter-spacing:.12em; text-decoration:none; transition:color .25s ease; }
.global-menu > li > a::after { content:""; position:absolute; left:50%; bottom:24px; width:0; height:2px; background:#b31212; transform:translateX(-50%); transition:width .25s ease; }
.global-menu > li > a:hover { color:#d8b65a; }
.global-menu > li > a:hover::after { width:64px; }
.global-menu > li.current-menu-item > a::after, .global-menu > li.current_page_item > a::after, .global-menu > li.current-menu-ancestor > a::after { width:64px; }
.menu-toggle { display:none; width:46px; height:46px; padding:0; background:transparent; border:1px solid rgba(212,174,82,.45); cursor:pointer; }
.menu-toggle span { display:block; width:22px; height:2px; margin:6px auto; background:#d8b65a; transition:transform .25s ease, opacity .25s ease; }
.menu-toggle.is-active span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
.menu-toggle.is-active span:nth-child(2) { opacity:0; }
.menu-toggle.is-active span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }
body.is-menu-open { overflow:hidden; }

@media (max-width: 768px) {
.site-header { position:fixed; background:rgba(0,0,0,.9); }
.header-inner { height:74px; padding:0 18px; }
.header-logo { width:158px; }
.menu-toggle { display:block; position:relative; z-index:1002; }
.global-nav { position:fixed; top:94px; left:0; z-index:1001; width:100%; height:calc(100vh - 94px); background:rgba(0,0,0,.96); transform:translateY(-110%); opacity:0; visibility:hidden; transition:transform .35s ease, opacity .35s ease, visibility .35s ease; }
.global-nav.is-active { transform:translateY(0); opacity:1; visibility:visible; }
.global-menu { height:100%; flex-direction:column; align-items:stretch; justify-content:flex-start; padding:28px 24px; }
.global-menu > li { border-left:0; border-bottom:1px solid rgba(255,255,255,.16); }
.global-menu > li:last-child { border-right:0; }
.global-menu > li > a { padding:22px 8px; font-size:16px; text-align:center; }
.global-menu > li > a::after { bottom:13px; }
.global-menu > li > a:hover::after, .global-menu > li.current-menu-item > a::after, .global-menu > li.current_page_item > a::after, .global-menu > li.current-menu-ancestor > a::after { width:70px; }
}