/* Styles for the 2025 JKA project page. */
#center { padding-bottom: 40px; }
.jka-project { padding-bottom: 14px; }
.jka-project h3 {
  margin: 24px 18px 10px;
  padding: 7px 10px;
  color: #004da1;
  border-left: 6px solid #004da1;
  border-bottom: 1px solid #c7d8ea;
  font-size: 15px;
}
.jka-project h4 {
  margin: 18px 20px 8px;
  color: #173a64;
  font-size: 14px;
}
.jka-project p {
  margin: 8px 20px;
  padding: 0;
  font-size: 13px;
  line-height: 1.8;
}
.jka-project ul {
  margin: 8px 22px 12px 42px;
  padding: 0;
}
.jka-project li {
  margin-bottom: 6px;
  line-height: 1.65;
}
.jka-lead {
  margin: 14px 20px 4px;
  padding: 13px 15px;
  background: #eef6fc;
  border: 1px solid #bad4e8;
  line-height: 1.85;
}
.jka-support {
  margin: 14px 20px;
  padding: 12px 14px;
  background: #fff8df;
  border: 1px solid #e3c66c;
  text-align: center;
}
.jka-support strong { color: #6e4800; }
.jka-banners { margin-top: 8px; }
.jka-banners img {
  max-height: 46px;
  width: auto;
  margin: 4px 8px;
  vertical-align: middle;
}
.jka-meta {
  width: auto;
  margin: 14px 20px;
  border-collapse: collapse;
  font-size: 13px;
}
.jka-meta th, .jka-meta td {
  padding: 8px 9px;
  border: 1px solid #b8c5d0;
  vertical-align: top;
}
.jka-meta th {
  width: 135px;
  color: #173a64;
  background: #eef3f7;
  text-align: left;
}
.jka-figure {
  margin: 16px 20px 24px;
  text-align: center;
}
.jka-figure img {
  width: 100%;
  max-width: 700px;
  height: auto;
  border: 1px solid #c4c4c4;
  background: #fff;
}
.jka-figure figcaption {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.55;
  color: #444;
}
.jka-links a { word-break: break-all; }
.jka-note {
  margin: 12px 20px;
  padding: 10px 12px;
  border-left: 4px solid #6f91ad;
  background: #f4f7f9;
  font-size: 12px;
  line-height: 1.7;
}
.jka-contact {
  margin: 10px 20px 18px;
  padding: 12px 14px;
  background: #f5f5f5;
  border: 1px solid #d2d2d2;
  font-size: 13px;
  line-height: 1.75;
}
@media screen and (max-width: 980px) {
  #left { position: static; width: auto; margin: 10px; }
  #center { position: static; width: auto; margin: 10px; }
  #contents { width: auto; }
  .head { min-width: 0; }
  .jka-meta { width: auto; margin-left: 10px; margin-right: 10px; }
  .jka-project p, .jka-project h3, .jka-project h4,
  .jka-support, .jka-lead, .jka-figure, .jka-note, .jka-contact {
    margin-left: 12px;
    margin-right: 12px;
  }
}