@charset "utf-8";
/* #7215(original) ホテル一覧画面(検索結果) - 条件絞り込み - ホテルグレードで絞り込む  */
/* 既存のチェックボックスコントロールをモックに取り込むために生じる変更 */
/* main.cssへの反映の歳は、 #7215 を書き換えるでよい。不安なら↓ */
/* (案1) カンマ区切りで複数セレクタ指定 */
/* (案2) #7215直前に↓を差し込み */
.modal-select-refine-hotelrank li > label > div {
    padding: 11px 0;
    border: 1px solid #888888;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
}
/* main.cssに反映方法：#7215直前に↓を差し込み */
/* ホテルグレードで絞り込む(IE対応) */
.modal-select-refine-hotelrank li > label {
    line-height:27px;
}
.modal-select-refine-hotelrank li > label > div > span {
    line-height:13.5px;
}
/* main.cssへの反映方法：#7215直前に↓を差し込み */
.modal-select-refine-hotelrank li > label > input[type="checkbox"] {
    display: none;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}
/* main.cssへの反映方法：#7215直前に↓を差し込み */
.modal-select-refine-hotelrank li > label > input[type="checkbox"]:checked {
    transition:unset;
}
/* main.cssへの反映方法：#7215直前に↓を差し込み */
.modal-select-refine-hotelrank li > label:before {
    content: unset;
    width:unset;
    height:unset;
    position:unset;
    top:unset;
    left:unset;
    border:unset;
    border-radius:unset;
    background-color:unset;
    transition:none;
}
/* main.cssへの反映方法：#7233 と入れ替え(元の#7233は削除) */
/* .modal-list-active の存否でのチェックボックス状態表現は、画面更新時にうまくうごかないため */
/* さらに画面更新に対応するJSを書くよりは、↓セレクタで対応するほうがよいと判断 */
.modal-select-refine-hotelrank li > label > input[type=checkbox]:checked + div {
    border: 2px solid #2488ff;
    padding: 10px 0;
}

/* [都市名からホテルを検索]ボックス - TOP画面,ホテル一覧画面 */
/* ======================================== */
/* main.css#2185 .index-wrapper,.incremental-box */
.index-wrapper #search_suggest {
    top  : 30px;
    left : -35px;
}
/* main.css .incremental-box */
#search_suggest {
    position:absolute;
    top:45px;
    left:0px;
    max-height: 295px;
    box-sizing: border-box;
    background-color: #FFF;
    overflow: hidden;
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.3));
    z-index: 1;
    overflow-y: auto;
    border: 1px solid #023b95;
    border-top: none;
}
#search_suggest > [id*=divSuggestMessage].suggest_link_over {
    /* .incremental-box-list li:hover, .incremental-box-list li:first-of-type */
    /* -------------------- */
    background-color: #D2DAE8;
    cursor: pointer;
}
#search_suggest > [id*=divSuggestMessage] {
    /* .incremental-box-list li */
    /* -------------------- */
    max-width: 777px;
    padding: 12px;
    padding-left: 28px;
    background-image: url(../img/icon_pin01_blk.png);
    background-size: 16px;
    background-position: center left 8px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}
/* Flatpickrの祝日表示 */
.dayContainer .flatpickr-day.is-holiday:not(.disabled) {
	color: #ff0000;
}

/* 部屋人数選択モーダル用 */
/* main.cssへの反映方法：追記 */
.number-count-input select {
/*     width: 100%; */
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    border: none;
    border-radius: 0;
    font-size: 18px;
    font-weight: bold;
}
/* main.cssへの反映方法：追記 */
.number-count-input select {
    /* diable default <SELECT> design */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    /* stop dropdown */
    pointer-events: none;
    /* centering */
    display : block;
    margin : auto;
}

.section-map-btn {
	width : 190px;
	padding-left : 0px;
	padding-right : 0px;
	text-align : center;
	border : solid 1px gray;
	border-radius : 5px;
}
.section-one-area {
    /* 「空テキストの場合アイコンが1px現れる」を回避 */
	background-position: top 1px left 0;
}

#mainWrap.result .hotel_ranking {
  margin-bottom: initial;
}

#breadcrumb .forcebracket:after {
	content: '';
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 6px;
	right: -8px;
}
/* TOP画面エラーメッセージ */
#mainWrap.index [id=clientErrorMsg] .error {
	text-align : left;
	line-height:1.5;
	padding:10px 0px 0;
	color:red;
}
#mainWrap.index [id*="ErrMessage"] .error {
	text-align : left;
	line-height:1.5;
	padding:0px 0px 0px 0px;
	color:red;
}

#hotelReservation .plan-box-price-days span:before {
	height:25px;
}
#hotelReservation .plan-box-price-days span:after {
	height:23px;
}
/* ホテル一覧　カレンダーモーダル　未指定時 バルーンクチバシ */
#mainWrap.result #calendarModal .modal-window:not(.checkIn):not(.checkOut):after,
#mainWrap.result #calendarModal .modal-window:not(.checkIn):not(.checkOut):before {
	right:298px;
}