@charset "UTF-8";

/*================================================
 *  検索窓用
 ================================================*/
 
 
			
 /* === テキスト入力欄のSTYLE設定 ============================= */
.search1Area{
  /*width          : 100px;      */        /* BOXの幅               */
  height         : 22px;               /* BOXの高さ             */
  margin         : 30px 0px 0px 0px;               /* サンプルを中心に寄せ  */
  letter-spacing : 0.1em;              /* 文字間隔              */
  font-weight    : normal;               /* 普通                  */
  line-height    : 0;                  /* 標準の行高さ          */
  padding-right  : 0px;
}


 
 /* === テキスト入力欄のSTYLE設定 ============================= */
.search1Text {
  display        : block;              /* ブロック化            */
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 22px;               /* 入力の高さ            */
  width          : 50px;               /* 入力の幅              */
  margin         : 0;                  /* 外余白                */
  padding        : 0 10px;             /* 内余白                */
  border         : 1.5px solid #a4874e;  /* 枠線　幅,実践,色  #B50B0B    */
  border-radius  : 3px 0 0 3px;      /* 左上下の角丸   5px 0 0 5px       */
  color          : #333;               /* 文字色                */
  font-size      : 13px;               /* フォントサイズ        */
  outline        : 0;                  /* 入力の薄い枠を非表示  */
  transition     : .3s;                /* 滑らかな動き          */
  background     : rgba(255,255,255,0.90);             /* 未入力時の背景色          */
}
 
 /* === 検索ボタン欄のSTYLE設定 =============================== */
.search1Button {

  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 22px;               /* 入力の高さ            */
  margin         : 0;                  /* 外余白                */
  padding        : 5px 2px;           /* 内余白                */
  border         : none;               /* 枠線　幅,実践,色      */
  border-radius  : 0 3px 3px 0;      /* 右上下の角丸     0 5px 5px 0     */
  background     : #a4874e;            /* ボタンの色  #A4181C  #BA9650  B50B0B  #A4181C    */
  color          : #fff;               /* 文字色                */
  cursor         : pointer;            /* カーソル設定          */
}
 
 /* === テキスト入力欄にフォーカスか来たとき ================== */
.search1Text:focus {
  background     : #FFFFFF;            /* フォーカス時の背景色  */
  width          : 150px;              /* 幅を広げる            */
  margin-left    : -100px;             /* 親要素左外に広げる    */
}
 /* === 検索アイコンのSTYLE設定 =============================== */
.search1Img {
  display        : inline-block;       /* インラインブロック化inline-block  */
  width          : auto;               /* 幅は高さに合わせる    */
  height         : 22px;               /* 画像の高さ            */
  margin         : -4px 0px 0px 0;          /* 余白                  */
  vertical-align : middle;             /* 横の文字位置          */
}
 
 /* === IEの入力エリア右側×消し ============================== */
.search1Text::-ms-clear {
  display        : none;               /* ×を消す              */
}



@media screen and (max-width:767px) {  /*(max-width:768px) (max-width:767px)*/

 /* === テキスト入力欄のSTYLE設定 ============================= */
.search1Area{
  /*width          : 100px;    */          /* BOXの幅               */
  height         : 20px;               /* BOXの高さ             */
  margin         : 20px 0px 0px 0px;               /* サンプルを中心に寄せ  */
  letter-spacing : 0.1em;              /* 文字間隔              */
  font-weight    : normal;               /* 普通                  */
  line-height    : 0;                  /* 標準の行高さ          */
  padding-right  : 0px;

}


 
 /* === テキスト入力欄のSTYLE設定 ============================= */
.search1Text {
  display        : block;              /* ブロック化            */
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  width          : 50px;               /* 入力の幅              */
  margin         : 0;                  /* 外余白                */
  padding        : 0 15px;             /* 内余白                */
  color          : #333;               /* 文字色                */
  font-size      : 12px;               /* フォントサイズ        */
  outline        : 0;                  /* 入力の薄い枠を非表示  */
  transition     : .3s;                /* 滑らかな動き          */

}
 
 /* === 検索ボタン欄のSTYLE設定 =============================== */
.search1Button {
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  margin         : 0;                  /* 外余白                */
  padding        : 6px 8px;           /* 内余白                */
  border         : none;               /* 枠線　幅,実践,色      */
  color          : #fff;               /* 文字色                */
  cursor         : pointer;            /* カーソル設定          */
}
 
 /* === テキスト入力欄にフォーカスか来たとき ================== */
.search1Text:focus {
  background     : #FFFFFF;            /* フォーカス時の背景色  */
  width          : 150px;              /* 幅を広げる            */
  margin-left    : -100px;             /* 親要素左外に広げる    */
}
 /* === 検索アイコンのSTYLE設定 =============================== */
.search1Img {
  display        : inline-block;       /* インラインブロック化  */
  width          : auto;               /* 幅は高さに合わせる    */
  height         : 15px;               /* 画像の高さ            */
  margin         : -3px 3px 0 0;       /* 余白                  */
  vertical-align : middle;             /* 横の文字位置          */
}
 
 /* === IEの入力エリア右側×消し ============================== */
.search1Text::-ms-clear {
  display        : none;               /* ×を消す              */
}



}



