﻿@charset "utf-8";

/* add */
.mf-search-box .mf-search-bar .mf-search-bar_button {
/*	height: 35px; */
/*	padding: 5px 5px 2px; */
/*	background-color: var(--button-color); */
}
.mf-search-bar_button {
	width: 35px !important;
	height: 35px !important;
	top: 10px !important;
	right: 15px !important;
	background: url(/kodomo/img/sp_sarch.png) !important;
	background-size: auto !important;
	background-size: 100% 100% !important;
	border: none !important;
}
.mf-search-bar_button_icon {
	display: none;
}
.mf-search-bar_button span {
  color: transparent !important;
}
.mf-search-bar_input {
	font-size: 80% !important;
}

@media (min-width: 0px) and (max-width: 640px) {
.mf-search-box .mf-search-bar .mf-search-bar_button {
/*	height: 35px; */
/*	padding: 5px 5px 2px; */
/*	background-color: var(--button-color); */
}
.mf-search-bar_button {
	width: 35px !important;
	height: 35px !important;
	top: 10px !important;
	right: 15px !important;
	background: url(/kodomo/img/sp_sarch.png) !important;
	background-size: auto !important;
	background-size: 100% 100% !important;
	border: none !important;
}
.mf-search-bar_button_icon {
	display: none;
}
.mf-search-bar_button span {
  color: transparent !important;
}
.mf-search-bar_input {
	font-size: 100% !important;
}

}

.mf-search-bar_dropdown-list_item {
  display: block !important;
  padding: 2px !important;
  height: auto !important;
  white-space: normal !important;
  font-size: 14px !important;
}

.mf-search-bar_dropdown-list_item > div {
  display: inline !important;
}

.mf-search-bar_dropdown-list_item span {
  display: inline !important;
  line-height: 1.6 !important;
}

.mf-search-bar_dropdown-list_item button {
  height: auto !important;
}

.mf-search-bar input:placeholder-shown ~ .mf-search-bar_dropdown-list {
  display: none !important;
}


.mf-search-results_no-results {
  margin: 20px;
}
.mf-search-results {
	margin-top: 10px !important;
}
.mf-search-results_body_result {
	border-top: 1px solid #ddd;
}
.mf-search-results .mf-search-results_body {
	padding-top: 10px !important;
}

#contents #side #search {
	padding: 5px 15px !important;
}
#contents #side #search input[type="text"] {
	height: 34px !important;
}

