.block_detail_inner .box_detail {padding-bottom: 5px;}
.template {display: none;}

.pagination > li > span {
    font-size: 11px;
    padding: 10px 10px;
}

.top_hotel {display: none;}
/* .top_hotel .new-list-item {border-radius: 0px 0px 8px 8px !important;} */

.hotel-list .top_hotel .block_hotel_detail {
    border-color: #0e8af5;
    background-color: #f1f8ff;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.hotel-list .top_hotel .top_hotel_title{
    display: none;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    padding: 6px 10px;
    position: relative;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: transparent linear-gradient(90deg, #7F0000 0%, #DF0A1D 14%, #862800 27%, #8B2802 36%, #AF2D11 42%, #BD2F17 48%, #C42618 51%, #E9001F 64%, #D50812 71%, #B71500 84%, #BC1900 90%, #CA2600 97%, #D32D00 100%) 0% 0% no-repeat padding-box;
}

.hotel-list .top_hotel .top_hotel_title span {
    top: 2px;
    z-index: 1;
    position: relative;
}

.hotel-list .top_hotel .top_hotel_title span svg {
    top: -3px;
    position: relative;
    vertical-align: middle;
}

.top_hotel .top_hotel_footer {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    display: none;
}

.discount_hotel { display: none; }
.discount_hotel .block_hotel_detail {
    border-color: #19a519;
    background-color: #f1f7f1;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.discount_hotel .discount_hotel_title {
    display: none;
    color: #fff;
    font-size: 14px;
    padding: 6px 10px;
    background: #19a519;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.discount_hotel .hotel_discount { display: none; }
.discount_hotel .discount_hotel_title span { color: yellow; }

.not-goto-item .plan_discount {
    height: 20px;
    color: #fff;
    margin-top: 5px;
    padding: 2px 3px;
    display: inline-block;
    background-color: #998746;
}

#hotel_list .box_price:before,#hotel_list .box_price:after {
    content: '';
    clear: both;
    display: table;
}

#hotel_list .hotel_policy {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
    flex-direction: column;
    align-items: flex-start;
}

#hotel_list .hotel_policy img {
    width: 20px;
    height: 16px;
    margin-right: 5px;
}

#hotel_list .hotel_policy .hotel_cancel_free img {
    width: 18px;
    height: 18px;
}

#hotel_list .hotel_policy span {
    color: #000;
    display: flex;
    font-size: 12px;
    margin-right: 5px;
    align-items: center;
}

#hotel_list .hotel_policy .hotel_cancel_free {
    font-size: 13px;
    font-weight: bold;
    min-width: 95px;
    line-height: 1.5;
    padding: 3px 3px;
    color: #19a519;
    align-items: center;
    border-radius: 9px;
    margin-bottom: 5px;
    border: 1.5px solid;
    display: inline-block;
    border-color: #66be5b;
}

#hotel_list .hotel_policy .discount_point{
    display: inline-block;
    padding: 5px 5px;
	background-color: #ed4d41;
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
    align-items: center;
    border-color: #ed4d41;
    font-weight: bold;
    border-radius: 9px;
    margin-bottom: 5px;
	min-width: 120px;
	text-align: center;
}

#hotel_list .hotel_policy .hotel_cancel_free img {display: none;}
#hotel_list .box_price .price_amount {float: right;}
.accordionBox.active{  overflow: visible !important;}

#error-search-top-page {
    width: 100%;
    padding-left: 5px!important;
}

.term-list .term-item .checkbox-inline {
    position: relative;
    display: block;
    font-size: 14px;
    padding-right: 45px;
}
.term-list .term-item .checkbox-inline input {
    width: 16px;
    height: 16px;
    margin: 2px 7px 0 0;
}
.term-list .term-item .checkbox-inline.disabled { color: #9e9e9e; }
.term-list .term-item .checkbox-inline .jqTransformCheckboxWrapper {
    left: 0;
    position: absolute;
}

#Side_bar .block_side {
    background: #fff;
    padding: 24px;
    border-radius: 8px;
}

#block_filter {
    min-height: 967px;
}

.group_side_bar {padding: 0;}
.side-bar-left {
    float: left;
    width: 26.3%;
}

.main-content-right {
    float: right;
    width: 73.7%;
    padding-left: 24px;
}

#price_filter.group_side_bar {
    width: 95%;
    padding-left: 5px;
}

#Side_bar .ttl-h3 {
    color: #333;
    line-height: 1;
    font-size: 20px;
    font-weight: bold;
    border-radius: 0;
    text-align: left;
    background: #fff;
    padding: 0 0 6px;
}

#Side_bar .ttl-h4 {
    color: #333;
    background: none;
    margin-bottom: 14px;
    padding-left: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
}

#Side_bar .more:before {display: none;}

#Side_bar .block_side.go_to_map {
    display: none;
    overflow: hidden;
    padding: 0;
    margin-bottom: 12px;
    position: relative;
    border-radius: 8px;
}

#Side_bar .block_side.go_to_map .block_side_inner {
    z-index: 2;
    padding: 0;
    position: relative;
}

#Side_bar .block_side.go_to_map .block_side_inner .open_list_map {
    text-decoration: none;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #BDBDBD;
}

#Side_bar .block_side.go_to_map .block_side_inner .open_list_map:after {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
    display: block;
    position: absolute;
}

#Side_bar .block_side.go_to_map .block_side_inner .open_list_map > span {
    left: 50%;
    z-index: 1;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-top: 38px;
    margin-left: -53px;
    padding: 6px 16px;
    text-align: center;
    border-radius: 16px;
    position: absolute;
    background: #196FB9;
}

#Side_bar .block_side.go_to_map .block_side_inner .open_list_map:hover { opacity: .9; }
.list_price p.price_inner { color: #d0011b; }

#comparePopup .headline {
    color: #000;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
}

#comparePopup .modal-header { border-bottom: 2px solid #309ed3; }
#comparePopup .modal-body { padding: 0; }
#comparePopup { overflow: auto; }

#comparePopup .owl-prev, #comparePopup .owl-next {
    top: 210px;
    width: 42px;
    height: 42px;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    position: absolute;
    border-radius: 100%;
    display: inline-block;
    font-family: 'fontAwesome';
    border: 2px solid #f9f9f9;
    background: rgb(46, 156, 210);
}

#comparePopup .owl-prev.disabled, #comparePopup .owl-next.disabled { opacity: 0; }
#comparePopup .owl-prev { left: -18px; }

#comparePopup .owl-prev:before {
    content: "\f053";
    top: -1px;
    left: -1px;
    position: relative;
}

#comparePopup .owl-next { right: -15px; }
#comparePopup .owl-next:after {
    content: "\f054";
    left: 1px;
    top: 0px;
    position: relative;
}

#comparePopup .box_note {
    border: none;
    background: none;
}

#comparePopup .box_note.box_error {
    color: #F90606;
    padding-left: 40px;
}

#comparePopup .box_note.box_error:before {
    left: 13px;
    width: 22px;
    height: 22px;
    margin-top: -13px;
}

#comparePopup.empty .compare_table { display: none; }
.compare_hotel {
    margin-top: 10px;
    text-align: right;
}

.compare_hotel:before {
    content: '';
    top: 4px;
    width: 24px;
    height: 17px;
    margin-right: 5px;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url("/img/common/icon_compare.png");
    background-size: 100%;
    
}