@media screen and (max-width:740px) {  /*(max-width:768px) (max-width:767px)*/

 /* === テキスト入力欄のSTYLE設定 ============================= */
.search1Area{
  /*width          : 100px; */             /* BOXの幅               */
  height         : 20px;               /* BOXの高さ             */
  margin         : 20px 0px 0px 0px;               /* サンプルを中心に寄せ  */
  letter-spacing : 0.1em;              /* 文字間隔              */
  font-weight    : normal;               /* 普通                  */
  line-height    : 0;                  /* 標準の行高さ          */
  padding-right  : 0px;
}


 
 /* === テキスト入力欄のSTYLE設定 ============================= */
.search1Text {
  display        : block;              /* ブロック化            */
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  width          : 50px;               /* 入力の幅              */
  margin         : 0;                  /* 外余白                */
  padding        : 0 15px;             /* 内余白                */
  font-size      : 12px;               /* フォントサイズ        */
  outline        : 0;                  /* 入力の薄い枠を非表示  */
  transition     : .3s;                /* 滑らかな動き          */
}
 
 /* === 検索ボタン欄のSTYLE設定 =============================== */
.search1Button {
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  margin         : 0;                  /* 外余白                */
  padding        : 0px 8px;           /* 内余白       6px 8px;           */
  border         : none;               /* 枠線　幅,実践,色      */
  cursor         : pointer;            /* カーソル設定          */
}
 
 /* === テキスト入力欄にフォーカスか来たとき ================== */
.search1Text:focus {
  background     : #FFFFFF;            /* フォーカス時の背景色  */
  width          : 150px;              /* 幅を広げる            */
  margin-left    : -100px;             /* 親要素左外に広げる    */
}
 /* === 検索アイコンのSTYLE設定 =============================== */
.search1Img {
  display        : inline-block;       /* インラインブロック化  */
  width          : auto;               /* 幅は高さに合わせる    */
  height         : 18px;               /* 画像の高さ   15px;         */
  margin         : 0 3px 0 0;          /* 余白                  */
  vertical-align : middle;             /* 横の文字位置          */
}
 
 /* === IEの入力エリア右側×消し ============================== */
.search1Text::-ms-clear {
  display        : none;               /* ×を消す              */
}



}
			
@media screen and (max-width:300px) {  /*(max-width:768px) (max-width:767px)*/

 /* === テキスト入力欄のSTYLE設定 ============================= */
.search1Area{
  /*width          : 100px; */             /* BOXの幅               */
  height         : 20px;               /* BOXの高さ             */
  margin         : 5px 0px 0px 0px;               /* サンプルを中心に寄せ  */
  letter-spacing : 0.1em;              /* 文字間隔              */
  font-weight    : normal;               /* 普通                  */
  line-height    : 0;                  /* 標準の行高さ          */
  padding-right  : 5px;
}


 
 /* === テキスト入力欄のSTYLE設定 ============================= */
.search1Text {
  display        : block;              /* ブロック化            */
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  width          : 50px;               /* 入力の幅              */
  margin         : 0;                  /* 外余白                */
  padding        : 0 15px;             /* 内余白                */
  color          : #333;               /* 文字色                */
  font-size      : 12px;               /* フォントサイズ        */
  outline        : 0;                  /* 入力の薄い枠を非表示  */
  transition     : .3s;                /* 滑らかな動き          */
}
 
 /* === 検索ボタン欄のSTYLE設定 =============================== */
.search1Button {
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  margin         : 0;                  /* 外余白                */
  padding        : 0px 8px;           /* 内余白  6px 8px        */
  border         : none;               /* 枠線　幅,実践,色      */
  color          : #fff;               /* 文字色                */
  cursor         : pointer;            /* カーソル設定          */
}
 
 /* === テキスト入力欄にフォーカスか来たとき ================== */
.search1Text:focus {
  background     : #FFFFFF;            /* フォーカス時の背景色  */
  width          : 150px;              /* 幅を広げる            */
  margin-left    : -100px;             /* 親要素左外に広げる    */
}
 /* === 検索アイコンのSTYLE設定 =============================== */
.search1Img {
  display        : inline-block;       /* インラインブロック化  */
  width          : auto;               /* 幅は高さに合わせる    */
  height         : 18px;               /* 画像の高さ            */
  margin         : 0 3px 0 0;          /* 余白                  */
  vertical-align : middle;             /* 横の文字位置          */
}
 
 /* === IEの入力エリア右側×消し ============================== */
.search1Text::-ms-clear {
  display        : none;               /* ×を消す              */
}



}
			
			
/* ============================================================ */
/* フッター部のサーチ窓                                            */
/* ============================================================ */

 /* === テキスト入力欄のSTYLE設定 ============================= */
