/* GOOD CYCLE FES イベントページ v1（2026-10-06）：古着販売会 専用 */
/* Vintage ON（古着販売会） */
.facts{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.facts li{font-weight:900;font-size:14px;padding:6px 14px;border-radius:8px;background:var(--ink);color:var(--paper);rotate:-1deg}
.facts li:nth-child(even){rotate:1.2deg;background:var(--green-deep);color:var(--white)}
.facts li.y{background:var(--yellow);color:var(--ink)}
.facts li b{font-family:var(--f-en);font-weight:900}
.hero .soon{margin-top:4px;max-width:40em}

.rack-art{position:relative;justify-self:center;width:min(100%,470px);height:440px}
.rack{position:absolute;left:4%;right:4%;top:14px;height:16px}
.rack .bar{position:absolute;left:0;right:0;top:0;height:10px;border-radius:999px;background:var(--ink)}
.rack::before,.rack::after{content:"";position:absolute;top:0;width:10px;height:300px;background:var(--ink);border-radius:4px}
.rack::before{left:6px}.rack::after{right:6px}
.tags{position:absolute;left:10%;right:10%;top:20px;display:flex;justify-content:space-between;align-items:flex-start}
.htag{position:relative;width:118px;margin-top:56px;padding:36px 10px 18px;background:var(--white);border:var(--bd);border-radius:16px 16px 12px 12px;box-shadow:4px 5px 0 var(--ink);text-align:center;display:grid;gap:4px;transform-origin:50% -50px;animation:swing 5.4s ease-in-out infinite}
.htag::before{content:"";position:absolute;top:12px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}
.htag::after{content:"";position:absolute;top:-56px;left:50%;width:2.5px;height:70px;background:var(--ink)}
.htag .lb{font-family:var(--f-en);font-weight:800;font-size:10px;letter-spacing:.24em;color:var(--green-deep)}
.htag b{font-weight:900;font-size:19px;line-height:1.3}
.htag .big{font-family:var(--f-en);font-size:32px;color:var(--green);letter-spacing:-.02em}
.htag .big small{font-family:var(--f-ja);font-size:15px;color:var(--ink);margin-left:2px}
.htag .sub{font-size:12px;font-weight:900;background:var(--ink);color:var(--paper);border-radius:999px;padding:2px 8px;justify-self:center}
.t1{rotate:-4deg;animation-delay:-.8s}
.t2{width:140px;margin-top:40px;animation-delay:-2.4s}
.t3{background:var(--yellow);rotate:5deg;animation-delay:-1.6s}
@keyframes swing{0%,100%{rotate:-3deg}50%{rotate:3deg}}
.c-kimaru-hero{position:absolute;right:2%;bottom:0;width:178px;z-index:2}

.pt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:34px}
.pt{position:relative;background:var(--white);border:var(--bd);border-radius:18px;box-shadow:var(--sh);padding:22px 20px;display:grid;gap:8px;align-content:start}
.pt.y{background:var(--yellow)}
.pt-n{font-family:var(--f-en);font-weight:900;font-size:40px;line-height:.9;color:var(--green);letter-spacing:-.03em}
.pt.y .pt-n{color:var(--ink)}
.pt-ic{position:absolute;right:16px;top:16px;width:48px;height:48px;border-radius:14px;background:var(--green-pale);color:var(--green-deep);display:grid;place-items:center;font-size:26px}
.pt.y .pt-ic{background:var(--paper)}
.pt b{font-weight:900;font-size:19px;line-height:1.45}
.pt p{font-size:14px;color:var(--gray);line-height:1.7}
.pt.y p{color:var(--ink-2)}

.hangers{list-style:none;padding:0;margin:30px 0 14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px;border-top:8px solid var(--ink);border-radius:4px;padding-top:30px}
.hangers li{position:relative;background:var(--white);border:var(--bd);border-radius:14px;box-shadow:3px 4px 0 var(--ink);padding:16px 12px;text-align:center;font-weight:900;font-size:15px;line-height:1.4;transform-origin:50% -30px;animation:swing 6s ease-in-out infinite}
.hangers li:nth-child(odd){animation-delay:-2s}
.hangers li:nth-child(3n){animation-delay:-3.5s}
.hangers li.y{background:var(--yellow)}
.hk{position:absolute;left:50%;top:-30px;width:2.5px;height:30px;background:var(--ink)}
.hk::before{content:"";position:absolute;left:-7px;top:-6px;width:14px;height:10px;border:2.5px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0}

