@charset "UTF-8";

/**
 * ホテルリストページover write
 */
main{
	overflow:unset;
}
/*-- contents -----------------------------------*/
main > .responsiveBg1{
	margin-top:px;
	margin-bottom:px;
}
#hotelListBody #blockHotelList > div {
			backdrop-filter: var(--parts3-bgEffectFilter0, none);
	}
@media screen and (max-width: 640px) {
	#hotelListBody #blockHotelList > div {
					backdrop-filter: var(--parts3-bgEffectFilter0, none);
			}
	}
/*コンテンツタイトル*/

	#hotelListBody #blockHotelList .contentsTitleTop{
		padding-top:28px;
		padding-bottom:28px;
		padding-left:0px;
		padding-right:0px;
		min-height:unset;
		border-top:1px solid rgba(240,110,169,1);
		border-right:1px solid rgba(240,110,169,1);
		border-bottom:1px solid rgba(240,110,169,1);
		border-left:1px solid rgba(240,110,169,1);
	}
			@media screen and (min-width: 641px) {
									#hotelListBody #blockHotelList .contentsTitleTop .googleWebFontJp{
			text-align:center;
		    font-size:20px;
		}
	}
	@media screen and (max-width: 640px) {
		#hotelListBody #blockHotelList .contentsTitleTop{
			padding-top:28px;
			padding-bottom:28px;
			padding-left:0px;
			padding-right:0px;
		}
													#hotelListBody #blockHotelList .contentsTitleTop .googleWebFontJp{
			text-align:center;
		    font-size:18px;
		}
	}
#hotelListBody #blockHotelList .contentsTitleTop{
	border-radius: 10px 10px 0px 0px;
}
.hotelListWrap {
	overflow: unset !important;
}

.stickyNav{
		background-color:rgba(255,255,255, 1);
	/*margin-bottom:10px;*/
	position: sticky;
    z-index: 2;
	backdrop-filter: var(--parts3-bgEffectFilter0, none);
}
.stickyNav > div{
	padding:7px;
	font-size:16px;
}
.stickyNav > div > span{
	display:inline-block;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}
.stickyNav > div > span:last-child{
	margin-right:0px;
}
.stickyNav > div > span a{
			color:#F25E99;
	}

.stickyNav h3{
	font-size:16px;
			color:#333333;
		font-weight:;
		background-color:rgba(255,255,255, 1);
	padding:30px;
}

/*-- block HotelList ----------------------------------------------*/
#blockHotelList h2{
	font-size:20px;
}
.hotelListData{
	/*margin-top:10px;*/
	margin-bottom:10px;
}

.hotelListData h3 {
			background-image:url(/img/design/texture/texture_700_alpha.png);
				background-color:rgba(227,104,145, 1);
				color:#FFFFFF;
		background-repeat:repeat-x;
	background-size: contain;
	font-size:16px;
	font-weight:;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}
.hotelListData table{
	width:100%;
}
.hotelListData table th,
.hotelListData table td{
	padding:5px;
	line-height:120%;
			border:1px solid #F06EA9 !important;
		/*position:relative;*/
	box-sizing: border-box;
}
.hotelListData table th{
				background-color:#FEEBEF !important;
		color:# !important;
	font-size:16px;
	font-weight:;
	text-align:center;
	white-space:nowrap;
}
.hotelListData table th:nth-child(1){
	width:370px;
}
.hotelListData table th:nth-child(2){
	width:350px;
}
.hotelListData table th:nth-child(3){
	width:180px;
}
.hotelListData table th:nth-child(4){
	width:142px;
}
.hotelListData table td{
	background-color:# !important;
	color:# !important;
	font-size:16px;
	text-align:left;
}
.hotelListData table th.hotelLink,
.hotelListData table td.hotelLink{
	display:none;
}
.hotelListData table td a{
	color:#;
}
.areaHotelList{
	padding:.1px;
}
.deliveryCost{
	white-space:nowrap;
}
@media screen and (min-width: 641px) {
	/*.setHotelnameAddressMaplinkTelCommentDerivarycost*/
	.hotelListData table.setHotelname td.hotelName,
	.hotelListData table[class*=Maplink] td.hotelName,
	.hotelListData table[class*=Tel] td.hotelName,
	.hotelListData table[class*=Deliverycost] td.hotelName{
		white-space:unset;
		width:100%;
	}
	.hotelListData table[class*=Hotelname][class*=Address] td,
	.hotelListData table[class*=Hotelname][class*=Comment] td{
		white-space:unset;
		width:50%;
	}
	.hotelListData table[class*=Hotelname][class*=Address][class*=Comment] td{
		white-space:unset;
		width:33%;
	}
	.hotelListData table.table[class*=Maplink]:not([class*=Address]) td.addressMap,
	.hotelListData table.table[class*=Tel] td.tel,
	.hotelListData table.table[class*=Deliverycost] td.deliveryCost{
		white-space:nowrap;
		width:unset;
		text-align:center;
	}
	.hotelListData table.table[class*=Maplink]:not([class*=Address]) td.addressMap > div,
	.hotelListData table.table[class*=Tel] td.tel > div,
	.hotelListData table.table[class*=Deliverycost] td.deliveryCost > div{
		padding:0 8px;
	}
}
@media screen and (max-width: 640px) {
	.stickyNav{
		backdrop-filter: var(--parts3-bgEffectFilter0, none);
	}
	.stickyNav h3{
		padding:10px 5px;
	}
	.hotelListData table,
	.hotelListData tbody,
	.hotelListData tr,
	.hotelListData td{
		display:block;
		width:calc(100% - 1px);
		margin:0 auto;
		padding:0 !important;
	}
	.hotelListData thead,
	.hotelListData th{
		display:none;
	}
	.hotelListData table tbody tr{
					border:1px solid #F06EA9;
				margin-bottom:10px;
	}
	.hotelListData table td{
		border:0px !important;
	}
	.hotelListData table td.hotelName{
							background-color:#FEEBEF !important;
				color:#EE689D !important;
		font-size:16px;
		font-weight:;
		text-align:center;
	}
	.hotelListData table td.dataNull{
		display:none;
	}
	.hotelListData tr td div{
		padding-top:5px;
		padding-left:5px;
		padding-right:5px;
	}
	.hotelListData tr td:first-child div{
		padding-bottom:5px;
	}
	.hotelListData tr td:last-child div{
		padding-bottom:5px;
	}
	.hotelListData table th.hotelLink,
	.hotelListData table td.hotelLink{
		display:block;
		text-align:center;
	}
	.hotelListData table td.hotelLink a{
							background-color:#FEEBEF;
				color:#;
					border:1px solid #F06EA9;
				display:inline-block;
		border-radius:30px;
		padding:5px 10px;
	}
}
/*ページタイトル*/
.pageTitle:after{
										}

.hotelLocation {
	margin-right: 8px;
}