@charset "utf-8";

/* 検索窓適用 */
.mf-search-box .mf-search-bar .mf-search-bar_input {
  width: 100%;
  height: 35px;
  box-sizing: border-box;
  padding: 2px 5px;
  border: 1px solid #339b02 !important;
  font-size: 100%;
  font-family: unset;
  line-height: normal;
  background-color: #fff;
  border-radius: 0 !important;
}

/* 検索ボタン適用 */
.mf-search-box .mf-search-bar .mf-search-bar_button {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 35px;
  padding: 5px 5px 2px;
  white-space: nowrap;
  font-family: unset;
  border-radius: 0 3px 3px 0 !important;
  background-color: #319b03 !important;
  color: #fff;
  border: none;
  font-size: 100%;
  cursor: pointer;
  border-radius: 0 3px 3px 0 !important;
}

/* 検索ボタン横　「検索」テキスト非表示適用 */
.mf-search-box .mf-search-bar .mf-search-bar_button span {
  display: none;
}

/* 検索ボタンアイコン適用 */
.mf-search-box .mf-search-bar .mf-search-bar_button .mf-search-bar_button_icon {
  margin-right: 0 !important;
  font-size: 16px;
  color: #fff;
  font-size: 20px !important;
  border-radius: 0 3px 3px 0;
  width: 24px;
}

.mf-search-box {
  padding: 1rem 0;
}

/* result.htmlのみ適用 */
.mf_finder_container .mf-search-box {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
  padding-bottom: 0 !important;
  padding-top: 1rem;
}

/* result.html　404.html　検索ボタン幅 */
.mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button .mf-search-bar_button_icon {
  width: 46px;
}

/* マーズファインダーロゴを非表示 */
.mf-search-results + .mf-search-results_mars-logo {
  display: none;
}

/* placeholderを非表示 */
input.mf-search-bar_input::placeholder {
  color: transparent !important;
}

/* 404.htmlのみ適用 */
.un_404_panel2_subTxt + .mf_finder_container {
  display: inline-block;
  width: 580px;
}

/* result.html　検索結果サムネイル画像サイズ適用 */
.mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_image img {
  min-width: 100px !important;
  width: 100px !important;
}

/* result.html　検索結果余白調整 */
.mf-search-results .mf-search-results_body .mf-search-results_body_result.mf_finder_doc_outbound:first-child {
  border-top: solid 1px #ddd;
  margin-top: 20px;
  padding-top: 20px;
}
.mf-search-results .mf-search-results_body .mf-search-results_body_result {
  border-bottom: solid 1px #ddd;
  margin-bottom: 10px;
  padding-bottom: 20px !important;
}

/* result.html　件中の後ろを改行 */
.mf-search-results_header_results-count + *::before {
  content: "";
  display: block;
}

/* result.html　順、件数、サムネイルサイズ　非表示 */
.mf-search-box .mf-search-bar +.mf-filters .mf-filters_selects .mf-filters_selects_category + .mf-filters_selects_other {
  display: none;
}

/* result.html　プルダウンアイコン　非表示 */
.mf-filters_selects_category_icon {
  display: none !important;
}

/* result.html　プルダウン　非表示 */
#mf-filters_selects_category_select {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  left: -9999px !important;
}

/* result.html　ラジオボタン　ボタン */
/* ラジオボタン自体は非表示に */
input[type="radio"][name="custom-category"] {
  display: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  opacity: 0 !important;
  position: absolute !important;
  z-index: -1;
}

/* ラベル本体のスタイル（全リセット＋上書き） */
input[type="radio"][name="custom-category"] + label {
  all: unset;
  display: inline-block;
  padding: 1em;
  background-color: #f0f0f0;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease;
  font-size: 0.95em;
  position: relative;
}

/* チェックされたラベルの見た目 */
input[type="radio"][name="custom-category"]:checked + label {
  background-color: #319b03;
  color: #fff;
  border-color: #319b03;
}