.compare_hotel.disabled:before { background-image: url('/img/common/icon_compare_disabled.png'); }
.compare_hotel.disabled { color: #4a4a4a; }
.compare_table { display: flex; }

.compare_table .compare_title {
    width: 20%;
    color: #309ed3;
    font-weight: 500;
    font-size: 13px;
    margin-top: 5px;
}

.compare_table .compare_list {
    width: 80%;
    opacity: 0;
    position: relative;
    white-space: nowrap;
}

.compare_table .compare_list {
    margin-top: 5px;
    position: relative;
}

.compare_table .compare_list.owl-loaded { opacity: 1; }
.compare_table .compare_star img {
    width: auto;
    border-radius: 4px;
}

.compare_table .compare_remove {
    top: 5px;
    right: 10px;
    width: 20px;
    height: 20px;
    color: #fff;
    display: block;
    cursor: pointer;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.58);
}

.compare_table .owl-item {
    width: 33.33%;
    white-space: normal;
    display: inline-block;
}

.compare_table .compare_image {
    overflow: hidden;
    height: 160px !important;
}

.compare_table .compare_image img { height: 100%; }
.compare_table .compare_location,
.compare_table .compare_star,
.compare_table .compare_address,
.compare_table .compare_price,
.compare_table .compare_tripadvisor,
.compare_table .compare_time,
.compare_table .compare_equipment {
    padding: 10px;
    border-bottom: 1px solid #efefef;
}

.compare_table .compare_item { padding: 0 5px; }
.compare_table .compare_wrap {
    background-color: #F9F9F9;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}

.compare_table .compare_name {
    padding: 10px;
    color: #309ed3;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.compare_table .compare_name .compare_jp_name { font-weight: bold; }
.compare_table .compare_name .compare_en_name {
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: bold;
}

.compare_table .compare_price .amount {
    color: #d0011b;
    font-size: 24px;
    font-weight: bold;
}

.compare_table .compare_equipment { min-height: 80px; }

.compare_table .compare_equipment img {
    width: 20px;
    height: auto;
    display: inline-block;
    margin-right: 7px;
}

.compare_table .compare_equipment > span { margin-bottom: 5px; }

.compare_table .compare_tripadvisor {
    display: flex;
    align-items: center;
}

.compare_table .compare_tripadvisor_total {
    color: green;
    font-size: 24px;
    padding-right: 10px;
}

.compare_table .compare_tripadvisor_total span { font-weight: bold !important; }

.compare_table .compare_tripadvisor_total span:after {
    content: '/';
    margin-right: -6px;
}

.compare_table .compare_tripadvisor_total em {
    font-size: 16px;
    font-weight: bold;
}

.compare_table .compare_tripadvisor img {
    width: auto;
    height: 14px;
}

.compare_table .compare_tripadvisor_reviews {
    color: #999;
    margin-top: 5px;
    font-size: 11px;
}

.compare_table .compare_price { text-align: center; }
.compare_table .btn_to_detail { margin-top: 10px; }
#ListPage { position: relative; }

#compareList {
    top: 0;
    right: -280px;
    width: 250px;
    display: none;
    position: absolute;
    border-radius: 4px;
    border: 1px solid #e9f8ff;
    background-color: rgb(243, 251, 255);
}

#compareList .compare_list_wrap { padding: 0 10px 10px 10px; }
#compareList.fixed {
    top:0;
    right: auto;
    position: fixed;
}

#compareList .list_title {
    font-size: 14px;
    font-weight: bold;
    color: #309ed3;
    line-height: 32px;
    padding-left: 20px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    background: url("/img/common/icon_side01.png") no-repeat 0 50%;
}

#compareList .list_item {
    display: flex;
    position: relative;
    padding-right: 20px;
    margin-bottom: 10px;
    align-items: center;
}

#compareList .list_item .list_name {
    font-size: 12px;
    overflow: hidden;
    padding-left: 10px;
}

#compareList .list_item .list_jp_name, #compareList .list_item .list_en_name {
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
}

#compareList .list_item .list_jp_name {
    color: #309ed3;
    font-weight: bold;
}

#compareList .list_item .list_image { width: 36px; }
#compareList .list_template { display: none; }

#compareList .list_item .list_image img {
    width: 36px;
    height: 36px;    
    padding: 2px;
    max-width: 36px;
    border: 1px solid #efefef;
}

#compareList .list_item .list_remove {
    top: 50%;
    right: 0px;
    margin-top: -10px;
    position: absolute;
}

#compareList .list_compare {
    margin-top: 10px;
    padding-top: 10px;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid #eee;
}

#compareList .list_compare a { cursor: pointer; }
#compareList .list_compare:not(.active) a { color: #ccc; }
#compareList .compare_list_toggle { float: right; }
#compareList .list_title a { display: none; }
#compareList .list_title span { font-weight: bold; }

#compareList .list_maximum {
    color: red;
    padding: 5px;
    display: block;
    font-size: 11px;
    border-radius: 4px;
    margin-bottom: 10px;
    background: #ffe3e6 none repeat scroll 0 0;
    border-left: 2px solid #d0011b;
}

.input_amount_validate_error {padding-top: 0;}
#Footer { position: relative; }

#Side_bar.streaming, #hotel_sort_div.streaming, .block_pagination.streaming, .pagination  .streaming {
    opacity: .5;
    position: relative;
}

#Side_bar.streaming:before, #hotel_sort_div.streaming:before, .block_pagination.streaming:before, .pagination .streaming:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    display: block;
    position: absolute;
}

.streaming_progress {
    height: 62px;
    display: none;
    overflow: hidden;
    max-height: 100px;
    position: relative;
    transition: 300ms ease;
}

.streaming_progress.done { max-height: 0; }
.streaming_progress .streaming_text {
    top: 8px;
    left: 42px;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
}

.streaming_loader {
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 50%;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db; 
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    60% { transform: rotate(240deg); }
    100% { transform: rotate(360deg); }
}

.streaming_progressbar {
    height: 6px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
    position: relative;
    background: #f3f3f3;
}

.streaming_progressbar span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 6px;
    display: block;
    border-radius: 4px;
    background: #3498db;
    transition: 300ms ease;
}

.block_pagination { display: none; }
.block_pagination .streaming a, 
.block_pagination .streaming span {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #efefef 8%, #E7F8FF 18%, #efefef 33%);
    background-size: 800px 104px;
}

.top_pagination { margin-bottom: 0; }
.top_pagination_container.flex-active {
    display: flex !important;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 10px;
    align-items: center;
    justify-content: space-between;
}

#hotel_sort_div {
    height: 1px;
    visibility: collapse;
}

#hotel_list .block_hotel_detail {
    min-height: 1px;
    position: relative;
    border-radius: 2px;
	margin-bottom: 10px;
    border-color: #bcbcbc
}

#hotel_list .block_hotel_detail_warp {
	float: left;
	width: 100%;
    position: relative;
    min-height: 150px;
	padding-left: calc(30% + 15px);
}

.block_hotel_detail .hotel_image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30%;
}

.block_hotel_detail .block_detail_inner {
    width: 70%;
    float: left;
}

.block_hotel_detail .hotel_price {
    width: 30%;
    float: left;
    display: flex;
    text-align: right;
    padding: 10px 10px 10px 0;
    flex-direction: column;
    align-content: space-between;
    justify-content: space-between;
}

#Hotel_map .block_hotel_detail .block_detail_inner { width: 70%; }
#Hotel_map .block_hotel_detail .hotel_price { width: 30%; }

.block_hotel_detail {
    cursor: pointer;
	margin-bottom:0;
}

