@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*font*/
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap");
@font-face { font-family: "optima"; src: url("../fonts/OptimaLTStd.otf") format("opentype"); }
/*layout*/
/* ========================================
	Search
======================================== */
/*ui*/
.ui-state-selected { background: #cacaca; }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 465px; padding: 0 0; }
.ui-datepicker-multi-2 .ui-datepicker-group + .ui-datepicker-group { margin-left: 70px; }

.ui-datepicker-multi .ui-datepicker-group table { width: 100%; }

.ui-datepicker { width: 100% !important; text-align: center; padding: 0; font-family: "optima", sans-serif; }
.ui-datepicker .ui-datepicker-title { line-height: 1; font-size: 24px; margin-bottom: 30px; font-weight: normal !important; }
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default { font-weight: normal !important; }
.ui-datepicker .ui-datepicker-unselectable .ui-state-default, .ui-datepicker .ui-state-disabled .ui-state-default { color: #e6e6e6; }
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active { background: #e6e6e6; }
.ui-datepicker .ui-datepicker-today .ui-state-default { border: 0; }
.ui-datepicker th, .ui-datepicker td { font-size: 18px; text-align: center; padding: 0 0; }
.ui-datepicker th span a, .ui-datepicker td span a { padding: 0 0; }
.ui-datepicker thead { margin-bottom: 20px; }
.ui-datepicker thead th { font-family: "游ゴシック", "Yu Gothic", sans-serif; font-weight: 500; padding: 0 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background: url("../com/search-arrow.svg") no-repeat center center; width: 20px; height: 20px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-prev { float: left; top: 5px !important; left: 28px !important; }
.ui-datepicker .ui-datepicker-next { float: right; top: 5px !important; right: 28px !important; transform: scale(-1, 1); }

.ui-datepicker-calendar { width: 100%; }

/*search_content*/
#search_content { width: 1000px; margin-left: auto; margin-right: auto; }
#search_content #datepicker { position: static; margin-bottom: 10px; }
#search_content .inputs { width: 100%; }
#search_content .inputs .search_box { width: 800px; height: 60px; margin-left: auto; margin-right: auto; display: flex; border: 1px solid #000000; margin-top: 28px; border-radius: 3px; }
#search_content .doc { position: relative; width: 100%; height: inherit; overflow: hidden; }
#search_content .doc .cal { position: absolute; width: 100%; top: 0; background-color: #fff; height: 330px; }
#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; padding: 5px 10px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #FFF; }
#search_content .date .date_cont.active { background-color: #e6e6e6; }
#search_content .date .date_cont.active input { background-color: #e6e6e6; }
#search_content .date .date_cont span { font-size: 12px; }
#search_content .date .date_cont span.title { display: block; text-align: center; }
#search_content .date input { display: block; width: 100%; font-size: 15px; text-align: center; border: 0; pointer-events: none; background-color: #FFF; margin-top: 5px; font-family: "游ゴシック", "Yu Gothic", sans-serif; }
#search_content .date input::placeholder { font-size: 14px; }
#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 #e6e6e6; position: relative; background-color: #FFF; }
#search_content .nights > div select { font-size: 15px; height: 1.8em; line-height: 1.8; width: calc(100% - 50px); text-align: center; opacity: 0; }
#search_content .nights .easy-select-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#search_content .nights .easy-select-box .esb-displayer { height: 100%; color: #000000; font-size: 15px; text-align: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-content: center; align-items: center; justify-content: center; border-right: 1px solid #e6e6e6; }
#search_content .nights .easy-select-box:before { content: ''; display: block; position: absolute; top: 50%; right: 20px; margin-top: -4px; width: 8px; height: 8px; background: url("../com/search_arrow.png") no-repeat center center; }
#search_content .nights .easy-select-box .esb-dropdown { border: 1px solid #cccccc; overflow: auto; background: #FFFFFF; font-size: 15px; text-align: center; top: auto; bottom: 100%; }
#search_content .nights .easy-select-box .esb-dropdown .esb-item { padding: 3px; background: #FFFFFF; color: #333; cursor: default; height: 50px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; }
#search_content .nights .easy-select-box .esb-dropdown .esb-item:hover { background: #3399ff; color: #FFFFFF; text-decoration: none; }
#search_content .search_button { border: 0; background-color: #e3b028; font-family: "游ゴシック", "Yu Gothic", sans-serif; color: #000; padding: 10px; width: calc(50% - 1px); font-size: 18px; line-height: 1.2; text-align: center; cursor: pointer; transition: all 0.3s ease; }
#search_content .search_button:hover { background-color: #fff; /* ホバー時の背景色（白） */ color: #e3b028; }
#search_content .reset { background-color: #e6e6e6; color: #666666; border-radius: 0; width: 150px; height: 40px; font-size: 16px; line-height: 35px; text-align: center; cursor: pointer; margin-top: 30px; margin-left: auto; margin-right: auto; }

.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 */