.solid-black
	{
		background: linear-gradient(0deg, #222, #444);
		text-align: center;
		color: #ddd;
	}
	.solid-white
	{
		background: linear-gradient(0deg, #ddd, #fff);
		text-align: center;
		color: #222;
		border: #ccc solid 1px;
	}

	.big-button,
	.large-button
	{
		display: block;
		margin: 20px auto;
		padding: 0.2em 0.7em;
		width: max-content;
		font-size: 2.6em;
	}

	.hidden
	{
		visibility: hidden;
		pointer-events: none;
	}

	.disnone
	{
		display: none !important;
		pointer-events: none;
	}

	.invert
	{
		filter: invert();
	}
	.hui
	{
		font-family: 'huifont';
		font-size: 150%;
	}

	.denyselect,
	.denyselect *
	{
		/* overscroll-behavior: none; */
		-webkit-touch-callout: none; /* iOS：長押しメニュー無効 */
		-webkit-user-select: none;
		user-select: none;
	}

	.align-right
	{
		align-items: end;
		justify-content: right;
		text-align: right;
	}

	.align-center
	{
		text-align: center;
	}

	.fit-x-right
	{
		margin-left: auto;
	}

	.font-0-8
	{
		font-size: 0.8em;
	}

	.content-center
	{
		align-content: center;
		justify-content: center;
		text-align: center;
	}
	
	/* 遷移 */
	.page-transition
	{
		z-index: 9999;

		color: #eee;
		display: flex;
		justify-content: center; /* 横中央 */
		align-items: center;     /* 縦中央 */
		font-family: huifont;
		font-size: 2.8em;

		position: fixed;
		inset: 0;
		transition: transform 0.3s ease-in-out;

		/* background-image: url('/images/bg/ocean.jpg'); */

		/* background-image: url('/images/bg/chill.jpg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover; */
	}

	.page-transition.shutter
	{
		background: linear-gradient(#e66465, #9198e5);
		backdrop-filter: blur(100px);
		transform: translateY(120%);
	}

	body.active .page-transition.shutter
	{
		transform: translateY(0);
	}

	.page-transition.blur
	{
		display: none;
	}

	body.active .page-transition.blur
	{
		backdrop-filter: blur(10px);
		display: block;
	}