@charset 'shift_jis';

/* Basic  styles */
body,
a {
    font-family: 'ＭＳ Ｐゴシック','MS P Gothic',Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif,Helvetica;
}

.headerIcons .header_icon_totop {
    width: 50px;
    height: 34px;
    overflow: hidden;
    background: url(/img/btn_to_top_l.png) no-repeat;
    background-size: 50px 34px;
    text-indent: 100%;
    white-space: nowrap;
}

/* Common styles */
.header {
	border-bottom: none;
}
.header p {
	float: left;
}
.gatherPoints {
	margin-top: 5px;
	padding-right: 10px;
	font-size: 9px;
	text-align: right;
}
.gatherPointsStrong {
	font-size: 11px;
	font-weight: bold;
}
.gatherPoints + * {
	margin-top: 5px;
}
.outHotel {
	display: inline-block;
	margin-left: 7px;
	font-size: 10px;
}
.recruitPointWrapper span {
	color: #333333 !important;
}
.copyright a {
	line-height: 1.6 !important;
	color: #435B67 !important;
	text-decoration: underline !important;
}

/* Style guide */
.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.hover {
	background: #DEDEDE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DEDEDE), color-stop(100%,#FCFCFC));
	background: -webkit-linear-gradient(top,  #DEDEDE 0%,#FCFCFC 100%);
	background: linear-gradient(to bottom,  #DEDEDE 0%,#FCFCFC 100%);
	box-shadow: none;
}
.sgButton:link,
.sgButton:visited,
.sgButton:active,
.sgButton.hover {
	color: #333333;
}
.sgButton.sgButtonBold {
	font-weight: bold;
}
.sgButton.sgButtonGray {
	background: #7B7B7B;
	border: none;
	box-shadow: none;
	color: #FFFFFF;
}
.sgButton.sgButtonGray.hover {
	background: #4B4B4B;
}

/* Pages styles */
.hotellistMain {
	z-index: 1000;
	position: relative;
	display: block;
	background: #F7F7F7;
	border-bottom: 1px solid #A7A7A7;
}
.hotellistHead {
	line-height: 1.3;
	padding: 3px 10px;
	background: #FC6622;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
}
.hotellistHead + * {
	margin-top: 10px;
}
.hotellistHead .hotellistHead-title {
  margin-top: 0;
}
.hotellistHead .hotellistHead-info {
  margin-top: 0;
  font-size: 12px;
}
.hotellistCondition {
	margin-right: 10px;
	margin-left: 10px;
	padding: 20px 0;
	background: #FFFFFF;
	border: 1px solid #FC6622;
	border-radius: 3px;
	text-align: center;
}
.hotellistCondition + * {
	margin-top: 20px;
}
.hotellistConditionSetting {
	font-size: 12px;
}
.hotellistConditionSetting + * {
	margin-top: 8px;
}
.hotellistConditionChange {
	margin-right: 30px;
	margin-left: 30px;
}
.hotellistHotels {
    margin-top: 30px;
}
.hotellistHotels + * {
	margin-top: 50px;
}
.hotellistHotelsInformation {
	padding: 0 10px;
}
.hotellistHotelsInformation + * {
	margin-top: 10px;
}
.hotellistHotelsInformationCount {
	float: left;
	font-size: 10px;
}
.hotellistHotelsInformationCountStrong {
	color: #FC0000;
	font-size: 15px;
	font-weight: bold;
}
.hotellistHotelsInformation-listCount {
  float: left;
  font-size: 12px;
}
.hotellistHotelsInformation-listCount span {
  margin: 0 3px;
  font-size: 18px;
  font-weight: bold;
}
.hotellistHotelsInformationSort {
	float: right;
	font-size: 11px;
}
.hotellistResult {
	margin: 10px;
	background: #FFFFFF;
	border-top: 2px solid #46537C;
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
}
.hotellistResult + .hotellistResult {
	margin-top: -1px;
}
.hotelInformation {
	border-bottom: 1px dashed #C8C8C8;
}
.hotelInformation > a {
	position: relative;
	display: block;
	padding: 10px 5% 10px 10px;
}
.hotelInformation > a.hover {
	background: #F2F2F2;
}
.hotelInformation > a:before {
	position: absolute;
	display: inline-block;
	content: '';
	right: 5px;
	top: 50%;
	width: 8px;
	height: 13px;
	margin-top: -7px;
	background: url(/img/icon.arrow.link.right.svg) no-repeat;
	background-size: 8px 13px;
}
.no-svg .hotelInformation > a:before {
	background-image: url(/img/icon.arrow.link.right.png);
}
.hotelInformation + * {
	margin-top: 8px;
}
.hotelInformationThumbnail {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	overflow: hidden;
}
.hotelInformationThumbnail > img {
	width: 100%;
}
.hotelInformationData {
	overflow: hidden;
}
.hotelInformationData .hotelName {
	font-size: 14px;
}
.hotelInformationData .hotelName + * {
	margin-top: 4px
}
.hotelInformationData .hotelName span {
	display: block;
}
.hotelInformationData .hotelNameJp {
	line-height: 1.2;
}
.hotelInformationData .hotelNameEn {
	margin-top: 3px;
	font-size: 9px;
	font-weight: normal;
}
.hotelInformationData .hotelArea + * {
	margin-top: 5px;
}
.hotelInformationData .hotelAreaName {
	float: left;
	color: #444444;
	font-size: 9px;
}
.hotelInformationData .hotelAreaNameHead,
.hotelInformationData .hotelAreaNameBody {
	float: left;
	display: block;
	padding: 2px;
}
.hotelInformationData .hotelAreaNameHead {
	background: #F2F2F2;
}
.hotelInformationData .hotelAreaMap {
	float: right;
	display: block;
	background: #FEFEFE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ececed));
	background: -webkit-linear-gradient(top,  #fefefe 0%,#ececed 100%);
	background: linear-gradient(to bottom,  #fefefe 0%,#ececed 100%);
	border: 1px solid #2D4173;
	border-radius: 2px;
	font-size: 10px;
}
.hotelInformationData .hotelAreaMap a {
	display: block;
	padding: 1px 4px;
}
.hotelInformationData .hotelAreaMap a:link,
.hotelInformationData .hotelAreaMap a:visited {
	color: #2D4173;
}
.hotelInformationData .hotelOptionsRank {
	/*float: left;*/
	line-height: 12px;
	color: #BD2428;
	font-size: 11px;
}
.hotelInformationData .hotelOptionsRank .letter {
  padding-left: 5px;
  font-size: 12px;
}
.hotelInformationData .hotelOptionsCredit {
	/*float: right;*/
  margin-top: 5px;
	line-height: 12px;
	color: #81AC46;
	font-size: 9px;
}
.hotelInformationData .hotelOptionsArea {
  margin-top: 5px;
  font-size: 11px;
  color: #333;
}
.hotelInformationData .hotelOptionsArea:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
  margin-right: 2px;
  vertical-align: bottom;
  background: url("/jalan/common/image/icon_map_marker.png") no-repeat 0 0;
  background-size: 8px 12px;
}
.hotelInformationData .hotelOptionsDetail {
  margin-top: 5px;
  padding-top: 2px;
  font-size: 10px;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hotelNoCoupon {
	margin-top: 4px;
	color: #FD462A;
	font-size: 9px;
}
.detailRoomArea-inner > a {
  display: block;
  position: relative;
  padding-right: 5%;
  color: #333;
}
.detailRoomArea-inner > a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 8px;
  height: 13px;
  margin-top: -7px;
  background: url("/img/icon.arrow.link.right.svg") no-repeat;
  background-size: 8px 13px;
}
.detailRoomTitle h3 {
  color: #2489CE;
  font-size: 80%;
  padding: 10px 0px 0px 0px;
}
.hotelPrices {
	padding-left: 10px;
	border-bottom: 1px dashed #C8C8C8;
	border-bottom:none;
}
.hotelPricesTax {
	font-size: 10px;
	text-align: right;
}
.hotelPricesTax + * {
	margin-top: 3px;
}
.hotelPrices .hotelPricesOneday {
	padding: 7px 10px 3px;
	background: #F2F2F2;
}
.hotelPrices .hotelPricesOnedayHead {
	float: left;
	line-height: 17px;
	color: #4C4C4C;
	font-size: 12px;
	font-weight: normal;
}
.hotelPrices .hotelPricesOnedayDiscounted,
.hotelPrices .hotelPricesOnedayNodiscount,
.hotelPrices .hotelPricesOnedayPercent {
	float: right;
	line-height: 17px;
}
.hotelPrices .hotelPricesOnedayDiscounted {
	font-size: 16px;
	font-weight: bold;
}
.hotelPrices .hotelPricesOnedayNodiscount {
	margin-right: 4px;
	font-size: 10px;
	text-decoration: line-through;
}
.hotelPrices .hotelPricesOnedayPercent {
	margin-right: 5px;
	color: #FA4834;
	font-size: 9px;
	font-weight: bold;
}
.hotelPrices .hotelPricesTotal {
	padding: 7px 10px 4px;
}
.hotelPrices .hotelPricesTotal + * {
	margin-top: 2px;
}
.hotelPrices .hotelPricesDetail {
	text-align: right;
}
.hotelPrices .hotelPricesDetail a {
	display: inline-block;
	padding-right: 8px;
	background: url(/img/icon.arrow.blue.right.svg) no-repeat right 0;
	font-size: 12px;
	font-weight: bold;
}
.no-svg .hotelPrices .hotelPricesDetail a {
	background-image: url(/img/icon.arrow.blue.right.png);
	background-size: 6px auto;
}
.hotelPrices .hotelPricesTotalHead {
	float: left;
	line-height: 17px;
	color: #4C4C4C;
	font-size: 10px;
	font-weight: normal;
}
.hotelPrices .hotelPricesTotalPrice,
.hotelPrices .hotelPricesTotalExplain {
	float: right;
	line-height: 17px;
}
.hotelPrices .hotelPricesTotalPrice {
	font-size: 13px;
	font-weight: bold;
}
.hotelPrices .hotelPricesTotalExplain {
	margin-right: 5px;
	font-size: 10px;
}
.btnHotelAsideAnchor {
  border-top: 1px dashed #c8c8c8;
}
.btnHotelAsideAnchor > a {
  display: block;
  position: relative;
  padding: 15px 5% 15px 10px;
  font-size: 12px;
  font-weight: bold;
}
.btnHotelAsideAnchor > a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 8px;
  height: 13px;
  margin-top: -7px;
  background: url("/img/icon.arrow.link.right.svg") no-repeat;
  background-size: 8px 13px;
}
.btnOtherRoomType > a {

}
.btnGetHotelCoupon > a {
  font-size: 14px;
  text-align: center;
}
.hotelShowMap {
	height: 15px;
	padding: 8px 0 10px;
	text-align: center;
	display:none;
}
.hotelShowMap > a {
	display: inline-block;
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
}
.hotelShowMap > a:before {
	display: inline-block;
	content: '';
	width: 9px;
	height: 15px;
	margin-right: 4px;
	margin-bottom: -2px;
	background: url(/img/icon.map.link.svg) no-repeat;
	background-size: 9px 15px;
}
.no-svg .hotelShowMap > a:before {
	background-image: url(/img/icon.map.link.png);
}
.hotellistMore {
	margin-right: 42px;
	margin-left: 42px;
	background: url(/img/animation.preloader.gif) no-repeat center center;
}
.hotellistTotop {
	height: 26px;
	margin-top: 50px;
}
.hotellistTotop a {
	position: fixed;
	right: 10px;
	bottom: 0;
	float: right;
	display: block;
	width: 100px;
	padding: 8px 0 6px;
	background: #FF7E27;
	border-radius: 4px 4px 0 0;
	opacity: 0;
	visibility: hidden;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
.hotellistTotop a.hover {
	background: #FF6600;
}

#jsiShowMoreContents {
	height: 0;
	overflow: hidden;
}

.pg-top_search-add {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}
.sg-icon-wrapper {
	text-align: center;
}
.sg-icon-wrapper > .sg-icon {
	display: inline-block;
	padding: 0 7px 4px 15px;
	border-bottom: 1px dashed #D8D8D8;
	color: #666666;
}
.sg-icon {
	position: relative;
}
.sg-icon::before {
	position: absolute;
	top: -1px;
	left: 0;
	content: '';
	display: block;
}
.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-top_search-add-inner {
	overflow: hidden;
}
.sg-search-add-boxed {
	margin-top: 20px;
}
.sg-search-rank {
	margin-top: 15px;
}
.sg-search-price > .sg-search-title {
	text-align: left;
	margin-bottom: 10px;
}
.sg-search-title {
	padding-top: 3px;
}
.sg-search-hotel-price-select, .sg-search-hotel-rank-select {
	float: right;
}
.sg-search-hotel-price-select,
.sg-search-hotel-rank-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;
}
.hotelDistrict {
	width: 100%;
}
.sg-search-rank > .sg-search-title {
	margin-bottom: 10px;
}
.sg-search-title {
	padding-top: 3px;
}
.sg-search-hotelname {
	position: relative;
	margin-top: 15px;
}
.sg-search-hotelname > .sg-search-title {
	margin-bottom: 10px;
}
.pg-list_freeword-input {
	position: absolute;
	right: 0;
	display: table-cell;
	width: 100%;
	height: 25px;
	padding: 0 10px;
	vertical-align: middle;
	border: 2px solid #FF6600;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
}

/*---------------------------------------------------------
 selectArea
-----------------------------------------------------------*/

.selectArea {
  background: #f2f2f2;
  border-top: 2px solid #ddd;
}

/* contentsTab
-------------------------------------------------*/

.contentsTab {
  position: relative;
  z-index: 2;
  padding: 10px 10px 0;

}

.contentsTab-inner {
  position: relative;
  width: 100%;
}

.contentsTab ul {
  width: 100%;
  height: 44px;
  overflow: hidden;
}

.contentsTab ul li {
  float: left;
  width: 33.3%;
  background: #FFF;
  border-top:4px solid #ccc;
  font-size: 12px;
  text-align: center;
}

.contentsTab ul li span {
  display: block;
  height: 39px;
  padding-top: 8px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  /*border-bottom: 1px solid #999;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
}
.contentsTab ul li.tab1 span {
  padding-top: 15px;
  border-left-color: #fff;
}

.contentsTab ul li.currentTab {
  border-top: 4px solid #f60;
  background: #f2f2f2;
}
.contentsTab ul li.currentTab span {
  height: 40px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid transparent;
  color: #000;
}


/* selectArea-contents
-------------------------------------------------*/

.selectArea-contents {
  position: relative;
  margin-top: -1px;
  padding-top: 2px;
  border-top: 1px solid #999;
  background: #f2f2f2;
}

.selectArea-contents-area {
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
}


/*---------------------------------------------------------
 searchAreaList
-----------------------------------------------------------*/

.searchAreaList { padding: 20px 5px 20px 10px; }

.searchAreaList ul { overflow: hidden; }

.searchAreaList li {
  float: left;
  width: 33.3%;
  margin-top: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 5px;
}

.searchAreaList li img {
  width: 100%;
  height: auto;
}


/*---------------------------------------------------------
 saleInfoArea
-----------------------------------------------------------*/

.saleArea {
  padding-top: 10px;
  background: #f2f2f2;
}

.saleArea-notes {
  margin:  0 10px;
  font-size: 11px;
  color: #666;
  line-height: 1.5;
}

.saleAreaList { padding-top: 10px; }
.saleAreaList + .saleAreaList { border-top: 2px solid #ddd; }

.saleAreaList h3 {
  padding: 0 10px 5px;
  font-size: 14px;
  font-weight: bold;
}


/* hotelItem-contents
-------------------------------------------------*/

.hotelItem {
  background: #fff;
  border-bottom: 2px solid #ccc;
}
.hotelItem:first-child { border-top: 2px solid #ccc; }

.hotelItem a {
  display: block;
  position: relative;
  padding: 10px 20px 10px 10px;
  font-size: 12px;
  overflow: hidden;
}
.hotelItem a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  width: 7px;
  height: 13px;
  margin-top: -6px;
  background: url("/img/icon.arrow.right.gray.svg") no-repeat 0 0;
  background-size: 7px 13px;
}
.hotelItem.linkTextOnly a {
  padding: 15px 20px 15px 15px;
  color: #333;
  font-weight: bold;
}

/* hotelItem-thumb */
.hotelItem-thumb {
  float: left;
  width: 105px;
  margin: 0 10px 0 0;
}
.hotelItem-thumb img {
  width: 100px;
  height: 100px;
}

/* hotelItem-info */
.hotelItem-info,
.hotelItem-head { overflow: hidden; }

.hotelItem-areaIcon {
  float: left;
  display: inline-block;
  margin-right: 5px;
  padding: 4px 5px 2px;
  vertical-align: middle;
  background: #5eabe4;
  font-size: 10px;
  color: #fff;
}

.hotelItem-hotelName {
  padding-top: 3px;
  font-size: 12px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hotelItem-review {
  margin-top: 5px;
  font-size: 10px;
  color: #bf2121;
}

.hotelItem-review-star { margin-right: 10px; }

.hotelItem-price { margin-top: 3px; }
.hotelItem-price-balloon {
  display: inline-block;
  position: relative;
  padding: 2px 10px 1px;
  background: #ffb433;
  border-radius: 4px;
  font-size: 11px;
  color: #333;
  font-weight: bold;
}
.hotelItem-price-balloon:after {
  content: "";
  position: absolute;
  bottom: -7px;
  right: 7px;
  width: 14px;
  height: 7px;
  background: url("/img/img.top.balloon.png") no-repeat 0 0;
  background-size: 14px 7px;
}

.hotelItem-price-num {
  margin-top: 7px;
  font-size: 12px;
  color: #333;
}

.hotelItem-price-num-old {
  font-size: 11px;
  text-decoration: line-through;
}
.hotelItem-price-num-off { font-weight: bold; }



/*---------------------------------------------------------
 selectArea
-----------------------------------------------------------*/

.selectArea {
  background: #f2f2f2;
  border-top: 2px solid #ddd;
}

/* contentsTab
-------------------------------------------------*/

.contentsTab {
  position: relative;
  z-index: 2;
  padding: 10px 10px 0;

}

.contentsTab-inner {
  position: relative;
  width: 100%;
}

.contentsTab ul {
  width: 100%;
  height: 44px;
  overflow: hidden;
}

.contentsTab ul li {
  float: left;
  width: 33.3%;
  background: #FFF;
  border-top:4px solid #ccc;
  font-size: 12px;
  text-align: center;
}

.contentsTab ul li span {
  display: block;
  height: 39px;
  padding-top: 8px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  /*border-bottom: 1px solid #999;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
}
.contentsTab ul li.tab1 span {
  padding-top: 15px;
  border-left-color: #fff;
}

.contentsTab ul li.currentTab {
  border-top: 4px solid #f60;
  background: #f2f2f2;
}
.contentsTab ul li.currentTab span {
  height: 40px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid transparent;
  color: #000;
}


/* selectArea-contents
-------------------------------------------------*/

.selectArea-contents {
  position: relative;
  margin-top: -1px;
  padding-top: 2px;
  border-top: 1px solid #999;
  background: #f2f2f2;
}

.selectArea-contents-area {
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
}


/*---------------------------------------------------------
 searchAreaList
-----------------------------------------------------------*/

.searchAreaList { padding: 20px 5px 20px 10px; }

.searchAreaList ul { overflow: hidden; }

.searchAreaList li {
  float: left;
  width: 33.3%;
  margin-top: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 5px;
}

.searchAreaList li img {
  width: 100%;
  height: auto;
}


/*---------------------------------------------------------
 saleInfoArea
-----------------------------------------------------------*/

.saleArea {
  padding-top: 10px;
  background: #f2f2f2;
}

.saleArea-notes {
  margin:  0 10px;
  font-size: 11px;
  color: #666;
  line-height: 1.5;
}

.saleAreaList { padding-top: 10px; }
.saleAreaList + .saleAreaList { border-top: 2px solid #ddd; }

.saleAreaList h3 {
  padding: 0 10px 5px;
  font-size: 14px;
  font-weight: bold;
}


/* hotelItem-contents
-------------------------------------------------*/

.hotelItem {
  background: #fff;
  border-bottom: 2px solid #ccc;
}
.hotelItem:first-child { border-top: 2px solid #ccc; }

.hotelItem a {
  display: block;
  position: relative;
  padding: 10px 20px 10px 10px;
  font-size: 12px;
  overflow: hidden;
}
.hotelItem a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  width: 7px;
  height: 13px;
  margin-top: -6px;
  background: url("/img/icon.arrow.right.gray.svg") no-repeat 0 0;
  background-size: 7px 13px;
}
.hotelItem.linkTextOnly a {
  padding: 15px 20px 15px 15px;
  color: #333;
  font-weight: bold;
}

/* hotelItem-thumb */
.hotelItem-thumb {
  float: left;
  width: 105px;
  margin: 0 10px 0 0;
}
.hotelItem-thumb img {
  width: 100%;
  height: auto;
}

/* hotelItem-info */
.hotelItem-info,
.hotelItem-head { overflow: hidden; }

.hotelItem-areaIcon {
  float: left;
  display: inline-block;
  margin-right: 5px;
  padding: 4px 5px 2px;
  vertical-align: middle;
  background: #5eabe4;
  font-size: 10px;
  color: #fff;
}

.hotelItem-hotelName {
  padding-top: 3px;
  font-size: 12px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hotelItem-review {
  margin-top: 5px;
  font-size: 10px;
  color: #bf2121;
}

.hotelItem-review-star { margin-right: 10px; }

.hotelItem-price { margin-top: 3px; }
.hotelItem-price-balloon {
  display: inline-block;
  position: relative;
  padding: 2px 10px 1px;
  background: #ffb433;
  border-radius: 4px;
  font-size: 11px;
  color: #333;
  font-weight: bold;
}
.hotelItem-price-balloon:after {
  content: "";
  position: absolute;
  bottom: -7px;
  right: 7px;
  width: 14px;
  height: 7px;
  background: url("/img/img.top.balloon.png") no-repeat 0 0;
  background-size: 14px 7px;
}

.hotelItem-price-num {
  margin-top: 7px;
  font-size: 12px;
  color: #333;
}

.hotelItem-price-num-old {
  font-size: 11px;
  text-decoration: line-through;
}
.hotelItem-price-num-off { font-weight: bold; }


/*---------------------------------------------------------
 abroadArea
-----------------------------------------------------------*/

.abroadArea .sg-boxed_head span {
  margin-left: 11px;
  font-size: 12px;
  color: #ff4040;
}

.abroadArea-info {
  padding: 10px;
  background: #f2f2f2;
  border-bottom: 2px solid #ccc;
}

.abroadArea-info-logo {
  width: 154px;
}

.abroadArea-info-logo img {
  width: 100%;
  height: auto;
}

.abroadArea-info-notes {
  margin-top: 10px;
  font-size: 11px;
  color: #666;
  line-height: 1.5;
}

/*---------------------------------------------------------
 recommendHotelList
-----------------------------------------------------------*/

.recommendHotelList dt {
  position: relative;
  padding: 15px 15px 15px 29px;
  border-bottom: 2px solid #ccc;
  background: #f2f2f2;
  font-size: 14px;
  font-weight: bold;
}

.recommendHotelList dt:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background: url("/img/icon.plus.svg") no-repeat 0 0;
  background-size: 14px 14px;
}
.recommendHotelList dt.active:before {
  background-image: url("/img/icon.minus.svg");
}


/*---------------------------------------------------------
 modal
-----------------------------------------------------------*/

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  background: #f2f2f2;
  overflow-y: scroll;
}

.modal-inner { padding-bottom: 150px; }

.modal-inner .sg-links li span {
  display: block;
  position: relative;
  padding: 18px 10px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}


/*---------------------------------------------------------
 hotellist
-----------------------------------------------------------*/

.hotellist-aboutAnchorList { margin: 0 15px; }

.hotellist-aboutAnchorList li {
  margin-top: 10px;
  font-size: 12px;
  text-align: right;
}
.hotellist-aboutAnchorList li:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: -1px 3px 0 0;
  vertical-align: top;
  background: url("/jalan/common/image/icon_help.png") no-repeat 0 0;
  background-size: 12px 12px;
}


/* section
--------------------------------------------------*/

.hotellistAreaAbout {
  margin: 30px 10px 0;
  padding: 30px 10px 0;
  border-top: 1px solid #b2b2b2;
}

.hotellistAreaAbout h2 { font-size: 14px; }

.hotellistAreaAbout p {
  margin-top: 15px;
  font-size: 12px;
  line-height: 1.5;
}

.hotellistTopics {
  margin: 30px 10px 0;
  padding-top: 30px;
  border-top: 1px solid #b2b2b2;
}

.hotellistTopics h2 {
  padding: 0 10px;
  font-size: 14px;
}

.hotellistTopics-anchorList { margin-top: 15px; }
.hotellistTopics-anchorList li { border-top: 1px dashed #b2b2b2; }
.hotellistTopics-anchorList li:last-child { border-bottom: 1px solid #b2b2b2; }

.hotellistTopics-anchorList a {
  display: block;
  position: relative;
  padding: 20px 10px;
  font-size: 12px;
}
.hotellistTopics-anchorList a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 8px;
  height: 13px;
  margin-top: -7px;
  background: url("/img/icon.arrow.link.right.svg") no-repeat;
  background-size: 8px 13px;
}

.hotellist-lead {
  margin: 15px 0 -30px;
  padding: 0 15px;
  font-size: 11px;
  line-height: 16px;
}

.jlnsp-hotelMap{
  border-radius: 4px;
  height: 32px;
  line-height: 32px;
  background-color: #7f7f7f;
  margin-top: 10px;
  text-align: center;
}
.jlnsp-hotelMap .jlnsp-hotelMap--caption{
  font-size: 12px;
  color: #fff;
}
.jlnsp-hotelMap .jlnsp-hotelMap--caption:before{
  display: inline-block;
  content:"";
  background: url(/jalan/common/image/icon_map_maker_white.png) no-repeat 0 0;
  background-size: 10px 14px;
  height: 14px;
  width: 10px;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 4px;
}