.block_hotel_detail:hover { background-color:#eee; }
.block_hotel_detail .price_amount {
    margin-top: 2px;
    margin-bottom: 0px;
    white-space: nowrap;
}

.block_hotel_detail .price_amount > strong {
    display: block;
    color: #e12d2d;
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    direction: rtl;
}

.block_hotel_detail .price_amount .currency { font-weight: inherit; }

.block_hotel_detail .price_amount > span {
    display: block;
    font-size: 10px;
    color: #8c8c8c;
}

.block_hotel_detail .price_amount > em {
    color: #777;
    font-size: 16px;
    margin-right: 5px;
    position: relative;
}

.block_hotel_detail .price_amount > em:before {
    content: '';
    top: 50%;
    left: 0;
    width: 100%;
    display: block;
    position: absolute;
    border-top: 1px solid #e12d2d;
}

.block_hotel_detail .hotel_discount {
    top: 59px;
    left: 0px;
    height: 24px;
    z-index: 11;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 24px;
    position: absolute;
    padding: 0px 10px;
    text-align: center;
    border-radius: 0px;
    background: #19a519;
}

.hotel_discount.fenced1 { background: #196FB9; }
.block_hotel_detail .goto_campaign {
    top: 8px;
    left: 0px;
    z-index: 10;
    height: 24px;
    display: block;
    position: absolute;
    background: #FFEB00;
    padding: 7px 10px 6px;
    text-align: center;
    color: #000 !important;
    font-size: 11px;
    font-weight: bold;
    line-height: 1px;
    border-radius: 0;
}

.block_hotel_detail .balloon {
    top: 36px;
    left: 0px;
    z-index: 90;
    height: 24px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    position: absolute;
    padding: 0px 25px 0px 10px;
    background: #196FB9 url("/svg/icon_help.svg") no-repeat;
    background-size: 14px 14px;
    background-position: 33px 5px;
    
}

.block_hotel_detail .balloon span {
    line-height: 1;
    display: block;
    margin-top: 7px;
}

.block_hotel_detail .balloon:hover,
.block_hotel_detail .balloon:active,
.block_hotel_detail .balloon:focus {
    text-decoration: none;
}

.block_hotel_detail .balloon .help_balloon {
    top: 30px;
    width: 390px;
    display: none;
    color: #333;
    padding: 10px;
    font-size: 13px;
    text-align: left;
    background: #fff;
    position: absolute;
    font-weight: bold;
    line-height: 160%;
    -webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.39); 
    box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.39);
}

.block_hotel_detail .balloon .help_balloon:before {
    content: '';
    top: -10px;
    left: 15px;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
}

.block_hotel_detail .balloon.on .help_balloon { display: block !important; }
.block_hotel_detail .hotel_discount > b, .block_hotel_detail .hotel_discount > em { font-weight: bold; }

.block_hotel_detail .hotel_discount:before {
    content: '';
    left: 0;
    bottom: -10px;
    display: none;
    position: absolute;
    border: 5px solid transparent;
    border-top-color: #333;
}

.block_hotel_detail .hotel_discount.fenced {
    color: #000 !important;
    background-color: #FFEB00;
}

.block_hotel_detail .hotel_discount.fenced1 {
    color: #fff !important;
    background-color: #1ba419;
}

.block_hotel_detail .hotel_discount.fenced > * { color: #333 !important; }

.block_hotel_detail .hotel_has_breakfast {
    color: green;
    line-height: 20px;
}

.block_hotel_detail .hotel_cancel_free {
    color: #3737ff;
    font-size: 12px;
    line-height: 20px;
	font-weight: bold;
    border: 1.5px solid;
	min-width: 95px;
}

.block_detail_inner .box_star.box_star_xxs { display: none; }
.block_hotel_detail .room_remain { color: red; }

.block_hotel_detail .room_note {
    margin-top: 2px;
    padding: 0px 5px;
    display: inline-block;
    background-color: #EAEAEA;
}

.block_hotel_detail .hotel_price_coupon {
    color: #666;
    font-size: 10px;
}

.block_hotel_detail .goto_campaign_text {
    color: #666;
    font-size: 10px;
}

.block_hotel_detail .price_note {
    color: #666;
    font-size: 10px;
}

.block_hotel_detail .price_note strong, .block_hotel_detail .price_note strong > span {
    color: #333;
    font-size: 11px;
    font-weight: bold;
}

body[data-oem=""] .block_hotel_detail[data-airtrip_recommended="1"] .hotel_image:after {
    content: '';
    left: 10px;
    bottom: 0;
    width: 60px;
    height: 85px;
    display: block;
    position: absolute;
    display: none !important;
    background: url("/img/hotellist/airtrip_recommended.png") no-repeat;
    background-size: cover;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }
    100% {
        background-position: 468px 0
    }
}

.hotel_filter_form {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.hotel_filter_form > div {
    display: table-cell;
    vertical-align: middle;
}

.hotel_filter_form > div:last-child { width: 60px; }
.hotel_filter_form input {
    opacity: 1;
    height: 48px;
    font-size: 16px;
    border-radius: 4px;
    border-color: #BCBCBC;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.hotel_filter_form button {
    padding: 4px 10px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.hotel_filter_form .tt-menu { min-width: 230px; }
.hotel_filter_form .tt-suggestion {
    padding: 5px;
    min-height: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#list_message_box.not-found-warning { margin-bottom: 230px; }
.hotel_list_banner {
    display: none;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}

.hotel_list_banner .hotel_list_banner_sp { display: none; }
.hotel_list_banner .hotel_list_banner_sp, .hotel_list_banner .hotel_list_banner_pc { width: 100%; }
.plan-item-template { display: none; }

@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance: none) {
        .hotel-stay-day { padding-top: 25px; }
        .calendar_search_box .has-feedback input#calendar { width: 240px; }
    }
}


@media screen and (max-width:1600px) {
    #compareList {
        position: fixed !important;
        bottom: 0 !important;
        top: auto !important;
        left: auto !important;
        right: 10px !important;
        height: auto !important;
        padding-bottom: 10px;
        z-index: 99 !important;
        border-bottom: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        box-shadow: -2px 0px 5px 0 rgba(0, 0, 0, 0.25);
    }

    #compareList .compare_list_wrap { padding-bottom: 10px; }
    #compareList .list_wrap {
        max-height: 400px;
        overflow: auto;
        transition: all 300ms ease;
    }

    #compareList.collapsed .list_wrap { max-height: 0; }
    #compareList .list_title { cursor: pointer; }
    #compareList.collapsed { padding-bottom: 0px; }

    #compareList.collapsed .list_title{
        margin-bottom: 0px;
        cursor: pointer;
        border-bottom: 0;
    }
    
    #compareList.collapsed .list_compare { display: none; }
    #compareList.collapsed .list_wrap { padding-bottom: 0; }
    #compareList.collapsed  .compare_list_wrap { padding-bottom: 0; }
    #compareList.collapsed .list_title .fa:before { content: '\f106'; }
    #compareList.collapsed .list_maximum { display: none !important; }
    #compareList .list_title a { display: block; }
}

@media screen and (max-width: 1200px) {
    .city_search_box {
        width: 100%;
        margin-bottom: 10px;
    }

    

    .room_search_box {
        width: 49%;
        padding: 0;
        float: right;
    }
    
    .box_submit_search { margin: 10px 0 !important; }
}

