@charset "utf-8";
 .separate-containers .featured-image{
display: none!important;
}
a:hover {
cursor: pointer;
}
.site-main {
background: transparent;
}
.site-main .wp-block-group__inner-container {
padding: 0 10px !important;
}
.container.grid-container {
background-color: #fff !important;
width: 100%;
min-width: 100%;
max-width: 100%;
}
p{
line-height: 2.2s;
} .site-header {
position: sticky;
top: 0;
z-index: 9999;
}
.main-title a {
font-size: 22px;
}
.gp-icon {
color: #fff
}
button.menu-toggle {
background-color: #0b1c3d !important;
padding: 0 15px !important;
line-height: 45px !important;
}
ul.menu li:last-child {
background-color: #2d7bd1;
}
ul.menu li:last-child a {
color: #fff !important;
} .main-navigation li a {
color: #142850;
font-weight: 600;
}
.main-navigation li a:hover {
color: #142850;
text-decoration: underline;
} .p-16 {
padding: 16px;
} ::-webkit-scrollbar {
width: 12px; }
::-webkit-scrollbar-thumb {
background-color: #2d7bd1; border-radius: 10px; }
::-webkit-scrollbar-track {
background-color: #f1f1f1; } scrollbar-color: #1e90ff #f1f1f1; scrollbar-width: thin; .kb-breadcrumbs {
font-size: 13px;
margin: 0 0 12px;
} .kb-breadcrumbs ol {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.kb-breadcrumbs li::after {
content: "›";
margin-left: 6px;
opacity: .5;
}
.kb-breadcrumbs li:last-child::after {
content: "";
}
.kb-breadcrumbs a {
text-decoration: none;
} .section-center {
padding: clamp(80px, 8.5vw, 100px) 16px;
}
.section-light {
background: #ffffff;
padding: clamp(80px, 8.5vw, 100px) 16px!important;
}
.section-gray {
background: #f7f7f7;
padding: clamp(80px, 8.5vw, 100px) 16px;
}
.section-dark {
background: #0b1c3d;
color: #ffffff;
padding: clamp(80px, 8.5vw, 100px) 16px;
}
.section-card {
background: #fff;
border: 1px solid rgba(11, 27, 58, .12);
border-radius: 10px;
box-shadow: rgba(11, 27, 58, .05);
} .section-light>.wp-block-group__inner-container,
.section-gray>.wp-block-group__inner-container,
.section-dark>.wp-block-group__inner-container,
.section-container {
max-width: 1100px;
margin: 0 auto;
padding: 0 16px;
width: 100%;
} .section-title {
margin-bottom: 32px;
}
.section-title-en {
display: block;
font-size: 12px;
font-weight: 900;
letter-spacing: .3em;
color: #9aa3b2;
margin-bottom: 6px;
font-family: Noto Serif JP, serif;
}
.section-title-jp {
display: block;
font-size: clamp(20px, 3vw, 25px);
font-weight: 900;
color: #142850;
line-height: 1.3;
font-family: 'Noto Sans JP,sans-serif';
letter-spacing: .2em;
}
h1 span.section-title-jp {
font-size: clamp(22px, 3.2vw, 30px);
padding-bottom: 50px;
}
.section-title-jp.white {
color: #fff;
}
.txt-center {
text-align: center;
}
h2 {
margin-bottom: 50px;
}
h2.hero-title {
margin-bottom: 10px;
}
h3,
.kb-player-name,
.kb-staff-card__name {
font-size: clamp(18px, 2.8vw, 22px);
font-weight: 700;
line-height: 1.2em;
margin-bottom: 50px;
letter-spacing: 0.1rem;
color: #142850;
}
.image-container {
text-align: center; margin-top: 20px; }
.image-container img {
max-width: 80%; height: auto; border-radius: 16px;
border: 1px solid var(--kb-line);
box-shadow: 0 10px 24px rgba(11, 27, 58, .10);
}
.top-header {
display: flex;
align-items: center;
justify-content: space-between;
} .top-game-more-link {
font-size: 14px;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
border-radius: 999px;
font-size: 13px;
font-weight: 600;
color: #fff;
text-decoration: none;
background-color: #cccfd4;
transform: translateY(-8px);
margin-top: 50px;
}
.top-game-more-link.txt-center {
display: table;
margin: 50px auto;
font-size: 18px;
padding: 20px;
}
.top-game-more-link.txt-center-s {
display: table;
margin: 0 auto;
}
.top-game-more-link a {
text-decoration: none;
color: #fff;
}
.top-game-more-link.gray {
background: #0b1c3d;
}
.top-game-more-link.gold {
background-color: #c9a24d;
}
.top-game-more-link.solid {
background-color: #fff;
color: #0b1c3d;
border: 2px solid #0b1c3d;
}
.top-game-more-link:hover {
transform: translateY(-10px);
color: #ccc;
} .new-button {
display: inline-block;
padding: 12px 24px;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
color: #ffffff; text-align: center;
text-decoration: none;
margin: 10px;
transition: background-color 0.3s ease, transform 0.3s ease;
border: 2px solid #fff;
letter-spacing: 0.15em;
}
.button-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 30px;
margin-bottom: 30px;
} .new-button:hover {
background-color: #142850;
transform: translateY(-3px); color: #ffffff;
} .new-button:active {
background-color: #15202d;
transform: translateY(1px); color: #ffffff;
} .wp-block-flexible-table table,
.wp-block-flexible-table th,
.wp-block-flexible-table td {
border: none;
} table {
border-bottom: none !important;
} .table-wrapper,
.flexible-table {
border-bottom: none !important;
box-shadow: none !important;
} table {
margin-bottom: 0 !important;
} .kb-stars {
display: flex;
justify-content: center;
gap: 16px;
line-height: 1;
margin: 12px 0 18px;
}
.kb-stars .star {
font-size: clamp(48px, 6vw, 64px);
}
.kb-stars .main {
font-size: clamp(56px, 7vw, 76px);
transform: translateY(-0.3em);
}
.kb-stars .main {
color: #d4af37;
} .kb-stars .sub {
color: #bfc4c9;
} .kb-pager ul {
display: flex;
gap: 0.5rem;
justify-content: center;
list-style: none;
padding: 0;
margin: 3rem 0;
flex-wrap: wrap;
}
.kb-pager li {
margin: 0;
}
.kb-pager a,
.kb-pager span {
display: block;
padding: 0.5rem 1rem;
border: 1px solid #e5e7eb;
border-radius: 4px;
text-decoration: none;
color: #374151;
transition: all 0.3s;
}
.kb-pager a:hover {
background: #0b1c3d;
color: white;
border-color: #0b1c3d;
}
.kb-pager .current {
background: #0b1c3d;
color: white;
border-color: #0b1c3d;
} .kb-game-head {
display: flex;
justify-content: start;
align-items: center;
margin-top: 10px;
}
.kb-game-title {
margin: 0;
color: #0b1c3d;
font-size: clamp(18px, 3.4vw, 28px);
}
.kb-game-more {
color: #0b1c3d;
text-decoration: none;
font-size: 14px;
white-space: nowrap;
}
.kb-game-more:hover {
text-decoration: underline;
}
.kb-game-link {
display: block;
text-decoration: none;
color: #111;
background: #fff;
padding: 16px;
border-bottom: 1px solid #ccc;
}
.kb-game-link:last-child {
border-bottom: none;
}
.kb-game-row {
display: grid;
grid-template-columns: 110px 1fr 1.6fr 40px;
gap: 12px;
align-items: start;
}
.kb-game-date {
font-size: 14px;
}
.kb-game-match {
position: relative;
padding-right: 16px;
font-weight: 700;
}
.kb-game-match::after {
content: "›";
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
line-height: 1;
color: #888;
} .kb-badge {
display: inline-flex;
align-items: center;
height: 26px;
padding: 0 10px;
border-radius: 2px;
color: #fff;
background: linear-gradient(90deg, #0a2f6a, #2d7bd1);
font-size: 12px;
margin-left: 5px;
} .inning-table-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch; margin: 1.5em 0;
} .inning-table {
width: 100%;
min-width: 640px;
border-collapse: collapse;
} .inning-table th,
.inning-table td {
padding: 0.6em 0.4em;
border: 1px solid #e5e5e5;
text-align: center;
white-space: nowrap;
} .inning-table th:first-child {
text-align: left;
padding-left: 0.75em;
min-width: 5.5em;
max-width: 6em;
} .inning-table th:last-child,
.inning-table td:last-child {
font-weight: 600;
background: #fafafa;
} @media (max-width:768px) {
.kb-game-row {
grid-template-columns: 1fr;
}
.kb-game-result {
text-align: left;
}
}
.kb-schedule-row {
display: flex;
}
.kb-schedule-row dt,
.kb-schedule-subtitle {
color: #888;
} .kb-map-container {
position: relative;
width: 100%;
margin: 2rem 0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.kb-map-container iframe {
display: block;
width: 100%;
min-width: 100%;
height: 360px;
border: 0;
}
.separate-containers.no-sidebar .site-main {
margin-left: 0;
margin-right: 0;
width: 100% !important;
min-width: 100%;
max-width: 100%;
} @media screen and (max-width: 768px) {
.kb-map-container {
margin: 1.5rem 0;
border-radius: 4px;
}
.kb-map-container iframe {
height: 280px;
}
} @media screen and (min-width: 769px) and (max-width: 1024px) {
.kb-map-container iframe {
height: 400px;
}
} @media screen and (min-width: 1025px) {
.kb-map-container iframe {
height: 450px;
}
} .kb-back-btn {
margin: 32px 0 16px;
text-align: left; }
.kb-back-btn.group {
display: flex;
column-gap: 5px;
}
.kb-back-link {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
font-size: 14px;
color: #333;
background: #f5f5f5;
border-radius: 6px;
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.kb-back-link:hover {
background: #e0e0e0;
color: #000;
}  .kb-players__grid,
.kb-staff__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 20px;
row-gap: 50px; }
.kb-player-card,
.kb-staff-card {
background: #fff;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
padding: 10px;
max-width: 300px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
}
.kb-player-name,
.kb-staff-card__name {
margin-bottom: 20px;
}
.kb-player-card__photo img,
.kb-staff-card__photo img {
width: 90%;
height: 90%;
object-fit: contain;
margin: 0 auto;
display: block;
}
.kb-player-card__row {
display: flex;
column-gap: 10px;
align-items: center;
}
.kb-player-card__row dt,
.kb-player-card__row dd {
margin: 0;
}
.kb-player-card__row dt {
font-size: 14px;
color: #142850;
} .kb-staff-card__meta {
font-size: 14px;
margin-bottom: 10px;
font-weight: 700;
}
.kb-tag span {
font-size: 14px;
font-weight: 700;
color: #142850;
margin-right: 10px;
}
span.kb-tag {
display: block;
} .kb-alumni__years {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 50px;
}
.kb-year {
border: 2px solid #142850;
color: #142850;
font-weight: 700;
border-radius: 5px;
padding: 10px;
text-decoration: none;
}
.kb-year.is-current {
background-color: #142850;
color: #fff;
} .wp-block-group p span {
color: #1e73be;
}
.qa-item {
margin-bottom: 0px;
}
.qa-q {
font-weight: 700;
border-left: 4px solid #1e73be;
padding-left: 12px;
margin-bottom: 50px;
font-size: clamp(18px, 2.8vw, 26px);
line-height: 2;
}
.qa-a {
padding-left: 16px;
line-height: 2.2;
margin-bottom: 100px;
} .footer-cta-inner {
max-width: 1100px;
margin: 0 auto;
}
.footer-cta {
background-color: #fff;
width: 100%;
max-width: 100%;
}
.footer-cta-group {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-bottom: 20px;
} .footer-cta-btn {
border-radius: 22px;
min-height: 150px;
display: grid;
place-items: center;
text-decoration: none;
position: relative;
overflow: hidden;
box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
transform: translateY(0);
transition: transform .15s ease, box-shadow .15s ease;
color: #fff;
}
.footer-cta-btn:hover {
transform: translateY(-2px);
box-shadow: 0 14px 30px rgba(0, 0, 0, .16);
}
.footer-cta-icon svg {
width: 54px;
height: 54px;
fill: currentColor;
opacity: .95;
}
.footer-cta-text {
margin-top: 10px;
font-weight: 800;
font-size: 22px;
letter-spacing: .02em;
} .footer-cta-btn.is-trial {
background:
radial-gradient(circle at 15% 110%, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, 0) 45%),
linear-gradient(135deg, #0a3cff 0%, #1e90ff 55%, #9fd9ff 110%);
}
.footer-cta-btn.is-contact {
background: radial-gradient(circle at 10% 20%, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, 0) 45%),
linear-gradient(135deg, #0a2f6a 0%, #2d7bd1 55%, #bfe7ff 110%);
}
.footer-cta-btn.is-instagram {
background: radial-gradient(circle at 15% 110%, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 45%),
linear-gradient(135deg, #feda75 0%, #fa7e1e 25%, #d62976 55%, #962fbf 78%, #4f5bd5 100%);
} @media (max-width: 640px) {
.footer-cta-inner {
grid-template-columns: 1fr;
}
.footer-cta-btn {
min-height: 120px;
border-radius: 18px;
}
.footer-cta-text {
font-size: 20px;
}
.footer-cta-icon svg {
width: 46px;
height: 46px;
}
}
.footer-sponsor {
padding: 24px 16px;
margin-top: 32px;
}
.footer-sponsor-title {
text-align: center;
font-weight: bold;
margin-bottom: 50px;
}
.footer-sponsor-list {
list-style: none;
padding: 0;
margin: 0 auto;
max-width: 1100px;
display: grid;
grid-template-columns: repeat(4, 1fr);
align-items: center;
gap: 16px;
background: #fff;
}
.footer-sponsor-list li {
display: flex;
align-items: center;
justify-content: center;
height: 80px; padding: 10px 16px;
}
.footer-sponsor-list img {
width: auto;
height: auto;
object-fit: contain;
max-height: 60px;
max-width: 100%;
}  .site-footer .inside-site-info {
display: flex;
flex-direction: column-reverse; align-items: center;
gap: 12px;
} .copyright-bar {
margin: 0 auto !important;
font-size: 12px;
}
.footer-menu {
width: 100%;
margin-top: 12px;
text-align: center;
} .site-info {
background: #0b1c3d; color: rgba(255, 255, 255, .85);
padding: clamp(50px, 6.5vw, 80px) 0px;
} .footer-menu-list {
display: flex;
flex-wrap: wrap;
justify-content: start;
gap: 12px 24px;
} .footer-menu-list a {
color: rgba(255, 255, 255, .85);
font-weight: 500;
text-decoration: none;
font-weight: 700;
} .footer-menu-list a:hover {
color: #ffffff;
text-decoration: underline;
} @media (max-width: 1024px) {
.footer-sponsor-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 768px) {
table {
font-size: 14px;
}
.kb-players__grid,
.kb-staff__grid {
grid-template-columns: 1fr;
}
} @media (max-width: 600px) {
.main-title {
font-size: 20px;
}
.txt-center {
text-align: center;
}
.site-header .header-image {
width: 50px;
}
.footer-cta-group {
grid-template-columns: 1fr;
gap: 25px;
}
.footer-sponsor-list {
grid-template-columns: repeat(2, 1fr);
}
.site-footer .inside-site-info {
flex-direction: column;
}
.kb-player-card__photo {
height: 130px;
}
.kb-alumni__years {
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch; white-space: nowrap; }
}
@media (max-width:374px) {
.top-header {
display: block;
margin-bottom: 20px;
}
.kb-back-btn.group {
display: block;
}
}