/*
Theme Name: GLUE 原宿猟友会
Template: glue_free002
Description: TCD「GLUE」の子テーマ。原宿猟友会（harajuku.site）向けのデザイン。
Version: 1.0.0
Text Domain: glue-harajuku
*/
.hh_main{--navy:#0F1E36;--navy2:#162A47;--green:#1B3B2B;--gold:#C9A961;--text:#EDEAE2;--mute:#A9B2C0;--line:rgba(201,169,97,.28);--sans:'Noto Sans JP','Hiragino Sans','Yu Gothic',sans-serif;--serif:'Noto Serif JP','Hiragino Mincho ProN','Yu Mincho',serif;--en:'Cormorant Garamond',Georgia,serif;margin:0;background:var(--navy);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.9;letter-spacing:.03em;display:block;overflow:hidden}
.hh_main *,.hh_main *::before,.hh_main *::after{box-sizing:inherit}
.hh_main a{color:inherit;text-decoration:none}
@keyframes f{from{opacity:0;transform:translateY(8px)}to{opacity:1}}
.hh_main .hero{min-height:82vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12vh 6vw;background:radial-gradient(ellipse at 20% 0%,rgba(27,59,43,.9),transparent 60%),radial-gradient(ellipse at 90% 100%,rgba(201,169,97,.10),transparent 55%),var(--navy)}
.hh_main .eyebrow{font-family:var(--en);letter-spacing:.35em;color:var(--gold);font-size:.9rem;text-transform:uppercase}
.hh_main .name{font-family:var(--serif);font-weight:600;font-size:clamp(2.8rem,10vw,5.6rem);line-height:1.15;margin:.3em 0 .1em;letter-spacing:.12em}
.hh_main .slogan{font-family:var(--en);font-weight:600;font-size:clamp(1.3rem,4vw,2.1rem);margin:.2em 0 .8em;letter-spacing:.08em;color:var(--gold)}
.hh_main .slogan sup{font-size:.4em;vertical-align:top;margin-left:.1em}
.hh_main .lead{max-width:640px;color:var(--mute);margin:0 auto 2rem}
.hh_main .btn{display:inline-block;padding:14px 34px;border:1px solid var(--gold);color:var(--gold);font-size:.9rem;letter-spacing:.15em;background:transparent;cursor:pointer;font-family:inherit;transition:.25s}
.hh_main .btn:hover,.hh_main .btn.solid{background:var(--gold);color:var(--navy)}
.hh_main .btn.solid:hover{background:transparent;color:var(--gold)}
.hh_main section{padding:90px 6vw;max-width:1100px;margin:0 auto}
.hh_main .band{background:var(--navy2);max-width:none}
.hh_main .band>.in{max-width:1100px;margin:0 auto}
.hh_main h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,4vw,2.1rem);margin:.2em 0 1em;letter-spacing:.08em}
.hh_main h2 small{display:block;font-family:var(--en);font-size:.9rem;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;margin-bottom:.4em}
.hh_main h3{font-family:var(--serif);font-weight:500;font-size:1.15rem;margin:0 0 .5em;color:var(--gold)}
.hh_main .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.hh_main .card{padding:32px 28px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(27,59,43,.55),rgba(15,30,54,.2))}
.hh_main .card .n{font-family:var(--en);font-size:2.6rem;color:var(--gold);line-height:1}
.hh_main .card p,.hh_main .p{color:var(--mute);margin:.6em 0 0;font-size:.92rem}
.hh_main .page-head{padding:90px 6vw 40px;text-align:left;max-width:1100px;margin:0 auto}
.hh_main .page-head p{color:var(--mute);max-width:680px}
.hh_main .cal{list-style:none;margin:0;padding:0}
.hh_main .cal li{display:flex;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.hh_main .cal .d{font-family:var(--en);color:var(--gold);font-size:1.4rem;min-width:84px}
.hh_main .cal .t{flex:1}
.hh_main .cal .t span{display:block;color:var(--mute);font-size:.82rem}
.hh_main .tag{font-size:.72rem;border:1px solid var(--line);padding:2px 10px;color:var(--mute);white-space:nowrap}
.hh_main .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:1em}
.hh_main .tags span{padding:8px 18px;border:1px solid var(--line);background:rgba(27,59,43,.5);font-size:.9rem}
.hh_main .steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;list-style:none;padding:0;margin:0}
.hh_main .steps li{counter-increment:s;padding:28px 24px;border-top:2px solid var(--gold);background:var(--navy2)}
.hh_main .steps li::before{content:"STEP 0" counter(s);font-family:var(--en);letter-spacing:.2em;color:var(--gold);display:block;margin-bottom:.4em}
.hh_main .steps li b{font-family:var(--serif);font-weight:500;display:block;margin-bottom:.3em}
.hh_main .steps li span{color:var(--mute);font-size:.9rem}
.hh_main .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}
.hh_main .bar{display:flex;align-items:center;gap:14px;margin:12px 0;font-size:.9rem}
.hh_main .bar span{min-width:6em;color:var(--mute)}
.hh_main .bar div{flex:1;background:rgba(255,255,255,.06)}
.hh_main .bar i{display:block;height:10px;background:var(--gold);opacity:.85}
.hh_main .bar b{font-weight:400;min-width:3em;text-align:right}
.hh_main .info{display:grid;grid-template-columns:7.5em 1fr;gap:12px 16px;font-size:.92rem;margin:0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hh_main .info dt{color:var(--gold)}
.hh_main .info dd{margin:0;color:var(--mute)}
.hh_main .par li::before{content:attr(data-t) !important}
.hh_main .cta{text-align:center;background:linear-gradient(135deg,var(--green),var(--navy2));border:1px solid var(--line);padding:70px 6vw}
.hh_main details{border-bottom:1px solid var(--line);padding:16px 0}
.hh_main summary{cursor:pointer;font-family:var(--serif);list-style:none}
.hh_main summary::before{content:"Q. ";color:var(--gold);font-family:var(--en)}
.hh_main details p{color:var(--mute);margin:.6em 0 0;font-size:.92rem}
.hh_main label{display:block;font-size:.82rem;color:var(--mute);margin:18px 0 6px}
.hh_main input,.hh_main select,.hh_main textarea{width:100%;padding:13px 14px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--text);font:inherit;font-size:.95rem}
.hh_main input:focus,.hh_main select:focus,.hh_main textarea:focus{outline:none;border-color:var(--gold)}
.hh_main select option{background:var(--navy);color:var(--text)}
.hh_main .ok{display:none;margin-top:20px;padding:16px;border:1px solid var(--gold);color:var(--gold)}
.hh_main .note{font-size:.78rem;color:var(--mute)}
.hh_main .lock{max-width:440px;margin:0 auto;text-align:center;padding:50px 30px;border:1px solid var(--line);background:var(--navy2)}
@media(max-width:720px){.hh_main section{padding:64px 6vw}
.hh_main .cal li{flex-wrap:wrap;gap:8px}}
/* ---- 親テーマのヘッダー／フッターを紺基調に（要・実機調整） ---- */
body{background:#0F1E36}
#header,#header_top,#header_bottom{background:#0F1E36 !important;border-bottom:1px solid rgba(201,169,97,.28)}
#global_menu a,#header a{color:#EDEAE2 !important}
#global_menu a:hover{color:#C9A961 !important}
#footer,#footer_widget_area,#copyright{background:#0F1E36 !important;color:#A9B2C0 !important}
#footer a,#copyright a{color:#A9B2C0 !important}