@media screen and (max-width: 992px) {
    .block_sort{ display: none; }

    #hotel_sort_div {
        padding: 0;
        height: 38px;
        visibility: visible;
    }

    #hotel_sort_div .jqTransformSelectWrapper div span { width: 100% !important; }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    #ListPage #Side_bar {
        max-height: 0;
        overflow: hidden;
        padding: 0;
        -moz-height: 0;
        -webkit-height: 0;
        -o-height: 0;
        -webkit-transition: all 600ms ease-in;
        -moz-transition: all 600ms ease-in;
        -ms-transition: all 600ms ease-in;
        -o-transition: all 600ms ease-in;
        transition: all 600ms ease-in;
    }

    #ListPage #Side_bar.active { max-height: 10000px; }
    #ListPage #Side_bar form { padding-top: 1px; }
    #hotel_summanry { display: none; }

    .box_faci .ttl_faci {
        width: 30%;
        text-align: center;
        padding-right: 10px;
    }

    .box_faci .jqTransformSelectWrapper { width: 100% !important; }
    #hotel_list { margin-top: 10px; }
    .block_detail_inner .box_detail { padding-bottom: 0; }

    .block_hotel_detail .box_price {
        padding: 0;
        width: 100%;
    }

    .block_detail_inner .box_map, .block_detail_inner .btn_list {
        margin-top: 0;
        padding-top: 0;
    }

    .block_detail_inner .box_map {
        float: left;
        padding-top: 20px;
    }

    .block_detail_inner .btn_list {
        float: right;
        clear: none;
    }

    .hotel_list_banner { font-size: 18px; }
}

@media screen and (min-width:768px)  {
	#hotel_list .block_hotel_detail_warp {
		float: left;
		width: 100%;
        min-height: 150px;
        position: relative;
		padding-left: calc(30% + 15px);
    }

    #hotel_list .block_hotel_detail .col-sm-4 {
        top: 0;
        left: 0;
        bottom: 0;
        overflow: hidden;
        position: absolute;
        padding-right: 40px;
    }

    #hotel_list .block_hotel_detail .col-sm-8 { width: 100%; }
    #hotel_list .img_hotel_detail {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        overflow: hidden;
        position: absolute;
        align-items: center;
    }

    #hotel_list .block_hotel_detail_warp .img_hotel_detail img {
        height: auto;
        max-width: 0;
        min-width: 100%;
        min-height: 100%;
    }

    #hotel_list .block_hotel_detail .hotel_price { min-height: 118px; }
    body.browser-ie #hotel_list .img_hotel_detail img { height: 200px; }
}

