@font-face{
    font-family:"Osaka Evessa";
    src:url("data:font/otf;base64,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") format("opentype");
    font-weight:normal;font-style:normal;font-display:swap;
  }
  .num{font-family:"Osaka Evessa","Hiragino Kaku Gothic ProN",sans-serif;font-weight:400;letter-spacing:.02em}
  :root{
    --red:#E6001B;      /* Passionately Red */
    --black:#1E0E07;    /* Majesty Black */
    --gold:#D4B274;     /* Kingly Gold */
    --gold-deep:#c79a56;
    --paper:#000000;
    --panel-bg:#0d0d0d;
    --ink:#f3ece0;
    --line:rgba(212,178,116,.28);
    --maxw:1080px;
    --gothic:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif;
    --evessa:"Osaka Evessa","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:auto}
  body{
    font-family:var(--gothic);
    color:var(--ink);
    background:var(--paper);
    line-height:1.8;
    font-weight:600;
    -webkit-font-smoothing:antialiased;
    font-feature-settings:"palt";
  }
  img{max-width:100%;display:block}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

  /* display type — gothic, heavy, wide tracking (no serif/latin-display) */
  .disp{font-family:var(--gothic);font-weight:900;letter-spacing:.04em}

  /* ---------- top bar ---------- */
  .topbar{
    background:#000;color:#f3ece0;text-align:center;
    font-size:12px;letter-spacing:.12em;padding:9px 16px;
    position:relative;z-index:50;border-bottom:1px solid rgba(212,178,116,.18);
  }
  .topbar b{color:var(--gold)}

  /* ---------- nav (fixed header) ---------- */
  nav{
    position:relative;z-index:49;
    background:rgba(15,7,4,.94);backdrop-filter:blur(10px);
    border-bottom:2px solid var(--red);
    box-shadow:0 4px 18px rgba(0,0,0,.35);
  }
  nav ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;max-width:var(--maxw);margin:0 auto}
  nav a{
    display:block;color:#efe6d8;text-decoration:none;font-weight:700;
    letter-spacing:.1em;font-size:13px;padding:13px 16px;border-bottom:2px solid transparent;transition:.2s;
  }
  nav a:hover{color:var(--gold);border-color:var(--gold)}
  /* header stays dark & consistent across all panels */
  nav.on-light{background:rgba(15,7,4,.94);border-bottom:2px solid var(--red)}
  nav.on-light a{color:#efe6d8}
  nav.on-light a:hover{color:var(--gold);border-color:var(--gold)}
  .topbar.on-light{background:#fff;color:var(--black)}
  .topbar.on-light b{color:var(--red)}

  /* ============ VERTICAL UNIFORM PANELS (bg = uniform color) ============ */
  /* shared panel */
  .panel{
    display:flex;align-items:center;justify-content:center;padding:96px 24px 56px;position:relative;overflow:hidden;
  }
  /* giant ghost number behind the uniform */
  .panel::before{
    font-family:var(--evessa);font-weight:400;
    position:absolute;right:1.5vw;bottom:2vh;z-index:0;
    font-size:min(26vh,17vw);line-height:.85;letter-spacing:.01em;
    pointer-events:none;user-select:none;
    opacity:0;transform:translateX(40px) scale(.92);
    transition:opacity 1s ease .1s,transform 1.1s cubic-bezier(.16,.84,.44,1) .1s;
  }
  .panel.in::before{opacity:1;transform:none}
  .panel.s-home::before{content:"HOMe";color:rgba(212,178,116,.16)}
  .panel.s-away::before{content:"AWAY";color:rgba(230,0,27,.12)}
  .panel.s-red::before {content:"red";color:rgba(255,255,255,.18)}
  .panel.s-home{background:radial-gradient(120% 120% at 50% 0%,#231812 0%,#000 66%)}
  .panel.s-away{background:radial-gradient(120% 120% at 50% 0%,#ffffff 0%,#e9e4db 72%)}
  .panel.s-red {background:radial-gradient(120% 120% at 50% 0%,#ff2438 0%,var(--red) 64%)}

  .panel-inner{
    display:grid;grid-template-columns:.7fr 1.7fr;gap:32px;align-items:center;
    max-width:1360px;width:100%;position:relative;z-index:2;
  }
  .panel-copy .no{
    display:block;font-size:clamp(52px,10vw,120px);line-height:.9;
  }
  .panel-copy .kind{display:block;font-weight:800;letter-spacing:.28em;font-size:clamp(15px,2.4vw,20px);margin-top:6px}
  .panel-copy .jp-kind{display:block;font-weight:800;font-size:13px;letter-spacing:.2em;margin-top:6px;opacity:.85}
  .panel-copy h2{font-weight:900;font-size:clamp(20px,3vw,28px);margin:24px 0 12px;letter-spacing:.02em}
  .panel-copy p{font-size:14.5px;max-width:420px;font-weight:700}
  .panel-figure{display:flex;justify-content:center;position:relative;z-index:2}
  /* soft glow halo behind the uniform */
  .panel-figure::before{
    content:"";position:absolute;top:50%;left:50%;width:82%;height:82%;
    transform:translate(-50%,-50%);border-radius:50%;z-index:-1;
    background:radial-gradient(closest-side,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);
    filter:blur(6px);
  }
  .s-home .panel-figure::before{background:radial-gradient(closest-side,rgba(212,178,116,.3),rgba(212,178,116,0) 70%)}
  .s-red  .panel-figure::before{background:radial-gradient(closest-side,rgba(255,255,255,.28),rgba(255,255,255,0) 70%)}
  .panel-figure img{max-height:82vh;width:auto;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6)) drop-shadow(0 8px 18px rgba(0,0,0,.4))}

  /* per-panel text colors */
  .s-home{color:#f4ece0}  .s-home .no{color:var(--gold)}
  .s-away{color:#2a1c12}  .s-away .no{color:var(--red)}
  .s-red {color:#fff}     .s-red  .no{color:#fff}

  /* scroll-reveal (snap panels) */
  .panel-copy>*,.panel-figure{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
  .panel.in .panel-copy>*{opacity:1;transform:none}
  .panel.in .panel-copy>*:nth-child(2){transition-delay:.06s}
  .panel.in .panel-copy>*:nth-child(3){transition-delay:.12s}
  .panel.in .panel-copy>*:nth-child(4){transition-delay:.18s}
  .panel.in .panel-copy>*:nth-child(5){transition-delay:.24s}
  /* photo: blur focus — starts blurred & slightly zoomed, resolves into focus */
  .panel-figure{transform:translateY(40px) scale(1.08);filter:blur(18px)}
  .panel.in .panel-figure{opacity:1;transform:none;filter:blur(0);transition:opacity .8s ease,transform 1.1s ease .1s,filter 1s ease}
  /* gold accent line grows under the number */
  .panel-copy .no{position:relative}
  .panel-copy .no::after{content:"";position:absolute;left:.06em;bottom:-.06em;height:4px;width:0;background:var(--gold);transition:width .7s cubic-bezier(.22,.61,.36,1) .35s}
  .panel.in .panel-copy .no::after{width:1.6em}
  .s-away .no::after{background:var(--red)}
  .s-red  .no::after{background:#fff}

  /* ---- fullscreen panels (snapping handled entirely by JS) ---- */
  .panel{height:100vh;height:100dvh}
  section.info{}

  /* ---- swipe/scroll guide (down arrow) ---- */
  .slide-guide{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);
    z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;
    pointer-events:none;opacity:0;transition:opacity .5s ease;
    color:var(--gold)}
  .slide-guide.show{opacity:.9}
  .slide-guide__label{font-family:var(--evessa,inherit);font-size:12px;
    letter-spacing:.28em;font-weight:800;text-shadow:0 1px 6px rgba(0,0,0,.55)}
  .slide-guide__arrow{width:20px;height:20px;border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;transform:rotate(45deg);
    animation:slideGuideBounce 1.6s ease-in-out infinite;
    filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}
  /* on the white AWAY panel the gold is low-contrast -> darken guide */
  .slide-guide.on-light{color:#1e0e07}
  @keyframes slideGuideBounce{
    0%,100%{transform:rotate(45deg) translate(0,0);opacity:.55}
    50%{transform:rotate(45deg) translate(4px,4px);opacity:1}
  }
  @media(prefers-reduced-motion:reduce){
    .slide-guide__arrow{animation:none}
  }

  /* side tabs (HOME/AWAY/3rd) — only shown while a uniform panel is active */
  
  
  
  
  
  
  
  
  

  /* ---------- section frame ---------- */
  section.info{padding:76px 0}
  .sec-head{text-align:center;margin-bottom:44px}
  .sec-head .kicker{display:block;color:var(--gold-deep);font-size:clamp(30px,5.2vw,52px);letter-spacing:.08em;margin-bottom:6px;font-weight:900;line-height:1.02}
  .sec-head h3{font-weight:700;font-size:clamp(13px,1.8vw,17px);letter-spacing:.18em;color:#fff;opacity:.85}

  /* ===== DARK THEME: brand color / detail / name&number (black bg) ===== */
  .detail,.nn{background:var(--paper)}
  .detail .sec-head h3,.nn .sec-head h3{color:#fff}
  .detail .sec-head .kicker,.nn .sec-head .kicker{color:var(--gold)}

  /* ===== RED THEME: PRODUCT (price) section onward ===== */
  .on-red,footer{background:#1E0E07}
  #size,.sched{background:#A10013}
  /* headings & kickers on red */
  .on-red .sec-head h3,#size .sec-head h3{color:#fff}
  .on-red .sec-head .kicker,#size .sec-head .kicker{color:#ffd9d9}
  .on-red .sec-head .kicker::before,.on-red .sec-head .kicker::after,
  #size .sec-head .kicker::before,#size .sec-head .kicker::after{background:#ffb3b3}
  /* price cards on red -> dark cards for contrast */
  .on-red .price-card{background:#fff;border-color:rgba(0,0,0,.1)}
  .on-red .price-card .ph{background:#f1ead9}
  .on-red price-card.accent .ph{background:#f1ead9}
  .on-red price-card.accent .ph .en{color:#a8842f}
  .on-red .price-row{border-bottom-color:rgba(0,0,0,.14)}
  .on-red .price-note{color:#ffe0e0}
  /* size chart caption on red */
  #size .size-cap{color:#fff}
  /* notice on red -> dark box */
  .notice .notice-box{background:#fff;border-left-color:var(--red)}
  .notice .notice-box h4{color:var(--red)}
  .notice .notice-box p,.notice .notice-box ul{color:#3a2f22}
  /* footer on red */
  footer .logo{color:#fff}
  footer .logo span{color:#160b06}

  /* DESIGN DETAIL (placeholder) */
  .detail{background:var(--paper);padding:0;scroll-snap-align:none}
      .dark-block{position:relative;isolation:isolate;background-color:#C40017;
    background-image:linear-gradient(rgba(196,0,23,.30),rgba(196,0,23,.30)),url('/files/user/_/lp/2026-27/uniform/img/haikei_02.png');
    background-repeat:no-repeat,no-repeat;
    background-position:center center,center center;
    background-size:cover,cover;
    background-attachment:fixed,fixed}
  .dark-block>section{position:relative;z-index:1;background:transparent}
  #brand-color,#design,#nn{background:transparent}
  
  .detail>.wrap{width:100%;padding-top:88px;padding-bottom:56px;display:flex;flex-direction:column;align-items:center}
  .detail .sec-head{margin-bottom:24px}
  .detail-img{max-width:none;width:min(90vw,720px);margin:0 auto;border:1px solid rgba(212,178,116,.28);border-radius:0;overflow:hidden;background:#0d0d0d;box-shadow:0 20px 60px rgba(0,0,0,.5)}
  .detail-img img{display:block;width:100%;height:auto;max-height:none;max-width:none}
  .detail-note{text-align:center;font-size:16px;color:#b7ab98;margin-top:16px;font-weight:600}

  /* NAME & NUMBER */
  .nn{background:var(--paper);color:#fff}
  .nn .sec-head h3{color:#fff}.nn .sec-head .kicker{color:var(--gold)}
  .nn .sec-head .kicker::before,.nn .sec-head .kicker::after{background:var(--gold)}
  .nn-card{max-width:680px;margin:0 auto;text-align:center;border:1px solid rgba(212,178,116,.35);border-radius:0;padding:44px 28px;background:#0d0d0d}
  .nn-card .big{font-weight:900;font-size:clamp(64px,16vw,120px);line-height:1;color:var(--gold);letter-spacing:.08em}
  .nn-card .lbl{color:#d8cbb8;font-size:14.5px;margin-top:18px;font-weight:600}.nn-card .lbl b{color:#fff}

  /* PRODUCT / AUTHENTIC UNIFORM SALES */
  /* larger top heading for the sales block */
  .sec-head-lg{margin-bottom:20px}
  .sec-head-lg .kicker{font-size:clamp(34px,6vw,60px)}
  .sec-head-lg h3{font-size:clamp(13px,1.9vw,18px)}
  /* black -> red transition accent at the top of the sales (red) block */
  .products{border-top:3px solid var(--gold)}
  #price.products{position:relative;isolation:isolate;background:#A10013}
  #price.products>.wrap{position:relative;z-index:1}
  .products .sub-head{text-align:center;max-width:920px;margin:0 auto 22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.22)}
  .products .sub-head .sub-kicker{display:block;color:#ffd9d9;font-size:clamp(22px,3.6vw,32px);letter-spacing:.1em;font-weight:900;margin-bottom:4px;text-transform:none}
  .products .sub-head h4{font-weight:700;font-size:clamp(12px,1.6vw,15px);letter-spacing:.16em;color:#fff;opacity:.85;margin:0}
  /* each uniform sales block, stacked vertically */
  .price-block{max-width:1120px;margin:0 auto 16px}
  .price-block:last-of-type{margin-bottom:8px}
  .price-block-title{display:flex;align-items:baseline;gap:14px;justify-content:center;margin-bottom:12px}
  .price-block-title .pb-name{font-family:var(--evessa);font-weight:400;font-size:clamp(28px,4.6vw,40px);letter-spacing:.06em;color:#fff}
  .price-block-title .pb-en{font-family:var(--evessa);font-weight:400;font-size:14px;letter-spacing:.12em;color:var(--gold)}
  .price-layout{display:grid;grid-template-columns:0.85fr 2.4fr;gap:36px;max-width:1240px;margin:0 auto;align-items:end}
  .price-mock{display:flex;justify-content:center;position:relative}
  .price-mock::before{content:"";position:absolute;inset:8% 6%;background:radial-gradient(closest-side,rgba(255,255,255,.16),rgba(255,255,255,0) 72%);z-index:0}
  .price-mock img{width:100%;max-width:640px;height:auto;position:relative;z-index:1;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
  .price-mock .mock-tag{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);z-index:2;font-size:11px;letter-spacing:.1em;color:#ffe0e0;font-weight:700;background:rgba(0,0,0,.4);padding:4px 12px;border-radius:999px;white-space:nowrap}
  .price-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .price-card{border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.35)}
  .price-card .ph{background:#f1ead9;color:#2a1d0c;padding:15px 20px;font-weight:800;letter-spacing:.06em;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap}
  .price-card .ph .en{color:#a8842f;font-size:11px;letter-spacing:.12em;font-weight:700;white-space:nowrap}
  price-card.accent .ph{background:#f1ead9}price-card.accent .ph .en{color:#a8842f}
  .price-rows{padding:6px 20px 18px}
  .price-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0;border-bottom:1px dashed rgba(0,0,0,.14)}
  .price-row:last-child{border-bottom:0}
  .price-row .size{font-size:13px;color:#8a7550;letter-spacing:.06em;font-weight:700;white-space:nowrap;flex:0 0 auto}
  .price-row .yen{font-weight:900;font-size:20px;color:#1a1a1a;white-space:nowrap;text-align:right;flex:1 1 auto}
  .price-row .yen span{font-size:11px;font-weight:700;color:#8a7550;margin-left:3px;white-space:nowrap}
  .price-note{text-align:center;font-size:12.5px;color:#cbb78f;margin-top:22px;font-weight:600}
  .price-mock-note{text-align:center;font-size:11.5px;color:#ffc9c9;margin-top:6px;font-weight:600}
  /* buy button */
  .price-card{display:flex;flex-direction:column}
  .price-card .price-rows{flex:0 0 auto}
  .buy-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;
    margin:20px 16px 20px;padding:15px 20px;border-radius:999px;text-decoration:none;
    background:linear-gradient(135deg,#e7d3a1 0%,#d4b274 48%,#b7955a 100%);
    color:#1a0f07;font-weight:900;font-size:18px;letter-spacing:.06em;
    border:1px solid rgba(255,255,255,.35);
    box-shadow:0 8px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5);
    transition:transform .18s ease,box-shadow .25s ease}
  .buy-btn .en{font-family:var(--evessa);font-weight:400;font-size:12px;letter-spacing:.16em;color:#5a4321}
  .buy-btn::after{content:"\2192";font-size:16px;font-weight:900;transition:transform .2s ease}
  .buy-btn::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);
    transform:skewX(-18deg)}
  .buy-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.6)}
  .buy-btn:hover::before{animation:btnShine .7s ease}
  .buy-btn:hover::after{transform:translateX(4px)}
  .buy-btn:active{transform:translateY(0)}
  @keyframes btnShine{0%{left:-60%}100%{left:120%}}

  /* SIZE */
  .size-wrap{max-width:940px;margin:0 auto;border-radius:0;padding:0;background:#fff;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .size-table{width:100%;min-width:620px;border-collapse:separate;border-spacing:0;font-family:var(--gothic);color:#2a2a2a}
  .size-table th,.size-table td{padding:16px 8px;text-align:center;font-size:16px;border-bottom:1px solid #efe9dc}
  .size-table thead th{background:#efe4cb;color:#5a4a2a;font-weight:900;letter-spacing:.04em;font-size:16px;padding:16px 8px;border-bottom:1px solid #e2d4b4}
  .size-table thead th:first-child{background:#f7f1e4}
  .size-table thead th:not(:last-child){border-right:1px solid #e2d4b4}
  .size-table tbody th{background:#f7f1e4;color:#6a5836;font-weight:800;width:110px;text-align:left;padding-left:20px;font-size:15px;letter-spacing:.06em}
  .size-table tbody td{border-right:1px solid #f0ece2}
  .size-table tbody td:last-child{border-right:0}
  .size-table tbody td .num{font-family:var(--gothic);font-weight:800;font-size:19px;letter-spacing:.01em;color:#2a2a2a}
  .size-table tbody td .num::after{content:" cm";font-size:10.5px;font-weight:700;color:#a99a7c;letter-spacing:0}
  .size-table tbody tr:nth-child(even) td{background:#faf7f0}
  .size-table tbody tr:last-child th,.size-table tbody tr:last-child td{border-bottom:0}
  .size-cap{text-align:center;font-size:14px;color:#fff;margin-top:18px;font-weight:700;letter-spacing:.02em;line-height:1.6}

  /* SCHEDULE */
  .sched{background:#A10013;color:#fff}
  .sched .sec-head h3{color:#fff}.sched .sec-head .kicker{color:#ffd9d9}
  .sched .sec-head .kicker::before,.sched .sec-head .kicker::after{background:#ffb3b3}
  .sched-cards{display:flex;flex-direction:column;gap:22px;max-width:760px;margin:0 auto}
  .sched-card{background:rgba(20,10,6,.5);border:1px solid rgba(255,255,255,.16);border-radius:0;
    padding:30px 34px;backdrop-filter:blur(2px)}
  .sched-card .phase{display:inline-block;font-family:var(--evessa);font-size:14px;letter-spacing:.18em;
    color:var(--gold);margin-bottom:14px}
  .sched-card .sched-ttl{font-size:clamp(18px,2.6vw,24px);font-weight:900;color:#fff;line-height:1.4;
    margin:0 0 22px;letter-spacing:.02em}
  .sched-row{display:flex;align-items:baseline;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12)}
  .sched-row .sched-tag{flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.08em;color:#160b06;
    background:var(--gold);border-radius:0;padding:4px 10px}
  .sched-row .sched-val{margin:0;font-size:clamp(16px,2.2vw,20px);font-weight:800;color:#fff;letter-spacing:.02em}
  .sched-row .sched-val b{color:var(--gold);border-bottom:2px solid var(--gold);padding-bottom:1px}
  .sched-desc{margin:18px 0 0;font-size:13px;line-height:1.8;color:#e8dccb;font-weight:600}

  /* NOTICE */
  .notice{background:#A10013}
  .notice-box{max-width:820px;margin:0 auto;border-left:4px solid var(--red);background:#fff;border-radius:0 8px 8px 0;padding:26px 28px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
  .notice-box h4{font-size:15px;margin-bottom:12px;color:var(--red);letter-spacing:.04em}
  .notice-box p{font-size:13.5px;color:#3a2f22;font-weight:600}
  .notice-box ul{margin:12px 0 0 1.1em;font-size:13.5px;color:#3a2f22;font-weight:600}
  .notice-box li{margin-bottom:6px}

  /* FOOTER */
  footer{background:#1E0E07;color:#e9ddca;text-align:center;padding:52px 20px 32px;font-size:12px;letter-spacing:.1em}
  footer .logo{font-weight:900;letter-spacing:.24em;color:#fff;font-size:18px;margin-bottom:12px}
  footer .logo span{color:var(--gold)}

  @media(max-width:820px){
    /* ---- SP: native CSS scroll-snap for the uniform panels (no JS hijack) ---- */
    html{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}
    .panel{scroll-snap-align:start;scroll-snap-stop:always}
    /* everything outside the slider stage must not snap */
    .top-hero,.anchor-bar,.design-concept,section.info,.detail,footer{scroll-snap-align:none}
    nav{top:0}nav a{padding:11px 11px;font-size:12px}
    .price-layout{grid-template-columns:1fr;gap:22px}
    .price-mock img{max-width:460px}
    .price-grid{grid-template-columns:1fr;gap:16px}
    .price-card .ph{padding:13px 18px;font-size:15px;gap:8px;flex-direction:row;align-items:center;justify-content:space-between;white-space:nowrap}
    .price-card .ph .en{font-size:11px;letter-spacing:.1em;white-space:nowrap}
    .price-rows{padding:6px 12px 18px}
    .price-row{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 0}
    .price-row .size{font-size:11px}
    .price-row .yen{font-size:18px;text-align:right}
    .price-row .yen span{font-size:9.5px;display:inline}
    .buy-btn{margin:16px 16px;padding:14px 18px;font-size:16px;gap:8px;white-space:nowrap}
    .buy-btn .en{font-size:11px;letter-spacing:.12em}
    .price-block{margin-bottom:28px}
    .size-wrap{padding:0;overflow-x:visible}
    .size-table{min-width:0;table-layout:fixed}
    .size-table th,.size-table td{padding:9px 2px;font-size:11px}
    .size-table thead th{font-size:11px;padding:9px 2px}
    .size-table tbody th{width:38px;padding-left:6px;font-size:10.5px;letter-spacing:0}
    .size-table tbody td .num{font-size:13px}
    .size-table tbody td .num::after{content:"";}
    .panel{padding:84px 18px 64px}
    .panel-inner{grid-template-columns:1fr;gap:12px;text-align:center}
    .panel-figure{order:-1}
    .panel-figure img{max-height:46vh;max-height:46dvh}
    .panel-copy p{margin:0 auto}
    .panel-copy .no::after{left:50%;transform:translateX(-50%)}
    .panel::before{font-size:13vh;right:-1vw;bottom:1vh;opacity:.9}
    .panel.in::before{opacity:1}
    
  
    
    
    .sched-card{padding:24px 22px}
  }
  @media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;scroll-snap-type:none}
    .panel-copy>*,.panel-figure{transition:none;opacity:1;transform:none;filter:none}
    .panel-copy .no::after{transition:none;width:1.6em}
    .panel::before{transition:none;opacity:1;transform:none}
  }

  /* enlarged label (uniform panels) */
  .panel-copy .kind-lg{font-size:clamp(30px,5vw,56px);letter-spacing:.16em;margin-top:14px;line-height:1}
  .panel-copy .kind-en{display:block;font-weight:900;font-size:clamp(30px,5.5vw,58px);letter-spacing:.08em;margin-top:2px;opacity:.95;line-height:.9}
  .panel-copy .jp-kind-lg{font-size:clamp(11px,1.3vw,14px);letter-spacing:.24em;margin-top:10px;opacity:.8}

  /* ===== TOP ANCHOR LINKS (below hero visual) ===== */
  .anchor-bar{
    position:static;
    background:var(--black);
    border-top:2px solid var(--red);
    border-bottom:2px solid var(--red);
    scroll-snap-align:none;
  }
  .anchor-bar .wrap{
    max-width:1360px;margin:0 auto;
    display:flex;justify-content:center;align-items:stretch;
    gap:0;padding:0;
  }
  .anchor-bar a{
    flex:1;min-width:0;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:6px;padding:26px 12px;
    text-decoration:none;color:var(--ink);
    font-family:var(--gothic);font-weight:900;
    letter-spacing:.18em;text-transform:uppercase;
    position:relative;transition:color .25s ease,background .25s ease;
  }
  .anchor-bar a + a{border-left:1px solid rgba(255,255,255,.12)}
  .anchor-bar a .en{font-size:clamp(16px,2.4vw,22px);line-height:1}
  .anchor-bar a .jp{font-size:11.5px;font-weight:700;letter-spacing:.14em;opacity:.7;color:var(--gold)}
  .anchor-bar a::after{
    content:"";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);
    width:0;height:3px;background:var(--red);transition:width .3s cubic-bezier(.22,.61,.36,1);
  }
  .anchor-bar a:hover{color:#fff;background:rgba(230,0,27,.08)}
  .anchor-bar a:hover::after{width:36px}
  @media (max-width:820px){
    .anchor-bar a{padding:18px 8px}
    .anchor-bar a .en{font-size:15px}
    .anchor-bar a .jp{font-size:10px}
    .anchor-bar a::after{bottom:9px}
    .top-hero{padding-top:0}
  }

  /* ===== TOP HERO (551 collab key visual) ===== */
  .top-hero{width:100%;background:var(--black);line-height:0;scroll-snap-align:none;padding-top:0}
  .top-hero img{width:100%;height:auto;display:block;max-height:none}

  /* ===== English text uses Osaka Evessa font ===== */
  .en,.kind,.kind-en,.kicker,.sub-kicker,.pb-en,.anchor-bar a .en,
  .mock-tag,.price-card .ph .en,.step{
    font-family:var(--evessa);
  }
  /* Osaka Evessa is a display face — nudge tracking/size for legibility as EN labels */
  .kicker,.sub-kicker{letter-spacing:.14em}
  .anchor-bar a .en{letter-spacing:.06em;text-transform:none}

  /* ===== OVERALL WEIGHT BUMP (one step bolder) ===== */
  body{font-weight:700}
  .panel-copy p{font-weight:800}
  .panel-copy .kind,.panel-copy .jp-kind,.panel-copy .kind-en{font-weight:900}
  .sec-head .kicker,.sec-head-lg .kicker,.sub-head .sub-kicker{font-weight:900}
  .sec-head h3,.sec-head h4,.sub-head h4{font-weight:700}
  .price-note,.price-mock-note,.detail-note,.size-cap{font-weight:700}
  .price-row .size{font-weight:800}
  .nn-card .lbl{font-weight:800}
  nav a{font-weight:800}


  /* ===== DESIGN DETAIL : uploaded images ===== */
  .detail-feature{margin:8px auto 0;max-width:900px}
  .detail-feature img{width:100%;height:auto;display:block;border-radius:0}
  .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1000px;margin:0 auto 40px}
  .detail-item{margin:0}
  .detail-item img{width:100%;height:auto;display:block;border-radius:0}
  .detail-item figcaption{margin-top:10px;text-align:center;font-family:var(--evessa);
    font-size:clamp(12px,1.5vw,15px);letter-spacing:.1em;color:var(--gold)}
  @media(max-width:820px){
    .detail-grid{grid-template-columns:1fr;gap:26px}
    .detail-feature{margin-bottom:30px}
  }

  /* ===== DETAIL placeholder ===== */
  .detail-placeholder{display:flex;align-items:center;justify-content:center;
    width:min(90vw,720px);aspect-ratio:16/9;background:#111;
    border:1px dashed rgba(212,178,116,.4);border-radius:0}
  .detail-placeholder .ph-inner{text-align:center;display:flex;flex-direction:column;gap:8px}
  .detail-placeholder .ph-en{font-family:var(--evessa);font-size:clamp(22px,4vw,34px);color:var(--gold);letter-spacing:.06em}
  .detail-placeholder .ph-jp{font-size:13px;color:#b7ab98;font-weight:700;letter-spacing:.08em}

  /* ===== HOME → 伏虎 : 1枚のユニが背景に居続ける(sticky), 前景が流れる ===== */
  .home-concept{position:relative;background:#000}
  .home-concept.hc-away{background:#eee9df}
  .home-concept.hc-red{background:#2a0407}
  .hc-uni{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;z-index:0;overflow:hidden;
    background:radial-gradient(120% 120% at 50% 0%,#231812 0%,#000 66%)}
  .hc-uni img{height:136%;width:auto;max-width:none;opacity:1;will-change:transform;filter:drop-shadow(0 40px 70px rgba(0,0,0,.55))}
  .hc-dim{position:sticky;top:0;height:100vh;margin-top:-100vh;z-index:1;background:#000;opacity:0;pointer-events:none}
  .hc-flow{position:relative;z-index:2;margin-top:-100vh}
  /* HEROゾーン(1画面): HOMEコピー */
  .hc-hero{height:300vh;position:relative;pointer-events:none}
  .hc-home-copy{position:sticky;top:clamp(180px,32vh,340px);left:0;margin-left:clamp(24px,13vw,220px);z-index:5;
    width:max-content;display:flex;flex-direction:column;align-items:flex-start;gap:2px;color:#f4ece0;will-change:opacity,transform}
  .hc-home-copy .no{font-family:var(--evessa);font-weight:400;color:var(--gold);font-size:clamp(56px,11vw,150px);line-height:.9;letter-spacing:.02em}
  .hc-home-copy .kind-lg{font-family:var(--evessa);font-weight:400;color:#f4ece0;font-size:clamp(26px,4vw,54px);letter-spacing:.06em;line-height:1}
  .hc-home-copy .kind-en{font-family:var(--evessa);font-weight:400;color:#f4ece0;font-size:clamp(20px,3vw,40px);letter-spacing:.08em;margin-top:6px}
  .hc-home-copy .jp-kind{font-family:var(--gothic);font-weight:700;color:#cdc3b2;font-size:clamp(12px,1.4vw,15px);letter-spacing:.18em;margin-top:14px}
  /* 伏虎 本文(通常フロー, ユニの上, 全文可読) */
  .hc-read{position:relative;padding:clamp(40px,8vh,110px) 24px clamp(90px,14vh,160px)}
  .hc-read .cr-inner{max-width:820px;margin:0 auto}
  .hc-read .cr-title{text-align:center;margin-bottom:clamp(40px,6vh,72px)}
  .hc-read .cr-title .jp{display:block;font-family:var(--gothic);font-weight:900;letter-spacing:.14em;
    -webkit-text-stroke:.9px currentColor;text-stroke:.9px currentColor;
    font-size:clamp(28px,5.4vw,58px);color:#fff;line-height:1.15;text-shadow:0 0 30px rgba(0,0,0,.7),0 0 30px rgba(212,178,116,.35)}
  .hc-read .cr-body p{font-family:var(--gothic);font-weight:600;color:#e9e0d2;
    font-size:clamp(15px,1.9vw,18px);line-height:2.1;letter-spacing:.03em;
    margin:0 auto 26px;max-width:760px;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.8)}
  .hc-read .cr-body p.lead{text-align:center;font-weight:900;color:#fff;font-size:clamp(22px,3.4vw,34px);letter-spacing:.06em;margin-bottom:34px}
  .hc-read .cr-body p b{color:var(--gold);font-weight:900;text-shadow:0 0 14px rgba(212,178,116,.5)}
  .hc-read .cr-title,.hc-read .cr-body p{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}
  .hc-read .cr-title.shown,.hc-read .cr-body p.shown{opacity:1;transform:none}


  /* ===== HERO variants per uniform color ===== */
  /* HOME: 黒基調 + 金 (default: 白文字/金) */
  .hc-away .hc-uni{background:radial-gradient(130% 120% at 50% 0%,#f4f1ea 0%,#d9d2c6 70%)}
  .hc-red .hc-uni{background:radial-gradient(120% 120% at 50% 0%,#5a0b12 0%,#2a0407 72%)}
  .hc-red  .hc-uni{background:radial-gradient(120% 120% at 50% 0%,#7a0f18 0%,#3a0509 70%)}
  .hc-home-copy .no{color:var(--gold)}

  /* --- AWAY: 白背景 + 黒文字 + 金/赤アクセント --- */
  .hc-away .hc-dim{background:#f4f1ea}           /* 沈み込みは白幕 */
  .hc-away .hc-home-copy{color:#1E0E07}
  .hc-away .hc-home-copy .no{color:var(--gold)}
  .hc-away .hc-home-copy .kind-lg,.hc-away .hc-home-copy .kind-en{color:#1E0E07}
  .hc-away .hc-home-copy .jp-kind{color:#5a4a3a}
  .hc-away .cr-title .jp{color:#1E0E07;text-shadow:0 0 24px rgba(212,178,116,.4)}
  .hc-away .cr-body p{color:#241a12;text-shadow:none}
  .hc-away .cr-body p.lead{color:#1E0E07}
  .hc-away .cr-body p b{color:var(--red);text-shadow:none}

  /* --- RED: 赤背景 + 白文字 + 金アクセント --- */
  .hc-red .hc-dim{background:#3a0509}
  .hc-red .hc-home-copy .no{color:var(--gold)}
  .hc-red .hc-home-copy .jp-kind{color:var(--gold);opacity:1;text-shadow:0 2px 10px rgba(0,0,0,.6)}
  .hc-red .cr-title .jp{color:#fff;text-shadow:0 0 30px rgba(0,0,0,.6),0 0 26px rgba(212,178,116,.4)}
  .hc-red .cr-body p{color:#f3e8e4}
  .hc-red .cr-body p b{color:var(--gold)}

  /* ===== CONCEPT READ (AWAY/RED下, 背景に薄いユニ, 全文可読) ===== */
  .concept-read{position:relative;background:#000;overflow:hidden;padding:clamp(80px,12vh,140px) 24px;scroll-snap-align:none}
  .concept-read .cr-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
    height:118%;width:auto;max-width:none;opacity:.09;filter:grayscale(1) contrast(1.05) brightness(1.1);
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%)}
  .concept-read .cr-inner{position:relative;z-index:2;max-width:820px;margin:0 auto}
  .concept-read .cr-title{text-align:center;margin-bottom:clamp(40px,6vh,72px)}
  .concept-read .cr-title .jp{display:block;font-family:var(--gothic);font-weight:900;letter-spacing:.14em;
    -webkit-text-stroke:.9px currentColor;text-stroke:.9px currentColor;
    font-size:clamp(28px,5.4vw,58px);color:#fff;line-height:1.15;text-shadow:0 0 30px rgba(212,178,116,.35)}
  .concept-read .cr-body p{font-family:var(--gothic);font-weight:600;color:#e9e0d2;
    font-size:clamp(15px,1.9vw,18px);line-height:2.1;letter-spacing:.03em;
    margin:0 auto 26px;max-width:760px;text-align:center}
  .concept-read .cr-body p.lead{text-align:center;font-weight:900;color:#fff;font-size:clamp(22px,3.4vw,34px);letter-spacing:.06em;margin-bottom:34px}
  .concept-read .cr-body p b{color:var(--gold);font-weight:900;text-shadow:0 0 14px rgba(212,178,116,.5)}
  .concept-read .cr-title,.concept-read .cr-body p{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}
  .concept-read .cr-title.shown,.concept-read .cr-body p.shown{opacity:1;transform:none}
  .cr-away .cr-bg{filter:grayscale(.2) contrast(1.05) brightness(1);opacity:.10}
  @media(max-width:820px){
    .hc-uni img{height:88%}
    .hc-home-copy{left:20px;margin-left:16px}
    .hc-read .cr-body p,.concept-read .cr-body p{text-align:center}
  }
  @media(prefers-reduced-motion:reduce){
    .hc-dim{opacity:.5}
    .hc-read .cr-title,.hc-read .cr-body p,.concept-read .cr-title,.concept-read .cr-body p{opacity:1;transform:none;transition:none}
  }

  /* ===== DESIGN CONCEPT : 見出し＋本文一体, 大阪城背景(cover), 霧+金グロー ===== */
  .design-concept{min-height:100vh;display:flex;align-items:center;justify-content:center;
    text-align:center;position:relative;overflow:hidden;padding:140px 24px}
  .design-concept .castle-wrap{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#000}
  .design-concept .castle-wrap::after{content:"";position:absolute;inset:0;z-index:1;
    background:
      radial-gradient(120% 90% at 50% 42%, rgba(0,0,0,.35) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.72) 100%),
      linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25))}
  .design-concept .castle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.05);
    width:100%;height:auto;object-fit:contain;object-position:center 42%;max-width:none;
    opacity:0;filter:grayscale(1) contrast(1.05);will-change:opacity,transform;backface-visibility:hidden;
    transition:opacity 1.8s cubic-bezier(.22,.61,.36,1),transform 2.2s cubic-bezier(.22,.61,.36,1)}
  .design-concept.shown .castle{opacity:1;filter:grayscale(1) contrast(1.08);transform:translate(-50%,-50%) scale(1)}
  .design-concept>.wrap{padding:0;position:relative;z-index:2}
  .design-concept .inner{position:relative;z-index:2;max-width:780px;width:100%;margin:0 auto;padding:clamp(24px,4vw,48px) 0}

  /* 見出し (エヴェッサフォント) */
  .design-concept .sec-head .kicker{display:block;font-family:var(--evessa);font-weight:400;letter-spacing:.08em;
    font-size:clamp(42px,7vw,80px);line-height:1.0;color:var(--gold);
    opacity:0;transform:translateY(24px);text-shadow:0 0 0 rgba(212,178,116,0);will-change:opacity,transform;
    transition:opacity 1.1s cubic-bezier(.22,.61,.36,1) .15s,transform 1.1s cubic-bezier(.22,.61,.36,1) .15s,text-shadow 1.2s ease .4s}
  .design-concept.shown .sec-head .kicker{opacity:1;transform:none;filter:blur(0);
    text-shadow:0 0 26px rgba(212,178,116,.65),0 0 52px rgba(212,178,116,.3)}
  .design-concept .sec-head h3{display:block;font-family:var(--gothic);font-weight:900;letter-spacing:.24em;
    font-size:clamp(15px,2.3vw,21px);color:#fff;margin-top:12px;
    opacity:0;transform:translateY(16px);transition:opacity 1s ease .5s,transform 1s ease .5s}
  .design-concept.shown .sec-head h3{opacity:.9;transform:none}

  /* 本文 (角ゴシック太字, 白, 霧から浮かぶ) */
  .design-concept .concept-body{margin-top:0}
  .design-concept .concept-body p{font-family:var(--gothic);font-weight:900;color:#fff;
    font-size:clamp(20px,2.9vw,30px);line-height:1.85;letter-spacing:.04em;margin-bottom:34px;
    opacity:0;transform:translateY(26px);will-change:opacity,transform;
    transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1)}
  .design-concept.shown .concept-body p{opacity:1;transform:none;filter:blur(0)}
  .design-concept.shown .concept-body p:nth-child(1){transition-delay:.7s}
  .design-concept.shown .concept-body p:nth-child(2){transition-delay:.9s}
  .design-concept.shown .concept-body p:nth-child(3){transition-delay:1.1s}
  .design-concept.shown .concept-body p:nth-child(4){transition-delay:1.3s}
  .design-concept .concept-body b{color:var(--gold);font-weight:900;
    text-shadow:0 0 18px rgba(212,178,116,.7),0 0 4px rgba(212,178,116,.5)}
  .design-concept .concept-body .finale{font-family:var(--gothic);font-weight:900;color:var(--gold);
    font-size:clamp(18px,3vw,34px);letter-spacing:.06em;margin-top:56px;margin-bottom:0;white-space:nowrap;
    text-shadow:0 0 22px rgba(212,178,116,.7),0 0 44px rgba(212,178,116,.35)}
  @media(max-width:820px){ .design-concept{padding:100px 20px} .design-concept .concept-body{margin-top:0} }

  /* ===== scroll-reveal motion (fade-up + ornament wipe) ===== */
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}
  .reveal.shown{opacity:1;transform:none}
  .reveal-stagger>*{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
  .reveal-stagger.shown>*{opacity:1;transform:none}
  .reveal-stagger.shown>*:nth-child(1){transition-delay:.05s}
  .reveal-stagger.shown>*:nth-child(2){transition-delay:.15s}
  .reveal-stagger.shown>*:nth-child(3){transition-delay:.25s}
  .reveal-stagger.shown>*:nth-child(4){transition-delay:.35s}
  .reveal-stagger.shown>*:nth-child(5){transition-delay:.45s}
  @media(prefers-reduced-motion:reduce){
    .reveal,.reveal-stagger>*,
    .design-concept .castle,.design-concept .sec-head .kicker,.design-concept .sec-head h3,.design-concept .concept-body p{opacity:1;transform:none;filter:none;transition:none}
    .design-concept.shown .castle{opacity:1;transform:translate(-50%,-50%) scale(1)}
  }

  /* === DESIGN DETAIL : B案 HOME上/AWAY下 選択制（矢印ナビ付き） === */
  .team-block{max-width:820px;margin:0 auto 60px}
  .team-title{text-align:center;font-family:var(--evessa);font-size:clamp(24px,4vw,40px);font-weight:400;letter-spacing:.12em;color:var(--gold);margin-bottom:20px}
  .viewer{text-align:center}
  .viewer-stage{position:relative;max-width:820px;margin:0 auto}
  .viewer .main-img{width:100%;height:auto;display:block;margin-bottom:8px;border-radius:0}
  .view-arrow{position:absolute;top:0;bottom:32px;width:64px;display:flex;align-items:center;justify-content:center;
    background:none;border:none;cursor:pointer;color:var(--gold);opacity:.7;transition:opacity .2s;z-index:2;-webkit-tap-highlight-color:transparent}
  .view-arrow:hover{opacity:1}
  .view-arrow.prev{left:0}
  .view-arrow.next{right:0}
  .view-arrow svg{width:34px;height:34px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
  .viewer .main-cap{font-family:var(--evessa);font-size:16px;letter-spacing:.1em;color:var(--gold);margin-bottom:20px}
  .thumbs{display:flex;justify-content:center;gap:14px}
  .thumbs img{width:120px;height:auto;cursor:pointer;border:2px solid transparent;opacity:.55;transition:.2s;background:rgba(0,0,0,.3);border-radius:0}
  .thumbs img.on{border-color:var(--gold);opacity:1}
  .thumbs img:hover{opacity:.85}
  .detail-motif{max-width:900px;margin:8px auto 30px}
  .detail-motif img{width:100%;height:auto;display:block;border-radius:0}
  @media(max-width:820px){ .thumbs img{width:80px} .view-arrow{width:48px} .view-arrow svg{width:26px;height:26px} }

  /* Name&Number ビジュアル */
  .nn-visual{max-width:900px;margin:0 auto}
  .nn-visual img{width:100%;height:auto;display:block}
  .nn-note{text-align:center;color:#f0e6d6;font-size:14.5px;font-weight:800;margin-top:24px;line-height:1.9}
  .nn-note b{color:var(--gold)}

  /* ユニフォーム種別の透かし（右下） */
  .uni-watermark{position:absolute;right:3%;bottom:10%;z-index:3;pointer-events:none;
    font-family:var(--evessa);font-weight:400;font-size:clamp(48px,11vw,120px);line-height:1;
    letter-spacing:.04em;color:rgba(255,255,255,.20);white-space:nowrap;
    text-shadow:0 2px 12px rgba(0,0,0,.25)}
  @media(max-width:820px){ .uni-watermark{font-size:clamp(36px,16vw,72px);right:3%;bottom:4%} }

  /* ユニフォームパート 種別透かし（各ユニ背景の右下に大きく） */
  .hc-uni img{position:relative;z-index:1}   /* ユニ画像を透かしより前面に */
  .hc-watermark{position:absolute;right:6%;bottom:12%;z-index:0;pointer-events:none;
    font-family:var(--evessa);font-weight:400;line-height:1;letter-spacing:.04em;white-space:nowrap;
    font-size:clamp(40px,9vw,130px);color:rgba(255,255,255,.16);
    text-shadow:0 2px 20px rgba(0,0,0,.25)}
  .hc-away .hc-watermark{color:rgba(30,14,7,.16)}  /* 白ユニ背景では黒透かし */
  @media(max-width:820px){ .hc-watermark{font-size:clamp(30px,13vw,80px);right:6%;bottom:10%} }

  /* ユニフォーム種別 序数を大きく（1st/2nd/3rd） */
  .hc-home-copy .ord-lg{font-family:var(--evessa);font-weight:400;color:#f4ece0;
    font-size:clamp(60px,11vw,130px);letter-spacing:.04em;line-height:.9}
  .hc-away .hc-home-copy .ord-lg{color:#1E0E07}

  /* スケジュール補足文 */
  .sched-note{max-width:720px;margin:24px auto 0;text-align:center;
    color:#f0e6d6;font-size:15px;font-weight:700;line-height:1.9;letter-spacing:.02em}

  /* ===== FOOTER（エヴェッサ公式LP準拠） ===== */
  .ft-logo{font-family:var(--evessa);font-weight:400;letter-spacing:.18em;color:#fff;font-size:28px;margin-bottom:22px}
  .ft-logo span{font-family:var(--evessa);font-weight:400;color:var(--gold)}
  .ft-site{display:inline-block;color:#e9ddca;text-decoration:none;font-size:13px;font-weight:700;
    letter-spacing:.08em;padding-bottom:4px;border-bottom:1px solid rgba(212,178,116,.5);
    margin-bottom:30px;transition:.2s}
  .ft-site:hover{color:#fff;border-bottom-color:var(--gold)}
  .ft-sns{list-style:none;display:flex;justify-content:center;align-items:center;
    gap:22px;padding:0;margin:0 0 28px}
  .ft-sns a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;
    color:#e9ddca;transition:.2s}
  .ft-sns a:hover{color:var(--gold);transform:translateY(-2px)}
  .ft-sns svg{width:24px;height:24px}
  .ft-copy{font-family:var(--evessa);font-weight:400;font-size:13px;letter-spacing:.1em;color:#9a8f7c}
  @media(max-width:640px){
    .ft-sns{gap:16px}
    .ft-sns a{width:34px;height:34px}
    .ft-sns svg{width:22px;height:22px}
  }

  /* タブ カラーをユニフォームカラー別に */
     /* 1st BLACK: オフホワイト */
     /* 2nd WHITE: 白 */
     /* 3rd RED: 赤 */
  
  
  
  
  
  

  @media(max-width:820px){
    .design-concept .castle{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 42%!important;transform:translate(-50%,-50%) scale(1)!important}
    /* SP: 背景写真を薄くして文字を読みやすく */
    .design-concept.shown .castle{opacity:.55!important}
    /* SP: 暗幕を濃くして文字とのコントラストを確保 */
    .design-concept .castle-wrap::after{
      background:
        radial-gradient(130% 95% at 50% 42%, rgba(0,0,0,.5) 0%, rgba(0,0,0,.68) 55%, rgba(0,0,0,.82) 100%),
        linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4))}
  }

  @media(max-width:820px){
    /* SP: ユニフォームパートの飾り文字を小さく＆被り軽減 */
    .hc-home-copy{left:16px;gap:0;margin-left:16px}
    .hc-home-copy .ord-lg{font-size:clamp(52px,16vw,84px)}
    .hc-home-copy .kind-en{font-size:clamp(22px,6.5vw,34px);margin-top:2px}
    /* 飾り文字を少し上寄りにして、中央のユニと重なりすぎないように */
    .hc-home-copy{top:clamp(90px,13vh,150px)}
  }

  @media(max-width:820px){
    /* SP: background-attachment:fixed非対応対策。固定背景を疑似要素で実装 */
    .dark-block{background-image:none!important;background-color:#C40017}
    .dark-block::before{
      content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
      opacity:0;transition:opacity .4s ease;
      background-color:#C40017;
      background-image:linear-gradient(rgba(196,0,23,.30),rgba(196,0,23,.30)),url('/files/user/_/lp/2026-27/uniform/img/haikei_02.png');
      background-repeat:no-repeat,repeat-y;
      background-position:center center,center top;
      background-size:cover,100% auto;
    }
    .dark-block.bg-active::before{opacity:1}
    /* SP: 擬似固定背景(::before z:0)より子セクションを前面に */
    .dark-block{position:relative}
    .dark-block > *{position:relative;z-index:1}

    /* dark-block本体は透過して疑似固定背景を見せる。子セクションも透明維持 */
    .dark-block{isolation:auto}
  }

  /* DESIGN CONCEPT ルビ（ふりがな） */
  .design-concept ruby{ruby-position:over}
  .design-concept rt{font-size:.42em;font-weight:700;letter-spacing:.08em;
    color:var(--gold);opacity:.9;font-family:var(--gothic)}

  /* ===== ユニフォームタブ（FC東京風シンプル版） ===== */
  .uni-tabs{
    position:fixed;left:0;right:0;bottom:0;transform:translateY(20px);
    z-index:40;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%;gap:0;
    background:none;padding-bottom:14px;
    opacity:0;pointer-events:none;
    transition:transform .6s cubic-bezier(.16,.84,.44,1),opacity .5s ease;
  }
  .uni-tabs.show{transform:translateY(0);opacity:1;pointer-events:auto}
  .uni-tabs a{
    flex:1 1 0!important;width:auto;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:3px;padding:14px 8px;text-decoration:none;position:relative;transition:.2s;
  }
  
  .uni-tabs a b{font-family:"Osaka Evessa",var(--gothic);font-weight:400;font-size:19px;
    line-height:1;color:#e8ddc9;letter-spacing:.04em;transition:.2s;text-shadow:0 2px 10px rgba(0,0,0,.85),0 0 20px rgba(0,0,0,.6)}
  .uni-tabs a span{font-family:var(--evessa);font-weight:400;font-size:10px;
    letter-spacing:.14em;color:#cbb78f;opacity:.75;transition:.2s;text-shadow:0 2px 8px rgba(0,0,0,.85)}
  /* アクティブ: 下線＋文字を明るく（ユニカラー） */
  .uni-tabs a::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
    width:0;height:2px;background:var(--gold);transition:width .3s cubic-bezier(.22,.61,.36,1)}
  .uni-tabs a.on::after{width:60%}
  .uni-tabs a.on b{color:#fff}
  .uni-tabs a.on span{opacity:1}
  .uni-tabs a[data-go="0"].on span{color:#e8e2d5}
  .uni-tabs a[data-go="1"].on span{color:#ffffff}
  .uni-tabs a[data-go="2"].on span{color:#ff6b6b}
  .uni-tabs a[data-go="0"].on::after{background:#e8e2d5}
  .uni-tabs a[data-go="1"].on::after{background:#ffffff}
  .uni-tabs a[data-go="2"].on::after{background:#ff6b6b}
  @media(max-width:820px){
    .uni-tabs a{padding:12px 6px}
    .uni-tabs a b{font-size:17px}
    .uni-tabs a span{font-size:9px}
  }

  /* 序数サフィックス(st/nd/rd)を小さく */
  .hc-home-copy .ord-lg .suf{font-size:.5em;vertical-align:-0.08em;margin-left:.03em;letter-spacing:0}

  /* LINEUP: HOME/AWAY削除後、種別表記を主役サイズに */
  .pb-en-lg{font-size:clamp(20px,3vw,30px)!important;color:var(--gold)!important;opacity:1!important}

  /* タブ序数の色をユニカラー別に(黒/白/赤) */
  .uni-tabs a[data-go="0"] b{color:#1a1a1a}
  .uni-tabs a[data-go="1"] b{color:#ffffff}
  .uni-tabs a[data-go="2"] b{color:#ff4040}
  /* 黒文字(1st)は暗背景で沈むので白フチで視認性確保 */
  .uni-tabs a[data-go="0"] b{text-shadow:0 0 3px rgba(255,255,255,.9),0 0 6px rgba(255,255,255,.7),0 2px 8px rgba(0,0,0,.5)}
  .uni-tabs a[data-go="1"] b{text-shadow:0 2px 10px rgba(0,0,0,.9)}
  .uni-tabs a[data-go="2"] b{text-shadow:0 0 4px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.6)}

  /* Brand Color 画像 */
  .brand-color-img{max-width:1000px;margin:0 auto}
  .brand-color-img img{width:100%;height:auto;display:block}

  /* DESIGN DETAIL のキャプション・見出しを非表示 */
  #design .main-cap{display:none}

/* ===== responsive line breaks (PC / SP 出し分け) ===== */
.br-sp{display:none}
/* インライン要素の PC/SP 出し分け（読点などの出し分け用） */
.sp-hide{display:inline}
@media(max-width:820px){
  .br-pc{display:none}
  .br-sp{display:inline}
  /* SP幅では非表示（PC版にだけ残す読点など） */
  .sp-hide{display:none}
}