@charset "utf-8";
/* ヘッダー常設の空室検索バー(#f_rsv / include/header_new_ts.html)用。OPTIMA検索モジュール対応 */

/* Pikadayカレンダー(土日・休日の色分け) */
.pika-lendar th:first-child,
.pika-lendar td:first-child .pika-button { color: #f00; }
.pika-lendar th:last-child,
.pika-lendar td:last-child .pika-button { color: #00f; }
.has-event .pika-button { color: #f00; font-weight: normal; background: #f5f5f5; box-shadow: none; }
.is-selected .pika-button { color: #fff; font-weight: bold; background: #33aaff; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px; }
.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button { color: #fff; background: #ff8000; box-shadow: none; border-radius: 3px; }
.is-disabled .pika-button { background: #D5E9F7 !important; }

/* OPTIMA用に#searchBoxで包んでいるため、旧フォームと同じく1行に並べる
   (見た目自体はcommon_new.cssの.rsv / .rsv_ulの指定をそのまま使う) */
#f_rsv #searchBox { display: flex; align-items: center; }
#f_rsv .field-button { margin: 0; }
#f_rsv #checkin_date { cursor: pointer; }

/* OPTIMAが自動挿入する欄(室数の元欄・大人・子供・並び順・属性・プロモコード)と
   「日付指定なし」は表示しない。室数のselectだけはheader側のスクリプトでli内へ移す */
#f_rsv #searchBox > fieldset,
#f_rsv #no_checkin { display: none !important; }