.search2Area{
  /*width          : 100px;      */        /* BOXの幅               */
  height         : 22px;               /* BOXの高さ             */
  margin         : 10px 10px -10px 0px;               /* サンプルを中心に寄せ  */
  letter-spacing : 0.1em;              /* 文字間隔              */
  font-weight    : normal;               /* 普通                  */
  line-height    : 0;                  /* 標準の行高さ          */
  padding-right  : 0px;
}


 
 /* === テキスト入力欄のSTYLE設定 ============================= */
.search2Text {
  display        : block;              /* ブロック化            */
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 22px;               /* 入力の高さ            */
  width          : 50px;               /* 入力の幅              */
  margin         : 0;                  /* 外余白                */
  padding        : 0 10px;             /* 内余白                */
  border         : 1.5px solid #a4874e;  /* 枠線　幅,実践,色  #B50B0B    */
  border-radius  : 3px 0 0 3px;      /* 左上下の角丸   5px 0 0 5px       */
  color          : #333;               /* 文字色                */
  font-size      : 13px;               /* フォントサイズ        */
  outline        : 0;                  /* 入力の薄い枠を非表示  */
  transition     : .3s;                /* 滑らかな動き          */
  background     : rgba(255,255,255,0.90);             /* 未入力時の背景色          */
}
 
 /* === 検索ボタン欄のSTYLE設定 =============================== */
.search2Button {

  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 22px;               /* 入力の高さ            */
  margin         : 0;                  /* 外余白                */
  padding        : 5px 2px;           /* 内余白                */
  border         : none;               /* 枠線　幅,実践,色      */
  border-radius  : 0 3px 3px 0;      /* 右上下の角丸     0 5px 5px 0     */
  background     : #a4874e;            /* ボタンの色  #A4181C  #BA9650  B50B0B  #A4181C    */
  color          : #fff;               /* 文字色                */
  cursor         : pointer;            /* カーソル設定          */
}
 
 /* === テキスト入力欄にフォーカスか来たとき ================== */
.search2Text:focus {
  background     : #FFFFFF;            /* フォーカス時の背景色  */
  width          : 150px;              /* 幅を広げる            */
  margin-left    : -100px;             /* 親要素左外に広げる    */
}
 /* === 検索アイコンのSTYLE設定 =============================== */
.search2Img {
  display        : inline-block;       /* インラインブロック化inline-block  */
  width          : auto;               /* 幅は高さに合わせる    */
  height         : 22px;               /* 画像の高さ            */
  margin         : -4px 0px 0px 0;          /* 余白                  */
  vertical-align : middle;             /* 横の文字位置          */
}
 
 /* === IEの入力エリア右側×消し ============================== */
.search2Text::-ms-clear {
  display        : none;               /* ×を消す              */
}



