@charset "UTF-8";


/* ---------------------------------------------------
	検索（共通）
------------------------------------------------------ */
#search {position: relative; display: flex; width: 100%; height: 90px; background: #fff;}
#search .search-tit {position: relative; width: calc(60% - ((100% - 1200px) / 2)); height: 90px; padding: 30px 0 0 30px;background: url(../img/common/bg-search.png) no-repeat right top/contain;}
#search .search-tit:before {content: "";display: block;position: absolute;right: 100px;top: 0;width: 100%;height: 100%;background: #222;}
#search .search-tit h2 {position: relative;float: right;width: 340px;max-width: 100%;margin: 0;padding: 0;color: #fff;font-size: 20px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 600;line-height: 1.2;letter-spacing: .1em;text-align: left;}

#search .search-container {width: calc(100% - 20px); padding-right: 20px;}
#search form {display: flex;justify-content: space-between;align-items: flex-end;width: 100%;max-width: 960px;height: 90px; padding-bottom: 5px;}

#search .search-form {width: 540px; font-size: 16px;}
#search .search-form form {width: 59.3%; margin: 0; background: none; box-shadow: none; line-height: 1.4;}
#search .search-form select,
#search .search-form input[type="text"],
#search .search-form input[type="date"] {/*min-width: 100px; */width: 100%; height: 50px; margin: 0; padding: 0 10px;background: none;border: 1px solid #707070;border-radius: 4px;color: #222;cursor: pointer;font-size: 18px;font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;font-weight: 500;line-height: 40px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-appearance: none;vertical-align: baseline;white-space: nowrap;}
#search .search-form select::-ms-expand,
#search .search-form input[type="text"]::-ms-expand,
#search .search-form input[type="date"]::-ms-expand {display: none;}
#search .search-form select:focus,
#search .search-form input[type="text"]:focus,
#search .search-form input[type="date"]:focus {outline: none;}
#search .search-form input:disabled {opacity: .7;}
#search .search-form select {background: url(../img/reserve/icon-search-02.svg) no-repeat right 10px center;background-size: 8px;max-width: 100px;text-align: left;}
#search .search-form select:disabled {opacity: .7;}
#search .search-form option {padding: 5px;}
#search .search-form label {display: inline-block;margin-bottom: 5px;vertical-align: middle; font-feature-settings: "palt";}
/*#search .search-form button {width: 20%; height: 50px; padding: 0;background: #222;border: none;border-radius: 4px;color: #fff;cursor: pointer;font-size: 18px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;line-height: 50px;transition: all .2s;vertical-align: middle;}*/
#search .search-form button:hover {background: #AE3216;}
#search .search-form button:focus {outline: none;}
#search .search-form button .icon {margin-right: 10px;}

#search .search-form .txt {display: block; margin-right: 15px; white-space: nowrap; text-align: left;}
#search .search-form .col {width: 40%; margin-right: calc(100vw * (20 /1920)); position: relative;}
#search .search-form .col .search_wrap {display: none; position: absolute; top: calc(100% + 6px); left: 0; background: #FFF; padding: calc(100vw * (40 /1920)) calc(100vw * (20 /1920)) calc(100vw * (20 /1920)); border: 1px solid #222; border-radius: 5px; z-index: 1000;}
#search .search-form .col .search_wrap.active {display: block;}
#search .search-form .col .search_wrap::before{content: ""; display: block; position: absolute; top: -7px; left: 10%; width: 10px; height: 10px; border-top: 1px solid #222; border-left: 1px solid #222; transform: rotate(45deg); background: #FFF;}
#search .search-form .col .search_wrap .stays {text-align: center; font-size: calc(100vw * (20 /1920)); margin-bottom: calc(100vw * (40 /1920)); display: flex; justify-content: center; align-items: center; padding-bottom: calc(100vw * (40 /1920)); border-bottom: 1px solid #222;}
#search .search-form .col .search_wrap .stays a,
#search .search-form .col .search_wrap dl dd a {display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; font-size: 16px; font-weight: bold; background: #222; color: #fff;}
#search .search-form .col .search_wrap .stays span {display: inline-block; margin: 0 10px; font-size: calc(100vw * (24 /1920)); font-weight: bold;}
#search .search-form .col .search_wrap .carender {margin-top: 0;}
#search .search-form .col .search_wrap dl {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; min-width: 400px; border-bottom: 1px solid #CCC; margin-bottom: 10px;}
#search .search-form .col .search_wrap .room-select dl {border-bottom: none; margin-bottom: 0;}
#search .search-form .col .search_wrap dl dt {width: 40%; padding: 5px 0;}
#search .search-form .col .search_wrap dl dd {width: 60%; padding: 5px 0; display: flex; justify-content: center; align-items: center;}
#search .search-form .col .search_wrap dl dd .child-list {display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; cursor: pointer;}
#search .search-form .col .search_wrap dl dd .child-list::after {content: "▼"; display: inline-block;}
#search .search-form .col .search_wrap dl dd .child-list.active::after {content: "▲";}
#search .search-form .col .search_wrap dl dd input {width: 50%; margin: 0 10px;}


