@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*$base-color: #000000;*/
/*$black: #000000;*/
/*font*/
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Zen+Old+Mincho:wght@400;500;600&display=swap");
/*layout*/
/* ========================================
	Search
======================================== */
/*ui*/
.ui-widget { font-family: "Zen Old Mincho", serif; }

.ui-state-selected { background: #cacaca; }

.ui-datepicker-unselectable .ui-state-default, .ui-state-disabled .ui-state-default { color: #f0f0ee; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #e6e6e6; }

.kt-unselectable { pointer-events: none; }

.ui-datepicker-today .ui-state-default { border: 0; }

.ui-datepicker { width: 100% !important; text-align: center; padding: 0; }
.ui-datepicker .ui-datepicker-header { padding: 0; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title { clear: both; font-family: "Libre Baskerville", serif; letter-spacing: .15em; font-size: 20px; line-height: 1; width: 90px; margin-left: auto; margin-right: auto; border-bottom: 1px solid #222222; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month { margin-left: -.6em; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 30px; height: 30px; border: 1px solid #222222; background: url("../com/search_arrow.svg") no-repeat center center/11px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-prev { left: 15px; top: 0; }
.ui-datepicker .ui-datepicker-next { right: 15px; top: 0; transform: scale(-1, 1); }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 0; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev-hover { left: 15px; }
.ui-datepicker .ui-datepicker-next-hover { right: 15px; }
.ui-datepicker .ui-datepicker-calendar { width: 100%; margin-top: 30px; margin-bottom: 0; }
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { font-size: 15px; text-align: center; font-family: "Libre Baskerville", serif; letter-spacing: .15em; padding: 0 5px; line-height: 1; }
.ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a { padding: 10px 0; }
.ui-datepicker .ui-datepicker-calendar thead th { font-family: "Zen Old Mincho", serif; padding-bottom: 10px; font-weight: normal; }

/* 表示・非表示
----------------------------------------------- */
.hidden { display: none; }

/*search_content*/
#search_content { width: 1128px; }
#search_content #datepicker { position: static; margin-bottom: 10px; }
#search_content .inputs { width: 100%; display: flex; justify-content: space-between; }
#search_content .inputs .col-01 { width: 31.9327731092%; }
#search_content .inputs .col-02 { width: 57.1428571429%; padding-right: 50px; }
#search_content .search_box { display: flex; }
#search_content .search_box > * { width: 50%; }
#search_content .search_box .date { padding: 10px 0; border-right: 1px solid #222222; }
#search_content .search_box .date dl { display: flex; align-items: center; color: #222222; }
#search_content .search_box .date dl:last-of-type { margin-top: 60px; }
#search_content .search_box .date dl.active dt::after { opacity: 1; }
#search_content .search_box .date dt { font-family: "Libre Baskerville", serif; letter-spacing: .10em; font-size: 17px; /*font-size: 18px;*/ line-height: 1; width: 130px; flex-shrink: 0; }
#search_content .search_box .date dd { width: 100%; font-size: 21px; /*font-size: 25px;*/ font-family: "Libre Baskerville", serif; letter-spacing: .15em; pointer-events: none; }
#search_content .search_box .date dd::placeholder { color: inherit; }
#search_content .search_box .people_num { display: flex; justify-content: flex-end; align-items: center; }
#search_content .search_box .people_num span { color: #222222; font-family: "Zen Old Mincho", serif; font-size: 20px; }
#search_content .search_box .people_num input { padding: 0; background: transparent; border-radius: 0; box-shadow: none; }
#search_content .search_box .people_num .people-counter { color: #222222; width: 2em; margin-left: 35px; font-size: 35px; font-family: "Libre Baskerville", serif; letter-spacing: .15em; text-align: right; transform: translateY(-4px); border: none; line-height: 1; }
#search_content .search_box .people_num .counter { margin-left: 35px; }
#search_content .search_box .people_num .counter .btnspinner { border: 1px solid #222222; color: #222222; font-size: 25px; width: 31px; height: 31px; line-height: 0; text-align: center; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; }
#search_content .search_box .people_num .counter .btnspinner + .btnspinner { margin-left: 10px; }
#search_content .search_button { margin-top: 50px; border: 0; background-color: #FFF; color: #222222; padding: 10px; width: 100%; font-family: "Zen Old Mincho", serif; font-size: 18px; line-height: 1.7777777778; letter-spacing: 3px; height: 60px; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; transition: .5s; }
#search_content .search_button span { display: block; }
#search_content .search_button:hover { background-color: #222222; color: #FFF; }

.tel { text-align: center; width: 1128px; 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 */
