/* =========================================================
   KATANA Bulls - main.css
   ========================================================= */

:root{
  --c-black:#0a0a0b;
  --c-navy:#050b1f;
  --c-red:#d00000;
  --c-red-dark:#a30000;
  --c-cream:#f5f2ec;
  --c-white:#ffffff;
  --c-text:#222222;
  --c-text-soft:#5b5b5b;
  --c-line:#e3e0d8;

  --font-jp:'Noto Sans JP', "Hiragino Kaku Gothic ProN", sans-serif;
  --font-display:'Anton','Noto Sans JP', sans-serif;

  --container:1200px;
}

/* ---------- Reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{
  scroll-behavior:smooth;
  /* 画面幅が広いほど基準文字サイズが大きくなる（1280px=16px 〜 1920px以上=20px） */
  font-size:clamp(16px, 8px + 0.625vw, 20px);
}
body{
  margin:0;
  font-family:var(--font-jp);
  color:var(--c-text);
  background:var(--c-cream);
  line-height:1.9;
  font-size:.9375rem;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; margin:0; padding:0; }
h1,h2,h3,h4{ margin:0; }
button{ font-family:inherit; }

.kb-container{ max-width:var(--container); margin:0 auto; padding:0 24px; }

/* ---------- Placeholder image block ---------- */
.kb-placeholder{
  width:100%;
  background:repeating-linear-gradient(45deg,#dcd8cd,#dcd8cd 10px,#e8e5dc 10px,#e8e5dc 20px);
  display:flex; align-items:center; justify-content:center;
  color:#8b877a; font-size:.8rem; letter-spacing:.05em;
  border:1px solid #cfcabb;
}

/* =========================================================
   HEADER
   ========================================================= */
.kb-header{
  position:fixed; top:0; left:0; right:0; z-index:100;
  background:transparent;
  transition:background .25s ease, box-shadow .25s ease;
}
.kb-header--scrolled{
  background:rgba(10,10,11,.92);
  backdrop-filter:blur(6px);
  box-shadow:0 2px 12px rgba(0,0,0,.15);
}
/* トップページ以外（下層ページ）は、スクロール前は透明背景＋濃い文字、スクロール後はダーク背景＋白文字に切り替える */
body:not(.kb-front) .kb-header--scrolled{
  background:rgba(10,10,11,.92);
  box-shadow:0 2px 12px rgba(0,0,0,.15);
}
body:not(.kb-front) .kb-logo-text{ color:var(--c-text); }
body:not(.kb-front) .kb-header--scrolled .kb-logo-text{ color:#fff; }
body:not(.kb-front) .kb-nav-list a{ color:var(--c-text); }
body:not(.kb-front) .kb-header--scrolled .kb-nav-list a{ color:#fff; }
body:not(.kb-front) .kb-header--open .kb-nav-list a,
body.kb-front .kb-header--open .kb-nav-list a{ color:#fff; }

/* 下層ページ用：スクロール前は黒ロゴ、スクロール後は通常ロゴを表示 */
.kb-header__logo-dark{ display:block; }
.kb-header__logo-light{ display:none; }
.kb-header--scrolled .kb-header__logo-dark{ display:none; }
.kb-header--scrolled .kb-header__logo-light{ display:block; }
body:not(.kb-front) .kb-menu-toggle span{ background:var(--c-text); }
body:not(.kb-front) .kb-header--scrolled .kb-menu-toggle span{ background:#fff; }
body:not(.kb-front) .kb-header--open .kb-menu-toggle span{ background:#fff; }
.kb-header__inner{
  max-width:var(--container);
  margin:0 auto;
  padding:14px 24px;
  display:flex; align-items:center; gap:32px;
}
.kb-logo-text{
  font-family:var(--font-display);
  font-weight:400;
  font-size:1.15rem;
  color:#fff;
  letter-spacing:.02em;
}
.kb-logo-text em{ font-style:normal; color:var(--c-red); }
.kb-header__logo .custom-logo,
.kb-header__logo img{
  max-height:34px;
  width:auto;
  display:block;
}
.kb-header__nav{ margin-left:auto; }
.kb-nav-list{ display:flex; gap:36px; }
.kb-nav-list a{
  color:#fff; font-weight:700; font-size:.85rem; letter-spacing:.04em;
  position:relative; padding-bottom:4px;
}
.kb-nav-list a::after{
  content:""; position:absolute; left:0; bottom:0; width:0; height:2px;
  background:var(--c-red); transition:width .25s ease;
}
.kb-nav-list a:hover::after{ width:100%; }
.kb-header__cta{
  background:var(--c-red);
  color:#fff !important;
  font-weight:700;
  font-size:.85rem;
  padding:14px 22px;
  white-space:nowrap;
  transition:background .2s ease;
}
.kb-header__cta--soon{
  display:inline-flex; flex-direction:column; align-items:center; gap:2px;
  background:#8b8b8b; cursor:not-allowed; user-select:none; opacity:.85;
  padding:10px 22px;
}
.kb-header__cta--soon em{
  font-style:normal; font-size:.6rem; letter-spacing:.08em; color:#fff; opacity:.85;
}
.kb-header__cta:hover{ background:var(--c-red-dark); }

.kb-menu-toggle{
  display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:6px;
  position:relative; z-index:101;
}
.kb-menu-toggle span{
  width:24px; height:2px; background:#fff; display:block;
  transition:transform .25s ease, opacity .25s ease;
}
.kb-header--open .kb-menu-toggle span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.kb-header--open .kb-menu-toggle span:nth-child(2){ opacity:0; }
.kb-header--open .kb-menu-toggle span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* =========================================================
   HERO
   ========================================================= */
.kb-hero{
  position:relative;
  min-height:100vh;
  display:flex; align-items:center; justify-content:center;
  background:
    linear-gradient(180deg, rgba(5,5,6,.55), rgba(5,5,6,.85)),
    var(--hero-img, radial-gradient(circle at 50% 30%, #232323, #050505 70%));
  background-size:cover; background-position:center;
  overflow:hidden;
}
.kb-hero__overlay{
  position:absolute; inset:0;
  background:radial-gradient(ellipse at center, transparent 30%, rgba(0,0,0,.6) 100%);
  pointer-events:none;
}
.kb-hero__inner{ position:relative; z-index:2; text-align:center; padding:0 20px; }

/* 画面いっぱいに広がる文字グラフィック用 */
.kb-hero__inner--image{
  width:100%;
  padding:0 24px;
}
.kb-hero__title-img{
  width:100%;
  max-width:640px;
  height:auto;
  margin:0 auto;
  display:block;
  filter:drop-shadow(0 10px 40px rgba(0,0,0,.5));
}
@media (min-width:1400px){
  .kb-hero__title-img{ max-width:760px; }
}

.kb-hero__title{ display:flex; flex-direction:column; gap:.15em; }
.kb-hero__line1,
.kb-hero__line2{
  font-family:var(--font-jp);
  font-weight:900;
  font-size:clamp(2.6rem,8vw,6.2rem);
  color:#fff;
  letter-spacing:.02em;
  line-height:1.05;
  text-shadow:0 0 40px rgba(0,0,0,.6), 3px 3px 0 rgba(0,0,0,.35);
  transform:skewX(-2deg);
}
.kb-hero__line2 .is-red{ color:var(--c-red); }
.kb-hero__scroll{
  position:absolute; bottom:34px; left:50%; transform:translateX(-50%);
  width:1px; height:60px; background:rgba(255,255,255,.4); z-index:2;
  overflow:hidden;
}
.kb-hero__scroll span{
  position:absolute; top:-60px; left:0; width:100%; height:100%;
  background:#fff; animation:kb-scroll-line 2.2s ease-in-out infinite;
}
@keyframes kb-scroll-line{
  0%{ top:-60px; } 100%{ top:60px; }
}

/* =========================================================
   SECTION TITLE / EYEBROW (shared)
   ========================================================= */
.kb-eyebrow{
  font-size:.78rem; font-weight:700; letter-spacing:.1em; color:var(--c-red);
  margin:6px 0 0;
}
.kb-eyebrow::before{ content:"—— "; }
.kb-section-title{
  font-family:var(--font-display);
  font-size:2.4rem;
  color:var(--c-red);
  letter-spacing:.02em;
}

/* =========================================================
   ABOUT
   ========================================================= */
.kb-about{ background:var(--c-white); padding:120px 0 100px; }
.kb-about__inner{
  max-width:var(--container); margin:0 auto; padding:0 24px;
  display:grid;
  grid-template-columns:150px 1fr 420px;
  gap:48px;
  align-items:start;
}
.kb-about__label{
  display:flex; flex-direction:row; align-items:flex-start; gap:10px;
}
.kb-about__label-jp{
  display:flex; flex-direction:column; align-items:center; gap:10px;
  align-self:flex-end;
}
.kb-vertical-en{
  writing-mode:vertical-rl; font-size:.62rem; letter-spacing:.43em; color:var(--c-text); font-weight:700;
  align-self:flex-start;
}
.kb-vertical-title{
  writing-mode:vertical-rl; font-family:var(--font-display); font-size:3rem; color:var(--c-red); letter-spacing:.3em;
  align-self:flex-start;
}
.kb-vertical-jp{
  writing-mode:vertical-rl; font-size:.72rem; color:var(--c-text); letter-spacing:.32em;
  border-top:1px solid var(--c-line); padding-top:12px;
}

/* 画像差し替え版（フォント差を避けたい場合） */
.kb-about__label--image{ width:100%; display:flex; justify-content:center; }
.kb-about__label--image img{ width:100%; height:auto; max-width:150px; display:block; }
.kb-about__heading{
  font-size:1.6rem; font-weight:700; line-height:1.6; margin-bottom:28px;
}
.kb-about__text{ color:var(--c-text-soft); font-size:.92rem; line-height:2; margin-bottom:32px; }
.kb-about__images{ display:flex; flex-direction:column; gap:16px; }
.kb-about__img img, .kb-about__img .kb-placeholder{ border-radius:2px; overflow:hidden; transition:opacity .25s ease; }
.kb-about__img:hover img{ opacity:.85; }
.kb-about__img--1{ margin-left:60px; }
.kb-about__img--2{ margin-left:-120px; }

/* =========================================================
   PROJECT
   ========================================================= */
.kb-project{
  position:relative;
  background:var(--c-white);
  display:grid; grid-template-columns:3fr 2fr;
  gap:64px;
  align-items:start;
  padding:140px 100px 130px 0;
}
.kb-project::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:560px;
  background:#F7F5F0;
  z-index:0;
}
.kb-project__media{ overflow:hidden; position:relative; z-index:1; }
.kb-project__media img, .kb-project__media .kb-placeholder{
  width:100%; height:520px; object-fit:cover; display:block; border-radius:0; box-shadow:none;
}
.kb-project__body{
  display:flex; flex-direction:column;
  padding-top:28px;
  position:relative; z-index:1;
}
.kb-project__title-img{ width:100%; max-width:320px; height:auto; display:block; margin-bottom:22px; }
.kb-project__heading{
  font-family:var(--font-display); font-size:2.6rem; color:var(--c-red); margin:4px 0 2px; line-height:1;
}
.kb-project__eyebrow{
  display:flex; align-items:center; gap:10px;
  font-size:.82rem; font-weight:700; letter-spacing:.05em; color:#111;
  margin:0 0 32px;
}
.kb-project__eyebrow::before{ content:""; width:26px; height:1px; background:#111; display:inline-block; }
.kb-project__text{ color:#111; font-size:.92rem; line-height:2; max-width:500px; margin-bottom:36px; }

.kb-project__viewmore{
  display:inline-flex; align-items:center; gap:14px;
  font-weight:700; font-size:.82rem; letter-spacing:.05em; color:#111;
  text-decoration:none; width:100%; max-width:380px;
}
.kb-project__viewmore::after{
  content:""; flex:1 1 auto; height:2px; min-width:120px;
  background:linear-gradient(to right, var(--c-red) 0 36px, var(--c-line) 36px 100%);
  transition:opacity .2s ease;
}
.kb-project__viewmore:hover{ color:var(--c-red); }
.kb-project__viewmore:hover::after{ opacity:.7; }

.kb-link-arrow{
  display:inline-flex; align-items:center; gap:8px;
  font-weight:700; font-size:.82rem; letter-spacing:.05em;
  padding-bottom:10px; border-bottom:1px solid var(--c-text);
  width:max-content;
  transition:border-color .2s ease, color .2s ease;
}
.kb-link-arrow:hover{ border-color:var(--c-red); color:var(--c-red); }
.kb-link-arrow span{ transition:transform .2s ease; }
.kb-link-arrow:hover span{ transform:translateX(4px); }

/* =========================================================
   MARQUEE
   ========================================================= */
.kb-marquee{
  background:var(--c-white);
  overflow:hidden;
  white-space:nowrap;
  padding:48px 0 72px;
  display:flex;
}
.kb-marquee__track{
  display:inline-flex; align-items:center; gap:80px;
  animation:kb-marquee 55s linear infinite;
  padding:0 40px;
}
.kb-marquee__item{
  font-family:var(--font-display);
  font-size:2.6rem;
  color:transparent;
  -webkit-text-stroke:1.5px var(--c-text);
  letter-spacing:.02em;
  flex:none;
}
.kb-marquee__item em{ font-style:normal; -webkit-text-stroke:1.5px var(--c-red); }
.kb-marquee__logo{
  height:40px;
  width:auto;
  display:block;
  flex:none;
}
@keyframes kb-marquee{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
  .kb-marquee__track{ animation:none; }
}

/* =========================================================
   TEAM PAGE: MESSAGE photo
   ========================================================= */
#message{ padding-bottom:0; }
.kb-main--no-hero{ padding-top:80px; }
.kb-message__image{ align-self:stretch; height:100%; }
.kb-message__image img, .kb-message__image .kb-placeholder{
  width:100%; height:100%; border-radius:2px; filter:grayscale(85%) contrast(1.05); object-fit:cover;
}

/* =========================================================
   TEAM PAGE: PLAYER / MANAGEMENT grids
   ========================================================= */
.kb-team-members{ padding:110px 0; scroll-margin-top:90px; }
.kb-team-members--players{ background:#F7F5F0; }
.kb-team-members--staff{ background:var(--c-white); }
.kb-section-eyebrow-top{
  font-size:.78rem; font-weight:700; letter-spacing:.12em; color:var(--c-text-soft); margin:0 0 6px;
}
.kb-section-heading-lg{
  font-family:var(--font-display); font-size:2.6rem; color:var(--c-text); letter-spacing:.02em; margin:0;
}
.kb-team-members .kb-project__eyebrow{ margin:6px 0 48px; }
.kb-section-title-img{ max-width:360px; width:100%; height:auto; display:block; margin-bottom:48px; }

.kb-member-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:32px 24px;
}
.kb-member-card__photo{
  position:relative; overflow:hidden; border-radius:2px;
  background:#e5e2d9;
}
.kb-member-card__photo img, .kb-member-card__photo .kb-placeholder{
  aspect-ratio:3/4; object-fit:cover; width:100%; height:100%; display:block;
}
.kb-member-card__caption{
  font-size:.7rem; letter-spacing:.06em; color:var(--c-text-soft); margin:0 0 4px; font-weight:700;
}
.kb-member-card__name{ font-size:1.15rem; font-weight:700; margin:0; letter-spacing:.02em; }

/* =========================================================
   EMBLEM VISUAL
   ========================================================= */
.kb-emblem{
  position:relative;
  min-height:400px;
  display:flex; align-items:center; justify-content:center;
  background:
    linear-gradient(180deg, rgba(0,0,0,.5), rgba(0,0,0,.75)),
    var(--emblem-bg, linear-gradient(180deg,#111,#000));
  background-size:cover; background-position:center;
}
.kb-emblem__overlay{ position:absolute; inset:0; box-shadow:inset 0 0 160px 40px rgba(0,0,0,.7); pointer-events:none; }
.kb-emblem__ball{ position:relative; z-index:2; width:min(34vw,260px); }
.kb-emblem__ball img{ width:100%; filter:drop-shadow(0 20px 40px rgba(0,0,0,.6)); }
.kb-ball-placeholder{
  width:100%; aspect-ratio:1/1; border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #3a3a3a, #111 70%);
  border:2px solid var(--c-red);
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-family:var(--font-display); text-align:center; font-size:1.1rem; letter-spacing:.05em;
}

/* =========================================================
   NEWS
   ========================================================= */
.kb-news{ background:var(--c-white); padding:110px 0; }
.kb-news__inner{
  max-width:var(--container); margin:0 auto; padding:0 24px;
  display:grid; grid-template-columns:280px 1fr; gap:64px; align-items:start;
}
.kb-news__label{ display:flex; flex-direction:column; align-items:flex-start; }
.kb-news__heading{
  font-family:var(--font-display); font-size:2.4rem; color:var(--c-text); letter-spacing:.02em; margin:0;
}
.kb-news__title-img{ width:100%; max-width:240px; height:auto; display:block; margin-bottom:6px; }
.kb-news__label .kb-project__eyebrow{ margin-bottom:28px; }
.kb-news__viewmore{ max-width:200px; }
.kb-news__list{ border-top:1px solid var(--c-line); }
.kb-news__item{ border-bottom:1px solid var(--c-line); }
.kb-news__item a{
  display:flex; align-items:center; gap:28px; padding:22px 4px;
  transition:opacity .2s ease;
}
.kb-news__item a:hover{ opacity:.6; }
.kb-news__date{ font-family:var(--font-display); font-size:.9rem; color:var(--c-text-soft); width:100px; flex:none; }
.kb-news__tag{
  border:1px solid var(--c-red); color:var(--c-text); border-radius:999px; font-size:.72rem; padding:5px 14px; flex:none;
}
.kb-news__title{ font-size:.92rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* =========================================================
   GALLERY
   ========================================================= */
.kb-gallery{ background:#F7F5F0; padding:110px 0 130px; }
.kb-gallery__inner{
  max-width:var(--container); margin:0 auto; padding:0 24px;
  display:grid; grid-template-columns:150px 1fr; gap:48px;
}
.kb-gallery__label{ display:flex; flex-direction:row; align-items:flex-start; gap:12px; }
.kb-gallery__grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:14px;
}
.kb-gallery__item{ overflow:hidden; }
.kb-gallery__item img, .kb-gallery__item .kb-placeholder{ aspect-ratio:1/1; object-fit:cover; width:100%; transition:transform .3s ease, opacity .3s ease; }
.kb-gallery__item:hover img{ transform:scale(1.04); opacity:.9; }

/* =========================================================
   FOOTER
   ========================================================= */
.kb-footer{ background:var(--c-navy); color:#cfd4dc; padding:70px 0 0; }
.kb-footer__inner{
  max-width:var(--container); margin:0 auto; padding:0 24px;
  display:grid; grid-template-columns:1.8fr .8fr .8fr .8fr .8fr; gap:32px;
}
.kb-footer__logo .kb-logo-text{ font-size:1.4rem; }
.kb-footer__logo .custom-logo,
.kb-footer__logo img{ max-height:36px; width:auto; display:block; }
.kb-footer__text{ font-size:.8rem; line-height:1.9; color:#9aa2ae; margin:18px 0 20px; max-width:420px; }
.kb-footer .kb-link-arrow{ border-bottom-color:#5b6373; color:#fff; }
.kb-footer .kb-link-arrow:hover{ border-bottom-color:var(--c-red); color:var(--c-red); }
.kb-footer__col h3{ font-family:var(--font-display); font-size:.95rem; color:#fff; letter-spacing:.06em; margin-bottom:16px; }
.kb-footer__col ul{ display:flex; flex-direction:column; gap:6px; line-height:1.2; }
.kb-footer__col a{ font-size:.82rem; color:#9aa2ae; line-height:1.2; }
.kb-footer__col a:hover{ color:#fff; }
.kb-social{ display:flex; flex-direction:row; gap:14px; }
.kb-social a{
  width:36px; height:36px; border-radius:50%; border:1px solid #3a4250;
  display:flex; align-items:center; justify-content:center; color:#fff;
}
.kb-social a:hover{ background:var(--c-red); border-color:var(--c-red); }
.kb-footer__bottom{
  margin-top:60px; border-top:1px solid rgba(255,255,255,.08);
  text-align:center; padding:22px 0; font-size:.75rem; color:#7c8492;
}

/* =========================================================
   GENERIC PAGES (posts, pages, archives)
   ========================================================= */
.kb-generic{ padding-top:120px; background:var(--c-cream); min-height:60vh; }
.kb-generic__inner{ padding-top:60px; padding-bottom:100px; }
.kb-page-header{ margin-bottom:32px; }
.kb-page-header h1{ font-size:2rem; font-weight:900; }
.kb-page-thumb{ margin-bottom:32px; }
.kb-page-thumb img{
  width:100%; height:auto; aspect-ratio:12/7; object-fit:cover; border-radius:2px; display:block;
}
.kb-entry-content{ font-size:.95rem; line-height:2; }
.kb-entry-content p{ margin:0 0 1.4em; }
.kb-post-card{ display:grid; grid-template-columns:280px 1fr; gap:24px; padding:24px 0; border-bottom:1px solid var(--c-line); }
.kb-post-card__body h2{ font-size:1.1rem; margin:8px 0; }
.kb-pagination{ margin-top:40px; display:flex; justify-content:center; gap:12px; }
.kb-news__list--archive{ margin-top:20px; }

/* =========================================================
   PROJECTS PAGE
   ========================================================= */
.kb-projects-hero{
  position:relative;
  min-height:56vh;
  display:flex; align-items:flex-end;
  padding:120px 0 60px;
  background:
    linear-gradient(180deg, rgba(5,5,6,.35), rgba(5,5,6,.85)),
    var(--hero-img, linear-gradient(180deg,#1a1a1a,#000));
  background-size:cover; background-position:center;
}
.kb-projects-hero__overlay{ position:absolute; inset:0; pointer-events:none; }
.kb-projects-hero__inner{ position:relative; z-index:1; max-width:var(--container); margin:0 auto; padding:0 24px; width:100%; }
.kb-projects-hero__title{
  font-family:var(--font-display); color:#fff; font-size:clamp(2.6rem,6vw,4.2rem); letter-spacing:.02em; margin:8px 0 20px;
}
.kb-projects-hero__tagline{ color:#fff; font-size:1.05rem; font-weight:700; line-height:1.8; }

.kb-projects-intro{ background:var(--c-white); padding:56px 0; }
.kb-projects-intro p{ font-size:.92rem; line-height:2; color:var(--c-text-soft); max-width:800px; }

.kb-initiative{
  display:grid; grid-template-columns:1fr 1fr; align-items:stretch;
  min-height:420px;
  scroll-margin-top:90px;
}
.kb-initiative:nth-child(odd){ background:var(--c-white); }
.kb-initiative:nth-child(even){ background:#F7F5F0; }
.kb-initiative--reverse{ direction:rtl; }
.kb-initiative--reverse > *{ direction:ltr; }
.kb-initiative__media{ overflow:hidden; }
.kb-initiative__media img, .kb-initiative__media .kb-placeholder{ width:100%; height:100%; object-fit:cover; display:block; }
.kb-initiative__body{ display:flex; flex-direction:column; justify-content:center; padding:56px 64px; }
.kb-initiative__head{ display:flex; align-items:baseline; gap:16px; margin-bottom:14px; }
.kb-initiative__number{ font-family:var(--font-display); font-size:1.6rem; color:var(--c-line); }
.kb-initiative__label{ font-family:var(--font-display); font-size:1.5rem; color:var(--c-red); letter-spacing:.02em; margin:0; }
.kb-initiative__heading{ font-size:1.25rem; font-weight:700; margin:0 0 18px; }
.kb-initiative__text{ font-size:.88rem; line-height:2; color:var(--c-text-soft); margin:0 0 24px; max-width:440px; }
.kb-initiative__tags{ display:flex; flex-wrap:wrap; gap:10px; }
.kb-initiative__tags li{
  border:1px solid var(--c-line); border-radius:999px; font-size:.72rem; padding:5px 14px; color:var(--c-text-soft);
}

/* =========================================================
   PARTNER PAGE
   ========================================================= */
.kb-partner__thanks{ font-size:.95rem; line-height:2; color:var(--c-text-soft); max-width:640px; margin:0 0 48px; }
.kb-partner__grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:80px;
}
.kb-partner__logo{
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--c-line); border-radius:4px; padding:12px;
  background:var(--c-white); transition:box-shadow .2s ease, transform .2s ease;
  height:260px;
}
a.kb-partner__logo:hover{ box-shadow:0 8px 24px rgba(0,0,0,.08); transform:translateY(-2px); }
.kb-partner__logo img, .kb-partner__logo .kb-placeholder{
  max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; border:0;
}
.kb-partner__recruit{
  background:var(--c-navy); color:#cfd4dc; border-radius:6px; padding:56px; text-align:left;
  min-height:280px; display:flex; align-items:center;
}
.kb-partner__recruit--image-only{
  display:block; padding:0; min-height:0; border-radius:6px; overflow:hidden;
  transition:opacity .2s ease;
}
.kb-partner__recruit--image-only:hover{ opacity:.9; }
.kb-partner__recruit--image-only img{ width:100%; height:auto; display:block; }
.kb-partner__recruit--image-only .kb-partner__recruit-img-mobile{ display:none; }
.kb-partner__recruit-inner{ position:relative; z-index:1; }
.kb-partner__recruit h2{
  font-family:var(--font-display); color:#fff; font-size:1.8rem; margin:0 0 20px; letter-spacing:.02em;
}
.kb-partner__recruit p{ font-size:.9rem; line-height:2; color:#9aa2ae; max-width:640px; margin:0 0 28px; }
.kb-partner__recruit .kb-project__viewmore{ color:#fff; max-width:260px; }
.kb-partner__recruit .kb-project__viewmore::after{ background:linear-gradient(to right, var(--c-red) 0 36px, #3a4250 36px 100%); }

/* =========================================================
   CONTACT PAGE
   ========================================================= */
.kb-contact__wrap{ max-width:680px; margin:0 auto; }
.kb-contact__intro{ font-size:.92rem; line-height:2; color:var(--c-text-soft); margin:0 0 40px; }
.kb-contact__success{
  background:#f3f8f3; border:1px solid #bcd9bc; border-radius:4px; padding:32px; color:#2f5c2f; font-size:.95rem; max-width:640px;
}
.kb-contact__errors{
  background:#fbeceb; border:1px solid #e6b3af; border-radius:4px; padding:20px 24px; margin-bottom:32px; max-width:640px;
}
.kb-contact__errors ul{ margin:0; padding-left:1.2em; color:#a3312a; font-size:.85rem; line-height:1.9; }

.kb-contact-form{ max-width:640px; }
.kb-contact-form__honeypot{ position:absolute; left:-9999px; opacity:0; pointer-events:none; }
.kb-contact-form__row{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.kb-contact-form__field{ margin-bottom:24px; }
.kb-contact-form__field label{
  display:block; font-size:.8rem; font-weight:700; margin-bottom:8px; color:var(--c-text);
}
.kb-required{ color:var(--c-red); font-size:.7rem; font-weight:700; margin-left:4px; }
.kb-contact-form__field input[type="text"],
.kb-contact-form__field input[type="email"],
.kb-contact-form__field input[type="tel"],
.kb-contact-form__field select,
.kb-contact-form__field textarea{
  width:100%; border:1px solid var(--c-line); border-radius:2px; padding:12px 14px;
  font-family:var(--font-jp); font-size:.9rem; color:var(--c-text); background:var(--c-white);
}
.kb-contact-form__field input:focus,
.kb-contact-form__field select:focus,
.kb-contact-form__field textarea:focus{
  outline:none; border-color:var(--c-red);
}
.kb-contact-form__field textarea{ resize:vertical; line-height:1.8; }
.kb-contact-form__submit{
  display:inline-block; background:var(--c-red); color:#fff; font-weight:700; font-size:.9rem;
  border:0; padding:16px 48px; border-radius:2px; cursor:pointer; transition:background .2s ease;
}
.kb-contact-form__submit:hover{ background:var(--c-red-dark); }

/* =========================================================
   MATCH SCHEDULE / RESULT
   ========================================================= */
.kb-match-summary{
  display:flex; align-items:center; gap:16px; font-size:.95rem; font-weight:700; margin:-8px 0 28px;
}
.kb-match-summary .is-win{ color:var(--c-red); }
.kb-match-summary .is-lose{ color:var(--c-text-soft); }
.kb-match-summary .is-draw{ color:var(--c-text); }

.kb-match-list{ border-top:1px solid var(--c-line); }
.kb-match-item{
  display:flex; flex-wrap:wrap; align-items:center; gap:20px;
  padding:22px 4px; border-bottom:1px solid var(--c-line);
  color:inherit; text-decoration:none; transition:opacity .2s ease;
}
a.kb-match-item:hover{ opacity:.6; }
.kb-match-item__date{
  font-family:var(--font-display); font-size:.9rem; color:var(--c-text); width:150px; flex:none;
  display:flex; flex-direction:column; gap:2px;
}
.kb-match-item__time{ font-size:.7rem; color:var(--c-text-soft); font-family:var(--font-jp); }
.kb-match-item__competition{
  border:1px solid var(--c-line); border-radius:999px; font-size:.68rem; padding:5px 12px; flex:none;
  color:var(--c-text-soft); white-space:nowrap;
}
.kb-match-item__sport{
  font-size:.68rem; font-weight:700; padding:5px 12px; border-radius:999px; flex:none; color:#fff; white-space:nowrap;
}
.kb-match-item__sport--volleyball{ background:var(--c-red); }
.kb-match-item__sport--hockey{ background:#1a3a6b; }
.kb-match-item__main{ display:flex; align-items:center; gap:10px; flex:1 1 220px; min-width:0; }
.kb-match-item__ha{
  font-size:.68rem; font-weight:700; letter-spacing:.05em; color:#fff; background:var(--c-text);
  padding:3px 8px; border-radius:3px; flex:none;
}
.kb-match-item__vs{ font-size:.75rem; color:var(--c-text-soft); flex:none; }
.kb-match-item__opponent{ font-size:1rem; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kb-match-item__score{ display:flex; align-items:center; gap:10px; flex:none; }
.kb-match-item__result-badge{
  font-size:.7rem; font-weight:700; padding:4px 10px; border-radius:3px; color:#fff; background:var(--c-text-soft);
}
.kb-match-item__result-badge.is-win{ background:var(--c-red); }
.kb-match-item__result-badge.is-lose{ background:#9a9a9a; }
.kb-match-item__result-badge.is-draw{ background:var(--c-text); }
.kb-match-item__score-num{ font-family:var(--font-display); font-size:1.1rem; }
.kb-match-item__note{ font-size:.72rem; color:var(--c-text-soft); }
.kb-match-item__venue{ font-size:.78rem; color:var(--c-text-soft); flex:none; margin-left:auto; }

/* =========================================================
   SIDEBAR (NEWS一覧・詳細)
   ========================================================= */
.kb-with-sidebar{
  display:grid; grid-template-columns:1fr 300px; gap:64px; align-items:start;
}
.kb-with-sidebar__main{ min-width:0; }
.kb-sidebar{ display:flex; flex-direction:column; gap:36px; }
.kb-sidebar__widget{ border-top:2px solid var(--c-text); padding-top:16px; }
.kb-sidebar__title{
  font-family:var(--font-display); font-size:1.05rem; letter-spacing:.04em; margin:0 0 16px;
}
.kb-sidebar__list{ display:flex; flex-direction:column; gap:12px; }
.kb-sidebar__list li{ border-bottom:1px solid var(--c-line); padding-bottom:12px; }
.kb-sidebar__list a{ display:flex; flex-direction:column; gap:4px; font-size:.85rem; }
.kb-sidebar__list a:hover{ color:var(--c-red); }
.kb-sidebar__list time{ font-size:.72rem; color:var(--c-text-soft); font-family:var(--font-display); }
.kb-sidebar__list--cat a{ flex-direction:row; }
.kb-sidebar .widget{ margin:0; }
.kb-sidebar ul{ list-style:none; margin:0; padding:0; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1024px){
  .kb-with-sidebar{ grid-template-columns:1fr 260px; gap:40px; }
  .kb-about__inner{ grid-template-columns:130px 1fr; }
  .kb-about__images{ grid-column:1 / -1; flex-direction:row; }
  .kb-about__img--1{ margin-left:0; }
  .kb-about__img--2{ margin-left:0; }
  .kb-message__image{ grid-column:1 / -1; }
  .kb-member-grid{ grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
  .kb-initiative{ grid-template-columns:1fr; min-height:0; }
  .kb-initiative--reverse{ direction:ltr; }
  .kb-initiative__media{ aspect-ratio:16/9; }
  .kb-initiative__body{ padding:40px 32px; }
  .kb-project{ grid-template-columns:1fr; padding:100px 48px 100px 0; gap:36px; }
  .kb-project::before{ height:420px; }
  .kb-project__body{ padding-left:48px; }
  .kb-project__media img,.kb-project__media .kb-placeholder{ height:340px; }
  .kb-project__body{ padding-top:0; }
  .kb-gallery__inner{ grid-template-columns:130px 1fr; }
  .kb-footer__inner{ grid-template-columns:1fr 1fr; }
}

@media (max-width:760px){
  body{ font-size:14px; }
  .kb-with-sidebar{ grid-template-columns:1fr; gap:48px; }
  .kb-partner__grid{ grid-template-columns:1fr; gap:16px; }
  .kb-partner__logo{ height:160px; }
  .kb-partner__recruit--image-only .kb-partner__recruit-img-desktop{ display:none; }
  .kb-partner__recruit--image-only .kb-partner__recruit-img-mobile{ display:block; }
  .kb-partner__recruit:not(.kb-partner__recruit--image-only){ padding:32px 24px; }
  .kb-partner__recruit h2{ font-size:1.4rem; }
  .kb-contact-form__row{ grid-template-columns:1fr; gap:0; }
  .kb-match-item{ gap:10px 16px; padding:18px 0; }
  .kb-match-item__date{ width:100%; flex-direction:row; align-items:baseline; gap:8px; }
  .kb-match-item__venue{ margin-left:0; width:100%; }
  .kb-header__nav{ display:none; }
  .kb-header__cta{ display:none; }
  .kb-menu-toggle{ display:flex; margin-left:auto; }
  .kb-header__logo .custom-logo,
  .kb-header__logo img{ max-height:24px; }
  .kb-logo-text{ font-size:.95rem; }
  .kb-header--open .kb-header__nav{
    display:block; position:fixed; inset:0 0 0 auto; width:78%; height:100vh;
    background:var(--c-black); padding:100px 32px; z-index:99;
  }
  .kb-header--open .kb-nav-list{ flex-direction:column; gap:26px; }

  .kb-about{ padding:80px 0 60px; }
  .kb-about__inner{ grid-template-columns:1fr; gap:24px; }
  .kb-about__label{
    flex-direction:row; align-items:baseline; justify-content:flex-start; gap:14px;
    flex-wrap:wrap;
  }
  .kb-vertical-en,
  .kb-vertical-title,
  .kb-vertical-jp{ writing-mode:horizontal-tb; }
  .kb-vertical-jp{ border-top:none; border-left:1px solid var(--c-line); padding:0 0 0 12px; }
  .kb-about__label--image{ justify-content:flex-start; }
  .kb-about__label--image img{ max-width:none; width:auto; max-height:140px; }
  .kb-about__label-sub{ flex-direction:row; align-items:baseline; gap:12px; padding-top:0; }
  .kb-about__images{ flex-direction:column; }
  .kb-about__heading{ font-size:1.3rem; }

  .kb-project{ padding:70px 24px 70px 0; }
  .kb-project::before{ height:320px; }
  .kb-project__body{ padding-left:24px; }
  .kb-project__media img,.kb-project__media .kb-placeholder{ height:260px; }
  .kb-project__heading{ font-size:2rem; }
  .kb-project__title-img{ max-width:200px; }
  .kb-news__title-img{ max-width:180px; }

  .kb-news{ padding:70px 0; }
  .kb-news__inner{ grid-template-columns:1fr; gap:28px; }
  .kb-news__item a{ flex-wrap:wrap; gap:10px 16px; padding:18px 0; }
  .kb-news__title{ white-space:normal; width:100%; }

  .kb-gallery{ padding:70px 0 80px; }
  .kb-gallery__inner{ grid-template-columns:1fr; gap:20px; }
  .kb-gallery__label{
    flex-direction:row; align-items:baseline; justify-content:flex-start; gap:14px;
    flex-wrap:wrap;
  }
  .kb-gallery__grid{ grid-template-columns:repeat(2,1fr); gap:8px; }

  .kb-team-members{ padding:70px 0; }
  .kb-section-heading-lg{ font-size:1.9rem; }
  .kb-member-grid{ grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:24px 16px; }
  .kb-projects-hero{ min-height:44vh; padding:100px 0 40px; }
  .kb-projects-hero__tagline{ font-size:.92rem; }
  .kb-initiative__body{ padding:32px 24px; }
  .kb-initiative__text{ max-width:none; }

  .kb-footer__inner{ grid-template-columns:1fr 1fr; gap:40px 24px; }
  .kb-footer__brand{ grid-column:1 / -1; }
  .kb-post-card{ grid-template-columns:1fr; }
}