/* CSS Document */

.u-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: clip;
	clip-path: inset(50%);
}

.u-unselectable {
	pointer-events: none !important;
	user-select: none !important;
}

.u-svg {
	max-width: 100%;
	height: auto;
}

.u-button {
	margin: 0;
	padding: 0;
	border: none;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-align: inherit;
	background-color: transparent;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.u-nb {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	text-decoration: inherit;
	text-indent: 0;
}

.u-c\:osaka {
	color: var(--color-osaka) !important;
}

.u-c\:tokyo {
	color: var(--color-tokyo) !important;
}

.u-bg\:warm {
	background-color: var(--color-warm) !important;
}

.u-bg\:cool {
	background-color: var(--color-cool) !important;
}

.u-bg\:sunny {
	background-color: var(--color-sunny) !important;
}

.u-bg\:tender {
	background-color: var(--color-tender) !important;
}

.u-bg\:nature {
	background-color: var(--color-nature) !important;
}

/*.ruby{ display: ruby; }

.ruby:after {
	content: attr(title);
	display: ruby-text;
	font-size: 0.6em;
}*/