@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*font*/
/*layout*/
/* ========================================
	Search
======================================== */
/*ui*/
.ui-state-selected { background: #e6e6e6; }

.ui-datepicker-today .ui-state-default { border: 0; }

.ui-datepicker-group { padding: 50px 30px; }
.ui-datepicker-group.ui-datepicker-group-first { border-right: 1px solid #FFF; margin-right: -1px; }
.ui-datepicker-group.ui-datepicker-group-last { border-left: 1px solid #FFF; }

.ui-datepicker { width: 100% !important; text-align: center; padding: 0; }

.ui-datepicker-calendar { width: 100%; font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.ui-datepicker-calendar th, .ui-datepicker-calendar td { font-size: 14px; text-align: center; }

.ui-datepicker-title { clear: both; font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal; }

.ui-datepicker-prev { float: left; font-weight: normal; cursor: pointer; }

.ui-datepicker-next { float: right; font-weight: normal; cursor: pointer; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 2px; }

.ui-datepicker .ui-datepicker-prev-hover { left: 2px; }

.ui-datepicker .ui-datepicker-next-hover { right: 2px; }

#search_content { width: 1190px; /*.search_button.complete {
border: 0;
background-color: $gray;
cursor: pointer;
}*/ }
#search_content #datepicker { position: static; margin-bottom: 10px; }
#search_content .inputs { width: 100%; }
#search_content .inputs .search_box { width: 800px; margin-left: auto; margin-right: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; border: 1px solid #dfdfdf; margin-top: 50px; background-color: #eeeeee; }
#search_content .doc { position: relative; width: 100%; height: inherit; overflow: hidden; }
#search_content .doc .cal { position: absolute; width: 100%; top: 0; background-color: #e6e6e6; }
#search_content .doc #toBd { position: relative; }
#search_content .date { flex-basis: 400px; min-width: 400px; color: #1B1512; }
#search_content .date .date_cont { width: 200px; height: 100%; float: left; position: relative; }
#search_content .date .date_cont input { width: 100%; height: 60px; font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 18px; color: #595656; position: relative; z-index: 1; letter-spacing: 0.1em; padding-top: 15px; display: block; text-align: center; border: 0; pointer-events: none; background-color: transparent; }
#search_content .date .date_cont input::placeholder { font-size: 14px; }
#search_content .date .date_cont .title { position: absolute; top: 10px; left: 0; z-index: 0; font-size: 12px; width: 100%; text-align: center; }
#search_content .date .date_cont.active { background-color: #dde9ab; }
#search_content .date .date_cont.active input { background-color: #dde9ab; }
#search_content .date .date_cont.active .title { z-index: 2; }
#search_content .date .date_cont.checkin:not(.active) { cursor: pointer; }
#search_content .date .date_cont span { font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 12px; }
#search_content .date .date_cont span.title { display: block; text-align: center; }
#search_content .nights { width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
#search_content .nights > div { flex-basis: 50%; min-width: 50%; border-left: 1px solid #dfdfdf; position: relative; font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif; }
#search_content .nights > div select { opacity: 0; }
#search_content .nights > div:before { width: 7px; height: 7px; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; content: ''; display: block; position: absolute; right: 20px; top: 50%; margin-top: -5px; transform: rotate(45deg); }
#search_content .nights .easy-select-box { width: 100%; height: 100%; font-size: 18px; cursor: pointer; }
#search_content .nights .easy-select-box .esb-displayer { width: 100%; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; letter-spacing: 0.1em; }
#search_content .nights .easy-select-box .esb-displayer:after { display: inline-block; }
#search_content .nights .easy-select-box .esb-dropdown { top: auto; bottom: 100%; }
#search_content .nights .easy-select-box .esb-dropdown .esb-item { height: 40px; text-align: center; line-height: 40px; background-color: #eeeeee; border-bottom: 1px solid #dfdfdf; }
#search_content .nights .easy-select-box .esb-dropdown .esb-item:hover { background-color: #dfdfdf; }
#search_content .nights .rooms .easy-select-box .esb-displayer:after { content: '室'; }
#search_content .nights .people_num .easy-select-box .esb-displayer:after { content: '人'; }
#search_content .search_button { border: 0; background-color: #7d8850; color: #fff; padding: 10px; width: calc(50% - 1px); font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 18px; line-height: 1.2; text-align: center; cursor: pointer; font-weight: normal; }
#search_content .reset { background-color: #e6e6e6; border-radius: 3px; width: 150px; height: 35px; font-size: 15px; line-height: 35px; text-align: center; cursor: pointer; margin-top: 40px; margin-left: auto; margin-right: auto; font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.tel { text-align: center; width: 1190px; margin-top: 40px; }
.tel p { line-height: 1; }
.tel .title { font-size: 13px; margin-right: 10px; }
.tel .no { font-size: 19px; }
.tel .time { font-size: 11px; margin-left: 10px; }
.tel p.jpn .no { font-weight: bold; }
.tel p.eng { margin-top: 20px; }
.tel p.eng .no { font-size: 13px; }

/*# sourceMappingURL=search.css.map */
