@charset "utf-8";
/*=========================================

  JCSP : search - style.css

  CMN
  INDEX

==========================================*/

/*-------------------------------------
  CMN
--------------------------------------*/
/* INDEX
----------------------------*/
/*==== .spot-search-form ====*/
.spot-search-form-toggler {
  padding: 10px;
  text-align: right;
}
.spot-search-form {
  padding: 0 0 20px;
}
.spot-search-form__search-box {
  padding-bottom: 10px;
}
.spot-search-form__ttl {
  background: #575757;
  color: #fff;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
}
.spot-search-form__area-dgm-wrap {
  padding: 0 10px;
}
.spot-search-form__area-dgm {
  width: 100%;
}
.spot-search-form__cks {
  border-bottom: 1px dotted #888;
  padding: 10px;
}
.spot-search-form__cks:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.spot-search-form__ck-label {
  display: inline-block;
  margin: 0 5px 6px 0;
}
.spot-search-form__ck-sq {
  width: 10px;
  height: 10px;
  background: #555;
  display: inline-block;
  margin-right: 3px;
}
.spot-search-form__ck-sq--color_1 {background: #DA4593;}
.spot-search-form__ck-sq--color_2 {background: #F28B8C;}
.spot-search-form__ck-sq--color_3 {background: #34A8B9;}
.spot-search-form__ck-sq--color_4 {background: #95CCDD;}
.spot-search-form__ck-sq--color_5 {background: #538244;}
.spot-search-form__ck-sq--color_6 {background: #A2DB00;}
.spot-search-form__ck-sq--color_7 {background: #ECB300;}
.spot-search-form__ck-sq--color_8 {background: #FFD33D;}
.spot-search-form__ck-sq--color_9 {background: #777777;}
.spot-search-form__ck-sq--color_10 {background: #BBBBBB;}
.spot-search-form__ck-sq--color_11 {background: #9F65D9;}
.spot-search-form__ck {
}
.spot-search-form__ck-name {
  line-height: 1;
}
.spot-search-form__ck-name--type_primary {
  background: #797979;
  color: #fff;
  padding: 1px 3px 3px 3px;
}
.spot-search-form__keyword-input {
  width: 90%;
  padding: 0;
  box-sizing: border-box;
}
.spot-search-form__submit-box {
  border-top: 1px dotted #888;
  padding: 10px;

}
.spot-search-form__submit-btn {
}


/*==== .spot-search-result-state ====*/
.spot-search-result-state {
  background: #fff;
  text-align: center;
  padding: 15px 10px;
}
.spot-search-result-state__txt span {
  font-weight: bold;
}

/*==== .spot-search-sort-option ====*/
.spot-search-sort-option {
  background: #EAEAEA;
  padding: 10px;
}
.spot-search-sort-option__label {
  display: inline-block;
  margin-right: 5px;
}
.spot-search-sort-option__items {
  border-right: 1px solid #fff;
  display: inline-block;
  letter-spacing: -0.3em;
}
.spot-search-sort-option__item {
  text-decoration: none;
  background: #dfdfdf;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  display: inline-block;
  font-size: 12px;
  letter-spacing: normal;
  padding: 6px 10px;
}
.spot-search-sort-option__item--state_active {
  color: #fff!important;
  background: #7E7E7E;
}