@charset "UTF-8";
/* CSS Document */

/* header navigation */
#directory .navigation ul li {
    width: 33.3333%;
}
#directory .navigation ul li a span {
	font-size:90%;
}
#directory .navigation ul li.herbis a {
    padding: 11px 20px;
}
/*#directory .navigation ul li.herbis a span .sp{
	display: none;
}*/
@media screen and (max-width: 768px){
	#directory .navigation ul li.herbis a {
    	padding: 13px 0;
		font-size: 80%;
	}
		/*#directory .navigation ul li.herbis a span .sp{
			display: inline-block;
		}*/
}

/* page anchor */
#directory .anchor ul li a {
    padding: 25px 40px;
	line-height: 1;
}
#directory .anchor ul li.herbis a {
    padding: 15px 40px;
	line-height: 1;
}
@media screen and (max-width: 768px){
	#directory .anchor ul li a {
		padding: 23px 0;
	}
	#directory .anchor ul li.herbis a {
		padding: 15px 0;
		font-size: 97%;
	}
}
@media screen and (max-width: 480px){
	#directory .anchor ul li.herbis a {
		font-size: 100%;
	}
}

/* h2 br */
h2.head-xl .sp {
	display: none;	
}
@media screen and (max-width: 480px){
	h2.head-xl .sp {
		display: inline-block;
	}
}

/* h3 */
#contents .list-menu .detail h3 span.note{
	margin-left: 30px;
	font-size: 80%;
}

/* menu tags */
.flow #contents .list-step .detail .tags.nc span,
.herbis #contents .list-step .detail .tags.nc span{
	background: #ec635e;
}
.flow #contents .list-step .detail .tags.ncf span,
.herbis #contents .list-step .detail .tags.ncf span{
	background: #ee7d3a;
}

/* menu variation */
.flow #contents .list-step .detail .text.variation span,
.herbis #contents .list-step .detail .text.variation span{
	margin-left: 15px;
}
.flow #contents .list-step .detail .text.variation span.strong,
.herbis #contents .list-step .detail .text.variation span.strong{
	margin-left: 0;
	font-weight: 700;
}

/* 予約 button */
#hand .reserve ul,#foot .reserve ul,#hand-h .reserve ul,#foot-h .reserve ul{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-template-rows: 100px auto;
	gap: 10px;
	margin: 0 auto;
    width: 70%;
	max-width: 700px;
}
.index #contents .reserve  .button-normal-center {
    padding: 27px;
    line-height: 1.2;
}
.index #contents .reserve .herbis .button-normal-center {
    padding: 15px 0;
    line-height: 1.2;
}
@media screen and (max-width: 768px) {
	.index #contents .reserve .button-normal {
		margin:0;
	}
	.button-normal-center {
		width: 100%;
		max-width: 100%;
	}
	.herbis .button-normal-center {
    	padding: 13px 0;
	}
	.index #contents .reserve .herbis .button-normal-center {
		padding: 19px 0;
	}
	#hand .reserve ul, #foot .reserve ul, #hand-h .reserve ul, #foot-h .reserve ul {
		width: 100%;
	}
}