@charset "utf-8";

/* 19.06.20 ksnam : DevPart PC/SP hotel main style(hotel(_m).css) overloading */

/* Common */
#hotelBody a,
#hotelBody label,
#hotelBody button,
#hotelBody select,
#hotelBody textarea,
#hotelBody input { outline:none; }

/* .collHotelList */ .info_hotel.info_price .data_after .num_data + .num_append { font-size:inherit; font-weight:inherit; }
.cont_fold.etc-html-data img { max-width:100%; height:auto; }
.cont_fold.etc-html-data table { max-width:100%; } /* 22.11.01 ksnam */

/* ===== SEARCH ===== */
.searchHotel input.warn { border:2px solid #f00!important; }
.searchHotel button.warn span.tf_hotel { border:2px solid #f00!important; }
.searchHotel select.warn { border:2px solid #f00!important; }

form.hotelSearchForm button[type='submit']:disabled { }

/* Calendar */
.tbl_hotel.tbl_calendar  .hcal_pnday .txt_lab { font-size:9px; }

.tbl_hotel.tbl_calendar .inp_hotel:checked:disabled ~ .txt_lab { color:#fff;background-color:#ff4d4d; }

/* Room Counter */
.choice_room .btn_data:disabled { background-color:#f6f6f6!important; opacity:0.5; }

/* Search Option (LIST) */
.fold_hotel.fold_type4 .ico_ui.ico_fold { display:none; }
.fold_hotel.fold_type4 .ico_ui.ico_fold_close { display:inline-block; }
.fold_hotel.fold_type4 .cont_fold { display:block; }

.fold_hotel.fold_type4.close .ico_ui.ico_fold { display:inline-block; }
.fold_hotel.fold_type4.close .ico_ui.ico_fold_close { display:none; }
.x-fold_hotel.fold_type4.close .cont_fold { display:none; }

.collNavExtract .btn_hotel.btn_color_type3 { display:block; margin:16px auto; }

/* Keyword */
#v-q::-ms-clear {  display:none; width:0; height:0; }
#v-q::-ms-reveal {  display:none; width:0; height:0; }
#v-q::-webkit-search-decoration,
#v-q::-webkit-search-cancel-button,
#v-q::-webkit-search-results-button,
#v-q::-webkit-search-results-decoration { display:none; }

#keywordHint { }
#keywordHint .autocomplete-suggestions { position:relative!important; border:none; box-shadow:none; max-height:100%!important; border-bottom:1px dotted #e5e5e5; }
#keywordHint .autocomplete-suggestions .autocomplete-group {
    position:relative; padding:0px; height:0px; font-size:inherit; font-weight:bold; color:inherit; overflow:visible; border-top:1px dotted #e5e5e5;
}
#keywordHint .autocomplete-suggestions .autocomplete-group:first-child { border-top:none; }
#keywordHint .autocomplete-suggestions .autocomplete-group strong {
	position:absolute; display:block; top:3px; right:10px; color:inherit;
}

#keywordHint .autocomplete-suggestions .autocomplete-suggestion { padding:3px 10px; color:#555555; }
#keywordHint .autocomplete-suggestions .autocomplete-suggestion strong { color: #3c76da; }

#keywordHint ~ .btn_close { margin-top:3px; }

.hfdev-sp #keywordHint { border:1px solid #e1e1e1; }
.hfdev-sp #keywordHint .autocomplete-suggestions { border:none; }


/* MAIN */
.mainHotelIndex .collBookGuide { margin-bottom:30px; }

.mainHotelIndex .searchHotel #keywordHint .autocomplete-suggestions { width:100%!important; }

/* 24.09.05 ksnam */
.collRecommendedHotel .info_bundle .info_hotel { margin-right:4px; }


/* DETAIL */
.hfdev-pc .collHotelPhoto .inner_paging .thumb_ui.thumb_crop .img_thumb { width:98px; height:74px; }
.hfdev-pc .collHotelPhoto .paging_swiper .thumb_crop.on:after { border:2px solid #000; }

#hotel_detail_price_list { position:relative; }
.collRoomTypeCharge .searchHotel .desc_room select:disabled { background-color:#f6f6f6; opacity:0.5; }
.collRoomTypeCharge .searchHotel .desc_room.dis { x-opacity:0.5; }
.collRoomTypeCharge .searchHotel .desc_room.dis .info_age { display:none; }

.hfdev-pc .collRoomTypeCharge .searchHotel .desc_room.dis { visibility:hidden; }
.hfdev-sp .collRoomTypeCharge .searchHotel .desc_room.dis { display:none; }

/* 22.10.24 ksnam : 12px normal → inherit */
#roomSelInfo .noem { x-font-weight:bold; x-font-size:14px; border-top:1px dashed #ccc; margin-top:5px; padding-top:5px; }

.btn_hotel.btn_type8.eps-btn-dis .wrap_cont { font-size:12px; color:#aaa; }

.hfdev-pc .collRoomTypeCharge .searchHotel .num_room { margin-right:28px; }
.hfdev-pc .collRoomTypeCharge .searchHotel .info_age .box_opt3 { min-width:60px; }
/* .hfdev-pc */ .collRoomTypeCharge .searchHotel .info_age label.childAges select { padding-left:5px!important; }

.collRoomTypeCharge .collAvailableHotel .info_price .data_before { display:inline-block; }

.collRoomTypeCharge .lock_cont { display:none; position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(255,255,255,0.5); }
.collRoomTypeCharge .lock_cont .lock_warn { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:inline-block; padding:10px; border:1px solid #ccc; background-color:#fff; }

.hfdom-H.hfdev-pc .collHotelNotice .cont_coll { font-size:14px; }

/* STEP1 */
.fold_hotel.fold_type3 .info_fold:visible:first-child { margin-top:0px; }

.fold_hotel.fold_type3 #use_point_wrap:hidden { background-color:#f00; }

/* PAY */
.hfdev-pc .collStepRule .btn_hotel.btn_type6.btn_kip { margin-top:10px; min-height:20px; padding:8px 10px; width:402px; background-color: #979797; border-color: #979797; color: #fff; }
.hfdev-sp .collStepRule .btn_hotel.btn_type6.btn_kip { background-color: #979797; border-color: #979797; color: #fff; margin-top:10px; }
.hfdev-sp .collStepRule .btn_hotel.btn_type6.btn_kip .wrap_cont { font-size:11px; line-height:12px; padding:4px 0px; }

#payPointAll { margin-top:10px; }
#use_point_wrap { padding:12px 11px 9px; }
#use_point_wrap dt, #use_point_wrap dd { font-weight:normal; }

/* 20.03.16 ksnam : POINT ex */
.foldMemberBonus.ptDis .cont_item input[type="text"] { background-color:#eee; color:#888; }
.foldMemberBonus.ptDis .cont_item input[type="checkbox"] ~ span { color:#aaa; }
.foldMemberBonus.ptDis .cont_item button { border-color:#6F6F6F; background-color:#676767; }
.foldMemberBonus.ptDis .cont_item button span { color:#aaa; }

/* HanchaoPay */
.hfdom-H .setPayment .paymethod.wrap_item { padding:0; border-top-width:0; border-bottom-width:0; margin-top:10px; }
.hfdom-H .setPayment .paymethod.wrap_item hanchaopay { margin:0; }
.hfdom-H .setPayment .paymethod.wrap_item hanchaopay .pgSeparator { background-color:#ccc; }
.hfdom-H.hfdev-sp .setPayment .paymethod.wrap_item { margin:0; }
.hfdom-H.hfdev-pc #payPointAll { margin-top:10px; }

/* ** layer_loading ** */
.layer_hotel.layer_loading{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;font-size:0;line-height:0;background-color: rgba(0,0,0,.4);text-align:center}
.layer_hotel.layer_loading:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:''}
.layer_hotel.layer_loading .inner_layer{display:inline-block;max-width:500px;padding:15px;border:3px solid #ee3524;font-size:16px;line-height:20px;color:#222;background-color:#fff;vertical-align:middle;box-shadow:0 4px 12px 0 rgba(0,0,0,0.12);box-sizing:border-box}
.layer_hotel.layer_loading .img_loading{display:block;overflow:hidden;width:32px;height:32px;margin:0 auto 10px}

.pgPayProcessBoxCont { min-width:250px; }

/* esp pay */
.eanpayFrame .eanpay-msg, .eanpayFrame .eanpay-hlp{margin:0;padding:0px}
.eanpayFrame .eanpay-msg {color:#f00}
.eanpayFrame .layer_pay .list_tip img { max-width:80%; }
.eps_card_list span { display:inline-block; height:20px; padding:2px; line-height:20px; font-size:11px; border:1px solid #ccc; width:35px; text-align:center; border-radius:2px; margin-right:4px; }
.eps_card_list span img { max-width:100%; }
.eps_card_list span.off { color:#aaa; opacity:0.1; }
.eps_card_list span.on  { color:#000; opacity:1.0; border:1px solid #666; }

.info_fold.info_sum.info_tax { margin-top:0px; font-weight:normal; }
.info_fold.info_sum.info_tax dt, .info_fold.info_sum.info_tax dd { font-weight:normal; font-size:0.875em; color:inherit; }

.collMap .map_infowin div { line-height:130%; }

/* for HANCHAO */
tr.copyright_top_margin { display:none; }

/* for HANCHAO PC NAVI */
.hfdom-H.hfdev-pc .collHotelPath .link_path { font-weight:normal!important; color:#888!important; }

/* 21.10.06 ksnam */
.item_hotel .swiper-pagination-fraction {
	text-shadow:1px 1px 1px #fff;
}

div.data_hotel.data_indent ul li:before { content:"・"; }
div.data_hotel.data_indent ul li { text-indent:-1em; padding-left:1em; }

.emph_hotel.emph_type15.value_adds { background-color:#70685a; }

a.named-anchor { display:block; height:1px; font-size:1px; line-height:1px; margin:0; padding:0; overflow:hidden; text-indent:-9999px; }

.box_hotel.box_opt2 select { padding-right:8px; }
.hfdom-H.hfdev-pc .box_hotel.box_opt2 select { padding-right:32px; }

.hfdev-sp .setPayment.epsPay .wrap_item { border-top-width:1px; }

.hfdev-sp .for-pc { display:none; }
.hfdev-pc .for-sp { display:none; }

/* 22.02.14 ksnam : VT 편의점 */
.hfdev-sp .setPayment label.box_hotel.box_opt[for='vt_conv_type'] { width:100%; }

/* 22.08.23 ksnam : bedtypes */
.hfdev-pc select.dt-bedtype { min-width:210px; }

/* 22.09.05 ksnam : reserve btn */
.btn_go_reserve.changed { background-color:#C0C0C0; border-color:transparent; }
.btn_go_reserve.changed .wrap_cont { color:#eee; }

/* 22.09.26 ksnam */
.hfdev-pc .collBookGuide ul.col4 li { width:25%; }
.hfdev-pc .collBookGuide ul.col5 li { width:20%; }

/* 22.12.01 ksnam : VTBank */
.setPayment .pay-method-list .info_price.info_bank { margin:0; }
.setPayment .pay-method-list .info_price.info_bank:not(:first-of-type) { border-top:none; }
.setPayment .pay-method-list .info_price.info_bank:last-of-type { margin-bottom:15px; }
.setPayment .pay-method-list .info_price.info_bank dd { line-height:100%; }
.setPayment .pay-method-list .info_price.info_bank .num_fee { display:block; color:#666; font-size:12px; }
.collAccommodation .info_sum.info_fee dt,
.collAccommodation .info_sum.info_fee dd { font-weight:normal; }

/* 23.01.26 ksnam : common */
.ico_hotel.ico_roomdet { width:23px; height:18px; background:url(../img/m/icon_photo.png) no-repeat center center; background-size:cover; vertical-align:text-bottom; }

/* 23.01.11 ksnam : step memo form */
.collStepSet input::placeholder,
.collStepSet textarea::placeholder { color:#aaa; }

.setConfirmation .info_item.memo_form dt { float:none; padding:0; margin-bottom:8px; }
.setConfirmation .info_item.memo_form dd { }
.setConfirmation .info_item.memo_form dd ~ dt { margin-top:24px; }

.setConfirmation .info_item.memo_form ~ .info_item:before,
.setConfirmation .info_item.memo_form ~ .desc_item:before {
	content:""; display:block; height:1px; font-size:0; line-height:0; margin:0 0 35px 0; border-top:1px solid #ddd;
}

.setConfirmation .info_item.memo_form .box_hotel.box_inp2 .ico_hotel { margin-top:5px; }
.setConfirmation .info_item.memo_form dd label { display:inline-block; }
.setConfirmation .info_item.memo_form dd label ~ label { margin-left:16px; }
.hfdev-pc .setConfirmation .info_item.memo_form select { min-width:208px; }
.hfdev-sp .setConfirmation .info_item.memo_form label.box_hotel.box_opt2 { display:block; width:auto; }

.hfdom-H.hfdev-pc .collHotelList .append_head label[for="optSort"] select { min-width:150px; }
.hfdom-H.hfdev-sp select { background-image:none; }

.setContactInfo .box_hotel ~ label { margin-top:4px; }
.setContactInfo .box_hotel .data_hotel.data_tip { vertical-align:middle; }
.setContactInfo .box_hotel .data_hotel.data_tip .layer_data { right:auto; left:100px; }
.hfdev-sp .coll_hotel.collStepSet.setContactInfo { overflow:visible; }

/* 23.08.23 ksnam : Card Event */
.collStepSet.collCardEvent { margin:0!important; padding:0!important; background-color:#fff!important; text-align:center; font-weight:bold; }
.collStepSet.collCardEvent b.emp { color:#ec4538; }
.hfdev-sp .collStepSet.collCardEvent { margin:8px 0!important; padding:8px!important; }

/* 23.10.17 ksnam : Disable bank/conv pay */
.x-hfdom-K .collPrIntro .list_item { margin-top:0; }

.setPayment.collStepSet .wrap_item { border-top-width:1px; }
.setPayment .tab_hotel.tab_type7 { height:40px; }
.setPayment .tab_hotel.tab_type7 li .menu_tab { width:178px; margin-top:1px; height:40px; }
.hfdev-sp .setPayment .tab_hotel.tab_type7 li .menu_tab { width:50%; }

.epsPay .tab_hotel.tab_type3 li .menu_tab { width:178px; margin-top:1px; }
.hfdev-sp .epsPay .tab_hotel.tab_type3 .list_tab { padding-left:0; }
.hfdev-sp .epsPay .tab_hotel.tab_type3 .list_tab li { padding-left:0; }
.hfdev-sp .epsPay .tab_hotel.tab_type3 .inner_menu { font-size:15px; }

/* 23.12.06 ksnam */
.mainHotelView .collHotelDetail .cont_fold { padding:13px 6px 11px; }

/* 24.02.27 ksnam : step_memo_form */
.setConfirmation input[type="number"] { -moz-appearance: textfield; }
.setConfirmation input[type="number"]::-webkit-outer-spin-button,
.setConfirmation input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; }
.setConfirmation input[type="date"] { width:auto!important; }

.hfdev-pc .collTransporter .list_item.col1 li { width:100%; }
.hfdev-pc .collTransporter .list_item.col2 li { width:50%; }

/* 24.09.25 ksnam */
.collRoomTypeCharge .item_hotel .info_price .data_after .data_total { color:#666; font-size:12px; }
.collRoomTypeCharge .item_hotel .info_price .data_after .data_total .num_data { font-size:inherit; }

.collRoomTypeCharge .data_fare .data_disc_pct {
	background-color: #ec4538; color: #fff; font-size:12px; padding:4px;
	text-align: center; line-height: 1.2; aspect-ratio: 1 / 1;
	float: left; display: flex; align-content: center; justify-content: center; align-items: center;
}

.hfdev-sp .collRoomTypeCharge .data_fare .data_disc_pct { position:relative; margin-top:4px; margin-right:6px; }

/* 25.03.20 ksnam : mobile promotion */
.collRoomTypeCharge .data_fare .txt_mod ~ .txt_mod { margin-top:0; }