*, *:before, *:after { box-sizing: border-box; }

    body {
      font-family: "Noto Sans JP", sans-serif;
      background: #f8f9fa;
    }

    .container.container-1200 {
      max-width: 1200px;
      width: auto;
    }
    .deadline {
  font-size: 0.7em;   /* ← これで小さくなる */
  color: #dc3545;     /* 任意：少し強調（赤） */
  margin-left: 10px;
}
    /* 共通ボタン */
.common-btn-area {
  text-align: right;
  margin: 15px;
}

.btn-outline {
  background: #fff;
  border: 2px solid #667eea;
  color: #667eea;
  font-weight: 700;
  border-radius: 8px;
  padding: 8px 18px;
}

.btn-outline:hover {
  background: #667eea;
  color: #fff;
}

/* 表 */
.custom-table th {
 background: #34495e;
  color: #fff;
  text-align: center;
  font-size: 16px;   /* ←追加（元より大きく） */
  padding: 14px 10px;
}

.custom-table td {
  vertical-align: middle;
  font-size: 15px;   /* ←追加 */
  padding: 14px;
  background: #fbfbfc; /* ← 薄い水色を追加 */
}
/* 展示会名だけ少し強調 */
.custom-table td a {
  font-size: 16px;
  font-weight: 600;
}

.cat-bosai .category-tag {
  background: #E7773C;
   padding: 6px 14px;
}
.cat-gijutsu .category-tag {
  background: #80797A;
   padding: 6px 14px;
}

/* カテゴリー色 */
.cat-bosai   { background: #f4c7a1; }
.cat-kankyo  { background: #14e07a; }
.cat-gijutsu { background: #80797A; }
.cat-seafood { background: #bfe3ea; }
.cat-zakka   { background: #e7b6d3; }

/* 申請フォーム */
.apply-area {
  margin: 25px 15px 10px;
}

.apply-banner {
  display: block;
  background: #fd562c;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  padding: 16px;
  border-radius: 10px;
  text-decoration: none;
  transition: 0.2s;
}

.apply-banner:hover {
  background: #e60000;
  color: #fff;
  text-decoration: none;
}

/* スマホ対応 */
@media (max-width: 767px) {
  .common-btn-area {
    text-align: center;
  }

  .common-btn-area .btn {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }

  .apply-banner {
    font-size: 18px;
  }
 }
    .breadcrumb-wrap { margin: 15px 0 10px; }
    .breadcrumb { margin-bottom: 0; }

    .page-title { margin: 20px 0 10px; font-weight: 700; color: #2c3e50; }
    .page-desc  { margin: 0 0 20px; color: #6c757d; }

    .legend-card {
      background: #fff;
      border-radius: 14px;
      padding: 18px 20px;
      margin-bottom: 20px;
      box-shadow: 0 2px 8px rgba(0,0,0,.08);
      display: inline-block;
      
    }

    .legend-title {
      font-size: 14px;
      font-weight: 600;
      color: #495057;
      margin: 0 0 10px;
    }

    .category-tag {
      display: inline-block;
      padding: 6px 14px;
      border-radius: 20px;
      font-size: 14px;
      font-weight: 700;
      color: #fff;
      line-height: 1;
      white-space: nowrap;
      margin-right: 12px;
      margin-bottom: 8px;
    }

    .list-card {
      background: #fff;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,.08);
      margin-bottom: 30px;
    }

    .list-head {
      background: #34495e;
      color: #fff;
      padding: 14px 18px;
      font-weight: 700;
      font-size: 16px;
    }

    .list-row {
      padding: 12px 18px;
      border-top: 1px solid #e9ecef;
    }

    .list-row:hover {
      background: #f9fbfd;
    }

    .list-row .col-sm-2,
　　.list-row .col-sm-3,
　　.list-row .col-sm-5 {
 　　 margin-bottom: 0;
　　}

    .exh-name {
      font-weight: 600;
      color: #2c3e50;
      margin: 0 0 4px;
    }

    .exh-name a {
      color: #2c3e50;
      text-decoration: none;
      border-bottom: 1px solid rgba(44,62,80,.35);
    }

    .exh-name a:hover {
      border-bottom-color: rgba(44,62,80,.8);
    }

    .exh-loc { color: #6c757d; font-size: 14px; margin: 0; }
    .exh-date { color: #495057; font-weight: 500; }
   
    /* 見本市スケジュールを上の表に合わせる */
   .exh-name,
   .exh-date,
   .exh-loc {
     font-size: 15px;
   }
    .btn-accent {
      background: #667eea;
      border-color: #667eea;
      color: #fff;
      font-weight: 700;
      border-radius: 8px;
      padding: 8px 14px;
      transition: all 0.2s ease; /* ←追加（重要） */
    }

   /* ★強めに指定 */
.btn.btn-accent:hover,
.btn.btn-accent:focus {
  background: #5a6fe0 !important;
  border-color: #5a6fe0 !important;
  color: #fff !important;
}

    @media (max-width: 767px) {
      .page-title { font-size: 24px; }
      .list-head { display: none; }
      .btn-accent { width: 100%; }
    }