@charset "utf-8";

/* pethotel
------------------------------------------------------*/ 

/*----------------------------------------------------*/ 
/* pageHeader
------------------------------------------------------*/ 

#contents div.pageHeader {
	width:750px;
	min-height:271px;
	_height:271px;
	margin-bottom:25px;
	background:url(/pethotel/img/bg_index_01.jpg) no-repeat 0 0;
	display: flex;
	align-items: center;
}

#contents div.pageHeader p {
	width:370px;
	padding:40px 0 0 46px;
 color: #ec4949;
 font-size: 18px;
 font-weight: bold;
	padding-bottom: 100px;
}

#contents div.pageHeader p strong{
	font-size: 14px;
}

h1 { 
border-bottom: 2px solid #00cc33;
color: #00cc33;
font-size: 24px;
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 30px;
}

h1::before { 
	content: "";
	width: 30px;
	aspect-ratio: 44/40;
	background: url(/img/icon_footprint.png) no-repeat center /contain;
}

/*----------------------------------------------------*/ 
/* hotel_price
------------------------------------------------------*/ 

#contents div.hotel_price th {
	width:20%;
}

#contents div.hotel_price td.price {
	white-space:nowrap;
}

#contents .message p + p {
	margin-top: 20px;

}



#contents .message h2 { 
border-top: 1px solid #BFF2CA;
color: #00cc33;
font-size: 18px;
display: flex;
align-items: center;
gap: 12px;
padding: 5px 12px;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 30%, rgba(191, 242, 202, 1) 93%);
margin: 20px 0;
}

#contents .message h2:before { 
	content: "";
	width: 24px;
	aspect-ratio: 44/40;
	background: url(/img/icon_footprint.png) no-repeat center /contain;
}

#contents .message h3 { 
border-bottom: 1px solid #BFF2CA;
color: #00cc33;
margin: 15px 0;
padding-bottom: 5px;
}