@layer base {
	body {
		height: 100vh;
		font-family: var(--gothic);
		font-size: 16px;
		color: var(--black);
	}

	a,
	span {
		vertical-align: baseline;
	}

	button{
		padding: 0;
		border: none;
		background: transparent;
		font-size: 16px;
		font-family: var(--gothic);
		color: var(--black);
	}

	[data-js="kensakun-img"] {
		user-select: none;
		-webkit-user-drag: none;
	}

	/* smp用css */
	@media screen and (max-width: 1024px) {
		body {
			min-width: 375px;
		}
	}


	/* pc用css */
	@media screen and (min-width: 1025px) {
		a:hover
		, button:hover
		, input[type="checkbox"] + label
		, input[type="radio"] + label {
			opacity: .8;
			cursor: pointer;
		}

		body {
			min-width: 1024px;
		}
	}
}