/* ラジオボタンとラベルの疑似要素を完全除去 */
input[type="radio"][name="custom-category"] + label::before,
input[type="radio"][name="custom-category"] + label::after,
label[for^="custom-radio"]::before,
label[for^="custom-radio"]::after {
  content: none !important;
  display: none !important;
}

/* プルダウン用 caret スパンを完全非表示 */
.mf-custom-select-wrapper_custom-select_caret,
.mf-custom-select-wrapper_custom-select_caret::before,
.mf-custom-select-wrapper_custom-select_caret::after {
  display: none !important;
  content: none !important;
}

/* ラベル疑似要素を完全無効化（ちらつき対策） */
label[for^="custom-radio"]::before,
label[for^="custom-radio"]::after {
  content: none !important;
  display: none !important;
}

.mf-related-keywords {
  padding-left: 1rem;
  padding-bottom: 1rem;
  background-color: #eee;
  position: relative;
  width: auto;
  border: none !important;
  padding: 20px !important;
  border-radius: 0 !important;
}

/* 04/24 ドリルダウンをボタン化 */
.mf-drill-down_list {
  display: flex;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* ここがメイン：divをボタン風に */
.mf-drill-down_list-item_container {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
  font-size: 1rem;
  white-space: nowrap;
  transition: background-color 0.2s, color 0.2s;
}

/* アイコンのボタンを非表示 */
.mf-drill-down_list-item_arrow {
  display: none !important;
}
.mf-drill-down_selected-item {
  background-color: #319b03 !important;
  color: #fff !important;
  border-color: #319b03 !important;
}
.mf-drill-down_selected-item .mf-drill-down_list-item_name_text {
  color: #fff !important;
}

.mf-drill-down_list-item {
  cursor: pointer;
  /* リスト全体をクリック可能にする */
}

/* 非アクティブボタンカラー */
.mf-drill-down .mf-drill-down_list-item {
  background-color: #eee;
}
.mf-drill-down .mf-drill-down_list-item:hover {
  background-color: #eee !important;
}
/* ボタン調整 */
.mf-drill-down .mf-drill-down_list-item .mf-drill-down_list-item_container {
  padding: 10px !important;
}
.mf-drill-down .mf-drill-down_list-item .mf-drill-down_list-item_container .mf-drill-down_list-item_count {
  background-color: #fefefe !important;
}

.mf-search-results .mf-search-results_header {
  padding: 10px !important;
}
.mf-drill-down .mf-drill-down_reset-button {
  padding: 5px 10px !important;
}

h3.mf-drill-down_header {
  display: none;
}
.mf-filters {
  display: none;
}
.mf_finder_container .mf-drill-down {
  padding: 0;
  border: none;
}


.mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_texts .mf-search-results_body_result_texts_url .mf-search-results_body_result_texts_url_text::before {
  content: "URL";
  background-color: #111;
    color: #fff;
    font-size: 9px;
    font-family: Arial, sans-serif;
    vertical-align: middle;
    padding: 2px 6px;
    margin-right: .5rem;
}


@media screen and (max-width: 768px) {
/* result.html　SP余白調整 */

  .mf-search-results h2 {
    background: #fff;
    color: #222;
  }
  .mf-search-results .mf-search-results_header {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    padding-top: 0;
    padding-bottom: 0;
  }

  .mf-search-results .mf-search-results_header {
    text-align: left;
  }
  .mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_texts {
    padding: 0 10px 20px;
  }
  .mf-search-results .mf-search-results_body .mf-search-results_body_result {
    padding: 0 !important;
    margin-bottom: 0 !important;
  }

  h3.mf-search-results_body_result_texts_title {
    padding: 0.8em 0 0.6em;
  }
/* result.html　SPサムネイル画像非表示 */
  .mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_image img {
    display: none;
  }
/* result.html　SPテキスト適用 */
  .mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_texts .mf-search-results_body_result_texts_title .mf-search-results_body_result_texts_title_link {
    text-align: left;
  }
  .mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_texts .mf-search-results_body_result_texts_title {
    font-size: 15px !important;
  }

  #mf-filters_selects_category_select {
    visibility: visible !important;
    position: relative !important;
    left: 0 !important;
  }

  /* スマホ用：セレクトの矢印を非表示 */
  select#mf-filters_selects_category_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none !important;
    background-image: none !important;
    padding-right: 1em; /* 矢印のスペース分調整 */
  }

  /* ラジオボタン群のコンテナを強制表示 */
  .mf-filters_selects_category,
  .mf-custom-select-wrapper > div {
    display: flex !important;
    gap: 1em !important;
  }

  /* ラベル自体が隠されていたら強制表示 */
  input[type="radio"][name="custom-category"] + label {
    display: inline-block !important;
  }

  /* ラジオボタン群を強制表示（セレクタ強化） */
  .mf-search-box .mf-search-bar + .mf-filters .mf-filters_selects .mf-filters_selects_category {
    display: flex !important;
    gap: 1em !important;
  }

  /* ラジオラベルが表示されるように */
  input[type="radio"][name="custom-category"] + label {
    display: inline-block !important;
  }

  /* 親要素が display:none の場合に備えて wrapper も強制表示 */
  .mf-custom-select-wrapper {
    display: flex !important;
  }

  #mf-filters_selects_category_select {
    display: block !important;
  }
  
  .mf-search-box .mf-search-bar .mf-search-bar_button {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 35px;
    padding: 5px 5px 2px;
    white-space: nowrap;
    font-family: unset;
    border-radius: 0 3px 3px 0 !important;
    background-color: #319b03 !important;
    color: #fff;
    border: none;
    font-size: 100%;
    cursor: pointer;
    border-radius: 0 3px 3px 0 !important;
  }

  .mf-custom-select-wrapper_custom-select_caret + div {
    display: flex !important;
    gap: 1em !important;
  }

  .mf-search-box .mf-search-bar .mf-search-bar_button span {
    display: block;
  }

  .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button span {
    display: none;
  }

  .mf-related-keywords {
    padding-left: 1rem;
    padding-bottom: 1rem;
    background-color: #eee;
    position: relative;
    width: auto;
    border: none !important;
  }

  /* 404.htmlのみ適用 */
  .un_404_panel2_subTxt + .mf_finder_container {
    display: inline-block;
    width: 100%;
}

}

