/* === ヘッダー追加領域の検索フォーム（PHP方式・最終版） === */

/* PHPで追加したウィジェットエリアの調整 */
#add-header-contents {
  width: 100%;
  margin: 20px 0; /* 上下の余白 */
}

/* フォームを中央に配置し、最大幅を設定 */
#add-header-contents .search-form {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}

/* --- 以下、美しいフォームデザイン部分 --- */
#add-header-contents .search-field {
  width: 100%;
  height: 45px;
  border: 1px solid #ccc;
  border-radius: 25px;
  padding: 0 50px 0 20px;
  font-size: 15px;
}
#add-header-contents .search-field:focus {
  outline: none;
  border-color: #d80166;
  box-shadow: 0 0 8px rgba(216, 1, 102, 0.4);
}
#add-header-contents .search-field::placeholder {
  color: #aaa;
}
#add-header-contents .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  height: 45px;
  width: 50px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #555;
  font-size: 18px;
  transition: color 0.3s;
}
#add-header-contents .search-submit:hover {
  color: #d80166;
}
#add-header-contents .search-submit::before {
  font-family: "Font Awesome 5 Free";
  content: '\f002';
  font-weight: 900;
}
#add-header-contents .search-submit,
#add-header-contents .screen-reader-text,
#add-header-contents .widget-title {
  display: none;
}

/* モバイル申し込みボタン */
#mobile-apply-btn {
    display: none;
}
@media (max-width: 1024px) {
    #mobile-apply-btn {
        display: block;
        position: fixed;
        bottom: 60px;
        left: 0;
        right: 0;
        z-index: 9999;
        padding: 0 12px;
        pointer-events: none;
    }
    #mobile-apply-btn a {
        display: block;
        background: #bf0000;
        color: #fff !important;
        text-align: center;
        padding: 11px 16px;
        border-radius: 6px;
        font-weight: bold;
        font-size: 14px;
        text-decoration: none !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.35);
        pointer-events: auto;
    }
}