#search .search-form .col .search_wrap2 {display: none; position: absolute; top: calc(100% + 6px); left: 0; background: #FFF; padding: calc(100vw * (40 /1920)) calc(100vw * (20 /1920)) calc(100vw * (20 /1920)); border: 1px solid #222; border-radius: 5px; z-index: 1000;}
#search .search-form .col .search_wrap2.active {display: block;}
#search .search-form .col .search_wrap2::before{content: ""; display: block; position: absolute; top: -7px; left: 10%; width: 10px; height: 10px; border-top: 1px solid #222; border-left: 1px solid #222; transform: rotate(45deg); background: #FFF;}
#search .search-form .col .search_wrap2 .stays {text-align: center; font-size: calc(100vw * (20 /1920)); margin-bottom: calc(100vw * (40 /1920)); display: flex; justify-content: center; align-items: center; padding-bottom: calc(100vw * (40 /1920)); border-bottom: 1px solid #222;}
#search .search-form .col .search_wrap2 .stays a,
#search .search-form .col .search_wrap2 dl dd a {display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; font-size: 16px; font-weight: bold; background: #222; color: #fff;}
#search .search-form .col .search_wrap2 .stays span {display: inline-block; margin: 0 10px; font-size: calc(100vw * (24 /1920)); font-weight: bold;}
#search .search-form .col .search_wrap2 .carender {margin-top: 0;}
#search .search-form .col .search_wrap2 dl {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; min-width: 400px; border-bottom: 1px solid #CCC; margin-bottom: 10px;}
#search .search-form .col .search_wrap2 .room-select dl {border-bottom: none; margin-bottom: 0;}
#search .search-form .col .search_wrap2 dl dt {width: 40%; padding: 5px 0;}
#search .search-form .col .search_wrap2 dl dd {width: 60%; padding: 5px 0; display: flex; justify-content: center; align-items: center;}
#search .search-form .col .search_wrap2 dl dd .child-list {display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; cursor: pointer;}
#search .search-form .col .search_wrap2 dl dd .child-list::after {content: "▼"; display: inline-block;}
#search .search-form .col .search_wrap2 dl dd .child-list.active::after {content: "▲";}
#search .search-form .col .search_wrap2 dl dd input {width: 40%; max-height: 40px; margin: 0 10px;}

.plan-guest .click-open,
.plan-guest .click-open2,
.plan-confirm .click-open,
.plan-confirm .click-open2 {cursor: auto !important;}
#search .search-form .col .click-close {display: block; position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url("../images/common/batsu-w@2x.png") no-repeat center center/10px #222; cursor: pointer;}


#search .search-link {width: 420px;border-radius: 5px;overflow: hidden;}
#search .search-link a {display: block;width: 33%;height: 50px;padding: 11px 2px;background: #222;color: #fff;font-weight: 600;line-height: 1.5;text-align: center;}
#search .search-link a:hover {opacity: .8;}
#search .search-link a.link-btn01 {width: 34%;}
#search .search-link a.link-btn02 {background: #AE3216;}
#search .search-link a.link-btn03 {background: #D4AD43;color: #222;}

