body{
	width:100%;
	margin:0 auto;
}


div.header_title{
	width:100%;
	background-color:#f6f4ef;
	padding-top:20px;
	padding-bottom:25px;
}

div.header_title img{
	width:24%;
	margin-left:13px;
}


#form2{
	position:relative;
}

#search-form {
	width:100%;
    padding: 20px 20px 20px 40px;
    margin: 0 auto;
    font-family: メイリオ;
		background-color:#7A5050;
}


#search-form form {
    width: 100%;
		margin:0 auto;
    display: table;
    table-layout: fixed;
    font-size: 10px;
		background-color:#FFF;
		border-radius:4px;
}

#search-form input[type=text] {
    display: table-cell;
    width: 100%;
    height: 50px;
    padding: 10px;
    box-sizing: border-box;
    -webkit-appearance: none;
		font-size:14px;
}



#search-form .search-button {
    display: table-cell;
    vertical-align: top;
    width: 20%;
}

#search-form .search-button input[type="submit"] {
    width: 100%;
    height: 38px;
    font-weight: bold;
    color: #444;
    border: none;
    background: #ddd;
    padding: 0;
    border-radius: 0;
    -webkit-appearance: none;
		margin:0 0 0 10px;
}



#search-form .search-keyword {
	display:flex;
	gap:15px;
	padding-top:20px;
}

#search-form .search-keyword li {
	font-size:13px;
}

/*検索ボックスの画像*/
.search_btn{
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 2.5em;
  border: none;
  background: none;
  color: #ccc;
  position: absolute;
  width: 2.5em;
  height: 3.2em;
  right: 0;
  top: -10px;
  outline : none;
}


/* design-1
-------------------*/
.design-1 .textArea{
    font-size: 15px;
}
#search-form.design-1 input[type=text] {
    border: 1px solid #ccc;
    border-radius: 4px;
}



#search-form.design-1 .search-keyword li a {
    color: #FFF;
}

#search-form.design-1{
	display:inline-block; /* なくても大丈夫だけど、念の為 */
	position:relative;/* 基準値とする */
}

/*
#search-form.design-1::before{
	content:"";/* 疑似要素に必須 
	width:50px;/* アイコンの横幅 
	height:50px;/* アイコンの高さ 
	background:url(http://www.rakuten.ne.jp/gold/favorite-one/renew/header/sp/musi.jpg) no-repeat center center / auto 100%;/* 背景にアイコン画像を配置 
	display:inline-block;/* 高さを持たせるためにインラインブロック要素にする 
	position:absolute;/* 相対位置に指定 
	top:20px;/* アイコンの位置。 
	left:80px;/* アイコンの位置。 
	z-index:1;
}


#search-form.design-1 input{
	padding:3px 0 3px 4em;/* アイコンを設置するため左の余白を多めに指定。
	　　　　　　　　　　　　　左端にアイコン持ってくるときつける
}

*/