@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      search_tour_2022.css
Created:        2022-10-31
Style Info:     ツアー検索 CSS
----------------------------------------------------------- */
.breadcrumb_area {
  background: #000;
}
.main_search {
  position: relative;
}
@media (min-width: 768px), print {
  .sec_search {
    position: relative;
    width: 100%;
    height: 430px;
    background-size: cover;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .search_box,
  .search_box.is_open .search_box_inner {
    max-width: 1100px;
  }
}
@media screen and (max-width: 767px) {
  .city18 .sec_search {
    background: #e0e0e0;
    padding: 0;
    border-top: 1px solid #fff;
  }
  .sec_search .content_wrap {
    width: 100%;
  }
  .sec_search .search_box .box_head {
    background: #000;
    padding: 12px 0;
    height: auto;
  }
  .sec_search .search_box .box_head .head_tit {
    font-size: 1.8rem;
    font-weight: normal;
  }
  body.is_fixed .modal.is_open {
    z-index: 500;
  }
}
@media screen and (max-width: 360px) {
  .sec_search .search_box .box_head .head_tit {
    font-size: 2rem;
  }
}