@media screen and (max-width:767px)  {
    #hotel_list .block_hotel_detail { padding-left: 0; }
    .block_hotel_detail .hotel_image {
        width: 100%;
        position: relative;
    }

    .block_hotel_detail .hotel_price { margin-bottom: -10px; }
    .img_hotel_detail img { width: 100%; }
    #hotel_summanry { display: none; }

    .average_price .dropdown button {
        width: 100%;
        text-align: left;
        background: #fff;
        padding: 8px 10px;
        white-space: nowrap;
        overflow: hidden;
        padding-right: 20px;
        position: relative;
        text-overflow: ellipsis;
        border: 1px solid #2e9cd2;
    }

    .average_price .dropdown button .fa {
        float: right;
        padding-top: 2px;
        position: absolute;
        right: 8px;
        top: 10px;
    }

    .average_price .dropdown .dropdown-menu {
        min-width: 0;
        width: 100%;
    }

    .average_price .dropdown .dropdown-menu a { padding-left: 8px; }
    .img_hotel_detail {
        padding-top: 0;
        max-height: 250px;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    .block_detail_inner .btn_list {
        top: 0px !important;
        padding-top: 0 !important;
        float: right;
        margin-top: -30px;
        margin-bottom: 10px;
    }

    .block_hotel_detail .btn_head02 { min-width: 125px !important; }
    #hotel_list .box_price { float: none !important; }

    .box_faci .ttl_faci {
        width: 30%;
        padding-right: 10px;
        text-align: center;
    }

    #ListPage #Side_bar form { padding-top: 1px; }
    .pagination > li > span.ellipse.clickable {
        width: 100%;
        text-align: center;
        padding: 6px 10px;
        line-height: 23px;
    }

    .pagination > li > span.ellipse.clickable > input { text-align: center; }
    .top_pagination {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .pagination {
        width: 100%;
        display: flex;
        align-items: stretch;
        align-content: stretch;
        justify-items: center;
    }

    .pagination li {
        width: 100%;
        text-align: center;
    }

    .pagination li a {
        width: 100%;
        text-align: center;
        padding: 7px 5px;
    }

    .con_2 .box_top .box_1 .textbox { width: 150px; }
    .block_hotel_detail .block_detail_inner { width: 70%; }
    .block_hotel_detail .hotel_price { width: 30%; }

    .block_detail_inner .box_map {
        font-size: 0;
        position: static;
        white-space: nowrap;
    }

    .hotel_list_banner { font-size: 16px; }
    .hotel_list_banner .hotel_list_banner_pc { display: none; }

    .hotel_list_banner .hotel_list_banner_sp {
        width: 100%;
        display: block;
    }

    .searchbox-v2 .city_search_box_toggle {
        position: relative;
        white-space: nowrap;
        margin-left: 30px;
    }

    .overseas_mod_banner { margin-bottom: 10px; }
    .box_top_form_container { align-items: center; }
    .con_2 .box_top .box_1 { top: -3px; }

    body.airplus .block_hotel_detail .hotel_price { 
        padding-bottom: 15px;
        max-width: none !important;
    }

    body.airplus .block_detail_inner .box_map span a.compare_hotel {
        top: 4px;
        position: relative;
    }
}

@media screen and (max-width: 480px) {
    .block_hotel_detail .block_detail_inner {
        width: 100%;
        position: relative;
        padding-right: 80px;
    }

    .block_hotel_detail .hotel_price {
        width: 100%;
        height: auto !important;
        padding-top: 0;
    }

    .block_detail_inner .box_star {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .block_hotel_detail .box_price { padding: 0; }
    .box_star.box_star_hidden_xxs { display: none; }
    .block_detail_inner .box_star.box_star_xxs { display: block; }
    .hotel_list_banner { font-size: 16px; }
}

@media screen and (max-width:320px) {
    .block_detail_inner .btn_list { margin-top: -45px; }

    .block_detail_inner .box_map span {
        display: block;
        padding-left: 0;
        margin-top: 10px;
    }

    .block_detail_inner .box_map { text-align: center; }
    #hotel_sort_div .jqTransformSelectWrapper ul { min-width: 80px; }
    .block_hotel_detail .hotel_price { width: 100%; }
    .hotel_list_banner { font-size: 14px; }
}

.group_top_search .list_select > li { padding-bottom: 5px !important; }
.goto_box { 
    padding:5px;
    clear: both;
    margin: 10px;
    min-width: max-content;
    padding-top: 10px !important;
    border-top: 1px solid transparent;
}

.goto_inner_box{ 
    width:100%;
    padding:5px;
    display:table;
    display:-webkit-box;
    display:-ms-flexbox;
    background-color:#ececec;
 }

.goto_inner_box>div { 
    display:table-cell;
    vertical-align:middle; 
}

.goto_contents_first{ 
    padding:4px;
    margin:0px;
    font-size: 10px; 
}

.goto_contents_first strong{
    display: block;
    color: #e12d2d;
    font-weight: bold;
    font-size: 20px; 
}

.goto_contents_second{ width: 255px; }
.campaign_on{ 
    padding:4px;
    margin:0px;	
    font-size: 10px;
    text-align:right; 
}

.campaign_on_container { 
    width:100%;
    display:table !important;
}

.goto_contents_first>div { 
    font-size: 20px;
    display:table-cell;
    vertical-align:bottom;
}

.goto_contents_first>div>div { font-size:10px; }
.campaign_on_discount { 
    width:80px;
    text-align: left; 
}

.campaign_on_discount>div { text-align:left; }
.campaign_on_total span { display: inline-block; }
.campaign_on_total span div { text-align:left; }
.campaign_on_container .currency {font-weight:bold !important;}

.goto_contents_first>div>div.arraw,
.goto_contents_first>div>div.minus {
    width:50px; 
    text-align:center;
    font-size:20px; 
    font-weight:bold;
}

.goto_contents_first>div>div.arraw {
    width: 3px;
    padding: 0 10px;
}

.campaign_on_container>div {
    display:table-cell;
    vertical-align:bottom;
}

.goto_contents_second_inner{
    background-color:#fff100;
    padding:10px;
    white-space: nowrap;
    border-radius:6px;
    font-weight: bold;
}

.goto_contents_price{
    width:120px;
    padding-left:15px;
}

.goto_contents_price_inner{
    background-color:#fff;
    padding-right: 5px;
    padding-top: 9px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align:right;
    white-space: nowrap;
    font-size: 10px;
    color: #333;
}

.goto_contents_price_inner .currency,
.goto_contents_price_inner strong {
    color: #e12d2d;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}

.campaign_on_coupon { 
    background-color:#fff;
    border: solid 1px;
    text-align: left;
    padding-left: 10px; 
    width: 190px;
    min-width: 190px;
}

.coupon_detail {float:left;}
.coupon_detail span {display: inline-block;}

.coupon_detail span div {
    text-align:left;
    padding-top: 5px;
    font-size: 10px;
}

.coupon_dash {
    border-left:1px dashed;
    float:right;
    min-height:53px;
    min-width: 30px;
}

.coupon_number {
    font-size: 18px;
    font-weight:bold;
}

.coupon_text {
    font-size: 10px !important;
    font-weight:bold;
}

@media screen and (min-width:0px) and (max-width:699px) {
    .goto_inner_box {
        position: relative;
        margin-top:30px;
    }

    .goto_contents_second{
        position: absolute;
        top: -35px;
        left:10px;
    }
}

.goto_inner_box_ex {
    text-align: right;
    padding-right: 10px;
    padding-bottom: 5px;
    background-color: #ececec;
    font-size: 10px;
}

.coupon_currency {
    color: #e12d2d;
    font-weight: bold;
    font-size: 12px;
}

.block_hotel_detail .goto_campaign.grp_campaign {
    padding: 0;
    background: none;
}

.block_hotel_detail .goto_campaign .goto_campaign_travel {
    top: 0px;
    height: 24px;
    display: block;
    border-radius: 0;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    position: relative;
    background: #FEDB18;
    padding: 7px 10px 6px;
}

.goto_campaign_tokyo {
    top: 15px;
    display: block;
    position: relative;
    background: #1ba419;
    padding: 10px 10px 10px 4px;
    
}

.goto_campaign_sapporo {
    top: 10px;
    display: block;
    position: absolute;
    background: #1ba419;
    padding: 3px 8px 3px 8px;
}

.block_hotel_detail .goto_campaign .goto_campaign_travel:before,
.goto_campaign_tokyo:before {
    content: '';
    left: 0;
    bottom: -10px;
    display: none;
    position: absolute;
    border: 5px solid transparent;
    border-top-color: #333;
}

.on-off-grp {
    top: 0;
    right: 0;
    position: absolute;
}

.on-off-grp span {
    top: 1px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding-right: 5px;
    display: inline-block;
	vertical-align: middle;
}

.on-off-grp .on-off-grp-btn {
    background: #fff;
    border-radius: 15px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #999999;
}

.on-off-grp button {
    float: left;
    border: none;
    background: none;
    color: #428bca;
    font-weight: bold;
    position: relative;
    padding: 7px 15px 5px;
}

.on-off-grp button.btn_off { left: -1px; }
.on-off-grp button.btn_on { right: -1px; }

.on-off-grp button.active {
    color: #fff;
    border-radius: 15px;
    background: #428bca;
}

.campaign_on_container>div.campaign_on_discount_tokyo {
    width: 80px;
    display: none;
    text-align: left;
}

.goto_inner_box>div.campaign_tokyo_cityzenship {
    display: none;
    position: absolute;
    background: #FFEB00;
    padding: 3px 15px 2px;
    right: 25%;
    line-height: 20px;
    border-radius: 15px;
    font-weight: bold;
    bottom: 15px;
    font-size: 10px;
}

.campaign_on_container>div.minus_discount_tokyo,
.price_tokyo_citizenship { display: none; }
.block_pagination.top_pagination_container nav {
    width: 100%;
    min-height: 42px;
}

#hotel_list { position: relative; }
.daterangepicker {margin-top: 12px;}
/* new list */
.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
    width: 100%;
}

.news-list-content,
.new-list-item,
.new-list-item-img,
.new-list-item-body { position: relative; }

.new-list-item {
    margin-bottom: 12px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.new-list-item a { color: unset; }
.new-list-item a:hover {text-decoration: none;}
.new-list-item-img, .new-list-item-body { float: left; }

.new-list-item-img {
    width: 100%;
    height: 224px;
    position: relative;
    background: #e7f8ff url('/img/common/img_default_2.png') no-repeat center;
	background-size: contain;
}

.new-list-item-body {
    width: 100%;
    padding: 16px 24px 24px;
}

.new-list-item-img .img_detail {
    height: 224px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.list-hotel-img-slide, .list-hotel-img-slide.slick-dotted { 
    height: 224px;
    /* max-width: 832px; */
    overflow: hidden;
 }

.new-list-item-img img {
    position: absolute;
    text-decoration: none;
    z-index: 10;
}

.new-list-item-img .hotel_favorite_toggle img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }

.new-list-item-img .hotel-favorite {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 10;
    border: 1px solid transparent;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    border-radius: 40px;
}

.new-list-item-img .hotel-favorite .img-no-favorite {display: block;}
.new-list-item-img .hotel-favorite .img-favorited {display: none;}
.new-list-item-img .hotel-favorite.favorited .img-no-favorite {display: none;}
.new-list-item-img .hotel-favorite.favorited .img-favorited {display: block;}

.hotel-score {
    top: -1px;
    font-size: 13px;
    color: #616161;
    position: relative;
}

.list-title {
    font-size: 17px;
    font-weight: 600;
    color: #1565C0;
}

.new-list-item-body .address {
    color: #212121;
    font-size: 13px;
    font-weight: 300;
    position: static;
    padding-left: 20px;
    margin-top: 8px;
    background: url("/img/top/pos_black.svg") no-repeat left -1px;
    background-size: 18px 18px;
}

.new-list-item-body .goto-campaign-travel {
    top: 0;
    width: 181px;
    height: 24px;
    display: block;
    border-radius: 0;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    padding-top: 7.5px;
    text-align: center;
    position: relative;
    background: #FEDB18;
}

.icon-girl {
    right: 0;
    bottom: 0;
    width: 75px;
    height: 40px;
    position: absolute;
    background: url("/img/hotellist/icon_right_under.svg");
}

.new-list-item-body .border-dotted {
    padding: 5px 0 8px;
    border-bottom: 1px dotted #BCBCBC;
}

.new-list-item-body .new-list-item .hotel-score { font-size: 15px; }
.new-list-item-body .corona-complete {
    float: left;
    height: 20px;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    margin-right: 5px;
    padding: 3px 7px;
    display: inline-block;
    background: #EBECF0;
}

.new-list-item-body-right .line-through {
    font-size: 15px;
    position: relative;
    text-decoration: line-through;
}

.new-list-item-body-right .room_remain,
.new-list-item-body-right .room_remain span {
    font-size: 18px;
    color: #ff4d4d;
    font-weight: bold;
}

.new-list-item-body-right .main-price {
    margin-top: 6px;
    color: #FF0000;
}

.new-list-item-body-right .main-price .sale-off {
    top: -2px;
    height: 21px;
    padding: 0 7px;
    font-size: 13px;
    text-align: center;
    line-height: 21px;
    position: relative;
    margin-right: 7px;
    display: inline-block;
    background: #FFEBEE;
    vertical-align: middle;
}

.new-list-item-body-right .main-price .sale-off:after {
    content: '';
    right: -5px;
    float: right;
    position: absolute;
    display: inline-block;
    border-top: 11px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 7px solid #FF0000;
}

.new-list-item-body-right .main-price .current-price {
    top: -1px;
    font-size: 25px;
    font-weight: bold;
    color: #FF0000;
    position: relative;
    vertical-align: middle;
}

.new-list-item-body-right .main-price .current-price .currency,
.new-list-item-body-right .one-persion .currency { font-weight: bold; }
.new-list-item-body-right .f15 { font-size: 15px; }

.new-list-item-body-right .new-list-button {
    opacity: 1;
    color: #fff;
    width: 100%;
    height: 44px;
    border: none;
    margin-top: 9px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    box-shadow: 0 2px 0 #B2520C;
    background: transparent linear-gradient(180deg, #FB8501 0%, #FB6B01 100%) 0% 0% no-repeat padding-box;
}

.new-list-item:hover .new-list-button {
    box-shadow: 0 2px 0 #B2520C;
    background: transparent linear-gradient(180deg, #FCA303 0%, #FC8E03 100%) 0% 0% no-repeat padding-box;
}

.new-list-item .star-rank { margin-top: 1px; }
.new-list-item .goto-travel-label {
    margin-right: 6px;
    display: inline-block;
    background: #fedb18;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 4px 1px;
    margin-top: 4px;
    white-space: nowrap;
}

.new-list-item .goto-travel-label.sapporo-label {
    color: #fff;
    white-space: nowrap;
    background: #19A519;
}

.new-list-item .goto-travel-label.tokyo-label {
    color: #fff;
    white-space: nowrap;
    background: #FCA94D;
}

.new-list-item .goto-travel-label.pref-label {
    color: #fff;
    white-space: nowrap;
    background: #FCA94D;
}

.new-list-item .goto-travel-label.dom-label { background: #fedb18; }
.new-list-item .sub-price { margin-top: 3px; }

.new-list-item .giving_point {
    margin: 11px 0;
    display: block;
}

.new-list-item .slick-dots {
    left: 0;
    width: 100%;
    bottom: 10px;
    position: absolute;
    text-align: center;
}

.new-list-item .slick-dots  li {
    width: 8px;
    height: 8px;
    font-size: 0;
    border: none;
    margin: 0 4px;
    border-radius: 8px;
    display: inline-block;
    background: rgba(255,255,255,0.8);
}

.new-list-item .slick-dots li.slick-active,
.new-list-item .slick-dots li:hover { background: rgba(255,255,255,1) }
.new-list-item .slick-dots li button { display: none !important; }

.new-list-item .slick-prev {
    top: 50%;
    left: 0;
    width: 34px;
    height: 34px;
    opacity: 0.5;
    font-size: 0;
    z-index: 10;
    border: none;
    margin-top: -17px;
    position: absolute;
    background: url("/img/hotellist/arrow_pre.svg");
}

.new-list-item .slick-next {
    top: 50%;
    right: 0;
    width: 34px;
    height: 34px;
    opacity: 0.5;
    font-size: 0;
    z-index: 10;
    border: none;
    margin-top: -17px;
    position: absolute;
    background: url("/img/hotellist/arrow_next.svg");
}

.new-list-item .slick-prev:hover, .new-list-item .slick-next:hover { opacity: 1; }
.new-list-item .slick-prev.slick-disabled, .new-list-item .slick-next.slick-disabled { display: none !important; }
.new-list-item-img .hotel_favorite_toggle {
    top: unset;
	bottom: -15px;
    right: 24px;
}

.sapporo-item {
    display: inline-block;
    width: 100%;
}

.sappro-goto {
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    margin-top: 8px;
    color: #196FB9;
    text-align: left;
    padding: 7px 8px 5px;
    display: inline-block;
    background: #F5F5F5;
}

.sapporo-item ul {
    margin-bottom: 5px;
    padding-bottom: 1px;
    border-bottom: 1px solid #ccc;
}

.sapporo-item li {
    padding: 3px 0 2px;
    border-bottom: 1px dotted #ccc;
}

.sapporo-item li:last-child { border-style: solid; }
.sapporo-item li:before,
.sapporo-item li:after {
    content: '';
    width: 100px;
    display: table;
}

.sapporo-item li span {
    width: 50%;
    float: left;
    display: block;
    text-align: right;
}

.sapporo-item li span.title-price {
    font-size: 12px;
    text-align: left;
    padding-top: 10px;
}

.sapporo-item li span.sapporo-price {
    font-size: 24px;
    text-align: right;
}

.total-pay-sapporo:before,
.total-pay-sapporo:after {
    content: '';
    width: 100%;
    display: table;
}

.total-title-price {
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding-top: 9px;
    display: inline-block;
}

.sapporo-price-total {
    float: right;
    font-size: 25px;
    font-weight: bold;
    color: #FF0000;
    text-align: right;
    display: inline-block;
}

.sapporo-item .one-persion {
    width: 100%;
    padding-right: 0;
    display: inline-block;
}

.block_hotel_detail .price_note { text-align: right; }
.top_hotel .block_hotel_detail .box_detail { padding-bottom: 10px; }
.f15 { font-size: 15px; }
.new-list-item .sapporo-item .giving_point { margin: 1px 0; }
.new-list-item-body .box_map { position: static; }

.hakodate_notice, .kumamoto_notice{
	position: absolute;
	top: 0;
	right: 0;
    padding: 5px;
    font-size: 9px;
	max-width: 530px;
    text-align: left;
    color: #FF0000;
	display: inline-block;
	border: 1px solid #FF0000;
    margin: -70px 10px 10px 10px;
}

.custom-input-calendar {
    font-size: 14px;
    position: relative;
}

.icon-blackfriday {
    top: 0;
    left: 0;
    width: 75px;
    height: 40px;
    margin-top: 3px;
    margin-left: 3px;
    position: absolute;
    background: url("/img/common/gold_alphabet.png");
}

.cus-line {
    top: 26px;
    left: 114px;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
}

.btn:active,
.btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.selected-filter-content { display: none; }
.selected-filter-content .media {
    width: 100%;
    display: table;
    margin-bottom: 2px;
}

.selected-filter-content .media-left,
.selected-filter-content .media-right {
    display: table-cell;
    vertical-align: middle;
}

.selected-filter-content .media-left p {
    width: 145px;
    padding-top: 3px;
}

.selected-filter-content .media-right { width: 1000px; }
.selected-filter-content .media-right a {
    float: left;
    height: 24px;
    color: #196FB9;
    cursor: default;
    background: #fff;
    margin-top: 8px;
    margin-right: 8px;
    padding: 2px 8px 0;
    border-radius: 16px;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}

.selected-filter-content .media-right a span.close_btn {
    top: 1px;
    width: 16px;
    height: 16px;
    float: right;
    display: block;
    cursor: pointer;
    margin-left: 5px;
    position: relative;
    background: url("/img/icon_×.svg") no-repeat;
}

.list-selected { margin-bottom: 12px; }
.list-selected a {
    float: left;
    height: 32px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
    margin-right: 8px;
    background: #fff;
    padding: 5px 16px 0;
    border-radius: 16px;
    display: inline-block;
    text-decoration: none;
    transition: all .3s;
    border: 1px solid transparent;
}

.list-selected a.active,
.list-selected a:hover {
    color: #196FB9;
    background: #E7F3F9;
    border-color: #196FB9;
}

.login-get-up {
    padding: 24px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: bold;
    margin-top: 12px;
}

.btn-login-get-up {
    height: 32px;
    float: right;
    display: block;
    color: #196FB9;
    padding: 5px 16px 0;
    border-radius: 16px;
    text-decoration: none;
    transition: all .3s;
    border: 1px solid #196FB9;
    font-size: 12px;
    font-weight: bold;
}

.btn-login-get-up:hover {
    background: #E7F3F9;
    text-decoration: none;
}

.no-result-filter {
    display: none;
    padding-top: 22px;
}

.no-result-filter p {
    font-size: 20px;
    font-weight: bold;
}

.no-result-filter a {
    color: #fff;
    height: 40px;
    margin: 20px 0;
    padding: 10px 14px 0;
    border-radius: 4px;
    background: #196FB9;
    display: inline-block;
    transition: all .3s;
    font-size: 14px;
    font-weight: bold;
}

.no-result-filter a:hover {
    opacity: .85;
    background: #006dc9;
    text-decoration: none;
}

.select-all-fields {
    float: right;
    font-size: 14px;
    color: #196FB9;
    cursor: pointer;
}

.border-top { border-top: 1px solid #D9D9D9; }
#Side_bar .block_side_inner { padding: 16px 0; }
#Side_bar .block_side_inner:last-child {padding-bottom: 0;}
.input_amount input { height: 48px; }

.check-all-filter {
    cursor: pointer;
    color: #0055CC;
    display: list-item !important;
    padding-bottom: 0 !important;
}

.group_side_bar_2 ul li,
.group_side_bar ul li {
    display: none;
    padding-bottom: 12px;
}

.group_side_bar ul li:nth-child(1),
.group_side_bar ul li:nth-child(2),
.group_side_bar ul li:nth-child(3),
.group_side_bar ul li:nth-child(4),
.group_side_bar ul li:nth-child(5) { display: list-item; }
.group_side_bar_2 ul li:nth-child(1),
.group_side_bar_2 ul li:nth-child(2) { display: list-item; }
.group_side_bar_2 ul.show-full li,
.group_side_bar ul.show-full li { display: list-item; }
.group_side_bar_2 ul li:last-child,
.group_side_bar ul li:last-child { padding-bottom: 0; }
.total-item {
    top: 0;
    right: 0;
    position: absolute;
}

.group_side_bar ul li .radio-inline,
.group_side_bar ul li .checkbox-inline {
    padding-left: 0;
    display: block;
}

#score_filter ul {
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 4px;
}

#score_filter.group_side_bar li {
    float: left;
    z-index: 1;
    position: relative;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 8px;
}

#score_filter.group_side_bar label.checkbox-inline {
    margin-top: 0;
    display: block;
    line-height: 1;
    font-size: 12px;
    position: relative;
    padding: 14px;
}

#score_filter.group_side_bar label span.jqTransformCheckboxWrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
#score_filter.group_side_bar label a.jqTransformCheckbox {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    outline: none;
    padding: 9px 12px;
    position: absolute;
    border-radius: 4px;
    background: #F5F5F5;
    border: 1px solid transparent;
}
#score_filter.group_side_bar label a.jqTransformChecked {
    background: #E3F2FD;
    border-color: #1565C0;
}
#score_filter.group_side_bar label.disabled {
    color: #9e9e9e;
}
#score_filter.group_side_bar label.disabled a {
    background: #e0e0e0 !important;
    color: #9e9e9e;
}
#score_filter.group_side_bar label.checked span {
    color: #1565C0;
}

