@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.c-widget.widget_search,
.p-searchModal__inner {
  width: 100%;
  max-width: 500px;/*横幅の最大サイズ*/
  margin: auto;
}

/*検索ボックスの背景色*/
.c-widget.widget_search .c-searchForm__s,
.p-searchModal__inner .c-searchForm__s {
  background-color: #fff6fc;
}

/*「検索」の文字*/
.c-widget.widget_search .c-searchForm__s::-moz-placeholder, .p-searchModal__inner .c-searchForm__s::-moz-placeholder {
  color: #c979a7;
}
.c-widget.widget_search .c-searchForm__s::placeholder,
.p-searchModal__inner .c-searchForm__s::placeholder {
  color: #c979a7;
}

/*補足①*/
.c-widget.widget_search .c-searchForm__s:focus-visible,
.p-searchModal__inner .c-searchForm__s:focus-visible {
  outline: none;
　border: 1px solid #c979a7;
}

/*虫眼鏡アイコンの背景*/
.c-widget.widget_search .u-bg-main,
.p-searchModal__inner .u-bg-main {
  background-color: transparent !important;
}
/*↑でtransparent以外の場合は不要*/
.c-widget.widget_search .c-searchForm__submit,
.p-searchModal__inner .c-searchForm__submit {
  border: none;
}

/*虫眼鏡アイコン*/
.c-widget.widget_search .c-searchForm__submit:before,
.p-searchModal__inner .c-searchForm__submit:before {
  color: #c979a7; /*色*/
  font-weight: bold;
}

/*全画面検索の追加スタイル　補足②*/
#search_modal .p-searchModal__inner {
  background: none;
}
#search_modal .c-modal__close {
  text-shadow: none;
}