@charset "UTF-8";
.mm25__body {
  padding: 0 0 90px 0; }

@media screen and (max-width: 897px) {
  .mm25__body {
    padding: 0 0 30px 0; } }
.mm25__body {
  font-size: 1.7rem;
  line-height: 1.8;
  letter-spacing: 1px; }

.mm25__body .mainview {
  padding: 0 0 60px 0;
  text-align: center; }

@media screen and (max-width: 897px) {
  .mm25__body .mainview {
    padding: 0 0 30px 0; } }
.mm25__body .mainview img {
  border-radius: 5px; }

.mm25__body .schedule {
  max-width: 1140px;
  margin: auto; }

.mm25__body .schedule__headline {
  padding: 0 0 30px 0; }

.mm25__body .schedule__headline span {
  font-family: din-2014, sans-serif;
  font-size: 3.5rem;
  line-height: 1;
  font-weight: 700; }

.mm25__body .schedule__headline h2 {
  font-size: 1.7rem;
  color: #666;
  font-weight: 700; }

.mm25__body .schedule__box dl div.wrap {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dotted #ccc;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0; }

@media screen and (max-width: 897px) {
  .mm25__body .schedule__box dl div.wrap {
    display: block; } }
.mm25__body .schedule__box dl div.wrap dt {
  width: 20%;
  font-weight: 700; }

@media screen and (max-width: 897px) {
  .mm25__body .schedule__box dl div.wrap dt {
    font-size: 1.8rem;
    width: 100%;
    background: #fff;
    padding: 10px 8px;
    border-radius: 5px;
    margin: 0 0 20px 0; } }
.mm25__body .schedule__box dl div.wrap dd {
  width: 80%; }

@media screen and (max-width: 897px) {
  .mm25__body .schedule__box dl div.wrap dd {
    width: 100%; } }
.mm25__body .schedule__box dl div.wrap dd .date {
  display: block;
  border-bottom: none;
  margin: 0;
  padding: 0; }

.mm25__body .schedule__box dl div.wrap dd .date__item {
  display: flex;
  justify-content: space-between;
  padding: 0 0 20px 0; }

@media screen and (max-width: 897px) {
  .mm25__body .schedule__box dl div.wrap dd .date__item {
    display: block; } }
.mm25__body .schedule__box dl div.wrap dd .date__item .no {
  width: 18%; }

@media screen and (max-width: 897px) {
  .mm25__body .schedule__box dl div.wrap dd .date__item .no {
    width: 100%; } }
.mm25__body .schedule__box dl div.wrap dd .date__item .no span {
  display: inline-block;
  border: 1px solid #ccc;
  width: 100%;
  text-align: center;
  background: #f4f4f4;
  padding: 0 3px;
  border-radius: 5px; }

@media screen and (max-width: 897px) {
  .mm25__body .schedule__box dl div.wrap dd .date__item .no span {
    width: 25%; } }
.mm25__body .schedule__box dl div.wrap dd .date__item .vs {
  width: 80%;
  margin: 0 0 0 2%; }

@media screen and (max-width: 897px) {
  .mm25__body .schedule__box dl div.wrap dd .date__item .vs {
    width: 100%;
    margin: 2% 0 0 0; } }
.mm25__body .schedule__box dl div.wrap dd .date__item .vs p {
  font-weight: 700; }

.mm25__body .schedule__box dl div.wrap dd .date__item .vs p:not(:first-of-type) {
  font-weight: 400; }

.mm25__body .schedule__box dl div.wrap dd .date__item:last-of-type {
  padding: 5px 0 0 0; }

@media screen and (max-width: 897px) {
  .mm25__body .schedule__box dl div.wrap dd .date__item:nth-last-child(2) span {
    width: 40%; } }
@media screen and (max-width: 897px) {
  .mm25__body .schedule__box dl div.wrap dd .date__item:nth-last-child(1) span {
    width: 40%; } }
.mm25__body .schedule__box dl div.wrap dd .car {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.mm25__body .schedule__box dl div.wrap dd .car__item {
  width: 31%; }

@media screen and (max-width: 897px) {
  .mm25__body .schedule__box dl div.wrap dd .car__item {
    width: 48%; } }
.mm25__body .schedule__box dl div.wrap dd .car__item:nth-child(n + 4) {
  margin: 4% 0 0 0; }

@media screen and (max-width: 897px) {
  .mm25__body .schedule__box dl div.wrap dd .car__item:nth-child(n + 4) {
    margin: 0; } }
@media screen and (max-width: 897px) {
  .mm25__body .schedule__box dl div.wrap dd .car__item:nth-child(n + 3) {
    margin: 3% 0 0 0; } }
.mm25__body .schedule__box dl div.wrap dd .car__item .img {
  position: relative;
  padding: 0; }

.mm25__body .schedule__box dl div.wrap dd .car__item .img span {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  display: inline-block;
  background: #fff;
  padding: 5px 8px;
  font-size: 1.5rem;
  font-weight: 700;
  border-radius: 5px 0 5px 0; }

.mm25__body .schedule__box dl div.wrap dd .car__item .img img {
  border-radius: 5px; }

.mm25__body .schedule__box dl div.wrap dd .car__item .menu {
  margin: 15px 0 10px 0; }

.mm25__body .schedule__box dl div.wrap dd .car__item .menu span {
  display: inline;
  background: #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 1.5rem;
  letter-spacing: 0; }

.mm25__body .schedule__box dl div.wrap dd .car__item .txt {
  margin: 0 0 15px 0;
  font-size: 1.8rem;
  font-weight: 700; }

.mm25__body .schedule__box dl div.wrap dd .car__item .insta a:hover {
  opacity: 0.7; }

.mm25__body .schedule__box dl div.wrap:last-of-type {
  padding: 0 0 30px 0;
  margin: 0; }

.mm25__body .caution {
  padding: 60px 0 0 0; }

@media screen and (max-width: 897px) {
  .mm25__body .caution {
    padding: 30px 0 0 0; } }
.mm25__body .caution__box {
  text-align: center;
  max-width: 720px;
  margin: auto;
  padding: 30px;
  background: #fff;
  border: 2px solid #e4e4e4;
  border-radius: 5px; }

@media screen and (max-width: 897px) {
  .mm25__body .caution__box {
    padding: 15px; } }
@media screen and (max-width: 897px) {
  .mm25__body .caution__box p {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 700; } }
.mm25team__body {
  padding: 90px 0;
  background-color: rgba(247, 247, 247, 0.8);
  /* 80%不透明 */ }

@media screen and (max-width: 897px) {
  .mm25team__body {
    padding: 30px 0; } }
.mm25team__body {
  font-size: 1.7rem;
  line-height: 1.8;
  letter-spacing: 1px; }

.mm25team__body .mm25plof__box {
  display: flex;
  justify-content: space-between; }

@media screen and (max-width: 897px) {
  .mm25team__body .mm25plof__box {
    display: block; } }
.mm25team__body .mm25plof__box .img {
  width: 48%; }

@media screen and (max-width: 897px) {
  .mm25team__body .mm25plof__box .img {
    width: 100%; } }
.mm25team__body .mm25plof__box .img img {
  border-radius: 5px; }

.mm25team__body .mm25plof__box .txt {
  width: 48%; }

@media screen and (max-width: 897px) {
  .mm25team__body .mm25plof__box .txt {
    width: 100%;
    padding: 15px 0 0 0; } }
.mm25team__body .mm25plof__box .txt h2 {
  font-size: 2.0rem; }

.mm25team__body .mm25plof__box .txt p {
  padding: 15px 0 0 0; }

@media screen and (max-width: 897px) {
  .mm25team__body .mm25plof__box .txt p {
    padding: 10px 0 0 0; } }
.mm25team__body .mm25about {
  padding: 60px 0 0 0; }

@media screen and (max-width: 897px) {
  .mm25team__body .mm25about {
    padding: 30px 0 0 0; } }
.mm25team__body .mm25about__box {
  display: flex;
  justify-content: space-between; }

@media screen and (max-width: 897px) {
  .mm25team__body .mm25about__box {
    display: block; } }
.mm25team__body .mm25about__box .img {
  width: 48%; }

@media screen and (max-width: 897px) {
  .mm25team__body .mm25about__box .img {
    width: 100%; } }
.mm25team__body .mm25about__box .img img {
  border-radius: 5px; }

.mm25team__body .mm25about__box .txt {
  width: 48%; }

@media screen and (max-width: 897px) {
  .mm25team__body .mm25about__box .txt {
    width: 100%;
    padding: 15px 0 0 0; } }
.mm25team__body .mm25about__box .txt h2 {
  font-size: 2.0rem; }

.mm25team__body .mm25about__box .txt p {
  padding: 15px 0 0 0; }

@media screen and (max-width: 897px) {
  .mm25team__body .mm25about__box .txt p {
    padding: 10px 0 0 0; } }
.mm25team__body .mm25about .btn__view-more {
  margin: 15px 0 0 0; }

.mm25team__body .mm25about .btn__view-more a span span {
  top: -5px; }

.team-insta {
  margin: -20px 0 60px 0;
  display: flex;
  justify-content: space-between; }

@media screen and (max-width: 897px) {
  .team-insta {
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ccc; } }
.team-insta__item {
  width: 32%;
  background: #fff;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 1.7rem;
  line-height: 1.6; }

@media screen and (max-width: 897px) {
  .team-insta__item {
    width: 100%; } }
.team-insta__item a {
  display: block;
  padding: 15px; }

.team-insta__item a .iwrap {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.team-insta__item a .iwrap span:first-of-type {
  width: 15%; }

.team-insta__item a .iwrap span:last-of-type {
  width: 85%; }

.team-insta__item a:hover {
  opacity: 0.7; }

@media screen and (max-width: 897px) {
  .team-insta__item:not(:last-of-type) {
    margin: 0 0 15px 0; } }
.mm25movie {
  margin: 0 0 60px 0;
  padding: 0 0 60px 0;
  border-bottom: 1px solid #eee; }

@media screen and (max-width: 897px) {
  .mm25movie {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0; } }
.mm25movie .caption {
  margin: 20px 0 0 0;
  display: flex;
  justify-content: flex-end;
  text-align: center; }

@media screen and (max-width: 897px) {
  .mm25movie .caption {
    display: block;
    margin: 10px 0 0 0;
    font-size: 1.5rem; } }
.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9のアスペクト比 */
  height: 0; }

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.map {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9のアスペクト比 */
  height: 0; }

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.sponsor__box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.sponsor__box__item {
  width: 31%;
  border: 1px solid #D7D7D7; }

@media screen and (max-width: 897px) {
  .sponsor__box__item {
    width: 48%; } }
.sponsor__box__item:nth-child(n + 4) {
  margin: 30px 0 0 0; }

@media screen and (max-width: 897px) {
  .sponsor__box__item:nth-child(n + 4) {
    margin: 0; } }
@media screen and (max-width: 897px) {
  .sponsor__box__item:nth-child(n + 3) {
    margin: 20px 0 0 0; } }
.sponsor__box::after {
  content: "";
  display: block;
  width: 31%; }

.results__btn {
  margin: 15px 0 30px 0; }

.results__btn .btn__view-more a {
  width: 200px !important; }

.arcive h3 {
  background: #fff;
  margin: 0 0 20px 0;
  padding: 0 5px;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 10px;
  font-size: 1.7rem; }

@media screen and (max-width: 897px) {
  .arcive h3 {
    font-size: 1.7rem; } }
.arcive:first-child {
  margin: 0 0 30px 0; }

.video__inbox {
  display: flex;
  justify-content: space-between; }

.video__inbox__item {
  width: 48%;
  margin: 0 0 40px 0; }

/* ----------------------------------------
  2026: 黒背景(#121212)対応の文字色調整
  ※このファイルはモビリティマッチ2026ページ(ID:5297)のみで読み込み
---------------------------------------- */
.mm25__body {
  color: #fff; }

.mm25__body .schedule__box dl div.wrap dd p a {
  color: #fff;
  text-decoration: underline; }

.mm25__body .schedule__headline h2 {
  color: #ccc; }

.mm25__body .schedule__box dl div.wrap dd .car__item .insta svg {
  fill: #fff; }

/* 白・グレー背景のボックス内は黒文字に戻す */
.mm25__body .schedule__box dl div.wrap dd .date__item .no span,
.mm25__body .schedule__box dl div.wrap dd .car__item .menu span,
.mm25__body .schedule__box dl div.wrap dd .car__item .img span,
.mm25__body .caution__box,
.mm25__body .arcive h3,
.team-insta__item,
.team-insta__item a {
  color: #121212; }

@media screen and (max-width: 897px) {
  .mm25__body .schedule__box dl div.wrap dt {
    color: #121212; } }
/* 2026: メイン画像（横長1枚） */
.mm25__body .mainview img {
  width: 100%;
  height: auto; }

/* ==========================================================================
  2026 ブラッシュアップ（メリハリ強化）
  ・mm26.css の末尾に追記する。
  ・あわせて mm26.css 内の次の3ブロックは削除する（新マークアップでは不要。残すと干渉する）。
      「2026: 開催日時（ラベルなし・1試合のみ）」               …ブロック一式
      「2026: チーム紹介（メイン画像下・黒背景／2カラム…）」     …ブロック一式
      「2026: 茨城トヨペットの取り組み（グレー背景…）」         …ブロック一式
    （削除・追記済みの完成形 = design/mm26.proposed.css）
  ・セレクタはすべて 2026 専用クラス（.mm26〜）か、2026ページでのみ読む mm26.css 内の
    既存クラス上書き。style.css は触らない。
========================================================================== */
/* ---------- 共通トークン ---------- */
.mm26,
.mm26about {
  --mm26-accent: #fff;
  /* アクセント（モノトーン：赤は使わない） */
  --mm26-surface: #1d1d1d;
  /* 黒背景上のカード面 */
  --mm26-line: #383838;
  /* 区切り線 */
  --mm26-sub: #a8a8a8;
  /* 補助テキスト（#121212上でコントラスト 7.9:1） */
  --mm26-body: #dcdcdc;
  /* 本文（白より一段落とす） */ }

/* ---------- 全体の余白リズム ---------- */
.mm25__body.mm26 {
  padding: 0 0 140px 0; }

@media screen and (max-width: 897px) {
  .mm25__body.mm26 {
    padding: 0 0 72px 0; } }
.mm25__body.mm26 .mainview {
  padding: 0 0 110px 0; }

@media screen and (max-width: 897px) {
  .mm25__body.mm26 .mainview {
    padding: 0 0 56px 0; } }
.mm26sec + .mm26sec {
  margin-top: 140px; }

@media screen and (max-width: 897px) {
  .mm26sec + .mm26sec {
    margin-top: 80px; } }
/* ---------- セクション見出し（英字大＋和文小／サイト共通 titleMain と同じ文法の縮小版） ---------- */
.mm26head {
  margin: 0 0 48px 0;
  line-height: 1; }

@media screen and (max-width: 897px) {
  .mm26head {
    margin: 0 0 28px 0; } }
.mm26head::before {
  content: "";
  display: block;
  width: 40px;
  height: 4px;
  margin: 0 0 18px 0;
  background: var(--mm26-accent); }

@media screen and (max-width: 897px) {
  .mm26head::before {
    width: 32px;
    height: 3px;
    margin: 0 0 14px 0; } }
.mm26head__en {
  display: block;
  font-family: din-2014, sans-serif;
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #fff; }

@media screen and (max-width: 897px) {
  .mm26head__en {
    font-size: 3.6rem; } }
.mm26head__jp {
  display: block;
  margin: 12px 0 0 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: var(--mm26-sub); }

@media screen and (max-width: 897px) {
  .mm26head__jp {
    margin: 8px 0 0 0;
    font-size: 1.4rem; } }
/* ==========================================================================
  出場チーム（左：茨城日産 ／ VS ／ 右：茨城トヨペット）
========================================================================== */
.mm26teams {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr);
  column-gap: 28px;
  align-items: start;
  container-type: inline-size; }

@media screen and (max-width: 897px) {
  .mm26teams {
    display: block; } }
/* 画像：比率の違う2枚を同じ枠に入れ、下端揃え（キャプション位置を揃える） */
.mm26teams__img {
  aspect-ratio: 1152 / 717;
  display: flex;
  align-items: flex-end; }

.mm26teams__img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px; }

@media screen and (max-width: 897px) {
  .mm26teams__img {
    aspect-ratio: auto; } }
.mm26teams__txt {
  padding: 32px 0 0 0;
  color: #fff; }

@media screen and (max-width: 897px) {
  .mm26teams__txt {
    padding: 20px 0 0 0; } }
/* チーム名：小さく・グレーのラベルに格下げ（主役はキャッチ） */
.mm26teams__name {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: var(--mm26-sub); }

.mm26teams__name::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--mm26-line); }

/* 英字キャッチ：少し細く（700→600）・太字のまま・大きく。カラム幅に合わせて1行に収める */
.mm26teams__txt {
  container-type: inline-size; }

.mm26teams__catch {
  margin: 14px 0 0 0;
  font-family: din-2014, sans-serif;
  /* "One Heart, One Power, 2026" が1行に収まるサイズ（文字幅≒12em）。PCでは最大4.0rem */
  font-size: min(4rem, 8cqw);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.01em;
  white-space: nowrap;
  color: #fff; }

@media screen and (max-width: 897px) {
  .mm26teams__catch {
    margin: 10px 0 0 0; } }
.mm26teams__body {
  margin: 28px 0 0 0;
  font-size: 1.6rem;
  line-height: 2;
  color: var(--mm26-body); }

.mm26teams__body p + p {
  margin-top: 1em; }

@media screen and (max-width: 897px) {
  .mm26teams__body {
    margin: 18px 0 0 0;
    font-size: 1.5rem;
    line-height: 1.9; } }
/* VS：PCは縦の区切り線＋丸囲みVS（画像の縦中央）、SPは横の区切り線＋VS */
.mm26teams__vs {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch; }

.mm26teams__vs::before,
.mm26teams__vs::after {
  content: "";
  width: 1px;
  background: var(--mm26-line); }

.mm26teams__vs::before {
  /* 画像の縦中央に VS が来る高さ。cqw 非対応ブラウザは 130px で代替 */
  height: 130px;
  height: calc((100cqw - 64px - 56px) / 2 * 717 / 1152 / 2 - 32px); }

.mm26teams__vs::after {
  flex: 1; }

.mm26teams__vs span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border: 1px solid #5a5a5a;
  border-radius: 50%;
  font-family: din-2014, sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #fff;
  background: #121212; }

@media screen and (max-width: 897px) {
  .mm26teams__vs {
    flex-direction: row;
    gap: 16px;
    margin: 44px 0; }

  .mm26teams__vs::before,
  .mm26teams__vs::after {
    flex: 1;
    width: auto;
    height: 1px; }

  .mm26teams__vs span {
    width: 52px;
    height: 52px;
    font-size: 1.8rem; } }
/* ==========================================================================
  開催情報（カードのグリッド：主要情報＝大きく、準備中＝小さく）
  PC  : [開催日時 4/6][入場料 2/6] / [開催場所 6/6] / [キッチンカー 3/6][協賛企業様 3/6]
  SP  : 1カラム。準備中の2項目は1行の横並び（ラベル左・バッジ右）
========================================================================== */
.mm26info {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px; }

@media screen and (max-width: 897px) {
  .mm26info {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px; } }
.mm26info__item {
  grid-column: span 6;
  padding: 36px 40px;
  background: var(--mm26-surface);
  border-radius: 6px; }

@media screen and (max-width: 897px) {
  .mm26info__item {
    grid-column: auto;
    padding: 24px 20px; } }
.mm26info__item dt {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: #fff; }

.mm26info__item dd {
  margin: 20px 0 0 0; }

@media screen and (max-width: 897px) {
  .mm26info__item dd {
    margin: 14px 0 0 0; } }
/* 項目ラベルの英字（DATE / PLACE …）。装飾なので aria-hidden */
.mm26info__en {
  display: block;
  margin: 0 0 6px 0;
  font-family: din-2014, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.18em;
  color: var(--mm26-sub); }

/* --- 開催日時：ページで最も強い要素 --- */
.mm26info__item--date {
  grid-column: span 4; }

@media screen and (max-width: 897px) {
  .mm26info__item--date {
    grid-column: auto; } }
.mm26info__match {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #fff; }

@media screen and (max-width: 897px) {
  .mm26info__match {
    font-size: 1.8rem; } }
.mm26info__vs {
  margin: 0 0.2em;
  font-family: din-2014, sans-serif;
  font-weight: 600;
  color: var(--mm26-sub); }

.mm26info__date {
  margin: 10px 0 0 0;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.02em;
  color: #fff; }

@media screen and (max-width: 897px) {
  .mm26info__date {
    font-size: 1.7rem; } }
.mm26info__num {
  margin: 0 0.06em;
  font-family: din-2014, sans-serif;
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  vertical-align: -0.04em; }

@media screen and (max-width: 1140px) {
  .mm26info__num {
    font-size: 5.2rem; } }
@media screen and (max-width: 897px) {
  .mm26info__num {
    font-size: 4.4rem; } }
/* 「　」（全角スペース）は PC では区切り、SP では改行位置にする */
.mm26info__sp {
  display: inline-block;
  width: 0.6em;
  overflow: hidden; }

.mm26info__time {
  white-space: nowrap; }

@media screen and (max-width: 897px) {
  .mm26info__sp {
    display: none; }

  .mm26info__time {
    display: block;
    margin: 6px 0 0 0; }

  .mm26info__time .mm26info__num {
    margin-left: 0; } }
/* --- 入場料：「無料」を大きく --- */
.mm26info__item--fee {
  grid-column: span 2;
  display: flex;
  flex-direction: column; }

@media screen and (max-width: 897px) {
  .mm26info__item--fee {
    grid-column: auto;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; } }
.mm26info__item--fee dd {
  flex: 1;
  display: flex;
  align-items: center; }

@media screen and (max-width: 897px) {
  .mm26info__item--fee dd {
    flex: none;
    margin: 0; } }
.mm26info__free {
  font-size: 5.6rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.06em;
  color: #fff; }

@media screen and (max-width: 1140px) {
  .mm26info__free {
    font-size: 4.4rem; } }
@media screen and (max-width: 897px) {
  .mm26info__free {
    font-size: 3.2rem; } }
/* --- 開催場所：地図（左）＋球場名・住所（右） --- */
.mm26info__place {
  display: grid;
  grid-template-columns: minmax(0, 62%) minmax(0, 1fr);
  gap: 36px;
  align-items: center; }

@media screen and (max-width: 897px) {
  .mm26info__place {
    display: block; } }
.mm26info__place .map {
  border-radius: 4px;
  overflow: hidden; }

.mm26info__address {
  font-size: 1.5rem;
  line-height: 1.8;
  color: var(--mm26-body); }

@media screen and (max-width: 897px) {
  .mm26info__address {
    margin: 18px 0 0 0;
    font-size: 1.5rem; } }
.mm26info__address .mm26info__venue {
  margin: 0 0 8px 0;
  font-size: 2.6rem;
  line-height: 1.4;
  color: #fff; }

@media screen and (max-width: 897px) {
  .mm26info__address .mm26info__venue {
    font-size: 2.0rem;
    margin: 0 0 4px 0; } }
.mm25__body .mm26info__address a.mm26info__maplink {
  display: block;
  width: fit-content;
  margin: 14px 0 0 0;
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px; }

.mm25__body .mm26info__address a.mm26info__maplink:hover {
  opacity: 0.7; }

@media screen and (max-width: 897px) {
  .mm25__body .mm26info__address a.mm26info__maplink {
    margin: 8px 0 0 0; } }
/* --- 準備中の項目：枠線だけの控えめなカード＋バッジ --- */
.mm26info__item--pending {
  grid-column: span 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 40px;
  background: transparent;
  border: 1px solid var(--mm26-line); }

@media screen and (max-width: 897px) {
  .mm26info__item--pending {
    grid-column: auto;
    padding: 16px 20px; } }
.mm26info__item--pending dt {
  color: var(--mm26-body); }

.mm26info__item--pending dd {
  margin: 0; }

.mm26info__badge {
  display: inline-block;
  padding: 4px 16px;
  border: 1px solid #6a6a6a;
  border-radius: 999px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: var(--mm26-sub); }

/* ---------- お問い合せ先：白箱 → 黒地の横長ボックス（白は使わず、電話番号を主役に） ---------- */
.mm26contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 56px 0 0 0;
  padding: 32px 40px;
  border-top: 1px solid var(--mm26-line);
  border-bottom: 1px solid var(--mm26-line); }

@media screen and (max-width: 897px) {
  .mm26contact {
    display: block;
    margin: 40px 0 0 0;
    padding: 28px 0;
    text-align: center; } }
.mm26contact__title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: #fff; }

.mm26contact__org {
  margin: 6px 0 0 0;
  font-size: 1.5rem;
  line-height: 1.6;
  color: var(--mm26-body); }

.mm26contact__tel a {
  display: inline-block;
  font-family: din-2014, sans-serif;
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: #fff; }

.mm26contact__tel a:hover {
  opacity: 0.7; }

@media screen and (max-width: 897px) {
  .mm26contact__tel {
    margin: 20px 0 0 0; }

  .mm26contact__tel a {
    display: block;
    padding: 14px 10px;
    border-radius: 6px;
    background: #fff;
    color: #121212;
    font-size: 2.2rem; } }
/* ==========================================================================
  茨城トヨペットの取り組み（グレーの独立ブロック）
  ・半透明(rgba 247/0.8)だと下地画像次第で濁るため、単色グレーに固定
  ・英字ラベル追加＋見出し拡大で「別ブロック」であることを明確に
========================================================================== */
.mm25team__body.mm26about {
  padding: 110px 0;
  background: #d6d6d6;
  color: #262626; }

@media screen and (max-width: 897px) {
  .mm25team__body.mm26about {
    padding: 56px 0; } }
.mm26about .mm25about {
  padding: 0; }

.mm26about .mm25about__box {
  align-items: center; }

.mm26about .mm25about__box .img {
  width: 44%; }

.mm26about .mm25about__box .img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px; }

.mm26about .mm25about__box .txt {
  width: 50%; }

@media screen and (max-width: 897px) {
  .mm26about .mm25about__box .img,
  .mm26about .mm25about__box .txt {
    width: 100%; }

  .mm26about .mm25about__box .txt {
    padding: 28px 0 0 0; } }
.mm26about__en {
  font-family: din-2014, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.18em;
  color: #5a5a5a; }

.mm25team__body.mm26about .mm25about__box .txt .mm26about__en {
  padding: 0; }

.mm25team__body.mm26about .mm25about__box .txt h2 {
  margin: 12px 0 0 0;
  font-size: 2.8rem;
  line-height: 1.4;
  letter-spacing: 0.04em; }

@media screen and (max-width: 897px) {
  .mm25team__body.mm26about .mm25about__box .txt h2 {
    font-size: 2.2rem; } }
.mm25team__body.mm26about .mm25about__box .txt p:not(.mm26about__en) {
  padding: 20px 0 0 0;
  font-size: 1.6rem;
  line-height: 2; }

@media screen and (max-width: 897px) {
  .mm25team__body.mm26about .mm25about__box .txt p:not(.mm26about__en) {
    padding: 14px 0 0 0;
    font-size: 1.5rem;
    line-height: 1.9; } }
.mm25team__body.mm26about .mm25about .btn__view-more {
  margin: 32px 0 0 0; }

/* ==========================================================================
  2026: このページのみヘッダー・フッターを非表示
  ※mm26.css はモビリティマッチ2026ページでのみ読み込まれるため他ページには影響しない
========================================================================== */
#header,
.footer {
  display: none !important; }

/* 固定ヘッダー分の上余白（PC 90px / SP 70px）を解除 */
main#main {
  padding-top: 0; }