@keyframes placeHolderShimmer1 {
    0% {opacity: 0;}
    20% {opacity: 1;}
    75% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes placeHolderShimmer2 {
    0% {opacity: 0;}
    20% {opacity: 0;}
    40% {opacity: 1;}
    75% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes placeHolderShimmer3 {
    0% {opacity: 0;}
    40% {opacity: 0;}
    75% {opacity: 1;}
    100% {opacity: 0;}
}

#loading_placeholder { display: none; }
#loading_placeholder .loading_item {
    padding: 0;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 12px;
}

#loading_placeholder .loading_item_image {
    height: 224px;
    overflow: hidden;
    background: #F5F5F5;
    animation-duration: 4s;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
}

#loading_placeholder .loading_item_detail {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
}

#loading_placeholder span {
    background: #b9bac4;
    display: block;
    height: 24px;
    position: relative;
    border-radius: 2px;
}

#loading_placeholder .loading_item_image span{
    margin: 0;
    opacity: 0;
    width: 100%;
    padding-top: 78%;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer1;
    animation-timing-function: linear;
}

#loading_placeholder .loading_item_title span:nth-child(1) {
    width: 320px;
    margin-top: 20px;
    margin-bottom: 16px;
    animation-duration: 2s;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer2;
    animation-timing-function: linear;
}

