@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav {
    justify-content: flex-end;
    width: 80%;
  }
}

.pb-48 {
  padding-bottom: 48px;
}

.feedback-area p {
  font-size: 16px;
  font-family: "Noto Sans JP";
  color: #111111;
  max-width: 700px !important;
  text-align: left;
}

.feedback-area h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: right;
}

.mean-container .mean-nav ul li a {
  color: black;
  border-top: 1px solid #a68b49;
  font-weight: 600;
}

@media (max-width: 991px) {
  .about-image-area {
    display: none;
  }
  .gradient-box {
    background: linear-gradient(135deg, #e5d5b8 30%, #f7eddb 70%);
    box-shadow: 5px 5px 15px rgba(230, 210, 180, 0.5);
  }
}

@media (max-width: 768px) {
  .feedback-area h3 {
    font-size: 18px;
    padding-right: 8px;
  }
}

.information-overview_item {
  font-size: 16px;
  font-family: "Noto Sans JP";
}

.information-overview {
  border-bottom: 1px solid #dadee2;
  padding: 20px 0;
  align-items: flex-start;
}

.information-overview_name {
  margin-bottom: 8px;
}

.about-image-area {
  margin-top: -90px;
}

ul.facilities li {
  font-weight: 400 !important;
}

.about-image::before {
  width: 70% !important;
}

.span-bold {
  font-size: 16px !important;
  font-family: "Noto Sans JP";
  font-weight: 600;
  color: #333333 !important;
  margin-right: 16px !important;
  display: unset !important;
}

.contact-sidebar .contact-item .icon {
  color: #783362;
}

.btn-primary::before,
.btn-primary::after {
  background: #783362;
}

form#contactForm {
  max-width: 960px;
}

#contactForm #msgSubmit.text-danger,
#contactForm #msgSubmit.text-success {
  font-weight: 600;
}

form#contactForm .btn-primary:focus,
form#contactForm .btn-primary:hover,
form#contactForm button.disabled:focus,
form#contactForm button.disabled:hover,
form#contactForm button.disabled,
form#contactForm button:disabled {
  background-color: #a68b49 !important;
}

div.features-image img {
  object-fit: cover;
  height: 200px;
  object-position: 20% 30%;
  width: 100%;
}

@media (min-width: 576px) {
  div.features-content div {
    height: 80px;
  }
}

/* ニュースリスト全体 */
#news-list {
  max-width: 1000px; /* 幅は1枚目画像のイメージ */
  margin: 0 auto;
  padding: 0;
  list-style: none;
  font-size: 18px;
  line-height: 1.8;
}

/* 各ニュース項目 */
#news-list li {
  display: flex; /* 日付と本文を横並び */
  align-items: flex-start;
  padding: 12px 0;
  border-bottom: 1px solid #ccc;
}

/* 日付部分 */
#news-list li .news-date {
  min-width: 140px; /* 日付の幅を固定（右に余白を作る） */
  margin-right: 20px; /* 日付と本文の間隔 */
  color: #555;
  font-weight: 500;
}

/* 本文部分 */
#news-list li .news-title {
  flex: 1;
}

/* ページネーション */
.pagination-wrapper {
  margin-top: 20px;
}

.pagination-wrapper .page-numbers {
  display: inline-block;
  margin: 0 4px;
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  text-decoration: none;
}

.pagination-wrapper .page-numbers.current {
  background-color: #a68b49;
  color: #fff;
  border-color: #a68b49;
}

@media (max-width: 576px) {
  #news-list {
    font-size: 16px;
  }
  #news-list li .news-date {
    min-width: 60px;
    margin-right: 12px;
  }
}

.pt-160 {
  padding-top: 160px;
}

.pb-80 {
  padding-bottom: 80px;
}

.detail-news-date {
  font-weight: 600;
  font-size: 1.5em;
}

/* 中央寄せ＋幅制限 */
.news-detail-wrapper {
  max-width: 980px; /* お好みで 600〜800px 程度 */
  margin: 0 auto;
}

/* 日付を右寄せ */
.detail-news-date {
  display: block;
  text-align: right;
  color: #555;
  font-size: 16px;
  margin-right: 48px;
}

.footer-menu .nav-item .nav-link {
  color: #ffffff !important;
  font-weight: 400;
  display: block;
  padding: 4px 0;
  text-decoration: none; /* 下線も消す */
}

.mb-32i {
  margin-bottom: 32px !important;
}

.section-top-pt {
  padding-top: 200px;
}
.page-top-ptb {
  padding-top: 120px;
}

@media (max-width: 990px) {
  .section-top-pt {
    padding-top: 120px;
  }
  .page-top-ptb {
    padding-top: 80px;
  }
  #broodmare-table_filter {
    text-align: right !important;
    margin-bottom: 16px;
  }
  #broodmare-table_info {
    text-align: left !important;
    margin-bottom: 32px;
  }
}

.pagination {
  margin-top: 80px;
}

.pagination .page-link {
  color: #333333 !important;
  border-color: #ddd !important;
}

.pagination .page-link:hover {
  background-color: #f7f7f7 !important;
}

.pagination .active .page-link {
  background-color: #783362 !important;
  border-color: #783362 !important;
  color: white !important;
}

.page-item.active .page-link {
  background-color: rgb(120, 51, 98);
  border-color: rgb(120, 51, 98);
  color: white;
}
.page-link {
  color: rgb(120, 51, 98);
}
.page-link:hover {
  background-color: #e9ecef;
}

.btn-primary {
  background-color: #783362;
}

.btn-primary:hover {
  background-color: #a68b49;
}

.horse-card {
  border: 1px solid #eee;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 30px;
  background: #fff;
  transition: box-shadow 0.2s;
}

.horse-card:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.horse-card img {
  width: 100%;
  height: auto;
  display: block;
}

.horse-info {
  padding: 12px;
  font-size: 14px;
  color: #333;
}

.horse-name {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 6px;
  color: #333;
  display: block;
  text-decoration: none;
}

.horse-meta {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
  margin-top: 4px;
}

.horses-search-area {
  padding-top: 60px;
}

td.broodmare-name {
  font-weight: 600;
  background-color: #f5f5dc;
}

td.broodmare-name a {
  color: #783362;
}

.horse-meta-text {
  font-size: 17px;
  color: #444;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.6;
}

.horse-meta-text p {
  margin: 0; /* pタグの余白を消してスッキリ */
}

.horse-meta-text .line1 {
  color: #222; /* 少し濃いめ */
}

.horse-meta-text .line2 {
  color: #555; /* 父母情報は少し落ち着いた色 */
}

/* 画像の大きさ調整 */
.horse-photo img {
  max-width: 100%;
  height: auto;
  max-height: 450px; /* PCでの高さ制限 */
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

#broodmare-meta-intro {
  max-width: 700px; /* 枠の幅を制限して中央寄せ */
  margin: 24px auto 24px; /* 全体を中央に配置 */
  font-size: 18px;
  color: #444;
  font-weight: 600;
  line-height: 1.6;
  text-align: left; /* テキストは左寄せ */
}

#broodmare-meta-intro p {
  margin: 0 0 10px 0;
}

/* 画像の大きさ調整 */
#broodmare-photo img,
#broodmare-pedigree img {
  max-width: 100%;
  height: auto;
  max-height: 450px; /* PCでの高さ制限 */
}

@media (max-width: 576px) {
  #broodmare-meta-intro {
    font-size: 16px;
  }
}

.wpcf7 form .wpcf7-response-output {
  border: none !important;
}