@charset "utf-8";

/* gourmet
-------------------------------------------------*/

.m_fuyuno-gourmet{
	max-width:550px;
	margin:0 auto 0;
}

.allergen{
	text-align:right;
	font-size:.8rem;
	line-height:1.2;
	margin:0 1rem 1rem;
}
	.allergen img{
		vertical-align:middle;
		margin:0 2px;
	}


.fr_orange{
	position:relative;
	padding:20px;
	background:#fcd8ba;
	border-radius:13px;
}
@media screen and (max-width: 450px){
	.fr_orange{
		padding:10px;
	}
}



#spa{
	position:relative;
	padding:2em 20px 2em;
	background:rgb(255,93,55);
	border-radius:13px;
	margin:0 auto 3rem;
}
	.m_onsen{
		max-width:503px;
		margin:auto;
	}
	.img_spa{
		float:left;
		width:48%;
		text-align:center;
		margin:0 0 30px;
	}
	.spa_info{
		float:left;
		width:52%;
		padding:0 1.5em 0 3em;
		margin:0 0 30px;
	}
	.spa_info h3{
		color:#ffff33;
		font-size:1.8rem;
		font-weight:bold;
		line-height:1.3;
		margin:0 0 1rem;
	}
	.spa_info .spa_open{
		color:#fff;
		font-weight:bold;
		margin:0 0 1rem;
	}
	.spa_info .spa_note{
		color:#fff;
		font-size:.9rem;
		line-height:1.4;
		margin:0 0 1rem;
	}
	.spa_info .spa_fee dt,
	.spa_info .spa_fee dd{
		color:#ffff33;
		font-size:1.1rem;
		font-weight:bold;
	}
	
	#spa .text_menu{
		margin:0 0 1em;
	}
	#spa small{
		font-size:.8rem;
	}
	#spa .f_item{
		margin: 0 2% 1rem;
	}
	#spa .f_item h3,
	#spa .f_item p,
	#spa .text_menu li{
		color:#fff !important;
	}
	#spa .f_item h3 span,
	#spa .text_menu li span{
		color:rgb(255,204,0) !important;
	}

@media screen and (max-width: 700px){
	.img_spa{
		float:none;
		width:100%;
		max-width:382px;
	}
	.spa_info{
		float:none;
		width:100%;
		padding:0 0 0 0;
	}
}


.ttl_label_orange,
.ttl_label_blue{
	color: #fff;
	border-radius: 3px;
	padding: .5em 1em .6rem;
	line-height:1.2;
	margin:0 0 1.5rem;
}
.ttl_label_orange{
	background: rgb(255,119,48);
}
	.ttl_label_orange b,
	.ttl_label_blue b{
		margin-left: .3em;
		font-size: 1.3em;
		position: relative;
		top: 1px;
	}
	.ttl_label_orange span,
	.ttl_label_blue span{
		float: right;
		font-weight: normal;
		font-size: .9em;
		position: relative;
		top: .4em;
	}
	.ttl_label_orange span:after,
	.ttl_label_blue span:after{
		content: "";
		display: table;
		clear: both;
	}
@media screen and (max-width: 600px){
	.ttl_label_orange,
	.ttl_label_blue{
		padding: .5em 1em 1rem;
		margin:0;
	}
	.ttl_label_orange span,
	.ttl_label_blue span{
		display:block;
		float: none;
	}
}

@media screen and (max-width: 767px){
		.clm2_item{
			width:100%;
		}
}

.time_fast{
	display:inline-block;
	padding:4px 7px;
	font-size:13px;
	font-weight:bold;
	line-height:1.2;
	background:orange;
	border-radius: 5px;
	margin:0 3px 5px 0;
}