/*
Theme Name: JIKU Music Fantasy
Theme URI: https://jiku-music.com
Author: JIKU MUSIC
Description: 時空ミュージックプロダクションの幻想的な公式サイト。公式3アーティスト画像入り。
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jiku-music
*/
:root{--midnight:#090d29;--night:#141332;--violet:#372347;--gold:#e8c98f;--white:#fffaf7;--muted:#c2bacb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--midnight);color:var(--white);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:absolute;z-index:9;top:0;width:100%;background:linear-gradient(180deg,#080c23b8,transparent)}.logo{font-family:Georgia,serif;letter-spacing:.22em;font-size:1.16rem}.logo small{display:block;letter-spacing:.22em;font:9px sans-serif;color:var(--gold)}.navlinks{display:flex;gap:26px;font-size:.85rem}.navlinks a:hover{color:var(--gold)}.hero{min-height:730px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 20px 80px;background:radial-gradient(ellipse at 55% 90%,#eb97606e 0%,transparent 45%),linear-gradient(180deg,#070d29 3%,#26214e 46%,#75537e 72%,#c7897c 100%)}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 28% 25%,#ffffff77 0 1px,transparent 2px),radial-gradient(circle at 76% 13%,#ffffff9b 0 1px,transparent 2px),radial-gradient(circle at 65% 37%,#ffffff88 0 1px,transparent 2px);background-size:93px 103px,151px 139px,127px 171px;opacity:.7}.hero:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:170px;background:linear-gradient(0deg,#090d29,#090d2900)}.hero-inner{position:relative;z-index:3;max-width:900px}.eyebrow{font-family:Georgia,serif;letter-spacing:.34em;color:var(--gold);font-size:12px}.hero h1{font-family:Georgia,'Yu Mincho','Hiragino Mincho ProN',serif;letter-spacing:.12em;font-size:clamp(36px,6vw,80px);font-weight:400;margin:18px 0}.hero p{font-size:clamp(15px,2vw,22px);letter-spacing:.13em}.hero .lead{color:#f6e9da;font-size:15px;max-width:700px;margin:26px auto 38px}.btn{display:inline-block;padding:13px 32px;border-radius:50px;border:1px solid var(--gold);background:#dfbb82;color:#231930;font-size:14px;font-weight:700;cursor:pointer}.btn.ghost{color:#fff;background:#ffffff12;margin-left:9px}.section{padding:92px max(5vw,24px);max-width:1440px;margin:0 auto}.section-head{text-align:center;margin-bottom:46px}.section-head h2{font:400 clamp(29px,4vw,49px) Georgia,'Yu Mincho',serif;letter-spacing:.15em;margin:8px 0}.section-head p{color:var(--muted);margin:0}.artist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.artist{border:1px solid #e6c88b66;background:linear-gradient(150deg,#292344,#0d1633);border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #03051655;transition:transform .3s}.artist:hover{transform:translateY(-6px)}.photo{height:380px;position:relative;overflow:hidden;background:#2d2b47}.photo img,.photo video{width:100%;height:100%;object-fit:cover;display:block;transition:transform 6s}.artist:hover .photo img{transform:scale(1.035)}.photo.female img{object-position:55% center}.photo.male img{object-position:center 23%}.photo.sarupi img{object-position:center 22%}.artist-body{padding:25px}.artist-body h3{font:400 27px 'Yu Mincho',serif;letter-spacing:.14em;margin:8px 0}.artist-body p{font-size:13px;color:#d8cee1}.artist-body .tag{color:var(--gold);font-family:Georgia;letter-spacing:.2em;font-size:11px}.twilight{background:linear-gradient(145deg,#251c41,#483458 52%,#995f67);border-top:1px solid #e8c98f33;border-bottom:1px solid #e8c98f33}.inner{max-width:1200px;margin:auto}.two{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.feature{font:400 35px 'Yu Mincho',serif;line-height:1.5}.muted{color:#ded3df}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.offer{background:#1e1a39;border:1px solid #e0bf834a;border-radius:12px;padding:32px}.offer h3{font-size:20px;margin:8px 0}.offer strong{font-size:28px;color:var(--gold)}.offer p{font-size:14px;color:#d9cdd8}.note{color:#bdb3cb;font-size:12px}.footer{text-align:center;border-top:1px solid #ffffff27;padding:45px 20px 60px;color:#baadc6;font-size:12px}.petals{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:2}.petal{position:absolute;top:-40px;width:14px;height:8px;background:#f8c8d9b5;border-radius:90% 5% 75% 25%;animation:drift linear infinite}.meteor{width:130px;height:1px;background:linear-gradient(90deg,transparent,#fff);position:absolute;left:70%;top:19%;transform:rotate(-20deg);animation:shoot 9s ease-in infinite;opacity:0}@keyframes drift{0%{transform:translate(0,-10px) rotate(0);opacity:0}10%{opacity:.7}90%{opacity:.65}100%{transform:translate(-170px,850px) rotate(630deg);opacity:0}}@keyframes shoot{0%,70%,100%{opacity:0;transform:translate(0,0) rotate(-20deg)}72%{opacity:1}78%{opacity:0;transform:translate(-240px,100px) rotate(-20deg)}}.city{position:absolute;left:0;right:0;bottom:0;height:160px;opacity:.7;background:linear-gradient(0deg,#10132d 0 60%,transparent 60%);clip-path:polygon(0 65%,4% 65%,4% 43%,7% 43%,7% 68%,12% 68%,12% 21%,14% 21%,14% 65%,21% 65%,21% 43%,24% 43%,24% 69%,30% 69%,30% 35%,33% 35%,33% 68%,40% 68%,40% 52%,43% 52%,43% 70%,48% 70%,48% 15%,50% 15%,50% 67%,58% 67%,58% 49%,61% 49%,61% 70%,68% 70%,68% 31%,72% 31%,72% 70%,79% 70%,79% 53%,82% 53%,82% 70%,90% 70%,90% 29%,93% 29%,93% 69%,100% 69%,100% 100%,0 100%)}@media(max-width:850px){.navlinks{display:none}.artist-grid,.offer-grid,.two{grid-template-columns:1fr}.photo{height:420px}.section{padding:65px 20px}.hero{min-height:680px}.hero h1{font-size:36px}.feature{font-size:28px}.btn.ghost{display:block;width:max-content;margin:15px auto 0}}@media(prefers-reduced-motion:reduce){.petal,.meteor{animation:none!important}.artist:hover,.artist:hover img{transform:none}html{scroll-behavior:auto}}
/* v1.1 — cinematic hero with original Tokyo twilight artwork */
.hero{background-image:linear-gradient(90deg,rgba(9,11,30,.06) 0%,rgba(9,11,30,.2) 38%,rgba(9,11,30,.63) 61%,rgba(9,11,30,.7) 100%),url('assets/hero-tokyo.png');background-size:cover;background-position:44% center;justify-content:flex-end;text-align:left;min-height:760px}
.hero-inner{width:min(680px,49vw);max-width:none;margin-right:5vw;padding:36px 28px;background:linear-gradient(115deg,rgba(17,17,43,.32),rgba(17,17,43,.05));border-radius:16px;text-shadow:0 2px 18px rgba(0,0,0,.75)}
.hero h1{font-size:clamp(34px,4.1vw,64px);line-height:1.55;margin:14px 0;letter-spacing:.07em}
.hero .lead{margin:20px 0 27px}
.hero:after{height:110px}
.city{display:none}
.hero .eyebrow{color:#f5cf94}
@media(max-width:850px){.hero{min-height:750px;background-position:35% center;align-items:flex-end;justify-content:center;text-align:center;padding:130px 16px 48px;background-image:linear-gradient(0deg,rgba(6,8,27,.94) 0%,rgba(10,12,31,.75) 35%,rgba(10,12,31,.09) 75%),url('assets/hero-tokyo.png')}.hero-inner{width:100%;margin:0;padding:20px 12px;background:transparent}.hero h1{font-size:clamp(30px,8vw,43px)}.hero .lead{margin:20px auto 25px}.btn{padding:12px 20px}}

/* Keep hero image on any cached or conflicting theme stylesheet */
body.home .hero, body.front-page .hero{background-image:linear-gradient(90deg,rgba(9,11,30,.08),rgba(9,11,30,.35),rgba(9,11,30,.78)),url("assets/hero-tokyo.png")!important;background-position:center!important;background-size:cover!important;}