/* -- hotel-list -- */
.gray-title{
	margin-bottom:1rem;
	color:#fff;
	line-height:2em;
	background:rgba(0,0,0,0.5);
	font-size:1.1rem;
}
.hotel-list{
	border-top:#f05e1c solid 3px;
	padding-top:15px;
}
.hotel-list .cell{
	display:inline-block;
	padding:30px 15px;
}
.hotel-list .cell .col-auto{
	padding-left:0;
	padding-right:0;
}
.hotel-list .cell .col-auto img{
	border:rgba(0,0,0,0.2) solid 1px;
}
.hotel-list .cell .detail h5{
	border-bottom:rgba(0,0,0,0.1) solid 2px;
	margin-bottom:1rem;
	line-height:1.5em;
	font-weight:bold;
	color:#00846d;
}
.hotel-list .cell .detail p{
	margin-bottom:0.2rem;
	padding-left:2rem;
	position:relative;
}
.hotel-list .cell .detail p:before{
	display:inline-block;
	font-family:'FontAwesome';
	font-size:1rem;
	position:absolute;
	left:0.5rem;
	top:0;
	color:rgba(62,175,175,.85);
}
.hotel-list .cell .detail p.add:before{
	content:'\f041';
}
.hotel-list .cell .detail p.tel:before{
	content:'\f095';
}
.hotel-list .cell .detail p.fax:before{
	content:'\f1ac';
}
.hotel-list .cell .detail p small{
	display:block;
	color:rgba(0,0,0,0.7);
}
.hotel-list .cell .detail .web{
	display:inline-block;
	margin-top:1rem;
	margin-left:2rem;
	padding-left:1rem;
	padding-right:3rem;
	color:#f05e1c;
	font-weight:bold;
	line-height:2rem;
	border-radius:calc(2rem + 2px);
	border:#f05e1c solid 1px;
	position:relative;
	transition:all .2s ease-in-out .2s;
}
.hotel-list .cell .detail .web:hover,
.hotel-list .cell .detail .web:focus{
	background:#f05e1c;
	color:#fff;
}
.hotel-list .cell .detail .web:after{
	display:inline-block;
	font-family:'FontAwesome';
	content:'\f08e';
	width:2rem;
	height:2rem;
	line-height:2rem;
	text-align:center;
	position:absolute;
	right:.5rem;
	top:0;
}