@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
*/

/*********************************************************************/
/* フォント */
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: url('/wp-content/themes/swell_child/fonts/NotoSansCJKjp-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    src: url('/wp-content/themes/swell_child/fonts/NotoSansCJKjp-Bold.woff2') format('woff2');
}

body {
    font-family: "Noto Sans JP", sans-serif;
}
/*********************************************************************/
/* 検索窓 */
.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: #def1e4;
}

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

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

/*虫眼鏡アイコンの背景*/
.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: #0e7a4f; /*色*/
  font-weight: bold;
}

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

/*********************************************************************/