@charset "UTF-8";

/* カスタム検索対応 */
.header{
/* 202310ヘッダー修正 */
/*  height: 140px; */
/*  height: 115px; */
  height: 60px;
}

/*============================
//トップ・サブトップ
============================*/
/* 見出し */
.head.town.custom-search{
 padding: 0;
 padding-top: 30px;
}

/* 全体 */
.custom-search{
/* right:0px; */
/* 202310ヘッダー修正 */
/* top:70px; */
/* top:65px; */
/* position: absolute; */
/* margin-right: 1%; */
/* margin-top:1%; */
/* line-height:20px; */
  width: 100%;
}
section.custom-search .infoBox {
  border-radius: 120px;
}
 @media (max-width: 768px) {
  section.custom-search .infoBox {
   border-radius: 60px;
  }
 }

.searchArea {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; /* 画面幅いっぱいに広がるように設定 */}

.custom-search input.gsc-input {
  display: block;
  height: 100%!important;
  -webkit-appearance: none;
}

/* 検索部分 */
table.gsc-search-box{
 height: 80px;
}
table.gsc-search-box{
 margin: 0!important;
}

/* 文字入力エリアの外枠 */
.gsc-input-box{
 border-radius: 10px;
 border-color: #684127!important;
 
}
/* 文字入力エリア */
input#gsc-i-id1{
 height: 80px!important;
}

/* 検索ボタンの外枠 */
.gsc-search-button-v2{
 width: 12%;
 height: 100%;
 border-radius: 10px!important;
 border-color: #684127!important;
 background-color: #FFDD00!important;
}

/* むしめがねマーク */
.gsc-search-button-v2 svg{
 fill: #684127!important;
 width: 40px!important;
 height: 40px!important;
}

/* ×ボタン */
.gsst_a{
 padding: 10px 40px!important;
}

.gsc-clear-button{
 margin: 0!important;
 padding: 0!important;
}

@media (max-width: 768px){
input#gsc-i-id1,
table.gsc-search-box{
 height: 40px!important;
}

table.gsc-search-box td.gsc-input{
 padding-right: 5px!important;
}

 .gsst_a{
  padding: 10px 10px 10px 0!important;
 }
 .gsc-search-button-v2 svg{
 width: 20px!important;
 height: 20px!important;
}
 
 
}

/*============================
//下層・ジャンルページのハンバーガーメニュー内
============================*/
/* 文字入力エリア */
.hamburgerSerch input#gsc-i-id1{
 height: 40px!important;
}


/* むしめがねマーク */
.hamburgerSerch .gsc-search-button-v2 svg{
 width: 30px!important;
 height: 30px!important;
}

/* 検索ボタンの外枠 */
.hamburgerSerch .gsc-search-button-v2{
 height: 65%;
}

@media (max-width: 768px){
.hamburgerSerch .gsc-search-button-v2{
 height: 100%;
}
}