/****************************************************************************************************** 
 * DocumentList setting
 ******************************************************************************************************/
.search_box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  border-bottom: 1px solid #d6d9d9;
}
.search_box_block {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-right: 8px;
  border-left: 1px solid #d6d9d9;
}
.search_box_block:first-child {
  border-left: none;
}
.search_box_title {
  padding: 3px 20px;
  background-color: #d6d9d9;
  text-align: center;
}
.search_box_body {
  padding: 8px;
}
.search_button_area {
  text-align: center;
  padding: 32px 20px 20px 20px;
}
.search_button_area .search_button {
  background-image: url(/contents/img/icon/icon_search.svg);
  background-repeat: no-repeat;
  background-size: 142px 100px;
  background-position: 20px -20px;
  padding-left: 48px;
  width: 265px;
  height: 60px;
  font-size: 130%;
  background-color: var(--common-bg-color);
}
.search_button_area .search_button:hover {
  background-color: #3f72af;
}
.search_button_area .clear_button {
  margin-top: 0 !important;
  width: 265px;
  background-color: #3f72af;
}
.post_month_label {
  color: #999999;
}
@media screen and (max-width: 767px) {
  .search_box {
    display: block;
  }
  .search_box_block {
    display: block;
    border-left: none;
  }
}
.event_row {
  padding: 12px 0px 0px 0px;
  line-height: 1.8em;
}
.event_row .search_tag {
  min-width: 100px;
  text-align: center;
}
.event_row .event_row_title {
  font-size: 90%;
  color: #6e6e6e;
}
.event_row_content {  
  margin: 12px 0px 16px 104px;
}
.event_row_content a {
  color: #000096;
  text-decoration: underline;
}
.event_row .event_status_on,
.event_row .event_status_off {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  width: 80px;
  margin: 0px 20px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.event_row .event_status_on {
  background-color: #3271aa;
}
.event_row .event_status_off {
  background-color: #333333;
}
@media screen and (max-width: 767px) {
  .event_row_content {  
    margin: 12px 0px 16px 0px;
  }
}
.news_row_area {
  position: relative;
}
.news_row_date {
  position: absolute;
  top: 15px;
  width: 80px;
  margin: 0px 0px 0px 0px;
  padding: 6px 4px 6px 4px;
  font-size: 80%;
  background-color: #3271aa;
  color: #fff;
  text-align: center;
  line-height: 1.0em;
}
.news_row {
  margin-left: 104px;
  padding: 12px 0px 0px 0px;
  line-height: 1.8em;
}
.news_row .search_tag {
  min-width: 100px;
  text-align: center;
}
.news_row .news_row_title,
.news_row .news_row_desc {
  font-size: 90%;
  color: #6e6e6e;
}
.news_row_content {  
  margin: 12px 0px 16px 0px;
}
.news_row_content a {
  color: #000096;
  text-decoration: underline;
}
.news_row_inner_line {
  margin-left: 92px;
  width: calc(100% - 92px);
  border-color: #ccc;
  border-top: none;
}
@media screen and (max-width: 767px) {
  .news_row {
    margin-left: 0px;
    padding: 12px 0px 0px 0px;
    line-height: 1.8em;
  }
  .news_row_date {
    position: relative;
    text-align: left;
    width: calc(100% - 8px);
    font-size: 100%;
    margin: 0px 0px 12px 0px;
  }
  .news_row_content {  
    margin: 12px 0px 16px 0px;
  }
  .news_row_inner_line {
    margin-left: 0px;
    width: 100%;
  }
}
.public_offer_row {
  padding: 12px 0px 0px 0px;
  line-height: 1.8em;
}
.public_offer_row .search_tag {
  min-width: 100px;
  text-align: center;
}
.public_offer_row .public_offer_row_title {
  font-size: 90%;
  color: #6e6e6e;
}
.public_offer_row .public_offer_row_date {
  display: table-cell;
  vertical-align: top;
  font-size: 90%;
  color: #6e6e6e;
}
.public_offer_row_content {
  margin: 12px 0px 16px 104px;
}
.public_offer_row_content a {
  color: #000096;
  text-decoration: underline;
}
.public_offer_row .offer_status_on,
.public_offer_row .offer_status_off {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  width: 80px;
  margin: 0px 20px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.public_offer_row .offer_status_on {
  background-color: #3271aa;
}
.public_offer_row .offer_status_off {
  background-color: #333333;
}
.public_offer_row .offer_date {
  display: inline-block;
  width: 108px;
  text-align: left;
}
.public_offer_row .offer_desc {
  max-width: 500px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .public_offer_row_content {
    margin: 12px 0px 16px 0px;
  }
  .public_offer_row .offer_date {
    display: block;
    width: 80px;
    text-align: left;
  }
  .public_offer_row .offer_desc {
    display: block;
    max-width: 100%;
  }
}
.mena_info_row {
  padding: 12px 0px 0px 0px;
  line-height: 1.8em;
}
.mena_info_row_date {
  display: inline-block;
  position: relative;
  width: 80px;
  margin: 0px 0px 0px 0px;
  padding: 6px 4px 6px 4px;
  font-size: 80%;
  background-color: #3271aa;
  color: #fff;
  text-align: center;
  line-height: 1.0em;
}
.mena_info_row .search_tag {
  min-width: 100px;
  text-align: center;
}
.mena_info_row .mena_info_row_title {
  font-size: 90%;
  color: #6e6e6e;
}
.mena_info_row_content {  
  margin: 12px 0px 16px 0px;
  line-height: 1.9em;
}
.mena_info_row_content a {
  color: #000096;
  text-decoration: underline;
}
.mena_info_row_content .mena_id {
  display: table-cell;
  width: 80px;
  vertical-align: top;
}
.mena_info_row_content .mena_category {
  display: table-cell;
  width: 148px;
  text-align: left;
  vertical-align: top;
}
.mena_info_row_content .mena_desc {
  display: table-cell;
  max-width: 570px;
}
.mena_info_row_content .mena_desc_long {
  display: table-cell;
  max-width: 690px;
}
@media screen and (max-width: 767px) {
  .mena_info_row_content {  
    margin: 12px 0px 16px 0px;
  }
  .mena_info_row_content .mena_desc,
  .mena_info_row_content .mena_desc_long {
    display: block;
    max-width: 100%;
  }
}
.event_row .search_tag_area {
  display: inline-block;
  vertical-align: top;
  width: 420px;
}
.news_row .search_tag_area,
.public_offer_row .search_tag_area,
.mena_info_row .search_tag_area {
  display: inline-block;
  vertical-align: top;
  width: 520px;
}
.mena_info_row .search_tag_area {
  top: 2px;
}
@media screen and (max-width: 767px) {
  .event_row .search_tag_area,
  .news_row .search_tag_area,
  .public_offer_row .search_tag_area,
  .mena_info_row .search_tag_area {
    width: 100%;
  }
}