@charset "UTF-8";

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

File name:      top_search.css
Created:        2020-09-04
Style Info:     [TW2020] TOP PAGE　検索部 CSS
----------------------------------------------------------- */

/*-------------------------------------------------*/
/* メイン ツアー検索 */
/*-------------------------------------------------*/
.top20 .sec.main_search {color:#222;background-color:transparent;}
.top20 .sec.main_search p {font-size:1.3rem;}
.top20 .main_search_tit {text-align:center;color:#fff;padding:18px 0;background:#222;font-size:1.8rem;font-weight: 700;font-size:1.8rem;}
.top20 .search_box {position:relative;margin:0 auto;}
.top20 .search_bg {background:rgba(255,255,255,0.75);padding-top:30px;}
.top20 .search_box .search_tour_tab{width:100%;margin:0 auto;display: flex;opacity: 0;}
.top20 .search_box .search_tour_tab .search_tit{cursor:pointer;width:144px;height:40px;text-align:center;display: flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:bold;background:rgba(174,174,174,0.75);color:#fff;}
.top20 .search_box .search_tour_tab .search_tit.active {cursor:default;background:rgba(255,255,255,0.75);color:#222;}
.top20 .search_box .list_wp {display:table;overflow:hidden;margin-bottom:22px;width:100%;}
.top20 .search_box .list_label {display:table-cell;vertical-align:middle;font-size:1.3rem;font-weight:bold;width:80px;}
.top20 .search_box .list_input {display:table-cell;overflow:hidden;}
.top20 .search_box .btn_search a {position:relative;color:#fff;font-size:1.6rem;text-decoration:none;width:100%;background:#000;height:45px;text-align:center;position:relative;display:flex;align-items: center;justify-content: center;width:100%;}
.top20 .search_box .btn_search a::before {content:"\f002";font-family:"Font Awesome 5 Free";font-weight:bold;position:absolute;top:50%;left:13px;width:9px;font-size:100%;transform:translateY(-50%);}
.top20 .search_box .btn_search a::after {content:"\f054";font-family:"Font Awesome 5 Free";font-weight:bold;position:absolute;top:50%;right:10px;width:9px;font-size:87.5%;transform:translateY(-50%);}
.top20 .search_box:not(.panel_open) .list_label {vertical-align:middle;}
.top20 .search_box:not(.panel_open) .search_base .list_label {width:50px;}
@media screen and (min-width:768px),print {
  .top20 .search_box {width:68%;}
  .top20 .search_box:not(.panel_open) {max-width:750px;}
  .top20 .search_box .btn_search a:hover {opacity:.65;}
}
@media screen and (max-width:980px) {
  .top20 .search_box {width:100% !important;}
}
@media screen and (max-width:767px) {
  .top20 .search_bg {background:#f2f2f2;padding-top:20px;}
  .top20 .search_box .search_tour_tab .search_tit {flex-grow:1;color:#222;background:#ddd;font-weight: bold;}
  .top20 .search_box .search_tour_tab .search_tit.active {background:#f2f2f2;}
  .top20 .search_box .list_wp {margin-bottom: 10px;}
}
@media (max-width:640px) {
  .top20 .main_search_tit {font-size:4.8vw;}
  .top20 .sec.main_search p {font-size:1.2rem;}
  .top20 .search_box .list_label {width:75px;}
}

/*-------------------------------------------------*/
/* アラート */
/*-------------------------------------------------*/
.top20 .search_box .btn_search + span.alart{color:#f00;font-weight:bold;}
@media screen and (min-width:768px),print {
  .top20 .search_box .btn_search + span.alart{position:absolute;top:100%;right:0;text-align:right;padding-top:5px;}
}
@media screen and (max-width:767px) {
  .top20 .search_box .btn_search + span.alart{text-align: center; display: block; padding: 15px 0 0; color: #f00; font-weight:bold;clear:both;}
}

/*-------------------------------------------------*/
/* 基本項目 */
/*-------------------------------------------------*/
.top20 .search_box .search_base {overflow:hidden;}
@media (min-width:768px) {
  .top20 .search_box .search_base {padding:0 30px 15px 30px;}
  .top20 .search_box .search_base .btn_search {width:26%;margin-left:auto;}
}
@media (max-width:767px) {
  .top20 .search_box .search_base {padding:0 15px 15px 15px;}
}

/*-------------------------------------------------*/
/* form reset */
/*-------------------------------------------------*/
.top20 .search_box input,
.top20 .search_box button,
.top20 .search_box textarea,
.top20 .search_box select {margin:0;padding:0;background:none;border:1px solid #ccc;border-radius:0;outline:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.top20 .search_box input::-webkit-input-placeholder,
.top20 .search_box input:-ms-input-placeholder,
.top20 .search_box input::-moz-placeholder {color:#969696;}
.top20 .search_box select::-ms-expand {display:none;}
.top20 .search_box input[type="text"] {padding:12px;min-height:42px;}
.top20 .search_box input[type="text"],
.top20 .search_box .select_wrap {display:block;width:100%;font-size:1.2rem;position:relative;background:#fff;}
.top20 .search_box .select_wrap {position:relative;}
.top20 .search_box .select_wrap::after {z-index:10;color:#222;content:"\f078";font-family:"Font Awesome 5 Free"; font-weight:bold;position:absolute;top:50%;line-height:40px;margin-top:-20px;height:40px;right:10px;}
.top20 .search_box .select_wrap select {z-index:20;position:relative;display:block;width:100%;padding:12px;min-height:40px;}
.top20 .search_box .select_wrap select.red_border{border: 1px solid #f00;}
.top20 .search_box input[type=radio],
.top20 .search_box input[type=checkbox] {display:inline-block;margin-right:6px;}
.top20 .search_box input[type=radio] + label,
.top20 .search_box input[type=checkbox] + label {position:relative;display:inline-block;margin-right:12px;font-size:1.2rem;line-height:30px;cursor:pointer;}
@media (min-width: 1px) {
  .top20 .search_box input[type=radio],
  .top20 .search_box input[type=checkbox]{display:none;margin:0;}
  .top20 .search_box input[type=radio] + label,
  .top20 .search_box input[type=checkbox] + label{padding:0 0 0 24px;}
  .top20 .search_box input[type=radio] + label::before,
  .top20 .search_box input[type=checkbox] + label::before{content:"";position:absolute;top:50%;left:0;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:18px;height:18px;margin-top:-9px;background:#FFF;border-radius:5px;}
  .top20 .search_box input[type=radio] + label::before{border:1px solid #787878;border-radius:30px;}
  .top20 .search_box input[type=radio]:checked + label::after,
  .top20 .search_box input[type=checkbox]:checked + label::after{content:"";position:absolute;top:50%;-moz-box-sizing:border-box;box-sizing:border-box;display:block;}
  .top20 .search_box input[type=radio]:checked + label::after{left:5px;width:8px;height:8px;margin-top:-4px;background:#222;border-radius:8px;}
  .top20 .search_box input[type=checkbox]:checked + label::after{left:3px;width:16px;height:8px;margin-top:-8px;border-left:3px solid #222;border-bottom:3px solid #222;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
}
@media screen and (max-width:767px) {
  .top20 .search_box input[type="text"],
  .top20 .search_box select {border:1px solid #ccc;}
}

/* カレンダー */
/*-------------------------------------------------*/
.top20 .search_box .list_input.calendar {position:relative;background:#fff;}
.top20 .search_box .list_input.calendar::after {position: absolute;top:50%;right:10px;content:"\f073";font-family:"Font Awesome 5 Free";font-weight: bold;transform: translateY(-50%);z-index:1000;}
.top20 .search_box .list_input.calendar input {cursor:pointer;background:transparent;z-index:2000;position:relative;}


/* 出発日 */
/*-------------------------------------------------*/
@media screen and (min-width:768px),print {
  .top20 .search_box .lists_wrap.dep-day-fromto {position:relative;display:flex;align-items:center;width:100%;margin-bottom:20px;}
  .top20 .search_box .lists_wrap.dep-day-fromto .list_wp.dep {width:37.5%;margin-bottom:0;}
  .top20 .search_box .lists_wrap.dep-day-fromto .list_wp.dep_day {width:31.3%;margin-bottom:0;}
  .top20 .search_box .lists_wrap.dep-day-fromto .list_wp.dep_day .list_label {width:55px;text-align:center;}
}

/* 目的地 */
/*-------------------------------------------------*/
.top20 .search_box .list_wp.des {position:relative;}
.top20 .search_box .list_wp.des .list_input .unselected {opacity:.65;}
.top20 .search_box .list_wp.des .list_label {vertical-align:top;}
.top20 .search_box .list_wp.des .list_label .des_number {display:block;width:37px;height:20px;color:#fff;background:#000;text-align:center;line-height:20px;font-size:1.2rem;}
.top20 .search_box .list_wp.des .btn_add {position:absolute;bottom:0;left:0;}
.top20 .search_box:not(.panel_open) .btn_add {display:none;}
.top20 .search_box .list_wp.des .btn_add a {position:relative;cursor:pointer;display:block;width:57px;height:30px;line-height:26px;border-radius:5px;background:#fff;padding-left:18px;font-size:10px;font-weight:bold;}
.top20 .search_box .list_wp.des .btn_add a.add {color:#222;border:2px solid #222;}
.top20 .search_box .list_wp.des .btn_add a.del {border:2px solid #787878;color:#787878;}
.top20 .search_box .list_wp.des .btn_add a.add::before,
.top20 .search_box .list_wp.des .btn_add a.del::before {font-family:"Font Awesome 5 Free"; font-weight:bold;font-size:1.4rem;position:absolute;top:50%;left:2px;text-align:center;width:15px;height:30px;line-height:30px;margin-top:-15px;}
.top20 .search_box .list_wp.des .btn_add a.add::before {content:"\f067";}
.top20 .search_box .list_wp.des .btn_add a.del::before {content:"\f068";}
.top20 .search_box .list_wp.des .btn_add a.add + a.del {margin-top:3px;}
@media screen and (min-width:768px),print {
  .top20 .search_box .list_wp.des .list_input {padding-right:130px;}
  .top20 .search_box .list_wp.des .list_input > div.dis_pc {display:flex;width:100%;justify-content:space-between;}
  .top20 .search_box .list_wp.des .list_input .select_wrap {width:32.5%;}
  .top20 .search_box .list_wp.des .btn_add {width:130px;height:30px;display:block;position:absolute;left:100%;bottom:50%;margin:0 0 -17px -130px;}
  .top20 .search_box .list_wp.des .btn_add a {float:left;}
  .top20 .search_box .list_wp.des .btn_add a.add + a.del {margin:0 0 0 3px;}
  .top20 .search_box .list_wp.des .btn_add a:hover {opacity:.65;}
  .top20 .search_box:not(.panel_open) .list_wp.des .list_label {vertical-align:middle;}
  .top20 .search_box:not(.panel_open) .list_wp.des .list_label .des_number {display: none;}
  .top20 .search_box:not(.panel_open) .list_wp.des .list_input {padding-right: 0;}
  .top20 .search_box:not(.panel_open) .list_wp.des .btn_add {display: none;}
}
@media screen and (max-width:767px) {
  .top20 .search_box .list_wp.des {display:block;}
  .top20 .search_box .list_wp.des .list_label {float:left;display:block;}
  .top20 .search_box .list_wp.des .list_input {display:block;}
  .top20 .search_box .list_wp.des .btn_add {display:block;position:relative;float:right;margin-top:5px;}
  .top20 .search_box .list_wp.des .btn_add a {float:left;}
  .top20 .search_box .list_wp.des .btn_add a.add + a.del {margin:0 0 0 3px;}
  .top20 .search_box .list_wp.des .btn_add a small {display:none;}
}

/* 選択した行き先 */
/*-------------------------------------------------*/
.top20 .search_box .list_wp.city_radio {display:none;padding-left:70px;}
.top20 .search_box .list_wp.city_radio .radio_wrap {display:inline-block;}
.top20 .search_box .list_wp.city_radio .radio_wrap + .radio_wrap {margin-left:20px;}
.top20 .search_box.panel_open .list_wp.city_radio {display:block;}
@media screen and (max-width:767px) {
  .top20 .search_box .list_wp.city_radio {display:block;padding-left:0;}
  .top20 .search_box .list_wp.city_radio .radio_wrap {display:block;}
  .top20 .search_box .list_wp.city_radio .radio_wrap + .radio_wrap {margin-left:0;}
}

/* 希望日数・期間から探す */
/*-------------------------------------------------*/
.top20 .search_box .trip_period {display:flex;width:100%;justify-content:space-between;}
.top20 .search_box .list_wp.day_fromto {width:40%;}
.top20 .search_box .list_wp.day_fromto .list_input .select_wrap {width:35%;float:left;}
.top20 .search_box .list_wp.day_fromto .list_input p {width:15%;float:left;padding:12px 0 0 0;font-weight:bold;font-size:1.2rem;text-align:center;}
.top20 .search_box .list_wp.day_fromto .select_wrap::after {right:5px;}
.top20 .search_box .list_wp.day_fromto .select_wrap select {padding-left:8px;}
.top20 .search_box .list_wp.dep_period {display:table;width:55%;margin:0 0 20px 0;}
.top20 .search_box .list_wp.dep_period .dep_period_list {display:table-cell;vertical-align:middle;}
.top20 .search_box .list_wp.dep_period .dep_period_list .dep_period_input {display:table;}
.top20 .search_box .list_wp.dep_period .dep_period_list .dep_period_input .list_input {display:table-cell;vertical-align:middle;width:200px;padding-top:0;}
.top20 .search_box .list_wp.dep_period .dep_period_list .dep_period_input .line {display:table-cell;vertical-align:middle;padding:0 10px;}
.top20 .search_box .list_wp.dep_period .dep_period_list .dep_period_input .list_input input {cursor:pointer;}
.top20 .search_box .list_wp.dep_period .list_label {width:180px;}
.top20 .search_box .list_wp.dep_period .list_label .txt {display:block;font-size:1.1rem;line-height:1.2;font-weight:normal;}
@media screen and (max-width:980px) {
  .top20 .search_box .list_wp.day_fromto .select_wrap select {padding-left:12px;}
}
@media screen and (max-width:767px) {
  .top20 .search_box .trip_period {display:block;}
  .top20 .search_box .list_wp.day_fromto {width:100%;}
  .top20 .search_box .list_wp.day_fromto .list_input p:first-of-type {width:10%;}
  .top20 .search_box .list_wp.dep_period {width:100%;margin-right:0}
  .top20 .search_box .list_wp.dep_period .list_label {width:80px;letter-spacing: -0.08em;}
  .top20 .search_box .list_wp.dep_period .list_label .txt {font-size:1rem;}
  .top20 .search_box .list_wp.dep_period .dep_period_list .list_input {width:auto;}
  .top20 .search_box .list_wp.dep_period .dep_period_list .dep_period_input .line {padding:0 5px;}
}
@media screen and (max-width:640px) {
  .top20 .search_box .list_wp.dep_period .list_label {width:75px;}
}


/* もっと詳しい条件で絞込検索 */
/*-------------------------------------------------*/
.top20 .search_box .list_wp.more_search {text-align:center;}
.top20 .search_box .list_wp.more_search .btn_more {display:inline-block;text-align:center;position:relative;cursor:pointer;}
.top20 .search_box .list_wp.more_search .btn_more span {display:inline-block;text-align:center;cursor:pointer;line-height:20px;color:#222;font-size:1.3rem;}
.top20 .search_box .list_wp.more_search .btn_more span::after {display:inline-block;content:"\f067";font-family:"Font Awesome 5 Free"; font-size:50%;text-align:center;line-height:18px;width:20px;height:20px;border-radius:20px;border:1px solid #222;font-weight:bold;margin-left:10px;}
.top20 .search_box .list_wp.more_search .btn_more .open_txt {display:block;}
.top20 .search_box .list_wp.more_search .btn_more .close_txt {display:none;}
.top20 .search_box .list_wp.more_search .btn_more .open_txt::after {content:"\f067";}
.top20 .search_box .list_wp.more_search .btn_more .close_txt::after {content:"\f068";}
.top20 .search_box .list_wp.more_search .btn_more.btn_close .open_txt {display:none;}
.top20 .search_box .list_wp.more_search .btn_more.btn_close .close_txt {display:block;}
.top20 .search_box .list_wp.more_search.ft .btn_more span {color:#333;}
@media screen and (min-width:768px),print {
  .top20 .search_box .list_wp.more_search.sp {display:none;}
  .top20 .search_box .list_wp.more_search .btn_more:hover {opacity:.65;}
  .top20 .search_box .list_wp.more_search.ft {position: relative;min-height:25px;}
  .top20 .search_box .list_wp.more_search.ft .btn_more:hover span {color:#666;}
}
@media screen and (max-width:767px) {
  .top20 .search_box .list_wp.more_search.pc {display:none;}
  .top20 .search_box .list_wp.more_search {text-align: left;margin-top: 15px;}
  .top20 .search_box .list_wp.more_search .btn_more {padding:0 0 0 35px;}
  .top20 .search_box .list_wp.more_search .btn_more#panel_detail_open {display:none;}
  .top20 .search_box .list_wp.more_search .btn_more::after {display:none;}
  .top20 .search_box .list_wp.more_search .btn_more::before {content: "\f067";font-family: "Font Awesome 5 Free"; font-weight: bold;color: #fff;font-size:1.4rem;position: absolute;top: 0;left: 0;text-align: center;line-height: 26px;width: 25px;height: 25px;background: #222;}
  .top20 .search_box .list_wp.more_search .btn_more span {line-height:25px;}
  .top20 .search_box .list_wp.more_search .btn_more span::after {display:none;}
  .top20 .search_box .list_wp.more_search .btn_more.btn_close::before {content:"\f068";}
  .top20 .search_box .list_wp.more_search .btn_more.details_open_btn {display:inline-block;}
}

/* 条件クリア */
/*-------------------------------------------------*/
.top20 .search_box .list_wp.more_search {position: relative;}
.top20 .search_box .list_wp.more_search .btn_clear {position: absolute;top:0;right:0;}
.top20 .search_box .list_wp.more_search .btn_clear a {display:block;width:73px;height:25px;font-size:1.1rem;text-decoration:none;letter-spacing:-.1em;color:#fff;background:#a0a0a0;border-radius:14px;text-align:center;line-height:25px;}
@media screen and (min-width:768px),print {
  .top20 .search_box .list_wp.more_search:not(.ft) .btn_clear {display:none;}
  .top20 .search_box .list_wp.more_search .btn_clear a:hover {opacity:.65;}
}
@media screen and (max-width:767px) {
  .top20 .search_box .list_wp.more_search.ft {margin-bottom:20px;}
  .top20 .search_box .list_wp.more_search .btn_clear a {background:#fff;color:#222;}
}


/* 詳しい条件 */
/*-------------------------------------------------*/
.top20 .search_box .search_details {background:rgba(255,255,255,0.75);overflow:hidden;border-top:1px solid #c8c8c8;padding:15px 30px 30px 30px;}
.top20 .search_box .search_details .btn_clear a {display:block;width:73px;height:25px;font-size: 11px;letter-spacing:-.1em;background:#f0f0f0;border-radius:14px;color:#969696;text-align:center;line-height:25px;}
.top20 .search_box .search_details .btn_clear a:hover {background:#999;color:#fff;}
.top20 .search_box .search_details .btn_search {max-width:360px;margin:0 auto;}
@media screen and (min-width:768px) {
  .top20 .search_box .search_details {position:absolute;top:100%;left:0;width:100%;}
}
@media screen and (max-width:768px) {
  .top20 .search_box .search_details {padding:15px 15px 20px 15px;}
}
@media screen and (max-width:767px) {
  .top20 .search_box .search_details {background:transparent;}
  .top20 .search_box .search_details .btn_clear a {background:#fff;color:#62b0a4;}
}

/* 座席クラス */
/*-------------------------------------------------*/
.top20 .search_box .list_wp.seat_code {margin-bottom:0;}
.top20 .search_box .list_wp.seat_code .list_label {vertical-align:top;padding-top:12px;}
.top20 .search_box .list_wp.seat_code input[type=checkbox] + label::before{border:1px solid #c8c8c8;}
@media screen and (min-width:768px),print {
}


/* 航空会社 */
/*-------------------------------------------------*/
.top20 .search_box .list_wp.airline .list_label {vertical-align:top;}
.top20 .search_box .list_wp.airline .list_label .airline_number {display:block;width:37px;height:26px;border-radius:3px;background:#222;color:#fff;text-align:center;line-height:26px;font-size:1.2rem;}
.top20 .search_box .list_wp.airline .btn_add {display:table-cell;overflow:hidden;vertical-align:middle;padding-left:5px;}
.top20 .search_box .list_wp.airline .btn_add a {position:relative;cursor:pointer;display:block;width:60px;height:26px;border-radius:5px;font-size:1.1rem;font-weight:bold;padding-left:18px;line-height:24px;background:#fff;text-align:center;}
.top20 .search_box .list_wp.airline .btn_add a.add {color:#222;border:2px solid #222;}
.top20 .search_box .list_wp.airline .btn_add a.del {color:#787878;border:2px solid #787878;}
.top20 .search_box .list_wp.airline .btn_add a::before {font-family:"Font Awesome 5 Free"; font-weight:bold;font-size:1.4rem;position:absolute;top:0;left:3px;text-align:center;line-height:24px;width:15px;height:100%;}
.top20 .search_box .list_wp.airline .btn_add a.add::before {content:"\f067";}
.top20 .search_box .list_wp.airline .btn_add a.del::before {content:"\f068";}
.top20 .search_box .list_wp.airline .btn_add a.add + a.del {margin-top:2px;}
.top20 .search_box .list_wp.airline .btn_add a:hover {background-color:#222;color:#fff;}
.top20 .search_box .list_wp.airline .btn_add a.add:hover {color:#fff;background:#222;}
.top20 .search_box .list_wp.airline .btn_add a.del:hover {color:#fff;background:#787878;}
.top20 .search_box .list_wp.airline_01 .list_input {padding-top:20px;}
.top20 .search_box .list_wp.airline_01 .btn_add {padding-top:20px;}
.top20 .search_box .list_wp.airline .btn_add {padding-top:5px;}
.top20 .search_box .list_wp.airline_02 .btn_add {width:130px;}
.top20 .search_box .list_wp.airline_03 .btn_add {width:70px;}
.top20 .search_box .list_wp.airline .btn_add a {float:left;}
.top20 .search_box .list_wp.airline .btn_add a.add + a.del {margin:0 0 0 2px;}
@media screen and (max-width:767px) {
  .top20 .search_box .lists_wrap.airline > .txt {display:none;}
  .top20 .search_box .search_details .btn_clear a {background:#fff;color:#62b0a4;}
  .top20 .search_box .list_wp.airline_01 .list_input {padding-top:10px;}
  .top20 .search_box .list_wp.airline_02 .list_label,
  .top20 .search_box .list_wp.airline_03 .list_label {vertical-align:middle;}
}

/* 出発時間帯 */
/*-------------------------------------------------*/
.top20 .search_box .list_wp.d_time .list_label {width:65px;text-align:center;background:#222;color:#fff;}
.top20 .search_box .list_wp.d_time .list_label::before{content:"\f017";font-family: "Font Awesome 5 Free";display: block;}
.top20 .search_box .list_wp.d_time .list_input {overflow:hidden;padding-top:0;}
.top20 .search_box .list_wp.d_time .list_input div {overflow:hidden;width:100%;display:table;}
.top20 .search_box .list_wp.d_time .list_input > div + div {margin-top:10px;}
.top20 .search_box .list_wp.d_time .list_input p {display:table-cell;vertical-align:middle;width:25%;padding:0 0 0 10px;font-weight:bold;line-height:1.3;}
.top20 .search_box .list_wp.d_time .list_input .select_wrap {display:table-cell;vertical-align:middle;width:75%;}
.top20 .search_box .list_wp.d_time .list_input .select_wrap:nth-of-type(2) {margin-top:10px;}
@media screen and (max-width:767px) {
  .top20 .search_box .lists_wrap.dep_time {margin-top:10px;border-top:1px solid #c8c8c8;padding:10px 0 0 0;}
  .top20 .search_box .list_wp.d_time {display:block;}
  .top20 .search_box .list_wp.d_time .list_label {display:block;width:100%;padding:5px 0;margin-bottom:10px;}
	.top20 .search_box .list_wp.d_time .list_label::before{content:"\f017";font-family: "Font Awesome 5 Free";display: inline-block; padding: 3px 10px 2px 0;font-size: 13px; line-height: 1.2; vertical-align: middle;}
  .top20 .search_box .list_wp.d_time .list_input {display:block;overflow:hidden;margin-bottom:10px;}
  .top20 .search_box .list_wp.d_time .list_input p {width:75px;padding:0;}
  .top20 .search_box .list_wp.d_time .list_input .select {width:auto;}
  .top20 .search_box .list_wp.d_time .list_input .select_wrap {width:calc(100% - 75px);}
  .top20 .search_box .list_wp.d_time .list_input .select_wrap:nth-of-type(2) {margin-top:5px;}
}

/* ホテルランク */
/*-------------------------------------------------*/
.top20 .search_box .lists_wrap.hotel-star {border-top:1px solid #c8c8c8;padding:10px 0;overflow:hidden;display:table;}
.top20 .search_box .lists_wrap.hotel-star>.list_tit {font-weight:bold;display:table-cell;vertical-align:middle;display:table-cell;width:100px;}
.top20 .search_box .lists_wrap.hotel-star>.check_star {display:table-cell;vertical-align:middle;}
@media screen and (max-width:640px) {
.top20 .search_box .lists_wrap.hotel-star>.list_tit {width:80px;letter-spacing:-0.08em;}
}

/* ホテル指定 */
/*-------------------------------------------------*/
.top20 .search_box .hotel_wrap .list_tit {background:#222;color:#fff;text-align:center;line-height:26px;font-weight:bold;font-size:1.2rem;margin-bottom:5px;}
.top20 .search_box .hotel_wrap .list_tit::before{content:"\f236";font-family: "Font Awesome 5 Free";display: inline-block;padding: 6px 10px 2px 0;font-size: 15px;line-height: 1; vertical-align: text-bottom;}
.top20 .search_box .hotel_wrap .list_sbtit {display:none;}
.top20 .search_box .list_wp.hotel .list_label .hotel_number {display:block;width:38px;height:26px;border-radius:3px;background:#222;color:#fff;text-align:center;line-height:26px;font-size:1.2rem;}
.top20 .search_box .list_wp.hotel .list_label .hotel_number small {font-size:1.2rem;margin-right:3px;}
.top20 .search_box .list_wp.hotel.hotel_01 .list_input {vertical-align:bottom;}
@media screen and (max-width:767px) {
  .top20 .search_box .hotel_wrap {border-top:1px solid #c8c8c8;padding:10px 0;}
  .top20 .search_box .hotel_wrap .list_sbtit {display:block;font-weight:bold;margin:10px 0 0 0;}
  .top20 .search_box .list_wp.hotel .list_label small {display:none;}
}

/* 予算 */
/*-------------------------------------------------*/
.top20 .search_box .list_wp.budget .list_label {width:100%;display:block;background:#222;color:#fff;text-align:center;line-height:26px;font-weight:bold;font-size:1.2rem;margin-bottom:10px;}
.top20 .search_box .list_wp.budget .list_label::before{content:"\f0d6";font-family: "Font Awesome 5 Free";display: inline-block;padding: 6px 10px 2px 0;font-size: 15px;line-height: 1; vertical-align: text-bottom;}
.top20 .search_box .list_wp.budget .list_label_txt {line-height:1.2;font-size:1.2rem;font-weight:normal;margin-bottom:5px;}
.top20 .search_box .list_wp.budget .list_input {display:block;vertical-align:bottom;}
.top20 .search_box .list_wp.budget .list_input .select_wrap {width:45%;float:left;}
.top20 .search_box .list_wp.budget .list_input p {width:10%;float:left;padding:12px 0 0 0;font-weight:bold;font-size:1.2rem;text-align:center;}
.top20 .search_box .list_wp.budget .select_wrap {background-position:90% center;}
@media screen and (max-width:767px) {
  .top20 .search_box .list_wp.budget {border-top:1px solid #c8c8c8;padding:10px 0;}
}

/* ツアーコード */
/*-------------------------------------------------*/
.top20 .search_box .list_wp.code .list_label {display:block;width:100%;}
.top20 .search_box .list_wp.code .list_input {display:block;}
@media screen and (max-width:767px) {
  .top20 .search_box .list_wp.code {border-top:1px solid #c8c8c8;padding:10px 0;}
}

/* フリーワード検索 */
/*-------------------------------------------------*/
.top20 .search_box .list_wp.keyword .list_label {display:block;width:100%;}
.top20 .search_box .list_wp.keyword .list_input {display:block;}

/*-------------------------------------------------*/
/* 詳細条件検索パネル　
/*-------------------------------------------------*/
.top20 .search_box .list_wp.des .btn_add {display:flex;justify-content:space-between;padding-left:10px;}
.top20 .search_box .panel_close_btn {display:none;}

/* 詳細条件検索パネル　OPEN */
/*-------------------------------------------------*/
.top20 .search_box.panel_open .search_bg,
.top20 .search_box.panel_open .search_details {background:#f2f2f2;}
.top20 .search_box.panel_open .panel_close_btn {display:block;position:absolute;top:0;right:0;}
.top20 .search_box.panel_open .panel_close_btn span {display:block;width:30px;height:30px;line-height:30px;text-align:center;color:#222;font-weight:bold;font-size:1.4rem;background-color:rgba(255,255,255,0.75);cursor:pointer;}
.top20 .search_box.panel_open .panel_close_btn span::after,
.top20 .search_box.panel_open .panel_close_btn span::before {content:"";width:12px;height:1px;background:#222;position: absolute;top:50%;left:calc(50% - 6px);}
.top20 .search_box.panel_open .panel_close_btn span::before {transform: rotate(45deg);}
.top20 .search_box.panel_open .panel_close_btn span::after {transform: rotate(-45deg);}
.top20 .search_box.panel_open .search_base {padding-bottom:30px;}
.top20 .search_box.panel_open .list_wp.seat_code {margin-bottom:5px;}
.top20 .search_box.panel_open .list_wp.seat_code .list_input .select_wrap {float:left;max-width:225px;}
.top20 .search_box.panel_open .list_wp.seat_code .list_input .check_stopover {float:left;margin:5px 0 0 10px;}
.top20 .search_box.panel_open .lists_wrap.airline {position:relative;overflow:hidden;padding-bottom:10px;margin-bottom:10px;}
.top20 .search_box.panel_open .lists_wrap.airline > .txt {font-size:1.1rem;position:absolute;bottom:0;left:0;}
.top20 .search_box.panel_open .list_wp.airline {float:left;width:35%;}
.top20 .search_box.panel_open .list_wp.airline_01 {width:30%;}
.top20 .search_box.panel_open .list_wp.airline_01 small {display:none;}
.top20 .search_box.panel_open .list_wp.airline_01 .list_input {padding-top:5px;}
.top20 .search_box.panel_open .list_wp.airline_01 .btn_add {padding-top:0;}
.top20 .search_box.panel_open .list_wp.airline_02 .list_label,
.top20 .search_box.panel_open .list_wp.airline_03 .list_label {padding:0 0 0 10px;}
.top20 .search_box.panel_open .lists_wrap.dep_time {border-top:1px solid #c8c8c8;padding:10px 0;overflow:hidden;}
.top20 .search_box.panel_open .lists_wrap.dep_time .list_wp {width:380px;float:left;}
.top20 .search_box.panel_open .lists_wrap.dep_time .list_wp + .list_wp {margin-left:40px;}
.top20 .search_box.panel_open .lists_wrap.hotel-price-code {border-top:1px solid #c8c8c8;padding:10px 0;overflow:hidden;}
.top20 .search_box.panel_open .lists_wrap.hotel-price-code > div {width:31%;float:left;}
.top20 .search_box.panel_open .lists_wrap.hotel-price-code > div + div {margin-left:3%;}
.top20 .search_box.panel_open .list_wp.keyword .list_label {margin-top:5px;}
.top20 .search_box.panel_open .list_wp.more_search .btn_clear {display:none;}
.top20 .search_box.panel_open .list_wp.more_search .btn_clear.btn_clear_close,
.top20 .search_box.panel_open .list_wp.more_search.ft .btn_clear {display:block;}
.top20 .search_box.panel_open .list_wp.more_search .btn_more.details_open_btn {display:inline-block;}


/*-------------------------------------------------*/
/* スマホ用　出発地・目的地選択　Modal */
/*-------------------------------------------------*/
@media screen and (max-width:767px) {
  .top20 .search_box .sp_area_select a {color:#969696;border:1px solid #ccc;padding:13px;min-height:40px;text-decoration:none;display:block;width:100%;font-size:1.2rem;position:relative;background:#fff;}
  .top20 .search_box .sp_area_select a:hover {opacity:1;}
  .top20 .search_box .sp_area_select a::after {z-index:10;color:#222;content:"\f078";font-family:"Font Awesome 5 Free"; font-weight:bold;position:absolute;top:50%;line-height:40px;margin-top:-20px;height:40px;right:10px;}
  .top20 .search_box .sp_area_select #destination_v1.red_border{border: 1px solid #f00;}
  .sp_modal_select {position:relative;background-color:#fff;}
  .sp_modal_select .modal_head {font-size:16px;font-weight:bold;position:relative;padding:14px 33px 10px 15px;color:#fff;background:#23afb7;}
  .sp_modal_select .modal_head_nav {position:relative;background:#daf8f3;padding:13px 35px;}
  .sp_modal_select .modal_head_nav .prev_btn {position:absolute;top:0;left:0;width:40px;height:46px;}
  .sp_modal_select .modal_head_nav .prev_btn a {display:block;width:40px;height:46px;}
  .sp_modal_select .modal_head_nav .prev_btn:after {content:"\f053";font-family:"Font Awesome 5 Free"; font-weight:bold;position:absolute;left:0;top:0;width:40px;height:46px;text-align:center;line-height:46px;color:#222;}
  .sp_modal_select .modal_head_nav p {font-size:1.4rem;text-align:center;}
  .sp_modal_select .modal_select_list {overflow-y:auto;max-height:365px;}
  .sp_modal_select .modal_select_list ul {margin:0;padding:0;overflow:hidden;}
  .sp_modal_select .modal_select_list ul li {position:relative;font-size:18px;display:block;color:#5b2e23;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
  .sp_modal_select .modal_select_list.des ul li {float:left;width:50%;}
  .sp_modal_select .modal_select_list ul li a{color:#333;font-size:1.3rem;display:table;overflow:hidden;width:100%;height:46px;text-decoration: none;}
  .sp_modal_select .modal_select_list ul li a:hover {text-decoration:none;}
  .sp_modal_select .modal_select_list ul li a span {display:table-cell;width:100%;padding:0 36px 0 15px;vertical-align:middle;}
  .sp_modal_select .modal_select_list ul li a span:after {content:"\f054";font-family:"Font Awesome 5 Free"; font-weight:bold;position:absolute;right:0;top:50%;width:30px;height:46px;margin-top:-23px;text-align:center;line-height:46px;color:#23afb7;font-size:1.2rem;}
  .mfp-close-btn-in .mfp-close{color:#fff;opacity:1;}
}

/*-------------------------------------------------*/
/* Modal */
/*-------------------------------------------------*/
.modal_overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.65);}
#modalOverlaySrch.modal_overlay {display:none;z-index:1010;}
#modalLoading {z-index:1030;display:none;position:fixed;top:0;left:0;width:100%;height:100%;}
#modalLoading .modal_overlay {z-index: 100;}
#modalLoading .modal_loading {z-index: 200;}
#modalLoading .modal_loading {position:fixed;top:50%;left:50%;width:300px;transform:translate(-50%,-50%);pointer-events:all;text-align:center;background:#fff;padding:30px 0 40px;border-radius:10px;}
#modalLoading .modal_loading p {font-size:1.4rem;font-weight:bold;color:#222;margin-bottom:30px;}
.search_box {z-index:1020;}
.mfp-bg {z-index:1040;}
.mfp-content {z-index:1050;}

/*-------------------------------------------------*/
/* Datepicker */
/*-------------------------------------------------*/
.table-condensed {font-size:1.4rem;}