.page-template-suwa-exchange #content{padding:0!important}.page-template-suwa-exchange .l-content{max-width:none!important;margin:0!important;padding:0!important}.page-template-suwa-exchange .l-mainContent{width:100%!important;max-width:none!important;padding:0!important}.page-template-suwa-exchange .l-sidebar{display:none!important}
.itoba-exchange-directory{--exchange-navy:#04384c;--exchange-teal:#0e7c86;--exchange-lime:#d9ef8d;--exchange-cream:#fbf8f0;--exchange-mist:#eef4f1;--exchange-ink:#16323c;--exchange-muted:#64777d;--exchange-line:#d9e4e0;color:var(--exchange-ink);background:#f7f9f6}.itoba-exchange-directory *{box-sizing:border-box}.itoba-exchange-container{width:min(1120px,calc(100% - 48px));margin:0 auto}
.itoba-exchange-hero{padding:60px 0 68px;background:linear-gradient(135deg,#eaf4f0 0%,var(--exchange-cream) 55%,#f5f8dc 100%);border-bottom:1px solid var(--exchange-line)}.itoba-exchange-breadcrumb{display:flex;gap:9px;margin-bottom:40px;color:var(--exchange-muted);font-size:12px}.itoba-exchange-breadcrumb a{color:var(--exchange-teal)}.itoba-exchange-hero-grid{display:grid;grid-template-columns:1fr 380px;align-items:center;gap:58px}.itoba-exchange-eyebrow{margin:0 0 13px!important;color:var(--exchange-teal);font-size:11px!important;font-weight:900;letter-spacing:.18em}.itoba-exchange-hero h1{margin:0;color:var(--exchange-navy);font-size:clamp(35px,5vw,59px);line-height:1.24;letter-spacing:-.04em}.itoba-exchange-hero h1 span{font-size:.67em}.itoba-exchange-hero-grid>div:first-child>p:last-child{max-width:640px;margin:22px 0 0;color:var(--exchange-muted);font-size:16px;line-height:1.9}
.itoba-exchange-next{padding:30px 31px;color:#fff;background:var(--exchange-navy);border-radius:24px;box-shadow:0 18px 44px rgba(4,56,76,.18)}.itoba-exchange-next>small{color:var(--exchange-lime);font-size:10px;font-weight:900;letter-spacing:.17em}.itoba-exchange-next>strong{display:block;margin-top:13px;font-size:17px}.itoba-exchange-next>div{display:flex;align-items:center;gap:12px;margin-top:2px}.itoba-exchange-next time{font-size:31px;font-weight:900}.itoba-exchange-next time b{display:block;color:var(--exchange-lime);font-size:9px;text-align:center}.itoba-exchange-next i{font-style:normal}.itoba-exchange-next>span{display:block;margin-top:14px;font-size:13px;font-weight:800}.itoba-exchange-next>em{display:inline-block;margin-top:13px;padding:7px 10px;color:var(--exchange-navy);background:var(--exchange-lime);border-radius:999px;font-size:10px;font-style:normal;font-weight:900}
.itoba-exchange-content{padding:64px 0 96px}.itoba-exchange-about>header small,.itoba-exchange-archive header small{color:var(--exchange-teal);font-size:10px;font-weight:900;letter-spacing:.17em}.itoba-exchange-about h2,.itoba-exchange-archive h2{margin:5px 0 18px;color:var(--exchange-navy);font-size:30px}.itoba-exchange-about>p{max-width:820px;margin:0;color:var(--exchange-muted);font-size:15px;line-height:2}.itoba-exchange-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.itoba-exchange-facts>div{padding:24px;background:#fff;border:1px solid var(--exchange-line);border-radius:18px}.itoba-exchange-facts strong{display:block;color:var(--exchange-navy);font-size:22px}.itoba-exchange-facts span{display:block;margin-top:7px;color:var(--exchange-muted);font-size:12px}
.itoba-exchange-archive{margin-top:68px}.itoba-exchange-archive>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.itoba-exchange-archive>header p{max-width:450px;margin:0;color:var(--exchange-muted);font-size:13px}.itoba-exchange-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.itoba-exchange-card{display:grid;grid-template-columns:165px 1fr;overflow:hidden;color:var(--exchange-ink);background:#fff;border:1px solid var(--exchange-line);border-radius:19px;box-shadow:0 8px 24px rgba(6,46,59,.045);transition:.2s ease}.itoba-exchange-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(6,46,59,.09)}.itoba-exchange-card-image{min-height:195px;background:var(--exchange-mist)}.itoba-exchange-card-image img{width:100%;height:100%;object-fit:cover}.itoba-exchange-card-copy{display:flex;flex-direction:column;padding:19px}.itoba-exchange-card-copy>span{display:flex;align-items:center;gap:10px}.itoba-exchange-card-copy b{padding:4px 7px;color:var(--exchange-navy);background:var(--exchange-lime);border-radius:999px;font-size:9px}.itoba-exchange-card-copy time{color:var(--exchange-muted);font-size:10px}.itoba-exchange-card-copy>strong{margin-top:9px;color:var(--exchange-navy);font-size:16px;line-height:1.5}.itoba-exchange-card-copy small{overflow:hidden;margin-top:8px;color:var(--exchange-muted);font-size:11px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.itoba-exchange-card-copy em{margin-top:auto;padding-top:12px;color:var(--exchange-teal);font-size:11px;font-style:normal;font-weight:900}.itoba-exchange-empty{grid-column:1/-1;padding:34px;text-align:center;color:var(--exchange-muted);background:var(--exchange-mist);border-radius:18px}
@media(max-width:880px){.itoba-exchange-hero-grid{grid-template-columns:1fr}.itoba-exchange-next{max-width:460px}.itoba-exchange-grid{grid-template-columns:1fr}}@media(max-width:620px){.itoba-exchange-container{width:min(100% - 32px,620px)}.itoba-exchange-hero{padding:46px 0 48px}.itoba-exchange-breadcrumb{margin-bottom:26px}.itoba-exchange-hero h1{font-size:34px}.itoba-exchange-hero-grid{gap:28px}.itoba-exchange-next{padding:25px 22px}.itoba-exchange-content{padding:42px 0 72px}.itoba-exchange-facts{grid-template-columns:1fr}.itoba-exchange-archive{margin-top:52px}.itoba-exchange-archive>header{display:block}.itoba-exchange-archive>header p{margin-top:8px}.itoba-exchange-card{grid-template-columns:105px 1fr}.itoba-exchange-card-image{min-height:164px}.itoba-exchange-card-copy{padding:14px}.itoba-exchange-card-copy>strong{font-size:14px}.itoba-exchange-card-copy small{display:none}}

/* DESIGN-SYSTEM.md: sister city exchange, 2026-09-06 */
body:has(.itoba-exchange-directory) #breadcrumb { display: none !important; }

.itoba-exchange-directory {
  --exchange-navy: var(--itoba-navy-900);
  --exchange-teal: var(--itoba-teal);
  --exchange-lime: var(--itoba-lime);
  --exchange-cream: var(--itoba-cream);
  --exchange-mist: var(--itoba-mist);
  --exchange-ink: var(--itoba-ink);
  --exchange-muted: var(--itoba-muted);
  --exchange-line: var(--itoba-line);
  color: var(--itoba-ink);
  background: var(--itoba-white);
  font-family: "Zen Kaku Gothic New", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;
  font-size: 15px;
  line-height: 1.75;
}

.itoba-exchange-container {
  width: min(var(--itoba-content), calc(100% - 40px));
}

.itoba-exchange-hero {
  padding: 52px 0 62px;
  color: var(--itoba-white);
  background: linear-gradient(135deg, var(--itoba-navy-950) 0%, var(--itoba-navy-900) 65%, var(--itoba-navy-800) 100%);
  border-bottom: 0;
}

.itoba-exchange-breadcrumb {
  margin-bottom: 34px;
  color: #c7d8dc;
  font-size: 12px;
}

.itoba-exchange-breadcrumb a { color: var(--itoba-lime); }
.itoba-exchange-hero-grid { grid-template-columns: minmax(0, 1fr) 370px; gap: 54px; }
.itoba-exchange-eyebrow { color: var(--itoba-lime); }
.itoba-exchange-hero h1 {
  color: var(--itoba-white);
  font-size: clamp(38px, 4.25vw, 48px);
  line-height: 1.3;
  letter-spacing: -.035em;
}

.itoba-exchange-hero h1 span { color: var(--itoba-lime); }
.itoba-exchange-hero-grid > div:first-child > p:last-child {
  color: #d9e8ea;
  font-size: 15px;
  line-height: 1.75;
}

.itoba-exchange-next {
  padding: 30px 31px;
  color: var(--itoba-white);
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: var(--itoba-radius-lg);
  box-shadow: var(--itoba-shadow);
}

.itoba-exchange-next > small,
.itoba-exchange-next time b { color: var(--itoba-lime); font-size: 11px; }
.itoba-exchange-next > em {
  min-height: 32px;
  padding: 7px 11px;
  color: var(--itoba-navy-950);
  background: var(--itoba-lime);
  border-radius: var(--itoba-radius-pill);
  font-size: 11px;
}

.itoba-exchange-content { padding: 90px 0 100px; }
.itoba-exchange-about > header small,
.itoba-exchange-archive header small { color: var(--itoba-teal); font-size: 11px; }
.itoba-exchange-about h2,
.itoba-exchange-archive h2 {
  color: var(--itoba-navy-900);
  font-size: clamp(31px, 3.2vw, 34px);
  line-height: 1.35;
}

.itoba-exchange-about > p,
.itoba-exchange-archive > header p {
  color: var(--itoba-muted);
  font-size: 15px;
  line-height: 1.75;
}

.itoba-exchange-facts { gap: 18px; margin-top: 32px; }
.itoba-exchange-facts > div {
  padding: 25px;
  background: var(--itoba-white);
  border-color: var(--itoba-line);
  border-radius: var(--itoba-radius-md);
}

.itoba-exchange-facts strong { color: var(--itoba-navy-900); }
.itoba-exchange-facts span { color: var(--itoba-muted); font-size: 12px; line-height: 1.5; }
.itoba-exchange-archive { margin-top: 90px; }
.itoba-exchange-grid { gap: 20px; }
.itoba-exchange-card {
  color: var(--itoba-ink);
  background: var(--itoba-white);
  border-color: var(--itoba-line);
  border-radius: var(--itoba-radius-md);
  box-shadow: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.itoba-exchange-card:hover {
  border-color: rgba(11, 142, 137, .35);
  box-shadow: var(--itoba-shadow-soft);
  transform: translateY(-2px);
}

.itoba-exchange-card-image { background: var(--itoba-mist); }
.itoba-exchange-card-copy b {
  color: var(--itoba-navy-950);
  background: var(--itoba-lime);
  border-radius: var(--itoba-radius-pill);
  font-size: 11px;
}

.itoba-exchange-card-copy time { color: var(--itoba-muted); font-size: 11px; }
.itoba-exchange-card-copy > strong { color: var(--itoba-navy-900); font-size: 17px; }
.itoba-exchange-card-copy small { color: var(--itoba-muted); font-size: 12px; line-height: 1.65; }
.itoba-exchange-card-copy em { color: var(--itoba-teal); font-size: 12px; }
.itoba-exchange-empty { color: var(--itoba-muted); background: var(--itoba-mist); border-radius: var(--itoba-radius-md); }

.itoba-exchange-directory a:focus-visible {
  outline: 3px solid var(--itoba-lime);
  outline-offset: 3px;
}

@media (max-width: 880px) {
  .itoba-exchange-hero-grid { grid-template-columns: 1fr; }
  .itoba-exchange-next { width: min(100%, 520px); max-width: none; }
  .itoba-exchange-grid { grid-template-columns: 1fr; }
  .itoba-exchange-card { grid-template-columns: 220px minmax(0, 1fr); }
}

@media (max-width: 620px) {
  .itoba-exchange-container { width: min(calc(100% - 28px), 620px); }
  .itoba-exchange-hero { padding: 38px 0 48px; }
  .itoba-exchange-breadcrumb { margin-bottom: 24px; }
  .itoba-exchange-hero h1 { font-size: 31px; }
  .itoba-exchange-hero-grid { gap: 26px; }
  .itoba-exchange-next { padding: 24px 21px; border-radius: var(--itoba-radius-md); }
  .itoba-exchange-content { padding: 64px 0 77px; }
  .itoba-exchange-about h2,
  .itoba-exchange-archive h2 { font-size: 27px; }
  .itoba-exchange-facts { grid-template-columns: 1fr; gap: 15px; }
  .itoba-exchange-archive { margin-top: 64px; }
  .itoba-exchange-archive > header { display: block; }
  .itoba-exchange-archive > header p { margin-top: 8px; }
  .itoba-exchange-card { grid-template-columns: 112px minmax(0, 1fr); }
  .itoba-exchange-card-image { min-height: 164px; }
  .itoba-exchange-card-copy { padding: 14px; }
  .itoba-exchange-card-copy > strong { font-size: 15px; }
  .itoba-exchange-card-copy small { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .itoba-exchange-directory *,
  .itoba-exchange-directory *::before,
  .itoba-exchange-directory *::after {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}