@charset "utf-8";
/*
 * 静的サイト化で追加したスタイル（旧テーマの CSS は変更せずに足す）
 * - 問い合わせフォーム: 項目エラー・送信状態・完了表示・honeypot
 * - お知らせ: カテゴリ見出し（旧 index.php のインライン style を移した）・一覧を見る・一覧ページ・ページ送り
 */

/* ---------- 問い合わせフォーム ---------- */

/* honeypot: 画面外に置く（display:none だと埋めないボットがいるため） */
.hp-field {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

main#inquiry .form_content form > ul li > span .field_error {
  display: block;
  color: #d32f2f;
  font-size: 1.4rem;
  margin-top: .5em;
}
main#inquiry .form_content form > ul li > span .field_error[hidden] {
  display: none;
}
main#inquiry .form_content form [aria-invalid="true"] {
  border-color: #d32f2f !important;
}
main#inquiry .form_content form .form_status:not(:empty) {
  color: #d32f2f;
  font-weight: bold;
  border: 1px solid #d32f2f;
  padding: 1em 1.5em;
  margin-top: 1em;
}
main#inquiry .form_content form input[type=submit]:disabled {
  cursor: wait;
  opacity: .6;
}
main#inquiry .form_content .form_complete,
main#inquiry .form_content .form_noscript {
  border: 1px solid #2864c8;
  color: #2864c8;
  font-weight: bold;
  padding: 1.5em;
  outline: none;
}
main#inquiry .form_content .form_complete[hidden] {
  display: none;
}

/* ---------- お知らせ ---------- */

/* 旧 index.php の <div style="font-size: 16px; color:#5383d3; font-weight:bold;"> */
.news_category_title {
  font-size: 16px;
  color: #5383d3;
  font-weight: bold;
}
.news_category + .news_category {
  margin-top: 1.5em;
}
.news_title {
  display: block;
}
.news_body {
  white-space: pre-line;
}
.news_link {
  margin-top: .3em;
  word-break: break-all;
}
.news_more_wrap {
  text-align: right;
  margin-top: .8em;
  font-size: 1.4rem;
}
.news_more_wrap a,
.news_link a,
.news_category_nav a,
.news_pager a {
  color: #2864c8;
  text-decoration: underline;
}
.news_status {
  font-size: 1.4rem;
  padding: 20px 0;
}

/* 一覧ページ（旧トップの #top_whatsnew と同じ見た目） */
main#news .news_list_title {
  font-size: 2.6rem;
  font-weight: bold;
  color: #2864C8;
  margin: 1em 0 .8em;
}
main#news .news_list ul {
  border-top: 2px solid #d4e0f4;
}
main#news .news_list ul li {
  border-bottom: 2px solid #d4e0f4;
  padding: 20px 0;
}
main#news .news_list ul li dl {
  display: flex;
}
main#news .news_list ul li dl dt {
  font-size: 1.4rem;
  color: #2864C8;
  width: 120px;
}
main#news .news_list ul li dl dd {
  font-size: 1.4rem;
  width: calc(100% - 120px);
}
main#news .news_category_nav ul,
main#news .news_pager ul {
  display: flex;
  flex-wrap: wrap;
  gap: .5em 1.2em;
  font-size: 1.4rem;
}
main#news .news_category_nav .current,
main#news .news_pager .current {
  font-weight: bold;
}
main#news .news_pager {
  margin-top: 2em;
}
main#news .news_pager ul {
  justify-content: center;
}
main#news .news_pager .disabled {
  color: #999;
}

@media screen and (max-width: 767px) {
  main#news .news_list ul li dl {
    display: block;
  }
  main#news .news_list ul li dl dt,
  main#news .news_list ul li dl dd {
    width: 100%;
  }
  main#news .news_list ul li dl dt {
    margin-bottom: .5em;
  }
}

/* 旧サーバー版（old-server ブランチ）: 新規申込の一時停止・Coming soon などの赤字（修正点 2・3・6・8） */
.old_server_notice {
  color: #e60012;
  font-weight: bold;
}