@media screen and (max-width:767px) {  /*(max-width:768px) (max-width:767px)*/

 /* === テキスト入力欄のSTYLE設定 ============================= */
.search2Area{
  /*width          : 100px;    */          /* BOXの幅               */
  height         : 20px;               /* BOXの高さ             */
  margin         : 20px 0px 0px 0px;               /* サンプルを中心に寄せ  */
  letter-spacing : 0.1em;              /* 文字間隔              */
  font-weight    : normal;               /* 普通                  */
  line-height    : 0;                  /* 標準の行高さ          */
  padding-right  : 0px;

}


 
 /* === テキスト入力欄のSTYLE設定 ============================= */
.search2Text {
  display        : block;              /* ブロック化            */
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  width          : 50px;               /* 入力の幅              */
  margin         : 0;                  /* 外余白                */
  padding        : 0 15px;             /* 内余白                */
  color          : #333;               /* 文字色                */
  font-size      : 12px;               /* フォントサイズ        */
  outline        : 0;                  /* 入力の薄い枠を非表示  */
  transition     : .3s;                /* 滑らかな動き          */

}
 
 /* === 検索ボタン欄のSTYLE設定 =============================== */
.search2Button {
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  margin         : 0;                  /* 外余白                */
  padding        : 6px 8px;           /* 内余白                */
  border         : none;               /* 枠線　幅,実践,色      */
  color          : #fff;               /* 文字色                */
  cursor         : pointer;            /* カーソル設定          */
}
 
 /* === テキスト入力欄にフォーカスか来たとき ================== */
.search2Text:focus {
  background     : #FFFFFF;            /* フォーカス時の背景色  */
  width          : 150px;              /* 幅を広げる            */
  margin-left    : -100px;             /* 親要素左外に広げる    */
}
 /* === 検索アイコンのSTYLE設定 =============================== */
.search2Img {
  display        : inline-block;       /* インラインブロック化  */
  width          : auto;               /* 幅は高さに合わせる    */
  height         : 15px;               /* 画像の高さ            */
  margin         : 0 3px 0 0;          /* 余白                  */
  vertical-align : middle;             /* 横の文字位置          */
}
 
 /* === IEの入力エリア右側×消し ============================== */
.search2Text::-ms-clear {
  display        : none;               /* ×を消す              */
}



}



@media screen and (max-width:740px) {  /*(max-width:768px) (max-width:767px)*/

 /* === テキスト入力欄のSTYLE設定 ============================= */
.search2Area{
  /*width          : 100px; */             /* BOXの幅               */
  height         : 20px;               /* BOXの高さ             */
  margin         : 10px 10px -10px 0px;               /* サンプルを中心に寄せ  */
  letter-spacing : 0.1em;              /* 文字間隔              */
  font-weight    : normal;               /* 普通                  */
  line-height    : 0;                  /* 標準の行高さ          */
  padding-right  : 0px;
}


 
 /* === テキスト入力欄のSTYLE設定 ============================= */
.search2Text {
  display        : block;              /* ブロック化            */
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  width          : 50px;               /* 入力の幅              */
  margin         : 0;                  /* 外余白                */
  padding        : 0 15px;             /* 内余白                */
  font-size      : 12px;               /* フォントサイズ        */
  outline        : 0;                  /* 入力の薄い枠を非表示  */
  transition     : .3s;                /* 滑らかな動き          */
}
 
 /* === 検索ボタン欄のSTYLE設定 =============================== */
.search2Button {
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  margin         : 0;                  /* 外余白                */
  padding        : 0px 8px;           /* 内余白       6px 8px;           */
  border         : none;               /* 枠線　幅,実践,色      */
  cursor         : pointer;            /* カーソル設定          */
}
 
 /* === テキスト入力欄にフォーカスか来たとき ================== */
.search2Text:focus {
  background     : #FFFFFF;            /* フォーカス時の背景色  */
  width          : 150px;              /* 幅を広げる            */
  margin-left    : -100px;             /* 親要素左外に広げる    */
}
 /* === 検索アイコンのSTYLE設定 =============================== */
.search2Img {
  display        : inline-block;       /* インラインブロック化  */
  width          : auto;               /* 幅は高さに合わせる    */
  height         : 18px;               /* 画像の高さ   15px;         */
  margin         : 0 3px 0 0;          /* 余白                  */
  vertical-align : middle;             /* 横の文字位置          */
}
 
 /* === IEの入力エリア右側×消し ============================== */
.search2Text::-ms-clear {
  display        : none;               /* ×を消す              */
}



}
	