@media screen and (max-width: 768px) {
  .mf-custom-select-wrapper {
    display: flex !important;
  }
  input[type="radio"][name="custom-category"] + label {
    display: inline-block !important;
  }

  .mf-custom-select-wrapper select {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .mf-search-box .mf-search-bar .mf-search-bar_input {
    font-size: 1rem !important;
  }

  /* ページネーション */

.mf-pagination {
  color: #000 !important;
}
/* .mf-pagination_button svg {
  width: 1.2em !important;
  height: 1.2em !important;
  display: inline-block !important;
  vertical-align: middle !important;
  fill: currentColor !important;
} */
.mf-pagination_button svg path {
  fill: currentColor !important;
}
.mf-pagination .mf-pagination_button:disabled {
  color: #333 !important;
  border-color: #333 !important;
  background-color: #fff !important;
}




.mf-pagination_button svg,
.mf-pagination_button svg path {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.mf-pagination_button {
  overflow: visible !important;
}
/* .mf-pagination_button svg {
  width: 24px !important;
  height: 24px !important;
} */

.mf-pagination_button_icon {
  width: 100% !important;
  height: auto !important;
}
.mf-search-box {
  padding: 0;
}

}

.mf-search-box .mf-search-bar .mf-search-bar_dropdown-list .mf-search-bar_dropdown-list_item {
  height: auto !important;
  padding: 10px 0 0 0 !important;
  word-break: break-all !important;
}

/* 虫メガネアイコン */
.mf-search-bar_button_icon {
  color: #eee;
  width: 30px;
  height: 30px;
  margin-bottom: 2px;
}