/*240213追記*/
#search form .inbox_489ban dt label span {display: none;}
#search form .inbox_489ban .child_489ban {padding-right: 10px;}
#search .search-form button {top: 39%; right: 29%; width: 210px;}
/*#sec01 .sec-bg {background: url(../img/home/bg-sec01-01.png) no-repeat center top 210px, url(../img/home/bg-sec01-02.png) no-repeat center top 300px; height: 880px;}*/
/*240226追記*/
#header-btns .btn-reserve img {
	width: 23px;
	margin-bottom: 10px;
}
#search .search-form button:before {
	content: url(../img/reserve/icon-search-03.svg);
	vertical-align: middle;
	margin-right: 5px;
}
#f-contact .contact-col .col-cancel {
	height: 52px;
	line-height: 1.8;
}
#search form .date_489ban,#search form .inbox_489ban:nth-child(-n+2) {margin-left: 20px;}
#search .search-form input[name="date"] {width: 320px; background-size: 17px; margin-right: 15px; height: 50px; text-align: center;}
/*↓231227↓*/
#search form .inbox_489ban {display: flex; padding-top: 10px;}
#search form .inbox_489ban .stay_489ban {margin-right: 10px;}
#search form .date_489ban dd {display: flex; align-items: baseline;}
#search form .date_489ban dt label,#search form .inbox_489ban dt label {white-space: nowrap;}
#search form .date_489ban dd label {font-size: 13px; white-space: nowrap;} 
#search form .inbox_489ban dd {display: flex; align-items: center;}
#search form .inbox_489ban dd[name="numberOfNights"] {width: 48px;}
#search form button {width: 20%; height: 50px; padding: 0;background: #222;border: none;border-radius: 4px;color: #fff;cursor: pointer;font-size: 18px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;line-height: 50px;transition: all .2s;vertical-align: middle;}
#search form button:hover {background: #AE3216;}
#search form button:focus {outline: none;}
#search form button .icon {margin-right: 10px;}
#search .search-form .inbox_489ban .person_489ban dd span {margin-right: 10px;}
#search form button{background: #9D3507; color:#FFF}
#search .search-form {width: 56.4%;	max-width: 100%;}
#search .search-form select {max-width: 115px; height: 2em; text-align: center; margin-right: 5px; width: 3em;}
#search form .date_489ban dd select[name="date_d"]{width: 60px; margin-right:5px;}
#search .search-form select option {text-align: center;
}
#search form .inbox_489ban .room_489ban dd .digits,#search form .inbox_489ban .person_489ban dd .digits{width: 3em; height: 2em;}
/*240301*/
#search .search-form dt label {
	display: none;
}
#search form .date_489ban dt::after{
	content: "チェックイン日";
}
@media screen and (max-width: 1860px){
/*	#search .search-tit {width: 28.7%;}*/
/*	#search .search-form button {right: 28%;}*/
	#search .search-form form {width: 62%;}
}
@media screen and (max-width: 1820px){
		#search .search-tit {width: calc(55% - ((100% - 1200px) / 2));}
		#search .search-form input[name="date"] {width: 300px;}
}
@media screen and (max-width: 1720px){
	#search .search-tit {background: url(../img/common/bg-search.png) no-repeat right top/contain;}
	#search .search-form input[name="date"] {width: 260px;}
	}
@media screen and (max-width: 1650px){
	#search .search-form input[name="date"] {width: 250px;}
	#search .search-form form {width: 64%;}
	}
@media screen and (max-width: 1560px){
	#search .search-form input[name="date"] {width: 230px;}
	#search .search-form form {width: 65%;}
}
@media screen and (max-width: 1366px){
	#search .search-tit {width: calc(50% - ((100% - 1200px) / 2));}
	#search .search-form input[name="date"] {width: 220px;}
	#search .search-form form {width: 73.4%;}
}
@media screen and (max-width: 1240px) {
	#search .search-tit {width: calc(45% - ((100% - 1200px) / 2));}
}
@media screen and (max-width: 1100px) {
	#search .search-tit {background: url(../img/common/bg-search.png) no-repeat right top/cover;}
	#search .search-tit {width: calc(31% - ((100% - 1200px) / 2));}
	#search .search-form input[name="date"] {width: 200px;}
	#search .search-container {width: calc(100% - 180px);}
	#search .search-form {width: 87.4%; font-size: 13px;}
	#search .search-form button {margin-left: 10px;font-size: 16px;}
	#search .search-form .txt {margin-right: 5px;}
	#search .search-link {margin-left: 10px;font-size: 14px;}
	#search .search-link a {padding: 16px 2px;}
	#search form .date_489ban {margin-left: 20px;}
	#search .search-tit h2 {width: 290px;}
}
@media screen and (max-width: 1000px) {
	#search .search-tit {width: calc(29% - ((100% - 1200px) / 2));}
	#search .search-form input[name="date"] {width: 200px;}
	#search .search-form form {width: 84%;}
	#search form .date_489ban{margin-left: 0;}
	#search .search-form {width: calc(100% - 110px);}
	#search .search-form button {flex-grow: 1; width: 140px;}
	#search .search-form .txt {margin-right: 10px;}
	#search .search-link {width: 100px;font-size: 15px;}
	#search .search-link a {padding: 14px 2px;}
	#search .search-link a.link-btn01 {width: 100%;}
	#search .search-link a.link-btn02, #search .search-link a.link-btn03 {display: none;}
}
@media screen and (max-width: 880px) {
	#search .search-tit {width: calc(24% - ((100% - 1200px) / 2));}
	#search .search-tit {background: url(../img/common/bg-search.png) no-repeat right top/cover;}
}



