@charset 'shift_jis';

/* Basic styles */
body,
a {
	font-family: 'ＭＳ Ｐゴシック','MS P Gothic',Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif,Helvetica;
}
html,
body {
	height: 100%;
}
.wrapper {
	overflow-x: hidden;
}
.wrapper .header {
	padding: 7px 10px 3px 8px;
}
.headerJalanLogo {
	display: block;
	width: 130px;
	height: 34px;
	background: url(/img/logo.jalan.kaigai.png) no-repeat;
	background-size: 130px 34px;
}
.header_icon_mypage {
	overflow: hidden;
	background: url(/img/icon.mypage.png) no-repeat;
	background-size: 40px 34px;
	text-indent: 100%;
	white-space: nowrap;
}

/* Style guide */
.sg-button {
	display: block;
	width: 81.25%;
	height: 44px;
	line-height: 44px;
	margin: 0 auto;
	border-radius: 6px;
	font-weight: bold;
	text-align: center;
}
.sg-button.sg-button_blue,
.sg-button_freeword.sg-button_blue {
	background: #2D4173;
	background: -moz-linear-gradient(top,  #3A5697 0%, #2D4173 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3A5697), color-stop(100%, #2D4173));
	background: -webkit-linear-gradient(top, #3A5697 0%, #2D4173 100%);
	background: linear-gradient(to bottom, #3A5697 0%, #2D4173 100%);
	color: #FFFFFF;
}
.sg-button.sg-button_blue.hover,
.sg-button_freeword.sg-button_blue.hover {
	background: #2D4173;
	background: -moz-linear-gradient(top,  #2D4173 0%, #3A5697 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2D4173), color-stop(100%, #3A5697));
	background: -webkit-linear-gradient(top, #2D4173 0%, #3A5697 100%);
	background: linear-gradient(to bottom, #2D4173 0%, #3A5697 100%);
	color: #FFFFFF;
}
.sg-icon-wrapper {
	text-align: center;
}
.sg-icon {
	position: relative;
}
.sg-icon::before {
	position: absolute;
	content: '';
	display: block;
}
.sg-icon-wrapper > .sg-icon {
	display: inline-block;
	padding: 0 7px 4px 15px;
	border-bottom: 1px dashed #D8D8D8;
	color: #666666;
}
.sg-icon-wrapper > .sg-icon:before {
	top: -1px;
	left: 0;
}
.sg-icon_plus::before {
	width: 14px;
	height: 14px;
	background: url(/img/icon.plus.svg) no-repeat;
	background-size: 14px 14px;
}
.no-svg .sg-icon_plus:before {
	background-image: url(/img/icon.plus.png);
}
.sg-icon_minus::before {
	width: 14px;
	height: 14px;
	background: url(/img/icon.minus.svg) no-repeat;
	background-size: 14px 14px;
}
.no-svg .sg-icon_minus:before {
	background-image: url(/img/icon.minus.png);
}
.sg-icon_arrow-right-blue {
	position: relative;
}
.sg-icon_arrow-right-blue::before {
	position: absolute;
	content: '';
	display: block;
	top: 1px;
	right: 0;
	margin: auto 0;
	width: 6px;
	height: 12px;
	background: url(/img/icon.arrow.right.blue.svg) no-repeat;
	background-size: 6px 12px;
}
.no-svg .sg-icon_arrow-right-blue::before {
	background-image: url(/img/icon.arrow.right.blue.png);
}
.sg-icon_human::before {
	width: 22px;
	height: 21px;
	background: url(/img/icon.human.svg) no-repeat;
	background-size: 22px 21px;
}
.no-svg .sg-icon_human::before {
	background-image: url(/img/icon.human.png);
}
.sg-icon_airplane_hotel::before {
	width: 20px;
	height: 24px;
	background: url(/img/icon.airplane.hotel.svg) no-repeat;
	background-size: 20px 24px;
}
.no-svg .sg-icon_airplane_hotel::before {
	background-image: url(/img/icon.airplane.hotel.png);
}
.sg-icon_airplane::before {
	width: 23px;
	height: 22px;
	background: url(/img/icon.airplane.svg) no-repeat;
	background-size: 23px 22px;
}
.no-svg .sg-icon_airplane::before {
	background-image: url(/img/icon.airplane.png);
}
.sg-icon_japan::before {
	width: 22px;
	height: 19px;
	background: url(/img/icon.japan.svg) no-repeat;
	background-size: 22px 19px;
}
.no-svg .sg-icon_japan::before {
	background-image: url(/img/icon.japan.png);
}
.sg-boxed {
	background: #FFFFFF;
	border-bottom: 2px solid #DDDDDD;
}
* + .sg-boxed {
	margin-top: 15px;
}
.sg-boxed + .sg-boxed {
	margin-top: 10px;
}
.sg-boxed_head {
	padding: 8px 10px 10px;
	background: #E2EDF2;
	border-top: 3px solid #2C4075;
	color: #2C4075;
	font-size: 16px;
}
.sg-boxed_subTitle {
  padding: 10px;
  background: #f2f2f2;
  font-size: 14px;
  font-weight: bold;
}
.sg-boxed_head-text {
	float: left;
	font-size: 16px;
}
.sg-boxed_head-link {
	position: relative;
	float: right;
	margin-top: 2px;
	padding-right: 15px;
	font-size: 12px;
	font-weight: bold;
}
.sg-boxed_head-link::before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 6px;
	height: 12px;
	content: "";
	background: url(/img/icon.arrow.right.blue.svg) no-repeat;
	background-size: 6px 12px;
}
.no-svg .sg-boxed_head-link::before {
	background-image: url(/img/icon.arrow.right.blue.png);
}
.sg-links li {
	border-bottom: 2px solid #CCCCCC;
}
.sg-links li a {
	position: relative;
	display: block;
	padding: 18px 10px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.sg-links li a.hover {
	 background: #F2F2F2;
 }
.sg-links li a::after {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	left: 0;
	content: '';
	display: block;
	width: 7px;
	height: 13px;
	margin: auto 0 auto auto;
	background: url(/img/icon.arrow.right.gray.svg) no-repeat;
	background-size: 7px 13px;
}
.sg-links li a.sg-icon {
	padding-left: 42px;
}
.sg-links li a.sg-icon::before {
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto 0 auto;
}
.sg-links_thumbnail > li > a {
	height: auto;
	padding: 6px 9px;
}
.sg-links_thumbnail-image {
	float: left;
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 10px 0 0;
	padding: 2px;
	background: #FFFFFF;
	border: solid #CCCCCC;
	border-width: 0 1px 1px 0;
}
.sg-links_thumbnail-image > img {
	width: 100%;
}
.sg-links_thumbnail-name {
	line-height: 85px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.no-svg .sg-links > li > a::after {
	background-image: url(/img/icon.arrow.right.gray.png);
}
.sg-boxed-attention {
	padding-bottom: 40px;
}
.sg-list {
	padding: 20px 10px 0;
}
.sg-list_head {
	line-height: 1.4;
	padding-left: 20px;
	font-size: 14px;
	color: red;
}
.sg-list-inner {
	font-size: 12px;
	color: #666666;
}
.sg-list-inner > li {
	position: relative;
	line-height: 1.4;
	margin-top: 10px;
	padding-left: 15px;
}
.sg-list-inner > li:before {
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 10px;
	height: 11px;
	content: "";
	background: url(/img/icon.triangle.svg) no-repeat;
}
.sg-boxed-attention a {
	text-decoration: underline;
}

/* Calender */
.changeConditionsCalendar {
	display: none;
	width: 100%;
	border-radius: 4px;
	border-spacing: 0;
	border-collapse: separate;
	border: 1px solid #999999;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	background: #ffffff;
}
.changeConditionsCalendar .calendarMonth {
	font-size: 12px;
	font-weight: bold;
}
.changeConditionsCalendar .calendarMonthFigure {
	font-size: 16px;
}
.stepperButton select {
	display: none;
}
.selectNumberOfStays {
	position: absolute;
	top: 38px;
	right: 42px;
	width: 55px;
}
.selectNumberOfStaysText {
	position: absolute;
	top: 42px;
	right: 27px;
	font-size: 12px;
}
.changeConditionsCalendar:nth-of-type(1) {
	display: table;
}
.changeConditionsCalendar > thead td {
	padding: 18px 0;
	background: #D9EEFF;
}
.changeConditionsCalendar > tbody td {
	padding: 15px 10px;
	color: #333333;
}
.changeConditionsCalendar > tbody td.checkIn,
.changeConditionsCalendar > tbody td.checkOut {
	color: #FFFFFF;
	background: #FC6622;
}
.changeConditionsCalendar > tbody td.progress {
	background: #FFD6C3;
}
.calendarDayOfWeek th {
	padding: 10px 0;
	border-bottom: 1px solid #999999;
	font-weight: bold;
}
.changeConditionsCalendar td {
	padding: 10px 0;
}
.changeConditionsCalendar tr:not(:last-child) td {
	border-bottom: 1px dashed #999999;
}
.changeConditionsCalendarDisabled {
	color: #969696 !important;
}
.calendarPrevMonth,
.calendarNextMonth {
	position: absolute;
}
.calendarPrevMonth {
	top: 11px;
	left: 7%;
}
.calendarPrevMonth > a {
	position: relative;
	display: none;
}
.calendarPrevMonth > a > span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 10px;
	height: 12px;
	margin: auto;
}
.calendarPrevMonth > a,
.calendarPrevMonth > a.hover {
	width: 30px;
	height: 30px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	text-indent: -9999px;
	overflow: hidden;
}
.calendarPrevMonth > a > span {
	background: url(/img/icon.arrow.calendar.svg) no-repeat center;
	background-size: 10px 12px;
}
.no-svg .calendarPrevMonth > a > span {
	background-image: url(/img/icon.arrow.calendar.nosvg.png);
}
.calendarPrevMonth > a.hover > span {
	background: url(/img/icon.arrow.calendar.pressed.svg) no-repeat center;
	background-size: 10px 12px;
}
.no-svg .calendarPrevMonth > a.hover > span {
	background-image: url(/img/icon.arrow.calendar.pressed.nosvg.png);
}
.calendarNextMonth {
	top: 11px;
	left: 40%;
}
.calendarPrevMonth > a {
	position: relative;
	top: 20px;
}
.calendarNextMonth > a {
	position: relative;
	top: 20px;
}
.calendarNextMonth > a > span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 10px;
	height: 12px;
	margin: auto;
}
.calendarNextMonth > a,
.calendarNextMonth > a.hover {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}
.calendarNextMonth > a > span {
	background: url(/img/icon.arrow.calendar.svg) no-repeat center;
	background-size: 10px 12px;
}
.no-svg .calendarNextMonth > a > span {
	background-image: url(/img/icon.arrow.calendar.png);
}
.calendarNextMonth > a.hover > span {
	background: url(/img/icon.arrow.calendar.pressed.svg) no-repeat center;
	background-size: 10px 12px;
}
.no-svg .calendarNextMonth > a.hover > span {
	background-image: url(/img/icon.arrow.calendar.pressed.png);
}
.changeConditionsCalenderStay {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -35px;
	text-align: center;
}
.changeConditionsCalenderStay > a {
	display: block;
	width: 70px;
	height: 30px;
	line-height: 30px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #999999;
	background: #FFFFFF;
	font-weight: bold;
	color: #333333;
}

.sg-days_button {
	padding: 20px 10px;
	background: #F2F2F4;
}
.sg-days_button_decision {
	display: block;
	height: 30px;
	line-height: 30px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF !important;
	background: #2C4075;
}
.sg-days_button_decision.hover {
	background: #1D2C4C;
}
.sg-days_button_cancel {
	position: relative;
	display: block;
	width: 43%;
	height: 30px;
	line-height: 31px;
	margin-right: 10px;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF !important;
	background: #999999;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.sg-days_button_cancel.hover {
	background: #727272;
}
.sg-number_of_rooms_persons {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}
.sg-number_of_rooms_wrapper {
	background: #F2F2F4;
}
.sg-number_of_rooms_inner {
	margin: 20px 10px 0;
	padding: 0 10px;
	border-radius: 3px;
	border: 1px solid #B1B1B1;
	background: #FFFFFF;
}
.numberOfRooms > dt {
	float: left;
	padding-top: 15px;
	font-size: 12px;
	font-weight: bold;
}
.sg-areas {
	display: none;
}
.sg-areas_attention {
	position: absolute;
	top: 125px;
	right: 0;
	font-size: 10px;
	color: #FFFFFF;
}
.sg-areas_attention:before {
	content: '※';
}
.sg-number_of_persons_wrapper {
	padding: 20px 10px 100px;
	background: #F2F2F2;
}

.numberOfPerson {
	position: relative;
	border-top: 1px solid #D8D8D8;
}
.numberOfPerson:before {
	position: absolute;
	top: 45px;
	left: 0;
	right: 0;
	border-top: 1px dashed #D8D8D8;
	content: "";
}
.numberOfPerson:nth-of-type(3),
.numberOfPerson:nth-of-type(4),
.numberOfPerson:nth-of-type(5),
.numberOfPerson:nth-of-type(6),
.numberOfPerson:nth-of-type(7),
.numberOfPerson:nth-of-type(8),
.numberOfPerson:nth-of-type(9),
.numberOfPerson:nth-of-type(10),
.numberOfPerson:nth-of-type(11) {
	display: none;
}
.numberOfPersonChildren {
	display: none;
}
.changeConditions dl,
.numberOfPersonInner > li {
	position: relative;
	line-height: 44px;
}
.numberOfPersonChildWrapper {
	display: none;
}
.numberOfPerson:first-child {
	border-bottom: 1px solid #D8D8D8;
}
.numberOfPerson + .numberOfPerson {
	position: relative;
}
.numberOfPerson + .numberOfPerson:before {
	position: absolute;
	top: 46px;
	left: 0;
	right: 0;
	border-top: 1px dashed #B1B1B1;
	content: "";
}
.changeConditions .accommodationDate dt {
	display: inline-block;
	width: 30%;
	font-size: 12px;
	font-weight: bold;
}
.changeConditions .numberOfRooms dt {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 40%;
	font-size: 12px;
	font-weight: bold;
}
.numberOfPerson > dt {
	float: left;
	line-height: 44px;
	font-size: 12px;
	font-weight: bold;
}
.numberOfPerson > dd {
	float: right;
	line-height: 44px;
}
.accommodationDate {
	border-bottom: 1px solid #D8D8D8;
}
.jscCalendarAccordionToggle .accommodationDate:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 14px;
	height: 8px;
	margin-top: -4px;
	content: "";
	background: url(/img/icon.arrow.gray.open.svg) no-repeat;
}
.no-svg .accommodationDate:after {
	background: url(/img/icon.arrow.gray.open.png) no-repeat;
	background-size: 13px 7px;
}
.jscCalendarAccordionToggle.jscShown .accommodationDate:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.accommodationDate > dd {
	position: absolute;
	right: 20px;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
}
.changeConditionsCalendarWrapper {
	position: relative;
	padding: 20px 10px 0;
	background: #F2F2F2;
}
.numberOfRoomsInner > li,
.numberOfPersonInner > li {
	text-align: right;
}
.numberOfRoomsInner > li > span,
.numberOfPersonInner > li > span {
	font-size: 12px;
	font-weight: bold;
}
.criterion_value {
	font-size: 10px;
	font-weight: normal;
}
.numberOfPersonChild {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
}
.numberOfRoomsCount {
	display: inline-block;
	line-height: 44px;
	font-size: 12px;
	font-weight: bold;
}
.stepper_count {
	margin-right: 2px;
	font-size: 14px;
	font-weight: bold;
}
.stepperButton {
	display: inline-block;
	width: 90px;
	height: 44px;
	line-height: 44px;
	margin-left: 10px;
}
.stepperButton > .stepperButtonMinus,
.stepperButton > .stepperButtonPlus {
	display: inline-block;
	width: 43px;
	height: 28px;
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	color: #333333;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeef));
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeef 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #eeeeef 100%);
}
.stepperButton > .stepperButtonMinus.hover,
.stepperButton > .stepperButtonPlus.hover {
	background: #EEEEEF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeef), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #eeeeef 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #eeeeef 0%, #ffffff 100%);
}
.stepperButton > .stepperButtonMinus.disable,
.stepperButton > .stepperButtonPlus.disable {
	color: #A0A0A0;
	background: #FFFFFF;

}
.stepperButtonMinus {
	line-height: 28px;
	border-radius: 18px 0 0 18px / 20px 0 0 20px;
	border: 1px solid #999999;
}
.stepperButtonPlus {
	line-height: 28px;
	border-radius: 0 18px 18px 0 / 0 20px 20px 0;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.stepperButton > .stepperButtonPlus.disable {
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}
.stepperButton > .stepperButtonMinus.disable {
	border: 1px solid #D8D8D8;
}
.selectChildAge {
	width: 80px;
	margin: 0 5px 0 15px;
}
.numberOfPersonChildAttention {
	line-height: 25px;
	text-align: right;
	font-size: 10px;
}






.sg-areas {
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transition: 0.2S linear;
	transition: 0.2S linear;
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
	width: 100%;
	background: #F2F2F2;
}
.sg-areas_breadcrumb {
	padding: 4px 10px;
	font-size: 1px;
}
.sg-areas_breadcrumb > li {
	display: inline;
	font-size: 11px;
}
.sg-areas_breadcrumb > li + li::before {
	content: '>';
	margin-right: 3px;
	margin-left: 3px;
}
.sg-areas_text {
  padding: 4px 10px;
  font-size: 11px;
  font-weight: bold;
}
.sg-areas_head {
	padding: 7px 10px;
	background: #FF6600;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
}
.sg-areas_head-date {
	float: right;
	margin-top: -22px;
	margin-right: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}
.sg-areas_list {
	background: #FFFFFF;
}
.sg-areas_backbutton_area {
	padding: 15px 10px 20px;
}
.sg-areas_backbutton {
	position: relative;
	display: block;
	width: 110px;
	height: 30px;
	line-height: 31px;
	padding-left: 20px;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF !important;
	background: #999999;
}
.sg-areas_backbutton.hover {
	background: #727272;
}
.sg-areas_backbutton:after {
	position: absolute;
	top: 50%;
	left: 30px;
	display: block;
	width: 9px;
	height: 14px;
	margin-top: -7px;
	content: "";
	background: url(/img/icon.arrow.left.white.svg) 0 0 no-repeat;
}
.no-svg .sg-areas_backbutton:after {
	background: url(/img/icon.arrow.left.white.png) no-repeat;
	background-size: 9px 14px;
}

/* Page styles */
.topMain {
	display: block;
	background: #F2F2F2;
	border-bottom: 1px solid #A7A7A7;
}
.pg-top_title {
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
}
.pg-top_catchcopy {
	padding: 4px 10px;
	color: #434343;
	font-size: 9px;
}
.pg-top_keyvisual-image {
	margin: 0;
	padding: 0;
	border: solid #CCCCCC;
	border-width: 1px 0;
}
.pg-top_keyvisual-image > img {
	width: 100%;
}
.pg-top_keyvisual + * {
	margin-top: 10px;
}
.pg-top_search {
	padding: 0 10px;
	margin-bottom:10px;
}
.pg-top_search > .sg-boxed_head {
  margin: 0 -10px 10px
}
.pg-top_search-row {
	overflow: hidden;
}
.pg-top_search-row + .pg-top_search-row {
	margin-top: 10px;
}
.pg-top_search-freeword-wrapper {
	display: table;
	width: 100%;
}
.pg-top_search-freeword {
	display: table-cell;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	border: 2px solid #FF6600;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	color: #999999 !important;
	background: #FFFFFF;
	vertical-align: middle;
}
.pg-top_search-freeword-set {
	color: #333333 !important;
}
.pg-top_search-row-input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border: 2px solid;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
}
.pg-top_search-row-input.pg-top_search-row-input-orange {
	border-color: #FF6600;
}
.pg-top_search-link {
	text-align: right;
}
.pg-top_search-link > a {
	line-height: 1;
	padding-right: 12px;
	font-size: 13px;
	font-weight: bold;
}
.pg-top_search-row + .pg-top_search-link {
	margin-top: 5px;
}
.pg-top_search-link + .pg-top_search-row {
	margin-top: 8px;
}
.pg-top_search-link + .pg-top_search-row .pg-top_inputbutton-text {
	width: 150px;
	text-align: right;
}
.pg-top_inputbutton {
	display: block;
	height: 40px;
	padding: 0 11px;
	background: #FFFFFF;
	border: 1px solid #CBCBCB;
	border-radius: 4px;
}
.pg-top_inputbutton-head {
	float: left;
	line-height: 40px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.pg-top_inputbutton-text {
	float: right;
	line-height: 40px;
	color: #666666;
	font-size: 12px;
}
.pg-top_search-row + .pg-top_search-add {
	margin-top: 20px;
}
.pg-top_search-add {
	font-size: 12px;
	font-weight: bold;
}
.pg-top_search-add + .pg-top_search-submit {
	margin-top: 20px;
}
.sg-top_search-add-inner {
	overflow: hidden;
}
.sg-search-add-boxed {
	margin-top: 20px;
	padding: 10px 11px 15px;
	background: #FFFFFF;
	border: 1px solid #CBCBCB;
	border-radius: 4px;
}
.sg-search-price > .sg-search-title {
	text-align: left;
	margin-bottom: 10px;
}
.sg-search-rank > .sg-search-title {
	text-align: left;
	margin-bottom: 10px;
}
.sg-search-title {
	padding-top: 3px;
}
.sg-search-hotel-price-select {
	display: table;
	width: 100%;
}
.sg-search-hotel-price-select > .min-rate,
.sg-search-hotel-price-select > .min-to-max,
.sg-search-hotel-price-select > .max-rate,
.sg-search-hotel-rank-select > .hotel-rating-min,
.sg-search-hotel-rank-select > .hotel-rating-min-to-max,
.sg-search-hotel-rank-select > .hotel-rating-max {
	display: table-cell;
}
.sg-search-hotel-price-select > .min-rate,
.sg-search-hotel-price-select > .max-rate,
.sg-search-hotel-rank-select > .hotel-rating-min,
.sg-search-hotel-rank-select > .hotel-rating-max {
	width: 100%;
}
.sg-search-hotel-price-select > .min-to-max,
.sg-search-hotel-rank-select > .hotel-rating-min-to-max {
	width: 20px;
	text-align: center;
}
.sg-search-hotel-price-select,
.sg-search-hotel-rank-select {
	display: table;
	width: 100%;
}
.sg-search-rank {
	margin-top: 15px;
}
.sg-freeword {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transition: 0.2S linear;
	transition: 0.2S linear;
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
	width: 100%;
	padding: 20px 10px 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #F2F2F2;
}
.sg-freeword .pg-top_freeword-input,
.pg-freeword .pg-top_freeword-input {
	display: table-cell;
	float: left;
	width: 75%;
	height: 44px;
	padding: 0 10px;
	border-radius: 4px;
	border: 2px solid #FF6600;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	vertical-align: middle;
	-webkit-appearance: none;
}
.sg-button_freeword {
	display: block;
	float: right;
	width: 23%;
	height: 40px;
	line-height: 40px;
	margin-left: 2%;
	margin-top: 2px;
	border-radius: 6px;
	font-weight: bold;
	text-align: center;
}
.sg-freeword-list {
	margin-top: 20px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	background: #FFFFFF;
}
.sg-freeword-list > li + li,
.sg-freeword-list > li > ul > li + li {
	border-top: 1px dashed #CCCCCC;
}
.sg-freeword-list > li > a,
.sg-freeword-list > li > ul > li > a {
	position: relative;
	display: block;
	padding: 18px 25px 18px 10px;
	line-height: 1.4;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.sg-freeword-list > li a::after,
.sg-freeword-list > li > ul > li > a::after {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	left: 0;
	content: '';
	display: block;
	width: 7px;
	height: 13px;
	margin: auto 0 auto auto;
	background: url(/img/icon.arrow.right.gray.svg) no-repeat;
	background-size: 7px 13px;
}
.sg-areas_backbutton_wrapper {
	margin-top: 20px;
}
.hotellistMore {
	margin-top: 50px;
	margin-right: 32px;
	margin-left: 32px;
	background: url(/img/animation.preloader.gif) no-repeat center center;
}
.sgButton {
	display: block;
	padding: 10px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeef));
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeef 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeef 100%);
	border-radius: 4px;
	border: 1px solid #C3C3C3;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	font-size: 14px;
	text-align: center;
}
.sgButton.sgButtonGray {
	background: #7B7B7B;
	border: none;
	box-shadow: none;
	color: #FFFFFF;
}
.sg-city-show-more {
	margin-top: 20px;
	text-align: center;
}
.sg-city-show-more-btn {
	position: relative;
	display: inline-block;
	padding: 0 7px 4px 15px;
	border-bottom: 1px dashed #D8D8D8;
	font-size: 12px;
	font-weight: bold;
	color: #666666 !important;
}
.sg-city-show-more-btn::before {
	top: -1px;
	left: 0;
}

.pg-top_campaign {
	padding: 20px 0;
	font-size: 1px; /* For remove inline-block margin */
	text-align: center;
}
.pg-top_campaign-image {
	display: inline-block;
	width: 40.6%;
	margin: 0 5px;
	padding: 2px;
	border: 1px solid #D7D7D7;
}
.pg-top_campaign-image > img {
	width: 100%;
}
.pg-top_footbanner {
	display: block;
	width: 85.9%;
	margin: 20px auto 0;
}
.pg-top_footbanner img {
	width: 100%;
}
.pg-freeword-wrapper {
	min-height: 100%;
	background: #F2F2F2;
}
.pg-freeword {
	width: 100%;
	padding: 20px 10px 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}