#loading_placeholder .loading_item_title span:nth-child(2) {
    width: 160px;
    animation-duration: 2s;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer3;
    animation-timing-function: linear;
}

#loading_placeholder .loading_item_title span:nth-child(3) {
    animation-duration: 2s;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer1;
    animation-timing-function: linear;
}

#list_map_modal_backdrop { left: 0 !important; }
.hotel_filter_form button:hover {
    opacity: .85;
    background: #006dc9;
}

@keyframes placeHolderShimmer {
    0% {opacity: 0;}
    25% {opacity: .9;}
    50% {opacity: 1;}
    75% {opacity: .9;}
    100% {opacity: 0;}
}

.login-price-down {
	display: flex;
	padding: 12px;
	font-size: 16px;
	font-weight: bold;
	min-height: 69px;
    max-height: 89px;
    border-radius: 4px;
    margin-bottom: 20px;
	align-items: center;
    box-sizing: border-box;
    border: 1px solid #BCBCBC;
	background-color: #FFFFFF;
	justify-content: space-between;
}

.login-price-down div {
    width: 70%;
    float: left;
    font: normal normal bold 16px/21px "ヒラギノ角ゴシック", Meiryo, sans-serif;
}

.login-price-down div img { margin-right: 12px; }
.airtripapp_login_button {
	float: right;
	
	padding: 5px 15px;
	margin-left: 15px;
	font-weight: normal;
    border-radius: 16px;
	text-decoration: none;
    border: 1px solid #196FB9;
}

.airtripapp_login_button:hover { text-decoration: none; }
.block_area_1 { margin: 20px auto; }

.list_area_1 li {
    float: left;
    margin-left: 10px;
    position: relative;
}

.list_area_1 li span {
    font-size: 14px;
    text-align: center;
}

