@charset "utf-8";

@media (max-width: 1100px){
	div.mainwrap{
		padding-left: 0px;
	}
	.sidenavi{
		display:none;
	}
}

@media (max-width: 864px){
	/*▼font▼*/
	section [class^="content-"] h2{font-size:20px; padding: 8px 12px;}
	section [class^="content-"] h3{}
	section [class^="content-"] h4{font-size:16px; padding: 7px}
	section [class^="content-"] h5{font-size:11px;}
	section [class^="content-"] p,
	section [class^="content-"] li,
	section [class^="content-"] dd {font-size:11px;}
	section [class^="content-"] th{font-size:11px; padding:5px 7px;}
	section [class^="content-"] td{font-size:12px; padding:5px 7px;}
	.facility{font-size:15px;}
	.lastmod{font-size: 10px;}
	section [class^="content-"] .food-table-box{
		display:flex;
		flex-wrap: wrap;
		gap: 14px;
		margin-bottom:30px;
	}
	section [class^="content-"] .food-table{
		width: calc((100% - 14px) / 2);
		font-size:9px;
	}
	section [class^="content-"] .food-table td,
	section [class^="content-"] .food-table th{
		padding:2px 4px;
		font-size:8px;
	}
	/*▲font▲*/
}


@media (max-width: 500px){
	header{
		padding:10px 15px;
		font-size: 13px;
	}
	header nav ul li {
		padding: 0px 5px;
	}
	/*▼font▼*/
	section [class^="content-"] h2{font-size:14px; padding: 6px 9px;}
	section [class^="content-"] h3{}
	section [class^="content-"] h4{font-size:12px; padding: 5px}
	section [class^="content-"] h5{font-size:10px;}
	section [class^="content-"] p,
	section [class^="content-"] li,
	section [class^="content-"] dd{font-size:9px;}
	section [class^="content-"] th{font-size:9px; padding:3px 5px;}
	section [class^="content-"] td{font-size:9px; padding:3px 5px;}
	.facility{font-size:12px;}
	.lastmod{font-size: 8px;}
	section [class^="content-"] .food-table-box{
		gap: 10px;
		margin-bottom:20px;
	}
	section [class^="content-"] .food-table{
		width: calc((100% - 10px) / 2);
		font-size:6px;
	}
	section [class^="content-"] .food-table td,
	section [class^="content-"] .food-table th{
		padding:2px 3px;
		font-size:5px;
	}
	
	/*▲font▲*/
	div.wrapper{
		padding:8px;
	}
	section{
		padding:10px;
		padding-bottom:43px;
		margin-bottom:10px;
	}
	p.edit_button{
		bottom: 0;
		right: 10px;
	}
	footer .pagetop {
		right: 15px;
		bottom: 15px;
	}
}