.ui{
	background-image: url('_ui/menu.jpg');
	top: -2.4%;
	}
	main,.ui{
		/* height: 2675px; */
		--u:14.44px;
	}
	main{
		--w-mx:1440;
		--ux:calc(var(--w-mx)/100);
		--vw:min(var(--ux)*1px,1vw);
		--fz-mi:14px;
	}
	.content .h h1{
	height: 86px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin: 0px;
	padding: 0px;
	/* background-color: #ff0; */
	/* color: #f00; */
	}
	.inside{
		/* background-color: orange; */
	}
	.h{
		/* transform: translate(-12px, 0px); */
	}
	.h > p{
		--fz: 25.3;
		font-size: calc(var(--fz)*var(--fzb)*1px);
		margin: 0;
		padding-top: 7px;
	}
	p.p2{
		/* color: #f00; */
		--fz: 23.8;
		line-height: 1.3;
		padding-top: 11px;
	}
	.dish{
	margin-top: 29px;
	--mb: 1;
	margin-bottom: min(var(--u)*var(--mb),var(--mb)*1vw);
	}
	.dish-bx{
		display: flex;
		height: 420px;
	}
	.dish-bx h1,.dish-bx p{
		font-size: calc(var(--fz)*var(--fzb)*1px);
	}
	.dish-bx h1{
	--fz: 42;
	display: flex;
	align-items: flex-end;
	margin-bottom: 0;
	text-align: left;
	line-height: 1.2;
	/* height: 21%; */
	}
	.dish-bx p{
	--fz: 24;
	margin: 0;
	line-height: 1.3;
	top: 14px;
	position: relative;
	/* margin-top: 35px; */
	}
	.dish-bx .im,.dish-bx .txt{
		width: 50%;
	}
	.dish-bx .txt{
	/* padding: 110px 0 0 27px; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 27px;
	}
	.dish-bx .im{
		background: url('img/menu1.jpg') top center/auto 100% no-repeat #000;
	}
	.dish-bx img{
		/* width: 100%;
		display: block; */
		display: none;
		width: 100%;
	}
	.bx1 h1{color: #518030;}
	.bx1 .txt{background-color: #fff;}
	.bx2 h1{color: #364a17;}
	.bx2 .txt{background-color: #c8ccb3;}
	.bx3 h1{color: #fff;}
	.bx3 .txt{background-color: #789447;}
	/*
	.content .h h1{
		font-size: clamp(
			var(--fz-mi),			
			var(--fz)*var(--fzb)*1vw,
			var(--fz)*var(--fzb)*var(--ux)*1px
		);
	}
	*/

	.dish-bx p,
	.dish-bx h1{
		--fz-add:6px;
		font-size: clamp(
			var(--fz-mi),			
			((1vw*var(--fz)/var(--ux)) + var(--fz-add))*var(--fzb),
			var(--fz)*var(--fzb)*1px
		);
	}
	/*
	.page .whats-app-bt{
		transition: all 300ms ease;
		position: absolute;
		top: 800px;
		bottom: auto;
		display: block;
		z-index: 10;
	}
	.page .whats-app-bt img{
		display: block;
	}
	*/
	.js-chk{
		display: fixed;
		bootom: 0;
		left: 0;
		background-color: rgba(255,255,255,0.8);		
	}
	.whats-app-bt span.wbt{
		text-align: right;
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		font-size: 20px;
		background-color: rgba(0,0,0,0.5);
		width: 100%;
		color: #fff;
	}
	.h > div b{
		--fz:25.3;
		font-size: calc(var(--fz)*var(--fzb)*1px);
	}
	@media(max-width:800px){
		.content{
			--ux:8;
		}
		/*
		.dish-bx p,
		.dish-bx h1,
		.h > p,
		.content .h h1{
			--ux:8;	
			font-size: max(
				var(--fz-mi),			
				1vw*var(--fz)*var(--fzb)/var(--ux)
			);
		}
		*/
		.dish-bx p{
			position: static;
			--pt: 14;
			padding-top: min(var(--pt)*var(--ux)*1px,1vw*var(--pt)/var(--ux));
		}
		.dish-bx{
			display: block;
			height: auto;
		}
		.dish-bx .im, .dish-bx .txt{
			width: 100%;
			padding: min(3.4*var(--u),3.4vw);
		}
		.dish-bx .im{
			display: none;
		}
		.dish-bx .im2 img{
			display: block;
		}
	}
	@media(max-width:400px){
		.content{
			--ux:4;
		}
		.h > div b,
		.h > p,
		.dish-bx p,
		.dish-bx h1{
			font-size: max(
				var(--fz-mi),			
				1vw*var(--fz)*var(--fzb)/var(--ux)
			);			
		}
		.content .h h1{
			/* --fz:43.2; 
			--h:86;
			height: min(var(--h)*1px,var(--h)/var(--ux)*1vw);
			*/
		}	
		.h > div b{
			--fz:24;
		}
		.dish-bx h1{
			--fz:27;
		}
		.h > p,
		.dish-bx p{
			--fz:18;
		}
	}