.list_area_1 li a:hover span { opacity: 0.7; }
.list_area_1 li a {
    height: 28px;
    display: block;
    position: relative;
    overflow: visible;
    text-underline-offset: 2px;
    text-align: center;
    cursor: pointer;
    color: #1249EE;
    font-size: 14px;
}

.list_area_1 li a:before {
    content: "";
    top: 2%;
    width: 1px;
    right: -6px;
    height: 16px;
    display: block;
    position: absolute;
    background-color: #000000;
}

.title-grp-items {
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    background: #196FB9;
    padding: 10px 10px 9px;
}



#Page_hotellist #Contents {
	margin-top: 0;
    padding-top: 24px;
}

.block-promotion {
    min-height: 40px;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
    position: relative;
	margin: 20px auto;
	border-radius: 4px;
    background-color: #FDD835;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.box-promotion-inner {
	position: relative;
	padding: 24px 16px 16px 104px;
}

.box-promotion-inner:before {
    content: "";
    bottom: 0;
    left: 16px;
    z-index: 1;
    width: 120px;
	height: 60px;
	position: absolute;
    pointer-events: none;
	background: url("/img/top/img_pc_caractor1.png") no-repeat;
	background-repeat: no-repeat;
	background-size: auto 60px;
	background-position: 0 0;
}

.block-promotion .hdg {
	font-size: 20px;
	font-weight: 700;
}

.block-promotion .hdg strong { color: #e12d2d; }
.con_1.fixed { margin-bottom: 120px; }

.group_top_search {
    margin-top: 16px;
    margin-bottom: 16px;
}

.breadcrum-container {background: #F4F5F6;}
#Breadcrumbs {margin: 16px 0;}

#Breadcrumbs ul {
	height: 14px;
    overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
}

#Breadcrumbs li {
	padding: 0;
	font-size: 11px;
}

#Breadcrumbs a {
    font-size: 11px;
    color: #1967AD;
    padding-right: 20px;
    margin-right: 8px;
    background: url("/img/icon_breadcrum.svg") no-repeat right center;
}

#Breadcrumbs li:last-child a { background-image: none; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

input[type=number] { -moz-appearance: textfield; }
.result_amount {margin-bottom: 8px;}

.special_theme .special_list_title{
    background: #196FB9;
    color: #fff;
    text-align: left;
    padding: 12px 10px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
}

.special_theme .special_list_title img {
    margin-right: 10px;
    position: absolute;
    top: 6px;
    left: 5px;
    width: 28px;
    height: 28px;
}

.special_theme .special_list{
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;
}

.special_theme .special_list:before, .special_list:after{
    content: '';
    display: table;
    clear: both;
}

.special_theme .special_item{
    display: block;
    color: #000;
    box-sizing: border-box;
    margin-bottom: 10px;
    width: calc(50% - 20px);
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #FFFFFF;
}

.special_theme .special_item:hover{
    text-decoration: none;
    opacity: .9;
}

.special_theme .special_item .special_wrapper{
    position: relative;
    min-height: 60px;
    padding-left: 120px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.special_theme .special_item img{
    width: auto;
    height: 100%;
    max-width: none;
}

.special_theme .special_item .special_image{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    font-size: 0;
    width: 140px;
    overflow: hidden;
}

.special_theme .special_item .special_item_content{
    position: relative;
    min-height: 60px;
    padding: 0px 30px 0px 10px;
    display: flex;
    align-items: center;
}

.special_theme .special_item .special_item_title{
    font-size: 14px;
    font-weight: bold;
}

.special_theme .special_item .fa{
    font-size: 32px;
    color: #000;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    background: #ffffff;
    line-height: 20px;
    display: block;
}

.special_theme .special_item:hover .fa{
    color: #01AAAF;
}

.line2-elipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-intro-icon { font-size: 0; }

.list-intro-icon span {
    margin-right: 4px;
    margin-bottom: 8px;
    vertical-align: top;
    display: inline-block;
}
.intro-recommend-hotel {
    padding: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.15;
    text-align: center;
    border-radius: 4px;
    background: #00ACC1;
}

.intro-back-friday {
    padding: 4px;
    color: #FFD600;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    border-radius: 4px;
    background: #212121;
    line-height: 1.15;
}

.list-equipments ul {
    font-size: 0;
}

.list-equipments li {
    padding: 4px;
    line-height: 1;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    display: inline-block;
    margin: 8px 4px 0 0;
    border: 1px solid #e0e0e0;
}

.view-rank {
    font-size: 0;
    margin-top: 8px;
}

.view-rank span:not(.hotel-score) {
    width: 15px;
    height: 15px;
    overflow: hidden;
    margin-right: 4px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    background: #50a2d2;
    border: 1px solid #50a2d2;
}

.view-rank strong {
    font-size: 17px;
    font-weight: 600;
}

.view-rank span.empty, .view-rank span.half { background: transparent; }
.view-rank span.half::before {
    content: '';
    top: 1px;
    left: -7px;
    width: 15px;
    height: 13px;
    position: absolute;
    transform: rotate(90deg);
    border-radius: 0 0 50% 50%;
    background-color: #50a2d2;
}

.access-info {
    overflow: hidden;
    margin-top: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-room-hotel {
    margin-top: 16px;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
}

.list-room-item {
    padding: 16px;
    border-top: 1px solid #e0e0e0;
}

.list-room-item:first-child {border-top: none;}

.title-room-list {
    font-size: 15px;
    margin-bottom: 8px;
}

.list-utilities {font-size: 13px;}
.list-utilities ul {display: inline-block; font-size: 0;}
.list-utilities ul li {display: none; margin-right: 16px; font-size: 13px;}
.list-utilities ul li img {margin-right: 4px; position: relative; vertical-align: sub;}
.list-utilities .cancel-dead {
    color: #00ACC1;
    font-size: 13px;
    display: inline-block;
}

.bg-item-room {
    padding: 12px;
    margin-top: 8px;
    position: relative;
    border-radius: 4px;
    background: #F5F5F5;
}

.plan-discount {
    padding: 4px;
    color: #fff;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 4px;
    display: inline-block;
    background: #827817;
}

.room-available {
    color: #D50000;
    font-size: 12px;
    margin-bottom: 8px;
    padding: 4px 0;
    display: none !important;
}

.main-price {
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 4px;
}

.main-price span {font-weight: 600;}
.main-price span.currency,
.one-persion {font-size: 13px;}

.giving-point {margin-top: 4px; font-size: 13px;}
.giving-point img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    position: relative;
    top: -2px;
}
.giving-point span.rate {
    padding: 2px;
    font-size: 11px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #E0E0E0;
}

.view-plan {
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: #fff;
    line-height: 1;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    padding: 13px 12px;
    border-radius: 20px;
    text-decoration: none;
    background: #FF8F00;
    border: 1px solid transparent;
}

.view-plan:hover {opacity: 0.85;}

.view-all-plan {
    float: right;
    color: #1565C0;
    font-size: 15px;
    margin-top: 16px;
    text-decoration: none;
    cursor: pointer;
}

.view-all-plan:hover {text-decoration: underline;}
.view-all-plan svg {vertical-align: sub;}

@media screen and (max-width: 767px){
    .special_theme .special_list{
        margin: 0;
    }
    .special_theme .special_item{
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

@media screen and (max-width: 320px){
    .special_theme .special_item .special_wrapper{
        padding-left: 135px;
    }

    .special_theme .special_item .special_image{
        width: 120px;
    }

    .special_theme .special_item .special_item_title{
        font-size: 12px;
    }
}