.zero{background:var(--ink);color:var(--paper)}
.zero .h2 em{color:var(--yellow)}
.eb.on-ink{color:var(--mint-txt)}
.zero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.zero-art{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:10px;min-height:360px}
.ztag{position:relative;width:min(56%,240px);padding:56px 16px 28px;background:var(--yellow);color:var(--ink);border:3px solid var(--paper);border-radius:28px 28px 20px 20px;box-shadow:6px 7px 0 var(--green);text-align:center;display:grid;gap:6px;rotate:-6deg;transform-origin:50% -40px;animation:swing 5s ease-in-out infinite;align-self:center}
.ztag::before{content:"";position:absolute;top:18px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--ink);border:3px solid var(--paper)}
.ztag .lb{font-weight:900;font-size:16px}
.ztag b{font-family:var(--f-en);font-weight:900;font-size:clamp(80px,9vw,120px);line-height:.95;letter-spacing:-.04em}
.ztag b small{font-family:var(--f-ja);font-size:.3em;letter-spacing:0;margin-left:4px}
.ztag .sub{justify-self:center;background:var(--ink);color:var(--paper);font-weight:900;font-size:14px;border-radius:999px;padding:3px 14px}
.zchar{display:grid;justify-items:center;gap:10px}
.zchar .bub{color:var(--ink)}
.zchar .chara{width:150px}
.zero-p{font-size:16px;line-height:2;color:#DADDD6;max-width:32em}
.zero-box{margin:22px 0 26px;border:2px dashed var(--mint-txt);border-radius:16px;padding:16px 18px;display:grid;gap:12px}
.zb-h{display:flex;gap:10px;align-items:flex-start;font-weight:700;font-size:15px;line-height:1.7}
.zb-h .ic{flex:none;font-size:20px;color:var(--yellow);margin-top:3px}
.tbd{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.tbd li{font-size:13px;font-weight:900;border:1.5px solid var(--paper);border-radius:999px;padding:3px 12px}
.tbd li::after{content:"：準備中";color:var(--mint-txt);font-weight:700}

.kids-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:center}
.kids-grid .note{margin-top:14px;max-width:40em}
.kids-art{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:12px;min-height:260px}
.kt{display:grid;place-items:center;font-family:var(--f-en);font-weight:900;letter-spacing:.12em;border:var(--bd);box-shadow:4px 5px 0 var(--ink);border-radius:14px 14px 22px 22px;background:var(--white)}
.k1{width:110px;height:150px;font-size:14px;rotate:-6deg;background:var(--green-pale)}
.k2{width:104px;height:140px;font-size:13px;rotate:4deg;background:var(--paper-2)}
.k3{width:84px;height:104px;font-size:13px;rotate:-2deg;background:var(--yellow)}
.kids-art .chara{width:130px;margin-left:-20px}

.zones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:30px 0 22px}
.zn{background:var(--white);border:var(--bd);border-radius:16px;box-shadow:var(--sh);padding:18px;display:grid;gap:6px;align-content:start}
.zn.y{background:var(--yellow)}
.zc{justify-self:start;font-family:var(--f-en);font-weight:900;font-size:14px;letter-spacing:.06em;background:var(--ink);color:var(--paper);border-radius:8px;padding:3px 10px}
.zn b{font-weight:900;font-size:19px}
.zn p{font-size:14px;color:var(--gray);line-height:1.6}
.zn.y p{color:var(--ink-2)}

.how-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}
.c-kimaru-guide{width:140px;margin-bottom:-6px}
.how{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;counter-reset:h}
.how li{position:relative;background:var(--white);border:var(--bd);border-radius:16px;box-shadow:var(--sh);padding:18px 16px;display:grid;gap:6px;align-content:start}
.hn{width:40px;height:40px;border-radius:50%;background:var(--green-deep);color:var(--white);display:grid;place-items:center;font-family:var(--f-en);font-weight:900;font-size:18px}
.how b{font-weight:900;font-size:16px;line-height:1.45}
.how p{font-size:13.5px;color:var(--gray);line-height:1.65}

.insta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 32px;align-items:center}
.insta-ic{width:84px;height:84px;border-radius:24px;border:var(--bd);background:var(--white);box-shadow:var(--sh);display:grid;place-items:center;font-size:42px;color:var(--green-deep)}

@media (max-width:960px){
  .rack-art{height:400px;width:min(100%,420px)}
  .pt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hangers{grid-template-columns:repeat(4,minmax(0,1fr))}
  .zero-grid,.kids-grid{grid-template-columns:minmax(0,1fr)}
  .zones{grid-template-columns:repeat(2,minmax(0,1fr))}
  .how{grid-template-columns:repeat(2,minmax(0,1fr))}
  .insta{grid-template-columns:auto minmax(0,1fr)}
  .insta .btn{grid-column:1 / -1;justify-self:start}
}
@media (max-width:760px){
  .hangers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .how-head{grid-template-columns:minmax(0,1fr) 96px}
  .c-kimaru-guide{width:96px}
}
@media (max-width:560px){
  .rack-art{height:330px}
  .htag{width:92px;padding:30px 6px 14px;margin-top:48px}
  .t2{width:108px;margin-top:34px}
  .htag b{font-size:15px}
  .htag .big{font-size:24px}
  .tags{left:4%;right:4%}
  .c-kimaru-hero{width:126px;right:0}
  .rack::before,.rack::after{height:250px}
  .pt-grid{grid-template-columns:minmax(0,1fr)}
  .zones{grid-template-columns:minmax(0,1fr)}
  .how{grid-template-columns:minmax(0,1fr)}
  .zero-art{min-height:300px}
  .zchar .chara{width:110px}
  .ztag{width:50%}
  .zchar{flex:none}
  .zchar .bub{font-size:13px;padding:6px 10px}
  .kids-art{min-height:210px}
  .k1{width:86px;height:118px}
  .k2{width:80px;height:108px}
  .k3{width:66px;height:84px}
  .kids-art .chara{width:104px}
  .insta{grid-template-columns:minmax(0,1fr)}
  .insta .btn{width:100%}
}
@media (prefers-reduced-motion: reduce){.htag,.hangers li,.ztag{animation:none}}