/* ------------------------ archive-head */

div.search{
  width: 100%;
  background-image: url("../images/bk-head.png");
  margin: 0 auto 20px;
  padding: 30px 16px;
  font-size: 1.1em;
}
h1{
  margin-bottom: 16px;
}

div.keyword span{
  margin-right: 16px;
}
div.keyword.inner{
  max-width: 950px;
  background-color: #fff;
  border-radius: 10px;
  padding: 16px 14px;
}


.searchandfilter label{
  width: 100%;
}
.searchandfilter > ul{
  max-width: 840px;
  margin: 0 auto;
}
.searchandfilter ul li:nth-of-type(-n + 3){
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 7px 0;
}
.searchandfilter ul li h4{
  width: 160px;
  padding: 0;
  flex-shrink: 0;
}
ul.sf_date_field > li{
  padding: 0!important;
}

/* -------------------------- 検索入力ボックス */

div.keyword form > ul > li:first-of-type label{
  max-width: 680px;
}
div.keyword form > ul > li:first-of-type input[type="text"]{
  width: 100%;
  padding: 8px;
  font-size: 1.1em;
}
.sf-field-sort_order > label{
  max-width: 170px;
}

/* -------------------------- 絞り込みのラジオボタン */
li.sf-field-post-meta-_acf-ud > ul,
li.sf-field-post-meta-_acf-ud > ul li.sf-level-0{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
}
li.sf-field-post-meta-_acf-ud > ul li.sf-level-0:nth-of-type(2){
  order: 1;
  margin-right: 18px;
}
li.sf-field-post-meta-_acf-ud > ul li.sf-level-0:nth-of-type(3){
  order: 2;
  margin-right: 18px;
}
li.sf-field-post-meta-_acf-ud > ul li.sf-level-0:nth-of-type(1){
  order: 3;
}
/* li.sf-field-post-meta-_acf-ud > ul li.sf-item-0,
li.sf-field-post-meta-_acf-ud > ul li:nth-last-of-type(2){
  margin-right: 18px;
} */
.searchandfilter li[data-sf-field-input-type=radio] label{
  padding-left: unset;
}
@media screen and (max-width: 900px) {
  li.sf-field-post-meta-_acf-ud > ul li.sf-item-0{
    width: 100%;
  }
  li.sf-field-post-meta-_acf-ud > ul{
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 700px) {
  li.sf-field-post-meta-_acf-ud > ul{
    width: 100%;
    display: block;
  }
  li.sf-field-post-meta-_acf-ud > ul li{
    width: 100%;
  }
}
/* -------------------------- 検索ボタン */
div.keyword form input[type="submit"]{
  width: 100%;
  height: 50px;
  font-size: 1.1em;
  color: #ffffff;
  background-color: #1AA0C9;
  border-radius: 5px;
  padding: 0;
}

/* -------------------------- 並び順 */
select.sf-input-select{
  padding: 8px;
}
div.keyword form > div{
  margin-top: 16px;
}

@media screen and (max-width: 650px) {
  div.keyword form > ul > li:nth-of-type(2) input[type="text"]{
    width: 120px;
    padding: 8px;
    font-size: 0.9em;
  }
  div.keyword ul.sf_date_field li:first-of-type{
    margin-right: 25px;
  }
  div.keyword ul.sf_date_field li:first-of-type::after{
    right: -22px;
  }
}
@media screen and (max-width: 500px) {
  .searchandfilter ul li:nth-of-type(-n + 3){
    display: block;
  }
  div.keyword form input[type="text"],
  div.keyword form input[type="submit"]{
    font-size: 0.9em;
  }
  .searchandfilter ul li h4{
    padding-bottom: 8px;
  }
}



/* ------------------------ news */
div.news > div{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
div.news > div p.result-number{
  color: #1AA0C9;
}
div.news > div select{
  font-size: 0.9em;
  padding: 8px;
}
@media screen and (max-width: 554px) {
  div.news > div p{
    width: 100%;
    font-size: 0.9em;
    margin-bottom: 8px;
  }
}
/* ------------------------ news-list */
div.news > ul li{
  border-top: 1px dotted #555555;
  padding: 20px 25px 0;
}
div.news > ul li:last-child{
  border-bottom: 1px dotted #555555;
  margin-bottom: 100px;
}
div.news > ul li:nth-of-type(2n){
  background-color: #f6f3f0;
}
div.news > ul li:hover{
  background-color: #e2ddda;
  transition: all 0.5s;
}
div.news > ul li a{
  color: #000;
  line-height: 25px;
}
div.news > ul li h3{
  color: #004B84;
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 20px;
}
div.news > ul li p{
  padding: 0 0 10px 0;
}
div.news > ul li p:last-of-type{
  padding-bottom: 20px;
}
div.news > ul li p span:first-of-type{
  display: inline-block;
  width: 100px;
  text-align: center;

  color: #1AA0C9;
  border: 1px solid #1AA0C9;
  border-radius: 30px;
  padding: 0 8px;
  margin-right: 16px;
}
.date-end
div.news > ul li p.closing span{
  color: #ffffff;
  background-color: #1AA0C9;
  border: 1px solid #1AA0C9;
}
div.news > ul li p.close-comment,
div.news > ul li p span.date-end{
  color: #CC1919;
}
@media screen and (max-width: 480px) {
  div.news > ul li{
    padding: 20px 14px 0;
  }
  div.news > ul li h3{
    font-size: 1em;
  }
  div.news > ul li p{
    padding-left: unset;
  }
  div.news > ul li p span:first-of-type{
    display: block;
    font-size: 0.9em;
    margin-right: unset;
    margin-bottom: 5px;
  }
}

select.sf-input-select > option.sf-item-0{
  display: none;
}