/* ---------------------------------------------------
	カレンダー（共通）
------------------------------------------------------ */
.carender{width: calc(100vw * (1100 / 1920)); margin: auto; margin-top: calc(100vw * (140 / 1920));}
.carender-content{ width: 100%;}

.choice-month {display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; font-size: calc(100vw * (18 / 1920)); margin-bottom: calc(100vw * (20 / 1920));}
.choice-month > a {display: block; background: #222222; color: #FFF; padding: calc(100vw * (5 / 1920)) calc(100vw * (10 / 1920)); line-height: 1;}
.choice-month > a.prev::before {content: ""; display: inline-block; width: calc(100vw * (10 / 1920)); height: calc(100vw * (17 / 1920)); background-image: url(../img/reserve/carender-prev.png); background-size: 100%; margin-right: calc(100vw * (10 / 1920));}
.choice-month > a.next::after {content: ""; display: inline-block; width: calc(100vw * (10 / 1920)); height: calc(100vw * (17 / 1920)); background-image: url(../img/reserve/carender-next.png);background-size: 100%; margin-left: calc(100vw * (10 / 1920));}
.choice-month > a.nolink {background: #777; pointer-events: none;}
.choice-month .monthlist {display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;}
.choice-month .monthlist li {border-right: 1px solid #222; padding: 0 calc(100vw * (20 / 1920)); line-height: 1;}
.choice-month .monthlist li:last-child {border-right: none;}
.choice-month .monthlist li a {background: none; color: #222; padding: 3px; border-radius: 3px;}
.choice-month .monthlist li a:hover,
.choice-month .monthlist li.active a {background: #9D3507; color: #FFF; opacity: 1;}

.month {width: 100%; margin-bottom: 10px;}
.month .title { background: #222; color: #FFF; font-size: calc(100vw * (16 / 1920)); font-weight: bold; padding: calc(100vw * (10 / 1920)) calc(100vw * (20 / 1920)); position: relative; margin-bottom: calc(100vw * (15 / 1920)); line-height: 1; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;}
.month .title span { font-size: calc(100vw * (24 / 1920)); padding-left: calc(100vw * (10 / 1920));}
.month ul { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: calc(100vw * (5 / 1920)) 0;}
.month li { width: calc(100vw * (157 / 1920)); text-align: center; font-size: calc(100vw * (20 / 1920)); line-height: 1.12; margin-bottom: calc(100vw * (4 / 1920));}
.month li span{font-size: calc(100vw * (14 / 1920));}
.month ul li:nth-of-type(7){color: #2D5FA1;}
.month ul li:first-of-type{color: #9D3507;}
.month table { border: 1px solid #e5e5e5; width: 100%; border-collapse: collapse; border-spacing: 0;}
.month td { border: 1px solid #AAA; background: #FFF; width: calc(100vw * (157 / 1920)); line-height: 1; box-sizing: border-box; position: relative;}
.month td.sat {background: #f0f8ff;}
.month td.sun {background: #fff0f8;}
.month td a { display: block; position: relative; width: 100%; height: 100%; padding: calc(100vw * (34 / 1920)) 0 calc(100vw * (14 / 1920)); text-align: center;}
.month td a span.close { background: url(../img/reserve/batsu.png) no-repeat center/contain; display: inline-block; width: 100%; height: calc(100vw * (23 / 1920)); margin: 0 auto; vertical-align: middle;}
.month td a span.open { background: url(../img/reserve/maru.png) no-repeat center/contain; display: inline-block; width: 100%; height: calc(100vw * (24 / 1920)); margin: 0 auto; vertical-align: middle;}
.month td a span.count {font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: calc(100vw * (16 / 1920)); font-weight: bold; display: inline-block; width: 100%; height: calc(100vw * (26 / 1920)); text-align: center; margin: 0 auto; line-height: 1; vertical-align: middle; text-decoration: underline;}
.month td a span.price {font-size: calc(100vw * (14 / 1920)); display: inline-block; text-align: center; margin: 5px auto 0;}
.month td > span { position: absolute; font-size: calc(100vw * (16 / 1920)); top: calc(100vw * (6 / 1920)); left: 50%; transform: translateX(-50%);}
@media screen and (max-width:1280px){
    .carender{margin-top: calc(100vw * (140 / 1280)); width: calc(100vw * (768 / 1280));}
    .carender-content{ }
	
	.choice-month {font-size: calc(100vw * (18 / 1280)); margin-bottom: calc(100vw * (20 / 1280));}
	.choice-month > a {padding: calc(100vw * (5 / 1280)) calc(100vw * (10 / 1280));}
	.choice-month > a.prev::before {width: calc(100vw * (10 / 1280)); height: calc(100vw * (17 / 1280)); margin-right: calc(100vw * (10 / 1280));}
	.choice-month > a.next::after {width: calc(100vw * (10 / 1280)); height: calc(100vw * (17 / 1280)); margin-left: calc(100vw * (10 / 1280));}
	.choice-month .monthlist {}
	.choice-month .monthlist li { padding: 0 calc(100vw * (5 / 1280));}
	.choice-month .monthlist li:last-child {}
	.choice-month .monthlist li a {}
	.choice-month .monthlist li a:hover,
	.choice-month .monthlist li.active a {}
	
	.month {}
	.month .title {font-size: calc(100vw * (16 / 1280)); padding: calc(100vw * (10 / 1280)) calc(100vw * (20 / 1280)); margin-bottom: calc(100vw * (15 / 1280));}
	.month .title span { font-size: calc(100vw * (24 / 1280)); padding-left: calc(100vw * (10 / 1280));}
	.month ul {padding: calc(100vw * (5 / 1280)) 0;}
	.month li { width: calc(100vw * (157 / 1280)); font-size: calc(100vw * (20 / 1280)); margin-bottom: calc(100vw * (4 / 1280));}
	.month li span{font-size: calc(100vw * (14 / 1280));}
	.month ul li:nth-of-type(6){}
	.month ul li:nth-of-type(7){}
	.month table {}
	.month td {width: calc(100vw * (157 / 1280));}
	.month td a {padding: calc(100vw * (34 / 1280)) 0 calc(100vw * (14 / 1280));}
	.month td a span.close {height: calc(100vw * (24 / 1280));}
	.month td a span.open {height: calc(100vw * (24 / 1280));}
	.month td a span.count {font-size: calc(100vw * (16 / 1280)); height: calc(100vw * (26 / 1280));}
	.month td a span.price {font-size: calc(100vw * (14 / 1280));}
	.month td > span {font-size: calc(100vw * (16 / 1280)); top: calc(100vw * (6 / 1280));}
}
@media screen and (max-width:926px){
	.carender{width: calc(100% - 20px); margin: auto; margin-top: 60px;}
	.carender-content{width: 100%;}

	.choice-month {font-size: 16px; margin-bottom: 10px;}
	.choice-month > a { padding: 5px 7px;}
	.choice-month > a.prev::before { width: 10px; height: 17px; margin-right: 5px;margin-bottom: -3px;}
	.choice-month > a.next::after { width: 10px; height: 17px; margin-left: 5px;margin-bottom: -3px;}
	.choice-month .monthlist {}
	.choice-month .monthlist li { padding: 0 5px;}
	.choice-month .monthlist li:nth-child(n + 4) {display: none;}
	.choice-month .monthlist li:nth-child(3) {border-right: none;}
	.choice-month .monthlist li:last-child {border-right: none;}
	.choice-month .monthlist li a {}
	.choice-month .monthlist li a:hover,
	.choice-month .monthlist li.active a {}

	.month {width: 100%;}
	.month .title { font-size: 16px; padding: 5px 10px; margin-bottom: 10px;}
	.month .title span { font-size: 20px; padding-left: 10px;}
	.month ul {padding: 5px 0;}
	.month li { width: calc(100% / 7); font-size: 16px; margin-bottom: 5px;}
	.month li span{font-size: 12px;}
	.month ul li:nth-of-type(6){}
	.month ul li:nth-of-type(7){}
	.month table {}
	.month td {width: calc(100% / 7);}
	.month td a { padding: 20px 0 10px;}
	.month td a span.close {height: 16px;}
	.month td a span.open {height: 16px;}
	.month td a span.count {font-size: 16px; height: 16px;}
	.month td a span.price {font-size: 12px;}
	.month td > span {font-size: 12px; top: 4px;}
}
@media print {
	.carender{width: 960px; margin: auto; margin-top: 140px;}
	.carender-content{ width: 100%;}
	.choice-month {font-size: 16px; margin-bottom: 10px;}
	.choice-month > a { padding: 5px 7px;}
	.choice-month > a.prev::before { width: 10px; height: 17px; margin-right: 5px;margin-bottom: -3px;}
	.choice-month > a.next::after { width: 10px; height: 17px; margin-left: 5px;margin-bottom: -3px;}

	.month {width: 100%;}
	.month .title { font-size: 16px; padding: 5px 10px; margin-bottom: 10px;}
	.month .title span { font-size: 20px; padding-left: 10px;}
	.month ul {padding: 5px 0;}
	.month li { width: calc(100% / 7); font-size: 16px; margin-bottom: 5px;}
	.month li span{font-size: 12px;}
	.month ul li:nth-of-type(6){}
	.month ul li:nth-of-type(7){}
	.month table {}
	.month td {width: calc(100% / 7);}
	.month td a { padding: 20px 0 10px;}
	.month td a span.close {height: 16px;}
	.month td a span.open {height: 16px;}
	.month td a span.count {font-size: 16px; height: 16px;}
	.month td a span.price {font-size: 12px;}
	.month td > span {font-size: 12px; top: 4px;}
}


@media screen and (max-width: 1550px) {
	#search form button {margin-left: 10px;font-size: 18px;}
/*	#search form .date_489ban,#search form .inbox_489ban:nth-child(-n+2) {padding-right: 1vw;}*/
}
@media screen and (max-width: 1380px) {
	#search form .date_489ban,#search form .inbox_489ban:nth-child(-n+2) {border-right: none; padding-right: 0;}
}
@media screen and (max-width: 1080px) {
	#search form button {flex-grow: 1;}
}
@media screen and (max-width: 1000px) {
	#search form button {flex-grow: 1;}
}
@media screen and (max-width: 880px) {
	#search form button {flex-grow: 1;}
}
@media screen and (max-width: 767px), (max-width: 844px) and (orientation:landscape) {
	#search {height: 100%; flex-wrap: wrap;}
	#search .search-tit {width: 100%; padding: 20px 0 0 0; height: 60px; background: url(../img/common/bg-search.png) no-repeat right top/contain;}
	#search .search-tit h2 {float: none;width: 100%;padding: 0;font-size: 20px;text-align: center;}
	#search .search-form {width: 100%; padding: 10px;}
	#search .search-form form {width: 100%;}
	#search .search-form form dl {width: 70%;}
	#search .search-form button {margin-left: 10px; width: 25%;}
	#search form .date_489ban {width: 100%;}
	#search form .inbox_489ban {/*width: 50%;*/ max-width: 100%; flex-wrap: wrap;}
	#search form button .icon {margin-right: 0; margin-bottom: 5px;}
	.top_plan_search {height: auto;}
	#search .search-form select, #search .search-form input[type="text"], #search .search-form input[type="date"] {min-width: 150px; text-align: left;}
	#header-btns .btn-reserve img {width: 17px; margin-bottom: 6px;}
}
@media (max-width: 844px) and (orientation:landscape) {
	#search .search-tit {width: calc(14% - ((100% - 1200px) / 2));}
	#search .search-form input[name="date"] {width: 130px;}
	#search .search-form form {width: 73.4%;}
	#search .search-tit {padding: 30px 20px 0 0;}
	#search .search-tit h2 {font-size: 18px;}
}