@charset "utf-8";

@import url("common.css");
@import url("oa-common.css");


#main-contents .onair .oa-search-result {
  padding: 40px 40px;
}
#main-contents .onair .oa-search-result .intro {
  line-height: 1.7;
  margin-bottom: 30px;
  color: #df5c42;
  font-size: 1.125em;
  text-align: center;
}
#main-contents .onair .oa-search-result .year-block {
  margin-bottom: 40px;
}
#main-contents .onair .oa-search-result .flex {
  justify-content: flex-start;
  padding: 0 25px;
}
#main-contents .onair .oa-search-result .item {
  width: 270px;
  margin: 0 20px 20px 0;
}
@media all and (min-width: 813px) {
  #main-contents .onair .oa-search-result .item:nth-child(3n) {
    margin-right: 0;
  }
}
#main-contents .onair .oa-search-result .item img {
  border: 1px #e4e4e4 solid;
  border-radius: 8px;
}
#main-contents .onair .oa-search-result .item img.sp {
  display: none;
}
#main-contents .onair .oa-search-result .item a {
  display: block;
  margin: 10px 0 20px;
  padding: 18px;
  border: 3px #df5c42 solid;
  border-radius: 8px;
  color: #df5c42;
  font-weight: bold;
  text-align: center;
}
.hover #main-contents .onair .oa-search-result .item a:hover {
  background: #df5c42;
  color: #fff;
  opacity: 1;
}


@media all and (max-width: 812px) {
  #main-contents .onair .oa-search-result {
    padding: 6% 5% 3%;
  }
  #main-contents .onair .oa-search-result .intro {
    margin-bottom: 6%;
    font-weight: normal;
    font-size: 0.938em;
    text-align: left;
  }
  #main-contents .onair .oa-search-result .save-message {
    margin-bottom: 10px;
    text-align: center;
  }
  #main-contents .onair .oa-search-result .flex {
    padding: 0;
  }
  #main-contents .onair .oa-search-result .item {
    width: 48.5%;
    margin: 0 3% 20px 0;
  }
  @media all and (min-width: 569px) {
    #main-contents .onair .oa-search-result .item:nth-child(2n) {
      margin-right: 0;
    }
  }
  #main-contents .onair .oa-search-result .item img.sp {
    display: block;
  }
  #main-contents .onair .oa-search-result .item img.pc {
    display: none;
  }

  
  
}


@media all and (max-width: 568px) {
  #main-contents .onair .oa-search-result .flex {
    display: block;
  }
  #main-contents .onair .oa-search-result .item {
    max-width: 270px;
    width: 100%;
    margin: 0 auto 20px;
  }
}