@media screen and (max-width:320px) {  /*(max-width:768px) (max-width:767px)*/

 /* === テキスト入力欄のSTYLE設定 ============================= */
.search2Area{
  /*width          : 100px; */             /* BOXの幅               */
  height         : 20px;               /* BOXの高さ             */
  margin         : 5px 0px -10px 0px;               /* サンプルを中心に寄せ  */
  letter-spacing : 0.1em;              /* 文字間隔              */
  font-weight    : normal;               /* 普通                  */
  line-height    : 0;                  /* 標準の行高さ          */
  padding-right  : 5px;
}

/* === テキスト入力欄のSTYLE設定 ============================= */
.search2Text {
  display        : block;              /* ブロック化            */
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  width          : 50px;               /* 入力の幅              */
  margin         : 0;                  /* 外余白                */
  padding        : 0 15px;             /* 内余白                */
  font-size      : 12px;               /* フォントサイズ        */
  outline        : 0;                  /* 入力の薄い枠を非表示  */
  transition     : .3s;                /* 滑らかな動き          */
}
 
 /* === 検索ボタン欄のSTYLE設定 =============================== */
.search2Button {
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  margin         : 0;                  /* 外余白                */
  padding        : 0px 8px;           /* 内余白       6px 8px;           */
  border         : none;               /* 枠線　幅,実践,色      */
  cursor         : pointer;            /* カーソル設定          */
}
 
 /* === テキスト入力欄にフォーカスか来たとき ================== */
.search2Text:focus {
  background     : #FFFFFF;            /* フォーカス時の背景色  */
  width          : 150px;              /* 幅を広げる            */
  margin-left    : -100px;             /* 親要素左外に広げる    */
}
 /* === 検索アイコンのSTYLE設定 =============================== */
.search2Img {
  display        : inline-block;       /* インラインブロック化  */
  width          : auto;               /* 幅は高さに合わせる    */
  height         : 18px;               /* 画像の高さ   15px;         */
  margin         : 0 3px 0 0;          /* 余白                  */
  vertical-align : middle;             /* 横の文字位置          */
}
 
 /* === IEの入力エリア右側×消し ============================== */
.search2Text::-ms-clear {
  display        : none;               /* ×を消す              */
}



}	
	
	
	

@media screen and (max-width:300px) {  /*(max-width:768px) (max-width:767px)*/

 /* === テキスト入力欄のSTYLE設定 ============================= */
.search2Area{
  /*width          : 100px; */             /* BOXの幅               */
  height         : 20px;               /* BOXの高さ             */
  margin         : 18px 0 10px 0;               /* サンプルを中心に寄せ  */
  letter-spacing : 0.1em;              /* 文字間隔              */
  font-weight    : normal;               /* 普通                  */
  line-height    : 0;                  /* 標準の行高さ          */
  padding-right  : 5px;
}


 
 /* === テキスト入力欄のSTYLE設定 ============================= */
.search2Text {
  display        : block;              /* ブロック化            */
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  width          : 50px;               /* 入力の幅              */
  margin         : 0;                  /* 外余白                */
  padding        : 0 15px;             /* 内余白                */
  color          : #333;               /* 文字色                */
  font-size      : 12px;               /* フォントサイズ        */
  outline        : 0;                  /* 入力の薄い枠を非表示  */
  transition     : .3s;                /* 滑らかな動き          */
}
 
 /* === 検索ボタン欄のSTYLE設定 =============================== */
.search2Button {
  float          : left;               /* 横並び                */
  box-sizing     : border-box;         /* 枠線,余白を含んだ長さ */
  height         : 20px;               /* 入力の高さ            */
  margin         : 0;                  /* 外余白                */
  padding        : 0px 8px;           /* 内余白  6px 8px        */
  border         : none;               /* 枠線　幅,実践,色      */
  color          : #fff;               /* 文字色                */
  cursor         : pointer;            /* カーソル設定          */
}
 
 /* === テキスト入力欄にフォーカスか来たとき ================== */
.search2Text:focus {
  background     : #FFFFFF;            /* フォーカス時の背景色  */
  width          : 150px;              /* 幅を広げる            */
  margin-left    : -100px;             /* 親要素左外に広げる    */
}
 /* === 検索アイコンのSTYLE設定 =============================== */
.search2Img {
  display        : inline-block;       /* インラインブロック化  */
  width          : auto;               /* 幅は高さに合わせる    */
  height         : 18px;               /* 画像の高さ            */
  margin         : 0 3px 0 0;          /* 余白                  */
  vertical-align : middle;             /* 横の文字位置          */
}
 
 /* === IEの入力エリア右側×消し ============================== */
.search2Text::-ms-clear {
  display        : none;               /* ×を消す              */
}



}