.page-title{
	text-align: center;
}
.title1--hotels{
	margin: 0;
	padding: 0;
}





.filter{
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #f0f0f0;
}
.filter__title{
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	
	font-size: 1.125em;
}
.filter__items{
	margin: 0;
	padding: 0;
	list-style: none;
	
	display: flex;
}
.filter__item{}
.filter__option{
	display: none;
}

.filter-button{}
.filter-button__label{
	display: block;
	text-align: center;
	background-color: #fff;
	border: 1px solid #ccc;
	
	cursor: pointer;
}
.filter-button__label:hover{
	border: 1px solid #000;
}

.filter__option:checked + .filter-button__label{
	color: #fff;
	background-color: #eca514;
}

.filter__more{
	display: block;
	
	color: inherit;
	text-decoration: inherit;
	
	background-color: #fff;
	border: 1px solid #ccc;
}
.filter__more:hover{
	background-color: #ddd;
}

@media (min-width: 769px){
	.filter{
		text-align: center;
	}
	.filter__items{
		flex-wrap: wrap;
		justify-content: center;
		
		margin-left: -1em;
	}
	.filter__item{
		margin-left: 1em;
		margin-bottom: 1em;
	}
	.filter-button__label{
		padding: 0 .5em;
	}
	.filter__more{
		padding: 0 .5em;
	}
}
@media (max-width: 768px){
	.filter__items{
		overflow: auto;
		position: relative;
	}
	.filter__item{
		white-space: nowrap;
		flex: 1 0 25%;
	}
	.filter__item:not(:first-child){
		margin-left: 1em;
	}
	.filter-button__label{
		padding: .5em 1em;
	}
	.filter__more{
		padding: .5em 1em;
	}
}







.hotels{}



.prefecture{
	margin-top: 5em;
	margin-bottom: 5em;
}
.prefecture__name{
	font-size: 1.5em;
	font-weight: bold;
	
	margin: 0;
	padding: 0;
	margin-bottom: 1em;;
}
@media (max-width: 768px){
	.prefecture{}
	.prefecture__name{
		position: sticky;
		top: 54px;
		background-color: #fff;
	}
}






.hotel-list{
	margin: 0;
	padding: 0;
	list-style: none;
	
	display: flex;
	flex-wrap: wrap;
}
.hotel-list__item{}
@media (min-width: 769px){
	.hotel-list{
		margin-left: -2%;
		margin-bottom: -2%;
	}
	.hotel-list__item{
		box-sizing: border-box;
		
		flex: 0 0 18%;
		
		margin-left: 2%;
		margin-bottom: 2%;
	}
}
@media (max-width: 768px){
	.hotel-list{
		margin-left: -3%;
	}
	.hotel-list__item{
		box-sizing: border-box;
		
		flex: 0 0 47%;
		
		margin-left: 3%;
		margin-bottom: 3%;
	}
}

.hotel__more{
	display: block;
	
	color: inherit;
	text-decoration: inherit;
	
	position: relative;
	z-index: 0;
}
.hotel__outer{
	margin-bottom: .5em;
}
.hotel__thumb{
	width: 100%;
}
.hotel__name{
	font-size: 1em;
	font-weight: bold;
	
	margin: 0;
	padding: 0;
}
.hotel__address{
	font-style: normal;
	
	margin: 0;
	padding: 0;
}


.hotel-icon{
	font-size: .75em;
	
	margin: 0;
	padding: 0;
	list-style: none;
	
	display: flex;
	flex-wrap: wrap;
	
	margin-left: -.5em;
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.hotel-icon__item{
	color: #fff;
	background-color: #ccc;
	
	padding: 0 1em;
	
	margin-left: .5em;
	margin-bottom: .5em;
}
.hotel-icon__item:before{
	content: "笳�";
	margin-right: .5em;
}
.hotel-icon__item--spa					{ background-color: #DA6525; }
.hotel-icon__item--bath					{ background-color: #DA6525; }
.hotel-icon__item--carbonated			{ background-color: #DA6525; }

.hotel-icon__item--spa:before			{ content: "笙ｨ"; }
.hotel-icon__item--bath:before			{ content: "繧�"; }
.hotel-icon__item--carbonated:before	{ content: "繧�"; }






.is-hide{
	display: none;
}