html{
		--w-mx:1440;
		--ux:calc(var(--w-mx)/100);
		--vw:min(var(--ux)*1px,1vw);
		--px:max(1px,1vw/var(--ux));
	}
	.ui{
		background-image: url('_ui/gallery.jpg');
		-ms-background-position-y: 80px;
		background-position-y: 80px;
	}
	main,.ui{
		--h:813;
		--hi:calc(var(--h)/var(--ux));
		min-height: var(--hi);
	}
	.fz{
		font-size: clamp(
			var(--fzmi)*1px,
			1vw*var(--fz)*var(--fzb)/var(--ux),
			var(--fz)*var(--fzb)*1px
		);	
	}
	.gallery .row{
		--n: 1;
		--gap: 3px;
		--mb:16px;
		margin-left: var(--gap)*(-1);
		margin-right: var(--gap)*(-1);
		margin-bottom: var(--mb);
		/* border: 1px solid red; */
	}
	.gallery .row > .col{
		float: left;
		width: calc((100%/var(--n)) - var(--gap)*2);
		margin-left: var(--gap);
		margin-right: var(--gap);
	}
	.gallery .row:after{
		content:'';
		display: block;
		clear: both;
	}
	.gallery img{
		width: 100%;
		display: block;
	}
	.row.g2{
		--n:2;
	}
	.content .tool {
		align-items: flex-start;
		--pt: 0;
		--ml: -3.5;
		padding-top: calc(var(--pt)*var(--vw));
		margin-left: calc(var(--ml)*var(--vw));
	}
	.content .tool a + a {
		--ml: 1.9;
		margin-left: calc(var(--ml)*var(--vw));
	}
	@media(max-width:800px){
		.row.r1{
			--n:1;
		}
	}
	@media(max-width:480px){
		.row.r1 .g2{
			--n:1;
		}
		.row.r1 .g2 .col{
			margin-bottom: var(--mb);
		}
	}