@charset "utf-8";

.searchArea .keyRadio {
  margin: 1em 0 0;
}
.searchArea .el_form_label.el_form_label__radio {
  display: block;
}
.searchArea .el_form_radio + .el_form_radio_parts::before {
  top: 4px;
}
.searchArea .el_form_radio:checked + .el_form_radio_parts::after {
  top: 7px;
}
.searchArea .inputForm .auxiliary {
  padding: 0 1em;
}
.searchArea {
  margin: 0 0 4em;
  width: 100%;
}
.search .inputForm dd .txt {
  padding: 0 1em;
}
.searchArea .inputForm .input {
  font-size: 140%;
  padding: 1em 0;
  width: 100%;
}

.searchArea .btnArea {
  background: #f8f6f6;
  margin: 0;
  padding: 2em;
}

.searchArea .searchBox,
.searchArea .searchCategory {
  width: 400px;
}
@media screen and (max-width:1020px) and (min-width:768px) {
  .searchArea .searchBox,
  .searchArea .searchCategory {
    width: 80%;
  }
}
@media screen and (max-width:767px) {
  .searchArea .inputForm .input {
    padding: .5em 0 1em;
    width: 100%;
  }
  .searchArea .inputForm .inputTit {
    font-weight: normal;
    padding: .5em 0 0;
    width: auto;
  }
  .searchArea .searchBox,
  .searchArea .searchCategory {
    width: 100%;
  }

  .searchArea .inputForm input[type="text"].half {
    padding: 1em .5em;
    width: 25%;
  }

  form[action="/search/index.html"] .inputForm .inputTit {
    border-right: none;
  }
}
@media screen and (max-width:320px) {
  .search .inputForm dd .txt {
    padding: 0 .5em;
  }
}



/**
**************************************************************
* イベントバー
************************************************************ */
.search .eventBar{
	margin: 5px 0 4em;
}
.search .eventBar .eventname{
	border-bottom: 2px solid #d8d8d8;
    line-height: 1.4;
    padding: 0 0 .5em;
    font-size: 22px;
    font-weight: bold;
}
.search .eventBar p.cap {
	margin: 1.2em 0 4em;
    background: #f8f6f6;
    padding:16px;
}
@media screen and (max-width:768px) {
.search .eventBar{
	margin: 5px 0 4em;
    }
.search .eventBar .eventname{
    font-size: 18px;
    }
.search .eventBar p.cap {
	margin: 1.2em 0 3em;
    }
}




/**
**************************************************************
* CLEAR
************************************************************ */
.search .clearfix {
	overflow: hidden;
	zoom: 1;
}
.search .clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}