/* Utakata site additions: news surfaces, charged-button hover, and WP block layout fixes. */

.wp-block-button.utakata-button {
	position: static;
	overflow: visible;
	isolation: auto;
	min-height: 0;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
}

.wp-block-button.utakata-button::before,
.wp-block-button.utakata-button::after {
	display: none !important;
}

.wp-block-buttons.utakata-buttons,
.wp-block-buttons.uth-actions,
.wp-block-buttons.upr-actions {
	column-gap: 14px !important;
	row-gap: 14px !important;
}

.wp-block-buttons.utakata-buttons > .wp-block-button,
.wp-block-buttons.uth-actions > .wp-block-button,
.wp-block-buttons.upr-actions > .wp-block-button {
	margin: 0 !important;
}

@keyframes utakata-button-fill-in {
	0% {
		transform: translateX(-101%);
	}

	100% {
		transform: translateX(0%);
	}
}

@keyframes utakata-button-fill-out {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(101%);
	}
}

.utakata-button:not(.wp-block-button),
.wp-block-button.utakata-button .wp-block-button__link,
.upr-button {
	position: relative;
	z-index: 0;
	overflow: hidden;
	isolation: isolate;
	border-width: 2px !important;
	border-style: solid !important;
	border-color: var(--utakata-color-white) !important;
	background-color: var(--utakata-color-white) !important;
	background-image: none !important;
	color: var(--utakata-color-blue-dark) !important;
	transform: none !important;
	transition: color 0.18s var(--utakata-ease-soft), border-color 0.18s var(--utakata-ease-soft);
}

.utakata-button:not(.wp-block-button)::before,
.wp-block-button.utakata-button .wp-block-button__link::before,
.upr-button::before {
	content: "";
	position: absolute;
	inset: -3px;
	z-index: -1;
	border-radius: inherit;
	background: var(--utakata-color-blue);
	transform: translateX(-101%);
	animation: utakata-button-fill-out 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	pointer-events: none;
	will-change: transform;
}

.utakata-button:not(.wp-block-button):hover,
.wp-block-button.utakata-button .wp-block-button__link:hover,
.upr-button:hover {
	transform: none !important;
	color: var(--utakata-color-white) !important;
}

.utakata-button:not(.wp-block-button):hover::before,
.wp-block-button.utakata-button .wp-block-button__link:hover::before,
.upr-button:hover::before {
	animation: utakata-button-fill-in 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.utakata-button--primary:not(.wp-block-button),
.wp-block-button.utakata-button--primary .wp-block-button__link,
.upr-button--primary,
.utakata-price-card .utakata-button,
.upr-plan-card .utakata-button,
.upr-plan-card .upr-button,
.upr-ticket .utakata-button,
.upr-ticket .upr-button {
	border-color: var(--utakata-color-blue) !important;
	background-color: var(--utakata-color-blue) !important;
	background-image: none !important;
	color: var(--utakata-color-white) !important;
}

.utakata-button--primary:not(.wp-block-button)::before,
.wp-block-button.utakata-button--primary .wp-block-button__link::before,
.upr-button--primary::before,
.utakata-price-card .utakata-button::before,
.upr-plan-card .utakata-button::before,
.upr-plan-card .upr-button::before,
.upr-ticket .utakata-button::before,
.upr-ticket .upr-button::before {
	background: var(--utakata-color-blue-dark);
}

/* JIN inserts wp-block-group__inner-container inside Group blocks, so layout rules must target that real child. */
/* On WordPress-rendered top-page groups, JIN wraps children in wp-block-group__inner-container. Keep the outer group as a shell so grid columns do not nest and collapse. */
.wp-block-group.uth-hero__grid,
.wp-block-group.uth-card-grid,
.wp-block-group.uth-flow,
.wp-block-group.uth-stat-grid,
.wp-block-group.uth-cta-box {
	display: block !important;
	grid-template-columns: none !important;
	gap: 0 !important;
}

.wp-block-group.uth-hero__grid > .wp-block-group__inner-container {
	width: 100%;
}

.wp-block-group.uth-hero__grid > .wp-block-group__inner-container,
.wp-block-group.upr-hero__grid > .wp-block-group__inner-container {
	display: grid !important;
	grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1.05fr) !important;
	gap: clamp(34px, 6vw, 78px) !important;
	align-items: center;
}

.wp-block-group.uth-card-grid > .wp-block-group__inner-container,
.wp-block-group.upr-card-grid > .wp-block-group__inner-container,
.wp-block-group.uth-flow > .wp-block-group__inner-container,
.wp-block-group.upr-flow > .wp-block-group__inner-container,
.wp-block-group.uth-stat-grid > .wp-block-group__inner-container,
.wp-block-group.upr-stat-grid > .wp-block-group__inner-container,
.wp-block-group.utakata-stat-grid > .wp-block-group__inner-container,
.wp-block-group.upr-feature-grid > .wp-block-group__inner-container,
.wp-block-group.upr-plan-grid > .wp-block-group__inner-container,
.wp-block-group.utakata-pricing-grid > .wp-block-group__inner-container {
	display: grid !important;
	gap: 18px !important;
	align-items: stretch;
}

.wp-block-group.uth-card-grid > .wp-block-group__inner-container,
.wp-block-group.upr-card-grid > .wp-block-group__inner-container,
.wp-block-group.uth-flow > .wp-block-group__inner-container,
.wp-block-group.upr-flow > .wp-block-group__inner-container,
.wp-block-group.uth-stat-grid > .wp-block-group__inner-container,
.wp-block-group.upr-stat-grid > .wp-block-group__inner-container,
.wp-block-group.utakata-stat-grid > .wp-block-group__inner-container {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.wp-block-group.upr-feature-grid > .wp-block-group__inner-container,
.wp-block-group.upr-plan-grid > .wp-block-group__inner-container,
.wp-block-group.utakata-pricing-grid > .wp-block-group__inner-container {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.wp-block-group.uth-cta-box > .wp-block-group__inner-container,
.wp-block-group.upr-cta-box > .wp-block-group__inner-container,
.wp-block-group.utakata-cta-box > .wp-block-group__inner-container {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 24px !important;
	align-items: center;
}

.wp-block-group.uth-hero__grid > .wp-block-group__inner-container > *,
.wp-block-group.uth-card-grid > .wp-block-group__inner-container > *,
.wp-block-group.uth-flow > .wp-block-group__inner-container > *,
.wp-block-group.uth-stat-grid > .wp-block-group__inner-container > *,
.wp-block-group.uth-cta-box > .wp-block-group__inner-container > *,
.wp-block-group.upr-hero__grid > .wp-block-group__inner-container > *,
.wp-block-group.upr-card-grid > .wp-block-group__inner-container > *,
.wp-block-group.upr-flow > .wp-block-group__inner-container > *,
.wp-block-group.upr-stat-grid > .wp-block-group__inner-container > *,
.wp-block-group.upr-cta-box > .wp-block-group__inner-container > * {
	min-width: 0;
	margin-block-start: 0 !important;
}

@media (max-width: 1024px) {
	.wp-block-group.uth-hero__grid > .wp-block-group__inner-container,
	.wp-block-group.upr-hero__grid > .wp-block-group__inner-container,
	.wp-block-group.uth-cta-box > .wp-block-group__inner-container,
	.wp-block-group.upr-cta-box > .wp-block-group__inner-container,
	.wp-block-group.utakata-cta-box > .wp-block-group__inner-container {
		grid-template-columns: 1fr !important;
	}

	.wp-block-group.uth-card-grid > .wp-block-group__inner-container,
	.wp-block-group.upr-card-grid > .wp-block-group__inner-container,
	.wp-block-group.uth-flow > .wp-block-group__inner-container,
	.wp-block-group.upr-flow > .wp-block-group__inner-container,
	.wp-block-group.upr-feature-grid > .wp-block-group__inner-container,
	.wp-block-group.upr-plan-grid > .wp-block-group__inner-container,
	.wp-block-group.utakata-pricing-grid > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 760px) {
	.wp-block-group.uth-card-grid > .wp-block-group__inner-container,
	.wp-block-group.upr-card-grid > .wp-block-group__inner-container,
	.wp-block-group.uth-flow > .wp-block-group__inner-container,
	.wp-block-group.upr-flow > .wp-block-group__inner-container,
	.wp-block-group.uth-stat-grid > .wp-block-group__inner-container,
	.wp-block-group.upr-stat-grid > .wp-block-group__inner-container,
	.wp-block-group.utakata-stat-grid > .wp-block-group__inner-container,
	.wp-block-group.upr-feature-grid > .wp-block-group__inner-container,
	.wp-block-group.upr-plan-grid > .wp-block-group__inner-container,
	.wp-block-group.utakata-pricing-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr !important;
	}
}


/* Nintendo-style home news and topics sections. */
.utakata-home-services-section,
.utakata-home-topics-section,
.utakata-home-news-section {
	background: linear-gradient(180deg, rgba(224, 246, 255, 0.98) 0%, rgba(244, 252, 255, 0.98) 56%, rgba(255, 255, 255, 0.99) 100%);
}

.utakata-home-services-section .utakata-home-section-head,
.utakata-home-topics-section .utakata-home-section-head,
.utakata-home-news-section .utakata-home-section-head {
	display: flex !important;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	height: auto !important;
	min-height: 0 !important;
	margin: 0;
	padding: 0 0 8px;
	border-bottom: 0;
	background: linear-gradient(90deg, var(--utakata-color-blue) 0 84px, rgba(7, 26, 51, 0.14) 84px 100%) left bottom / 100% 2px no-repeat;
	text-align: left;
	position: relative;
}

.utakata-home-services-section .utakata-home-section-head__main,
.utakata-home-topics-section .utakata-home-section-head__main,
.utakata-home-news-section .utakata-home-section-head__main {
	position: relative;
	flex: 0 0 auto;
	margin: 0 !important;
	color: var(--utakata-color-heading);
	font-size: clamp(22px, 2.5vw, 28px) !important;
	font-weight: 900 !important;
	line-height: 1.25 !important;
}

.utakata-home-services-section .utakata-home-section-head__main::after,
.utakata-home-topics-section .utakata-home-section-head__main::after,
.utakata-home-news-section .utakata-home-section-head__main::after {
	display: none;
}

.utakata-home-services-section .utakata-home-section-head__sub,
.utakata-home-topics-section .utakata-home-section-head__sub,
.utakata-home-news-section .utakata-home-section-head__sub {
	display: block;
	position: absolute;
	right: 0;
	bottom: 8px;
	flex: 0 0 auto;
	align-self: flex-end;
	min-width: 0;
	margin: 0 !important;
	padding: 0;
	color: var(--utakata-color-txt-sub);
	text-align: right;
	font-family: var(--utakata-ff-ui);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.4;
	white-space: nowrap;
}

.utakata-home-services-section .utakata-home-section-head__sub::before,
.utakata-home-services-section .utakata-home-section-head__sub::after,
.utakata-home-topics-section .utakata-home-section-head__sub::before,
.utakata-home-topics-section .utakata-home-section-head__sub::after,
.utakata-home-news-section .utakata-home-section-head__sub::before,
.utakata-home-news-section .utakata-home-section-head__sub::after {
	display: none;
}
.utakata-home-services-section .utakata-home-section-head {
	display: block !important;
	margin: 0 0 30px !important;
	padding: 0;
	background: none;
}

.utakata-home-services-section .utakata-home-section-head > .wp-block-group__inner-container {
	display: flex !important;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	height: auto !important;
	min-height: 0 !important;
	margin: 0;
	padding: 0 0 8px;
	background: linear-gradient(90deg, var(--utakata-color-blue) 0 84px, rgba(7, 26, 51, 0.14) 84px 100%) left bottom / 100% 2px no-repeat;
	box-sizing: border-box;
	position: relative;
}

.utakata-home-services-section .utakata-home-section-head > .wp-block-group__inner-container > * {
	margin: 0 !important;
}

.utakata-home-topic-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px 28px;
	align-items: start;
}

.utakata-home-topic-card {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
	transition: none;
}

.utakata-home-topic-card:hover {
	border-color: transparent;
	box-shadow: none;
	transform: none;
}

.utakata-home-topic-card__link {
	display: block;
	color: inherit !important;
	text-decoration: none !important;
}

.utakata-home-topic-card__image {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	margin: 0 0 8px;
	object-fit: cover;
	background: linear-gradient(180deg, rgba(178, 232, 255, 0.78) 0%, rgba(226, 248, 255, 0.84) 58%, rgba(255, 255, 255, 0.92) 100%);
}

.utakata-home-topic-card__image--empty {
	display: grid;
	place-items: center;
	color: var(--utakata-color-blue-dark);
	font-family: var(--utakata-ff-ui);
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0;
}

.utakata-home-topic-card__body {
	display: block;
	padding: 0;
}

.utakata-home-topic-card__title {
	margin: 0 !important;
	color: var(--utakata-color-heading);
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1.5 !important;
}

.utakata-home-topic-card__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 24px;
}

.utakata-home-topic-card__date,
.utakata-home-news-date {
	color: var(--utakata-color-txt-sub);
	font-family: var(--utakata-ff-ui);
	font-size: 13px;
	font-weight: 900;
	line-height: 1.3;
	transition: color 0.18s var(--utakata-ease-soft);
}

.utakata-home-topic-card__divider {
	display: block;
	margin-top: 8px;
	border-top: 1px solid rgba(7, 26, 51, 0.12);
}

.utakata-home-topic-card__arrow,
.utakata-home-news-arrow {
	position: absolute;
	right: 18px;
	bottom: 20px;
	width: 14px;
	height: 14px;
	min-width: 14px;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	box-sizing: border-box;
	background: var(--utakata-color-blue);
}

.utakata-home-topic-card__arrow {
	position: relative;
	display: block;
	right: auto;
	bottom: auto;
	flex: 0 0 14px;
}

.utakata-home-topic-card__arrow::before,
.utakata-home-news-arrow::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 4px;
	height: 4px;
	border-top: 1.5px solid var(--utakata-color-white);
	border-right: 1.5px solid var(--utakata-color-white);
	transform: translate(-68%, -50%) rotate(45deg);
}

.utakata-home-section-more {
	display: flex;
	justify-content: center;
	margin-top: clamp(26px, 4vw, 42px);
}

.utakata-home-section-more .utakata-button {
	min-width: min(100%, 310px);
}


.utakata-home-news-list {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(8, 117, 216, 0.18);
	list-style: none;
}

.utakata-home-news-row {
	margin: 0;
	border-top: 1px solid rgba(8, 117, 216, 0.18);
}

.utakata-home-news-row:first-child {
	border-top: 0;
}

.utakata-home-news-link {
	position: relative;
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 64px;
	padding: 0;
	color: var(--utakata-color-heading) !important;
	text-decoration: none !important;
}

.utakata-home-news-date {
	flex: 0 0 96px;
	white-space: nowrap;
}

.utakata-home-news-label {
	flex: 0 0 100px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 100px;
	min-height: 22px;
	padding: 0 12px;
	background: rgba(7, 26, 51, 0.06);
	color: var(--utakata-color-blue-dark);
	font-size: 12px;
	font-weight: 900;
	line-height: 1.35;
	white-space: nowrap;
}

.utakata-home-news-title {
	flex: 1 1 auto;
	min-width: 0;
	display: block;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.55;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.utakata-home-topic-card__title,
.utakata-home-news-title {
	transition: color 0.18s var(--utakata-ease-soft);
}

.utakata-home-topic-card__link:hover .utakata-home-topic-card__title,
.utakata-home-topic-card__link:focus-visible .utakata-home-topic-card__title,
.utakata-home-topic-card__link:hover .utakata-home-topic-card__date,
.utakata-home-topic-card__link:focus-visible .utakata-home-topic-card__date,
.utakata-home-news-link:hover .utakata-home-news-title,
.utakata-home-news-link:focus-visible .utakata-home-news-title,
.utakata-home-news-link:hover .utakata-home-news-date,
.utakata-home-news-link:focus-visible .utakata-home-news-date {
	color: var(--utakata-color-blue);
}

.utakata-home-news-link .utakata-home-news-arrow {
	position: relative;
	right: auto;
	bottom: auto;
	flex: 0 0 14px;
	margin-left: auto;
}

@media (max-width: 1024px) {
	.utakata-home-topic-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.utakata-home-topic-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.utakata-home-news-link {
		gap: 10px;
		min-height: 56px;
		padding: 12px 0;
	}

	.utakata-home-news-date {
		flex-basis: 86px;
	}

	.utakata-home-news-label {
		flex-basis: 74px;
		min-width: 74px;
		padding: 0 8px;
		font-size: 11px;
	}

	.utakata-home-news-title {
		font-size: 15px;
		line-height: 1.45;
	}
}

@media (max-width: 520px) {
	.utakata-home-topic-grid {
		grid-template-columns: 1fr;
	}

	.utakata-home-news-link {
		gap: 8px;
		min-height: 52px;
	}

	.utakata-home-news-date {
		flex-basis: 82px;
	}

	.utakata-home-news-label {
		flex-basis: 68px;
		min-width: 68px;
		padding: 0 6px;
	}

	.utakata-home-news-link .utakata-home-news-arrow {
		flex-basis: 14px;
		width: 14px;
		height: 14px;
	}
}

/* Topics, footer social links, and stronger pale-blue surface contrast. */
.utakata-site-wrap {
	background:
		radial-gradient(circle at 12% 12%, rgba(35, 199, 232, 0.22), transparent 26rem),
		radial-gradient(circle at 88% 42%, rgba(8, 117, 216, 0.14), transparent 24rem),
		linear-gradient(180deg, #eaf8ff 0%, #ffffff 30%, #d9f2ff 58%, #f8fcff 78%, #dff3ff 100%);
}

.uth-soft,
.upr-soft,
.utakata-soft-section {
	background: linear-gradient(180deg, rgba(199, 238, 255, 0.95), rgba(255, 255, 255, 0.98) 54%, rgba(216, 242, 255, 0.96));
}

.utakata-card,
.uth-card,
.upr-card,
.upr-plan,
.upr-ticket,
.utakata-page-card,
.utakata-price-card {
	background: rgba(255, 255, 255, 0.96);
	border-color: rgba(8, 117, 216, 0.18);
}

.utakata-footer-social {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.utakata-footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 999px;
	background: #000000;
	box-shadow: none;
	line-height: 1;
	transform: none !important;
	transition: background 0.18s var(--utakata-ease-soft), border-color 0.18s var(--utakata-ease-soft), opacity 0.18s var(--utakata-ease-soft);
}

.utakata-footer-social a[aria-label="Facebook"] {
	background: transparent;
}

.utakata-footer-social img {
	display: block;
	width: 18px;
	height: 18px;
	object-fit: contain;
}

.utakata-footer-social a[aria-label="Facebook"] img {
	width: 42px;
	height: 42px;
}

.utakata-footer-social a:hover,
.utakata-footer-social a:focus-visible {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.28);
	box-shadow: none;
	outline: none;
}

.utakata-footer-social a[aria-label="X"]:hover,
.utakata-footer-social a[aria-label="X"]:focus-visible {
	background: #061321;
}

.utakata-topics-section {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(224, 246, 255, 0.92));
}

.utakata-topics-head p:not(.utakata-kicker) {
	max-width: 680px;
	margin: 8px 0 0;
	font-weight: 700;
}

.utakata-topic-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.utakata-topic-grid--home {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.utakata-topic-card {
	height: 100%;
	border: 1px solid rgba(8, 117, 216, 0.16);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: var(--utakata-shadow-soft);
	overflow: hidden;
}

.utakata-topic-card__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit !important;
	text-decoration: none !important;
}

.utakata-topic-card__image {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	background: linear-gradient(135deg, rgba(8, 117, 216, 0.14), rgba(35, 199, 232, 0.38));
}

.utakata-topic-card__image--empty {
	display: grid;
	place-items: center;
	color: var(--utakata-color-blue-dark);
	font-family: var(--utakata-ff-pixel);
	font-size: 15px;
	letter-spacing: 0;
}

.utakata-topic-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	padding: 18px;
}

.utakata-topic-card__meta {
	color: var(--utakata-color-txt-sub);
	font-family: var(--utakata-ff-ui);
	font-size: 13px;
	font-weight: 800;
}

.utakata-topic-card__title {
	margin: 0 !important;
	font-size: 18px !important;
	line-height: 1.55 !important;
}

.utakata-topic-card__excerpt {
	color: var(--utakata-color-txt);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.8;
}

.utakata-topic-card__terms {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: auto;
}

.utakata-topic-card__terms a,
.utakata-topic-category-link {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 12px;
	border: 1px solid rgba(8, 117, 216, 0.14);
	border-radius: 999px;
	background: rgba(237, 249, 255, 0.9);
	color: var(--utakata-color-blue-dark) !important;
	font-size: 12px;
	font-weight: 800;
}

.utakata-topic-card--compact .utakata-topic-card__link {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
}

.utakata-topic-card--compact .utakata-topic-card__image {
	height: 100%;
	aspect-ratio: auto;
}

.utakata-topic-card--compact .utakata-topic-card__body {
	padding: 14px;
}

.utakata-topics-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
	gap: 24px;
	align-items: start;
}

.utakata-topics-panel {
	padding: clamp(22px, 3vw, 30px);
	border: 1px solid rgba(8, 117, 216, 0.16);
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: var(--utakata-shadow-soft);
}

.utakata-topic-search {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(170px, 0.28fr) auto;
	gap: 12px;
	margin-bottom: 22px;
}

.utakata-topic-search input,
.utakata-topic-search select {
	min-height: 48px;
	width: 100%;
	border: 1px solid rgba(8, 117, 216, 0.18);
	border-radius: 999px;
	background: var(--utakata-color-white);
	color: var(--utakata-color-heading);
	font-weight: 700;
	padding: 0 16px;
}

.utakata-topic-search button {
	min-width: 108px;
}

.utakata-topics-side {
	display: grid;
	gap: 18px;
}

.utakata-topics-side h2 {
	font-size: 21px !important;
}

.utakata-topic-rank-list,
.utakata-topic-latest-list {
	display: grid;
	gap: 12px;
}

.utakata-topic-rank-item {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 10px;
	align-items: start;
	padding: 12px 0;
	border-bottom: 1px solid rgba(8, 117, 216, 0.12);
	color: var(--utakata-color-heading) !important;
	font-weight: 800;
}

.utakata-topic-rank-item:last-child {
	border-bottom: 0;
}

.utakata-topic-rank-number {
	display: inline-grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--utakata-gradient-cta);
	color: var(--utakata-color-white);
	font-family: var(--utakata-ff-ui);
	font-size: 13px;
	font-weight: 900;
}

.utakata-topic-category-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.utakata-topic-single-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	margin-top: 18px;
	color: rgba(255, 255, 255, 0.78);
	font-weight: 800;
}

.utakata-topic-single-card {
	max-width: 960px;
}

.utakata-topic-single-card .wp-post-image {
	width: 100%;
	margin: 0 0 24px;
	border-radius: 18px;
}

@media (max-width: 1024px) {
	.utakata-topic-grid,
	.utakata-topic-grid--home,
	.utakata-topics-layout {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.utakata-topics-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	.utakata-topic-grid,
	.utakata-topic-grid--home,
	.utakata-topic-search {
		grid-template-columns: 1fr;
	}

	.utakata-topic-card--compact .utakata-topic-card__link {
		grid-template-columns: 84px minmax(0, 1fr);
	}
}

/* Unified top-to-bottom pale-blue block contrast. */
.utakata-site-wrap {
	background:
		radial-gradient(circle at 14% 0%, rgba(35, 199, 232, 0.16), transparent 30rem),
		linear-gradient(180deg, #d4f1ff 0%, #eaf8ff 30%, #f8fcff 66%, #ffffff 100%);
}

.uth-soft,
.upr-soft,
.utakata-soft-section,
.utakata-topics-section {
	background: linear-gradient(180deg, rgba(205, 240, 255, 0.98) 0%, rgba(233, 248, 255, 0.98) 46%, rgba(255, 255, 255, 0.99) 100%);
}

.utakata-card,
.uth-card,
.upr-card,
.upr-plan,
.upr-ticket,
.utakata-page-card,
.utakata-price-card,
.utakata-topic-card,
.utakata-topics-panel {
	background: linear-gradient(180deg, rgba(244, 252, 255, 0.99) 0%, rgba(250, 254, 255, 0.99) 52%, rgba(255, 255, 255, 0.99) 100%);
	border-color: rgba(8, 117, 216, 0.16);
}

.utakata-topic-card__image--empty {
	background: linear-gradient(180deg, rgba(178, 232, 255, 0.72) 0%, rgba(226, 248, 255, 0.74) 58%, rgba(255, 255, 255, 0.9) 100%);
}

.upr-yearly,
.upr-game-list span,
.utakata-pill-list span,
.utakata-topic-card__terms a,
.utakata-topic-category-link {
	background: linear-gradient(180deg, rgba(228, 248, 255, 0.97) 0%, rgba(245, 252, 255, 0.98) 58%, rgba(255, 255, 255, 0.98) 100%);
}

.upr-cta-box,
.uth-cta-box,
.utakata-cta-box {
	background: linear-gradient(180deg, #0875d8 0%, #149de0 52%, #23c7e8 100%);
}

.utakata-footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.utakata-footer-bottom-links {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin-left: auto;
}

.utakata-footer-sitemap-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(255, 255, 255, 0.72) !important;
	font-family: var(--utakata-ff-ui);
	font-size: 13px;
	font-weight: 800;
	text-decoration: none !important;
}

.utakata-footer-sitemap-link::before {
	content: "";
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.42);
}

.utakata-footer-sitemap-link::after {
	content: "";
	position: absolute;
	left: 7px;
	top: 50%;
	width: 4px;
	height: 4px;
	border-top: 1.5px solid rgba(255, 255, 255, 0.92);
	border-right: 1.5px solid rgba(255, 255, 255, 0.92);
	transform: translate(-68%, -50%) rotate(45deg);
}

.utakata-footer-sitemap-link:hover,
.utakata-footer-sitemap-link:focus-visible {
	color: var(--utakata-color-aqua) !important;
	outline: none;
}

@media (max-width: 640px) {
	.utakata-footer-bottom {
		align-items: flex-start;
		flex-direction: column;
	}

	.utakata-footer-bottom-links {
		margin-left: 0;
	}
}

/* Floating back-to-top button. */
.utakata-floating-back-to-top {
	position: fixed;
	right: clamp(16px, 3vw, 32px);
	bottom: clamp(18px, 3vw, 34px);
	z-index: 9200;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	padding: 0;
	border: 2px solid rgba(35, 199, 232, 0.36);
	border-radius: 999px;
	background: var(--utakata-color-deep-sea);
	box-shadow: 0 16px 38px rgba(6, 19, 33, 0.24);
	color: var(--utakata-color-white);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity 0.22s var(--utakata-ease-soft), visibility 0.22s var(--utakata-ease-soft), transform 0.22s var(--utakata-ease-soft), background 0.18s var(--utakata-ease-soft), border-color 0.18s var(--utakata-ease-soft), color 0.18s var(--utakata-ease-soft);
}

.utakata-floating-back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.utakata-floating-back-to-top:hover,
.utakata-floating-back-to-top:focus-visible {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.46);
	box-shadow: 0 16px 38px rgba(6, 19, 33, 0.24);
	color: var(--utakata-color-aqua);
	outline: none;
}

.utakata-floating-back-to-top span {
	display: block;
	width: 15px;
	height: 15px;
	border-top: 3px solid currentColor;
	border-left: 3px solid currentColor;
	transform: translateY(4px) rotate(45deg);
}


/* Sitemap page. */
.utakata-sitemap-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	align-items: stretch;
	gap: 18px;
}

.utakata-sitemap-grid > .utakata-page-card {
	width: 100%;
	max-width: none;
	margin: 0;
	box-sizing: border-box;
}

.utakata-sitemap-section {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 22px;
	gap: 14px;
}

.utakata-sitemap-section h2 {
	margin-bottom: 0 !important;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(8, 117, 216, 0.18);
	font-size: 22px !important;
}

.utakata-sitemap-section ul {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.utakata-sitemap-section a {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	color: var(--utakata-color-blue-dark) !important;
	font-weight: 800;
	line-height: 1.55;
}

.utakata-sitemap-section a::before {
	content: "";
	width: 8px;
	height: 8px;
	margin-right: 10px;
	border-radius: 50%;
	background: var(--utakata-color-cyan);
}

.utakata-page.utakata-sitemap-page .utakata-sitemap-section a {
	position: relative;
	z-index: 0;
	isolation: isolate;
	color: #eaf6fb !important;
	text-decoration: none !important;
	transition: color .18s var(--utakata-ease-soft), transform .18s var(--utakata-ease-soft);
}

.utakata-page.utakata-sitemap-page .utakata-sitemap-section a::after {
	content: "";
	position: absolute;
	inset: -4px -10px;
	z-index: -1;
	border: 1px solid rgba(52, 224, 255, .28);
	border-radius: 12px;
	background: linear-gradient(160deg, rgba(52, 224, 255, .1), rgba(139, 92, 246, .08));
	opacity: 0;
	transform: translateX(-6px);
	transition: opacity .18s var(--utakata-ease-soft), transform .18s var(--utakata-ease-soft), border-color .18s var(--utakata-ease-soft);
	pointer-events: none;
}

.utakata-page.utakata-sitemap-page .utakata-sitemap-section a:hover,
.utakata-page.utakata-sitemap-page .utakata-sitemap-section a:focus-visible {
	color: #7df9ff !important;
	transform: translateX(4px);
	outline: none;
}

.utakata-page.utakata-sitemap-page .utakata-sitemap-section a:hover::before,
.utakata-page.utakata-sitemap-page .utakata-sitemap-section a:focus-visible::before {
	background: #7df9ff;
	box-shadow: 0 0 14px rgba(52, 224, 255, .72);
}

.utakata-page.utakata-sitemap-page .utakata-sitemap-section a:hover::after,
.utakata-page.utakata-sitemap-page .utakata-sitemap-section a:focus-visible::after {
	opacity: 1;
	transform: translateX(0);
	border-color: rgba(52, 224, 255, .46);
}

@media (max-width: 1024px) {
	.utakata-sitemap-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.utakata-sitemap-grid {
		grid-template-columns: 1fr;
	}
}


.utakata-legal-page .utakata-page-card,
.utakata-legal-body .utakata-page-card {
	font-size: 15px;
	line-height: 1.85;
}

.utakata-legal-page .utakata-page-card h1,
.utakata-legal-body .utakata-page-card h1 {
	font-size: 28px !important;
	line-height: 1.35;
}

.utakata-legal-page .utakata-page-card h2,
.utakata-legal-body .utakata-page-card h2 {
	font-size: 24px !important;
	line-height: 1.4;
	margin: 30px 0 12px;
}

.utakata-legal-page .utakata-page-card h3,
.utakata-legal-body .utakata-page-card h3 {
	font-size: 18px !important;
	line-height: 1.45;
	margin: 24px 0 10px;
}

.utakata-legal-page .utakata-page-card p,
.utakata-legal-page .utakata-page-card li,
.utakata-legal-body .utakata-page-card p,
.utakata-legal-body .utakata-page-card li {
	font-size: 15px;
	line-height: 1.85;
}


/* Codex 2026-06-11: unify breadcrumb sizing and restore home topic spacing. */
.utakata-breadcrumb,
.utakata-page > .utakata-breadcrumb,
.utakata-breadcrumb a,
.utakata-breadcrumb span,
.utakata-breadcrumb li {
	font-size: 13px !important;
	line-height: 1.6 !important;
}

.uhx .utakata-home-topics-section .utakata-home-section-head {
	margin-bottom: 30px !important;
}


/* Codex 2026-06-11: dark page and pricing unification. */
.utakata-page {
	--utakata-page-bg: #050d16;
	--utakata-page-bg2: #081625;
	--utakata-page-panel: #0c1f33;
	--utakata-page-panel2: #102a44;
	--utakata-page-line: rgba(94, 234, 255, .14);
	--utakata-page-aqua: #34e0ff;
	--utakata-page-aqua2: #7df9ff;
	--utakata-page-violet: #8b5cf6;
	--utakata-page-text: #eaf6fb;
	--utakata-page-sub: #9db8c9;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background:
		radial-gradient(900px 500px at 80% -10%, rgba(139, 92, 246, .16), transparent 60%),
		radial-gradient(1100px 700px at 15% 110%, rgba(8, 145, 178, .22), transparent 60%),
		var(--utakata-page-bg);
	color: var(--utakata-page-text);
	font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
}

.utakata-page .utakata-breadcrumb {
	font-size: 13px !important;
	line-height: 1.6 !important;
	color: var(--utakata-page-sub) !important;
}

.utakata-page .utakata-breadcrumb a {
	color: var(--utakata-page-aqua2) !important;
}

.utakata-page .utakata-breadcrumb a:hover {
	color: var(--utakata-page-aqua) !important;
}

.utakata-page .utakata-breadcrumb span,
.utakata-page .utakata-breadcrumb li + li::before {
	color: var(--utakata-page-sub) !important;
}

.utakata-page .utakata-page-body {
	padding: 96px 0;
}

.utakata-page h1,
.utakata-page h2,
.utakata-page h3,
.utakata-page h4 {
	color: var(--utakata-page-text) !important;
	font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
	font-weight: 900;
}

.utakata-page p,
.utakata-page li,
.utakata-page td,
.utakata-page th {
	color: var(--utakata-page-sub);
}

.utakata-page a:not(.utakata-button):not(.utakata-news-reference-row) {
	color: var(--utakata-page-aqua2);
}

.utakata-page-card {
	padding: clamp(26px, 4vw, 40px);
	border: 1px solid var(--utakata-page-line);
	border-radius: 18px;
	background: linear-gradient(160deg, rgba(16, 42, 68, .9), rgba(8, 22, 37, .92));
	box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

.utakata-pricing-page .utakata-page-body {
	padding: 92px 0 108px;
}

.utakata-pricing-page .utakata-pricing-block {
	display: block;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.utakata-pricing-page .utakata-pricing-block + .utakata-pricing-block {
	margin-top: 78px;
}

.utakata-pricing-page .utakata-section-head {
	margin: 0 auto 34px;
	text-align: center;
}

.utakata-pricing-page .utakata-section-head h2 {
	margin: 0;
	font-size: clamp(28px, 4.2vw, 42px);
	line-height: 1.35;
}

.utakata-pricing-page .utakata-section-head p {
	margin-top: 14px;
	color: var(--utakata-page-sub);
	font-size: 15px;
	font-weight: 700;
}

.utakata-pricing-page .upr-billing-root {
	gap: 20px;
}

.utakata-pricing-page .upr-billing-control {
	grid-template-columns: minmax(0, 1fr) minmax(310px, 310px) minmax(0, 1fr);
	margin-bottom: 4px;
}

.utakata-pricing-page .upr-billing-toggle {
	border: 1px solid var(--utakata-page-line);
	background: var(--utakata-page-panel);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
}

.utakata-pricing-page .upr-billing-toggle::before {
	background: linear-gradient(94deg, #19c8e8, #34e0ff);
}

.utakata-pricing-page .upr-billing-toggle button.is-active {
	color: #03222e;
}

.utakata-pricing-page .upr-billing-discount {
	color: #34d399;
	font-size: 13px;
}

.utakata-pricing-page .upr-plan-slider {
	position: relative;
	margin-top: 24px;
}

.utakata-pricing-page .upr-plan-nav {
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(52, 224, 255, .35);
	border-radius: 50%;
	background: rgba(5, 13, 22, .78);
	color: var(--utakata-page-aqua2);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: opacity .18s var(--utakata-ease-soft), background .18s var(--utakata-ease-soft), border-color .18s var(--utakata-ease-soft);
	transform: translateY(-50%);
}

.utakata-pricing-page .upr-plan-nav::before {
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid currentColor;
	border-left: 2px solid currentColor;
}

.utakata-pricing-page .upr-plan-prev { left: -58px; }
.utakata-pricing-page .upr-plan-next { right: -58px; }
.utakata-pricing-page .upr-plan-prev::before { transform: rotate(-45deg); margin-left: 4px; }
.utakata-pricing-page .upr-plan-next::before { transform: rotate(135deg); margin-right: 4px; }
.utakata-pricing-page .upr-plan-nav:disabled { opacity: .4; cursor: default; pointer-events: none; }

.utakata-pricing-page .utakata-pricing-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	min-height: 420px;
	transition: opacity .18s var(--utakata-ease-soft), transform .18s var(--utakata-ease-soft);
	will-change: opacity, transform;
}

.utakata-pricing-page .utakata-pricing-grid.upr-plan-grid--leaving { opacity: 0; }
.utakata-pricing-page .utakata-pricing-grid.upr-plan-grid--to-free.upr-plan-grid--leaving { transform: translateX(-24px); }
.utakata-pricing-page .utakata-pricing-grid.upr-plan-grid--to-paid.upr-plan-grid--leaving { transform: translateX(24px); }
.utakata-pricing-page .utakata-pricing-grid.upr-plan-grid--entering { animation: uprPlanPageIn .28s var(--utakata-ease-soft) both; }
.utakata-pricing-page .utakata-pricing-grid.upr-plan-grid--to-free.upr-plan-grid--entering { --upr-plan-enter-x: 24px; }
.utakata-pricing-page .utakata-pricing-grid.upr-plan-grid--to-paid.upr-plan-grid--entering { --upr-plan-enter-x: -24px; }

@keyframes uprPlanPageIn {
	from { opacity: 0; transform: translateX(var(--upr-plan-enter-x, 24px)); }
	to { opacity: 1; transform: translateX(0); }
}

.utakata-pricing-page .utakata-price-card[hidden] {
	display: none !important;
}

.utakata-pricing-page .utakata-price-card,
.utakata-pricing-page .upr-ticket {
	min-height: 420px;
	padding: 34px 26px;
	border: 1px solid var(--utakata-page-line);
	border-radius: 22px;
	background: var(--utakata-page-panel);
	box-shadow: none;
	color: var(--utakata-page-text);
}

.utakata-pricing-page .utakata-price-card h3,
.utakata-pricing-page .upr-ticket h4,
.utakata-pricing-page .upr-ticket-group > h3 {
	color: var(--utakata-page-text) !important;
	font-family: "Outfit", "Zen Kaku Gothic New", sans-serif;
}

.utakata-pricing-page .upr-price {
	grid-template-columns: minmax(0, 1fr) auto;
	height: 42px;
	min-height: 42px;
	margin: 22px 0 6px;
	color: var(--utakata-page-text);
	font-family: "Outfit", "Zen Kaku Gothic New", sans-serif;
	font-size: 38px;
}

.utakata-pricing-page .upr-price-current,
.utakata-pricing-page .upr-price-current strong {
	color: var(--utakata-page-text);
	font-size: 38px;
}

.utakata-pricing-page .upr-price-unit,
.utakata-pricing-page .upr-price-current .upr-price-unit {
	color: var(--utakata-page-sub);
	font-size: 13px;
}

.utakata-pricing-page .upr-price--yearly {
	position: relative;
	padding-right: 54px;
}

.utakata-pricing-page .upr-price-before {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	justify-self: end;
	color: #5e7689;
	font-size: 13px;
}


.utakata-pricing-page .upr-price-original,
.utakata-pricing-page .upr-yearly-original {
	color: #5e7689;
}

.utakata-pricing-page .upr-yearly {
	position: relative;
	min-height: 22px;
	margin: 0 0 22px;
	padding: 0;
	background: transparent;
	color: var(--utakata-page-sub);
	font-size: 11.5px;
}

.utakata-pricing-page .upr-yearly-current {
	color: var(--utakata-page-aqua2);
	font-size: 13px;
}

.utakata-pricing-page .upr-yearly--discount {
	padding-right: 62px;
}

.utakata-pricing-page .upr-yearly--discount .upr-yearly-price-pair {
	position: static;
	justify-self: stretch;
	width: 100%;
}

.utakata-pricing-page .upr-yearly-before {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12px;
}

.utakata-pricing-page .utakata-price-card ul,
.utakata-pricing-page .upr-ticket ul {
	gap: 11px;
	margin-bottom: 26px;
	font-size: 13.5px;
	flex: 1;
}

.utakata-pricing-page .utakata-price-card li,
.utakata-pricing-page .upr-ticket li {
	color: var(--utakata-page-text);
	font-size: 13.5px;
	font-weight: 700;
}

.utakata-pricing-page .utakata-price-card li::before,
.utakata-pricing-page .upr-ticket li::before {
	content: "✓";
	top: 0;
	width: auto;
	height: auto;
	border-radius: 0;
	background: transparent;
	color: var(--utakata-page-aqua);
}

.utakata-pricing-page .utakata-price-card .utakata-button,
.utakata-pricing-page .upr-ticket .utakata-button {
	width: 100%;
	margin-top: auto;
	border-color: rgba(52, 224, 255, .35) !important;
	background: rgba(52, 224, 255, .06) !important;
	color: var(--utakata-page-aqua2) !important;
}

.utakata-pricing-page .utakata-price-card .utakata-button::before,
.utakata-pricing-page .upr-ticket .utakata-button::before {
	background: rgba(52, 224, 255, .14);
}

.utakata-pricing-page .utakata-price-card .utakata-button:hover,
.utakata-pricing-page .upr-ticket .utakata-button:hover {
	color: var(--utakata-page-aqua2) !important;
	border-color: rgba(52, 224, 255, .55) !important;
}

.utakata-pricing-page .upr-ticket-groups {
	gap: 28px;
}

.utakata-pricing-page .upr-ticket-grid--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.utakata-pricing-page .upr-ticket-price {
	color: var(--utakata-page-aqua2);
	font-family: "Outfit", "Zen Kaku Gothic New", sans-serif;
	font-size: 32px;
}

@media (max-width: 1260px) {
	.utakata-pricing-page .upr-plan-prev { left: 8px; }
	.utakata-pricing-page .upr-plan-next { right: 8px; }
}

@media (max-width: 1024px) {
	.utakata-pricing-page .utakata-pricing-grid,
	.utakata-pricing-page .upr-ticket-grid--three {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.utakata-page .utakata-page-body { padding: 82px 0; }
	.utakata-pricing-page .upr-billing-control { grid-template-columns: 1fr; }
	.utakata-pricing-page .upr-billing-toggle,
	.utakata-pricing-page .upr-billing-discount { grid-column: 1; justify-self: center; }
	.utakata-pricing-page .utakata-pricing-grid,
	.utakata-pricing-page .upr-ticket-grid--three {
		grid-template-columns: 1fr;
		max-width: 420px;
		margin-left: auto;
		margin-right: auto;
	}
	.utakata-pricing-page .upr-plan-nav { width: 38px; height: 38px; }
	.utakata-pricing-page .upr-plan-prev { left: 10px; }
	.utakata-pricing-page .upr-plan-next { right: 10px; }
}

/* BEGIN Codex 2026-06-11 final non-top page unification */
html,
body,
#wrapper,
#scroll-content,
.utakata-site-wrap {
	background: #050d16 !important;
}

.utakata-page {
	background:
		radial-gradient(900px 500px at 80% -10%, rgba(139, 92, 246, .16), transparent 60%),
		radial-gradient(1100px 700px at 15% 110%, rgba(8, 145, 178, .22), transparent 60%),
		#050d16 !important;
	color: #eaf6fb !important;
}

.utakata-page .utakata-page-body,
.utakata-page .utakata-shell,
.utakata-page .entry-content,
.utakata-page .cps-post-main,
.utakata-page .cps-post-main-box,
.utakata-page .post-list-mag,
.utakata-page .post-list-mag-sp1col {
	background: transparent !important;
	color: #eaf6fb !important;
}

.utakata-page .utakata-page-card,
.utakata-page .utakata-card,
.utakata-page .utakata-post-card,
.utakata-page .utakata-news-card,
.utakata-page .utakata-topic-card,
.utakata-page .utakata-topics-panel,
.utakata-page .utakata-topic-rank-item,
.utakata-page .utakata-sitemap-section,
.utakata-page .utakata-contact-card,
.utakata-page .utakata-contact-grid > *,
.utakata-page .utakata-pricing-block,
.utakata-page .utakata-price-card,
.utakata-page .upr-plan-card,
.utakata-page .upr-ticket,
.utakata-page .upr-ticket-group,
.utakata-page .wp-block-group:not(.wp-block-buttons),
.utakata-page .wp-block-columns,
.utakata-page .wp-block-column {
	border-color: rgba(94, 234, 255, .14) !important;
	background: linear-gradient(160deg, rgba(16, 42, 68, .9), rgba(8, 22, 37, .92)) !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .42) !important;
	color: #eaf6fb !important;
}

.utakata-page .wp-block-group:not(.wp-block-buttons),
.utakata-page .wp-block-columns,
.utakata-page .wp-block-column {
	border: 1px solid rgba(94, 234, 255, .14) !important;
	border-radius: 18px !important;
}

.utakata-page .utakata-pricing-block,
.utakata-page .utakata-pricing-block .wp-block-group,
.utakata-page .utakata-pricing-block .wp-block-columns,
.utakata-page .utakata-pricing-block .wp-block-column,
.utakata-page .utakata-section-head,
.utakata-page .utakata-topic-search,
.utakata-page .utakata-topic-card__body,
.utakata-page .utakata-news-card__body,
.utakata-page .utakata-news-card__meta,
.utakata-page .utakata-topic-card__meta,
.utakata-page .utakata-topic-card__terms {
	background: transparent !important;
	box-shadow: none !important;
}

.utakata-page h1,
.utakata-page h2,
.utakata-page h3,
.utakata-page h4,
.utakata-page h5,
.utakata-page h6,
.utakata-page .utakata-news-card__title,
.utakata-page .utakata-topic-card__title,
.utakata-page .utakata-section-head h2,
.utakata-page .utakata-topics-panel h2,
.utakata-page .utakata-topic-single-title {
	color: #eaf6fb !important;
}

.utakata-page p,
.utakata-page li,
.utakata-page dd,
.utakata-page dt,
.utakata-page td,
.utakata-page th,
.utakata-page .utakata-news-card__date,
.utakata-page .utakata-news-card__excerpt,
.utakata-page .utakata-topic-card__meta,
.utakata-page .utakata-topic-card__excerpt,
.utakata-page .utakata-topic-single-meta,
.utakata-page .utakata-topics-panel p,
.utakata-page .utakata-news-empty p,
.utakata-page .utakata-section-head p,
.utakata-page .utakata-page-card p,
.utakata-page .utakata-card p {
	color: #9db8c9 !important;
}

.utakata-page strong,
.utakata-page b,
.utakata-page .utakata-page-card strong,
.utakata-page .utakata-card strong {
	color: #eaf6fb !important;
}

.utakata-page a:not(.utakata-button):not(.wp-block-button__link):not(.utakata-news-card__link):not(.utakata-topic-card__link):not(.utakata-news-reference-row) {
	color: #7df9ff !important;
}

.utakata-page .utakata-news-card__link,
.utakata-page .utakata-topic-card__link,
.utakata-page .utakata-topic-rank-item,
.utakata-page .utakata-topic-rank-item a {
	color: #eaf6fb !important;
	text-decoration: none !important;
}

.utakata-page .utakata-news-card__link:hover,
.utakata-page .utakata-topic-card__link:hover,
.utakata-page .utakata-topic-rank-item:hover {
	border-color: rgba(52, 224, 255, .35) !important;
	background: linear-gradient(160deg, rgba(18, 55, 86, .95), rgba(8, 26, 42, .95)) !important;
}

.utakata-page .utakata-topic-card__image,
.utakata-page .utakata-topic-card__image--empty,
.utakata-page .utakata-news-card__image,
.utakata-page .utakata-news-card__image--empty,
.utakata-page .utakata-post-card__image,
.utakata-page .utakata-post-card__image--empty {
	background: linear-gradient(160deg, rgba(16, 42, 68, .95), rgba(8, 22, 37, .95)) !important;
	color: #7df9ff !important;
}

.utakata-page .utakata-topic-card__terms a,
.utakata-page .utakata-topic-category-link,
.utakata-page .utakata-news-card__arrow,
.utakata-page .utakata-topic-rank-number,
.utakata-page .utakata-pill-list span,
.utakata-page .upr-yearly,
.utakata-page .upr-game-list span,
.utakata-page .page-numbers,
.utakata-page .wp-block-tag-cloud a,
.utakata-page .tagcloud a {
	border-color: rgba(52, 224, 255, .3) !important;
	background: rgba(52, 224, 255, .08) !important;
	color: #7df9ff !important;
}

.utakata-page .page-numbers.current,
.utakata-page .page-numbers:hover {
	border-color: rgba(52, 224, 255, .55) !important;
	background: rgba(52, 224, 255, .18) !important;
	color: #eaf6fb !important;
}

.utakata-page input,
.utakata-page select,
.utakata-page textarea,
.utakata-page .utakata-topic-search input,
.utakata-page .utakata-topic-search select {
	border: 1px solid rgba(94, 234, 255, .2) !important;
	background: rgba(5, 13, 22, .72) !important;
	color: #eaf6fb !important;
	box-shadow: none !important;
}

.utakata-page input::placeholder,
.utakata-page textarea::placeholder,
.utakata-page .utakata-topic-search input::placeholder {
	color: #6f8ba0 !important;
}

.utakata-page table,
.utakata-page thead,
.utakata-page tbody,
.utakata-page tr,
.utakata-page th,
.utakata-page td {
	border-color: rgba(94, 234, 255, .14) !important;
	background: rgba(8, 22, 37, .58) !important;
}

.utakata-page hr,
.utakata-page .wp-block-separator {
	border-color: rgba(94, 234, 255, .14) !important;
	background: rgba(94, 234, 255, .14) !important;
}

.utakata-page .utakata-button:not(.wp-block-button),
.utakata-page .wp-block-button.utakata-button .wp-block-button__link,
.utakata-page button.utakata-button,
.utakata-page input[type="submit"].utakata-button,
.utakata-page .utakata-topic-search button,
.utakata-page .utakata-topic-search-submit {
	position: relative !important;
	z-index: 0 !important;
	overflow: hidden !important;
	isolation: isolate !important;
	border: 2px solid rgba(52, 224, 255, .45) !important;
	background: rgba(52, 224, 255, .06) !important;
	background-image: none !important;
	color: #7df9ff !important;
	box-shadow: none !important;
	transform: none !important;
	transition: color .18s var(--utakata-ease-soft), border-color .18s var(--utakata-ease-soft) !important;
}

.utakata-page .utakata-button:not(.wp-block-button)::before,
.utakata-page .wp-block-button.utakata-button .wp-block-button__link::before,
.utakata-page button.utakata-button::before,
.utakata-page input[type="submit"].utakata-button::before,
.utakata-page .utakata-topic-search button::before,
.utakata-page .utakata-topic-search-submit::before {
	content: "" !important;
	position: absolute !important;
	inset: -3px !important;
	z-index: -1 !important;
	border-radius: inherit !important;
	background: rgba(52, 224, 255, .14) !important;
	transform: translateX(-101%);
	animation: utakata-button-fill-out .4s cubic-bezier(.22, 1, .36, 1) forwards !important;
	pointer-events: none !important;
	will-change: transform !important;
}

.utakata-page .utakata-button:not(.wp-block-button):hover,
.utakata-page .wp-block-button.utakata-button .wp-block-button__link:hover,
.utakata-page button.utakata-button:hover,
.utakata-page input[type="submit"].utakata-button:hover,
.utakata-page .utakata-topic-search button:hover,
.utakata-page .utakata-topic-search-submit:hover {
	border-color: rgba(52, 224, 255, .6) !important;
	color: #eaf6fb !important;
	transform: none !important;
}

.utakata-page .utakata-button:not(.wp-block-button):hover::before,
.utakata-page .wp-block-button.utakata-button .wp-block-button__link:hover::before,
.utakata-page button.utakata-button:hover::before,
.utakata-page input[type="submit"].utakata-button:hover::before,
.utakata-page .utakata-topic-search button:hover::before,
.utakata-page .utakata-topic-search-submit:hover::before {
	animation: utakata-button-fill-in .6s cubic-bezier(.22, 1, .36, 1) forwards !important;
}

.utakata-page .utakata-button--primary:not(.wp-block-button),
.utakata-page .wp-block-button.utakata-button--primary .wp-block-button__link,
.utakata-page .utakata-price-card .utakata-button,
.utakata-page .upr-ticket .utakata-button,
.utakata-page .upr-plan-card .utakata-button {
	border-color: rgba(52, 224, 255, .55) !important;
	background: linear-gradient(90deg, #20c7e6, #6aa7ff) !important;
	color: #031622 !important;
}

.utakata-page .utakata-button--primary:not(.wp-block-button)::before,
.utakata-page .wp-block-button.utakata-button--primary .wp-block-button__link::before,
.utakata-page .utakata-price-card .utakata-button::before,
.utakata-page .upr-ticket .utakata-button::before,
.utakata-page .upr-plan-card .utakata-button::before {
	background: rgba(4, 17, 29, .22) !important;
}

.utakata-page .utakata-button--primary:not(.wp-block-button):hover,
.utakata-page .wp-block-button.utakata-button--primary .wp-block-button__link:hover,
.utakata-page .utakata-price-card .utakata-button:hover,
.utakata-page .upr-ticket .utakata-button:hover,
.utakata-page .upr-plan-card .utakata-button:hover {
	color: #ffffff !important;
}

@media (max-width: 760px) {
	.utakata-page .wp-block-group:not(.wp-block-buttons),
	.utakata-page .wp-block-columns,
	.utakata-page .wp-block-column {
		border-radius: 16px !important;
	}
}
/* END Codex 2026-06-11 final non-top page unification */

/* BEGIN Codex 2026-06-11 home spacing footer cleanup */
.utakata-site-body,
.utakata-site-wrap {
	min-height: 100vh;
}

.utakata-site-wrap {
	display: flex;
	flex-direction: column;
}

.utakata-site-content {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	background:
		radial-gradient(900px 500px at 80% -10%, rgba(139, 92, 246, .16), transparent 60%),
		radial-gradient(1100px 700px at 15% 110%, rgba(8, 145, 178, .22), transparent 60%),
		#050d16 !important;
}

.utakata-site-content > main.utakata-page {
	flex: 1 0 auto;
}

.uhx .utakata-home-topics-section .utakata-home-section-head {
	margin: 0 0 34px !important;
}

.uhx .utakata-home-news-section .utakata-home-section-head {
	margin: 0 !important;
}

.uhx .utakata-home-topic-grid,
.uhx .utakata-home-news-list {
	margin-top: 0 !important;
}

.uhx .utakata-home-news-link {
	min-height: 0 !important;
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}

.utakata-site-footer .utakata-footer-bottom {
	padding: 8px 0 10px !important;
	gap: 10px !important;
}

.utakata-site-footer .utakata-footer-bottom,
.utakata-site-footer .utakata-footer-bottom * {
	line-height: 1.45 !important;
}

.utakata-site-footer .utakata-footer-bottom p,
.utakata-site-footer .utakata-footer-bottom small {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.utakata-site-footer .utakata-footer-bottom-links {
	gap: 10px !important;
}

@media (max-width: 760px) {
	.uhx .utakata-home-news-link {
		padding-top: 14px !important;
		padding-bottom: 14px !important;
	}
}
/* END Codex 2026-06-11 home spacing footer cleanup */

/* BEGIN Codex 2026-06-11 news reference layout */
.utakata-news-archive {
	--utakata-news-text: #eaf6fb;
	--utakata-news-sub: #9db8c9;
	--utakata-news-aqua: #34e0ff;
	--utakata-news-aqua2: #7df9ff;
	--utakata-news-line: rgba(94, 234, 255, .2);
}

.utakata-news-archive .utakata-news-list-page {
	padding: 80px 0 118px;
}

.utakata-news-archive .utakata-news-list-shell {
	width: min(931px, calc(100% - 116px));
	margin: 0 auto;
}

.utakata-news-archive .utakata-news-list-heading {
	width: 100%;
	margin: 0 0 66px;
	padding: 0;
	text-align: left;
}

.utakata-news-archive .utakata-news-list-heading p {
	margin: 0 0 4px;
	padding: 0;
	color: var(--utakata-news-aqua) !important;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: 0;
}

.utakata-news-archive .utakata-news-list-heading h1 {
	margin: 0;
	padding: 0;
	color: var(--utakata-news-text) !important;
	font-family: "Outfit", "Zen Kaku Gothic New", sans-serif;
	font-size: clamp(56px, 5.6vw, 72px) !important;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
}

.utakata-news-archive .utakata-news-list-main {
	width: 100%;
}

.utakata-news-archive .utakata-news-reference-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--utakata-news-line);
}

.utakata-news-archive .utakata-news-reference-item {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--utakata-news-line);
	list-style: none;
}

.utakata-news-archive .utakata-news-reference-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 14px;
	gap: 18px;
	align-items: center;
	min-height: 106px;
	padding: 25px 0;
	color: var(--utakata-news-text) !important;
	text-decoration: none !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	cursor: pointer;
}

.utakata-page.utakata-news-archive .utakata-news-reference-list .utakata-news-reference-item .utakata-news-reference-row {
	color: var(--utakata-news-text) !important;
	text-decoration: none !important;
}

.utakata-news-archive .utakata-news-reference-text {
	display: block;
	min-width: 0;
}

.utakata-news-archive .utakata-news-reference-date {
	display: block;
	margin: 0 0 11px;
	color: var(--utakata-news-sub) !important;
	font-family: "Outfit", "Zen Kaku Gothic New", sans-serif;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.3;
	white-space: nowrap;
	transition: color .18s var(--utakata-ease-soft);
}

.utakata-news-archive .utakata-news-reference-title {
	display: block;
	color: inherit !important;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.55;
	transition: color .18s var(--utakata-ease-soft);
}

.utakata-page.utakata-news-archive .utakata-news-reference-list .utakata-news-reference-item .utakata-news-reference-row:hover,
.utakata-page.utakata-news-archive .utakata-news-reference-list .utakata-news-reference-item .utakata-news-reference-row:focus-visible {
	outline: none;
}

.utakata-page.utakata-news-archive .utakata-news-reference-list .utakata-news-reference-item .utakata-news-reference-row:hover .utakata-news-reference-title,
.utakata-page.utakata-news-archive .utakata-news-reference-list .utakata-news-reference-item .utakata-news-reference-row:focus-visible .utakata-news-reference-title,
.utakata-page.utakata-news-archive .utakata-news-reference-list .utakata-news-reference-item .utakata-news-reference-row:hover .utakata-news-reference-date,
.utakata-page.utakata-news-archive .utakata-news-reference-list .utakata-news-reference-item .utakata-news-reference-row:focus-visible .utakata-news-reference-date {
	color: var(--utakata-news-aqua) !important;
}

.utakata-news-archive .utakata-news-reference-icon.utakata-home-news-arrow {
	position: relative;
	right: auto;
	bottom: auto;
	display: block;
	width: 14px;
	height: 14px;
	min-width: 14px;
	margin-left: auto;
	background: var(--utakata-news-aqua);
}

.utakata-news-archive .utakata-news-reference-icon.utakata-home-news-arrow::before {
	border-top-color: #03222e;
	border-right-color: #03222e;
}

.utakata-news-archive .utakata-news-reference-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	min-height: 48px;
	margin: 61px 0 0;
}

.utakata-news-archive .utakata-news-reference-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 8px;
	border: 0 !important;
	border-radius: 999px;
	background: transparent !important;
	color: var(--utakata-news-text) !important;
	font-family: "Outfit", "Zen Kaku Gothic New", sans-serif;
	font-size: 15px;
	font-weight: 900;
	line-height: 1;
	text-decoration: none !important;
}

.utakata-news-archive .utakata-news-reference-pagination .page-numbers.current {
	background: var(--utakata-news-text) !important;
	color: #050d16 !important;
}

.utakata-news-archive .utakata-news-reference-pagination a.page-numbers:hover,
.utakata-news-archive .utakata-news-reference-pagination a.page-numbers:focus-visible {
	color: var(--utakata-news-aqua) !important;
	outline: none;
}


.utakata-news-single .utakata-news-detail-page {
	padding: 80px 0 100px;
}

.utakata-news-single .utakata-news-detail-shell {
	width: min(688px, 100%);
	margin: 0 auto;
	padding: 0 24px 60px;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #eaf6fb !important;
}

.utakata-news-single .utakata-news-detail-meta {
	display: flex;
	align-items: center;
	min-height: 24px;
	margin: 0 0 8px;
}

.utakata-news-single .utakata-news-single__date {
	color: #9db8c9 !important;
	font-family: "Outfit", "Zen Kaku Gothic New", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.45;
}

.utakata-news-single .utakata-news-detail-title {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #eaf6fb !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	letter-spacing: 0;
}

.utakata-news-single .utakata-news-detail-content {
	margin: 16px 0 0;
	color: #eaf6fb !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.utakata-news-single .utakata-news-detail-content > * {
	margin-top: 0;
}

.utakata-news-single .utakata-news-detail-content p,
.utakata-news-single .utakata-news-detail-content li {
	color: #eaf6fb !important;
	font-size: 14px;
	line-height: 1.5;
}

.utakata-news-single .utakata-news-detail-content p + p,
.utakata-news-single .utakata-news-detail-content ul,
.utakata-news-single .utakata-news-detail-content ol {
	margin-top: 1em;
}

.utakata-news-single .utakata-news-single__back {
	display: flex;
	justify-content: center;
	margin: 40px 0 0;
}

.utakata-news-single .utakata-news-single__back .utakata-button {
	min-width: 184px;
}

@media (max-width: 760px) {
	.utakata-news-archive .utakata-news-list-page,
	.utakata-news-single .utakata-news-detail-page {
		padding: 64px 0 84px;
	}

	.utakata-news-archive .utakata-news-list-shell {
		width: min(100% - 32px, 931px);
	}

	.utakata-news-archive .utakata-news-list-heading {
		margin-bottom: 46px;
	}

	.utakata-news-archive .utakata-news-list-heading h1 {
		font-size: 52px !important;
	}

	.utakata-news-archive .utakata-news-reference-row {
		min-height: 0;
		padding: 22px 0;
	}

	.utakata-news-single .utakata-news-detail-shell {
		width: 100%;
		padding: 0 24px 56px;
	}
}
/* END Codex 2026-06-11 news reference layout */



/* BEGIN Codex 2026-06-11 faq base */
.utakata-faq-heading {
	margin: 0 0 24px;
}

.utakata-faq-heading p {
	margin: 0 0 6px;
	color: #34e0ff !important;
	font-family: "Outfit", "Zen Kaku Gothic New", sans-serif;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .14em;
	line-height: 1.4;
}

.utakata-faq-heading h1 {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: clamp(30px, 4vw, 44px) !important;
	line-height: 1.25 !important;
}

.utakata-faq-content:empty {
	display: none;
}
/* END Codex 2026-06-11 faq base */

/* BEGIN Codex 2026-06-11 starto share and nintendo topics */
.utakata-storm-share.c-sns {
	display: inline-flex !important;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	padding: 0 0 10px;
	border: 0 !important;
	border-bottom: 1px solid rgba(234, 246, 251, .52) !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #eaf6fb !important;
}

.utakata-storm-share .c-sns__label {
	margin: 0 !important;
	padding: 0;
	color: #9db8c9 !important;
	font-family: "Outfit", "Zen Kaku Gothic New", sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.utakata-storm-share .c-sns__list {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.utakata-storm-share .c-sns__item {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	line-height: 0;
}

.utakata-storm-share .c-sns__link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	padding: 0 !important;
	border: 2px solid transparent !important;
	border-radius: 50%;
	box-sizing: border-box;
	background: transparent !important;
	box-shadow: none !important;
	line-height: 0 !important;
	opacity: 1 !important;
	transform: none !important;
	transition: background 0.18s var(--utakata-ease-soft), border-color 0.18s var(--utakata-ease-soft), opacity 0.18s var(--utakata-ease-soft);
}

.utakata-storm-share .c-sns__link img {
	display: block !important;
	width: 28px !important;
	height: 28px !important;
	max-width: none !important;
	object-fit: contain;
}

.utakata-storm-share .c-sns__link--x img {
	width: 31px !important;
	height: 31px !important;
}

.utakata-storm-share .c-sns__link:hover,
.utakata-storm-share .c-sns__link:focus-visible {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(255, 255, 255, 0.28) !important;
	box-shadow: none !important;
	opacity: 1 !important;
	transform: none !important;
	outline: none;
}

.utakata-storm-share .c-sns__link--x:hover,
.utakata-storm-share .c-sns__link--x:focus-visible {
	background: #061321 !important;
}

.utakata-news-list-heading--with-share,
.utakata-news-detail-head,
.utakata-topics-nintendo .topics-articleHead--with-share {
	display: flex !important;
	align-items: flex-start;
	justify-content: space-between;
	gap: 28px;
}

.utakata-news-list-heading__title,
.utakata-news-detail-head__title,
.utakata-topics-nintendo .topics-articleHead__title {
	min-width: 0;
}

.utakata-news-detail-head {
	margin: 0 0 18px;
}

.utakata-news-detail-head .utakata-storm-share {
	margin-top: 2px;
}

.utakata-topics-nintendo .topics-articleHead--with-share .utakata-storm-share {
	flex: 0 0 auto;
	margin-top: 2px;
}

.utakata-topics-nintendo {
	--nt-bg: #050d16;
	--nt-surface: #081625;
	--nt-card: #0c1f33;
	--nt-card2: #102a44;
	--nt-text: #f5fbff;
	--nt-body: #d7e8f1;
	--nt-sub: #8fa9bb;
	--nt-muted: #637f91;
	--nt-line: rgba(87, 232, 255, .28);
	--nt-line-soft: rgba(87, 232, 255, .14);
	--nt-accent: #35e2ff;
	--nt-accent-strong: #12c8ef;
	--nt-accent-text: #031923;
	--nt-button: #079dd5;
	--nt-button-hover: #36e7ff;
	--nt-shell: 1120px;
	--nt-radius: 18px;
	--nt-radius-sm: 12px;
	--nt-content-search-gap: 82px;
	background:
		radial-gradient(800px 460px at 74% 8%, rgba(52, 224, 255, .16), transparent 70%),
		radial-gradient(680px 420px at 14% 22%, rgba(139, 92, 246, .13), transparent 72%),
		var(--nt-bg) !important;
	color: var(--nt-text) !important;
	font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
	font-size: 14px;
	line-height: 1.7;
	overflow: hidden;
}

.utakata-topics-nintendo *,
.utakata-topics-nintendo *::before,
.utakata-topics-nintendo *::after {
	box-sizing: border-box;
	letter-spacing: 0;
}

.utakata-topics-nintendo a {
	color: inherit;
	text-decoration: none !important;
}

.utakata-topics-nintendo img {
	max-width: 100%;
	height: auto;
}



.utakata-topics-nintendo .nc3-l-innerWidth--pc,
.utakata-topics-nintendo .nc3-l-innerWidth--pcTab,
.utakata-topics-nintendo .nc3-l-innerWidth,
.utakata-topics-nintendo .nc3-l-innerWidth--tabSp {
	width: min(var(--nt-shell), calc(100% - 48px));
	margin-right: auto;
	margin-left: auto;
}

.utakata-topics-nintendo .topics-topContent {
	padding: 80px 0 var(--nt-content-search-gap);
}

.utakata-topics-nintendo .topics-topContent__layout {
	display: grid;
	grid-template-columns: minmax(0, 790px) 280px;
	gap: 50px;
	align-items: start;
	justify-content: space-between;
}

.utakata-topics-nintendo .topics-topContent__main,
.utakata-topics-nintendo .topics-topContent__sub {
	min-width: 0;
}

.utakata-topics-nintendo .topics-topContent__sub,
.utakata-topics-nintendo .topics-detailGrid__sub {
	width: 280px;
	justify-self: end;
}

.utakata-topics-nintendo .nc3-l-grid__inner {
	display: grid;
	align-items: start;
}

.utakata-topics-nintendo .topics-home-grid .nc3-l-grid__inner {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 46px 30px;
}

.utakata-topics-nintendo .topics-list-grid .nc3-l-grid__inner {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 46px 26px;
}

.utakata-topics-nintendo .topics-recommend__list .nc3-l-grid__inner {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 30px 24px;
}

.utakata-topics-nintendo .topics-recommend_article .topics-recommend__list .nc3-l-grid__inner {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 26px 18px;
}

.utakata-topics-nintendo .nc3-l-grid__cell {
	min-width: 0;
}

.utakata-topics-nintendo .nc3-c-articleCard {
	position: relative;
	min-width: 0;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--nt-text) !important;
}

.utakata-topics-nintendo .nc3-c-articleCard > a {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	padding: 0 0 26px;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--nt-text) !important;
	text-decoration: none !important;
	transform: none !important;
}

.utakata-topics-nintendo .nc3-c-articleCard__thumb {
	position: relative;
	overflow: hidden;
	border-radius: var(--nt-radius-sm);
	cursor: pointer;
}

.utakata-topics-nintendo .nc3-c-articleCard__platform {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	right: 0;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	background: var(--nt-accent);
	color: var(--nt-accent-text);
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: var(--nt-radius-sm) var(--nt-radius-sm) 0 0;
}

.utakata-topics-nintendo .nc3-c-articleCard__badge {
	position: absolute;
	z-index: 3;
	left: -34px;
	top: 10px;
	width: 98px;
	padding: 4px 0;
	background: var(--nt-button);
	color: #fff;
	font-family: "Outfit", "Zen Kaku Gothic New", sans-serif;
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	text-align: center;
	transform: rotate(-45deg);
}

.utakata-topics-nintendo .nc3-c-articleCard__thumbImage {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: inherit;
	background: linear-gradient(155deg, var(--nt-card2), #06111b) !important;
	transition: box-shadow .18s var(--utakata-ease-soft), filter .18s var(--utakata-ease-soft);
}

.utakata-topics-nintendo .nc3-c-articleCard__thumbImage img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .24s cubic-bezier(.22, 1, .36, 1);
}

.utakata-topics-nintendo .utakata-topic-nintendo-empty {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	padding-top: 22px;
	color: var(--nt-accent) !important;
	font-family: "Outfit", "Zen Kaku Gothic New", sans-serif;
	font-size: 14px;
	font-weight: 900;
	background: linear-gradient(155deg, #0d2a42, #06111b);
}

.utakata-topics-nintendo .nc3-c-articleCard__heightbase {
	margin-top: 12px;
}

.utakata-topics-nintendo .nc3-c-articleCard__name {
	color: var(--nt-text) !important;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.65;
	transition: color .18s var(--utakata-ease-soft);
}

.utakata-topics-nintendo .nc3-c-articleCard__sub {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 14px;
	padding-top: 0;
	min-height: 14px;
}

.utakata-topics-nintendo .nc3-c-articleCard__dateAndPrice {
	color: var(--nt-sub) !important;
	font-family: "Outfit", "Zen Kaku Gothic New", sans-serif;
	font-size: 10px;
	font-weight: 800;
	line-height: 1.4;
}

.utakata-topics-nintendo .nc3-c-articleCard__arrow {
	position: relative;
	right: auto;
	bottom: auto;
	width: 14px;
	height: 14px;
	min-width: 14px;
	border-radius: 50%;
	background: var(--utakata-color-blue);
}

.utakata-topics-nintendo .nc3-c-articleCard__divider {
	display: block;
	margin-top: 8px;
	border-top: 1px solid var(--nt-line-soft);
}

.utakata-topics-nintendo .nc3-c-articleCard > a:hover .nc3-c-articleCard__thumbImage img,
.utakata-topics-nintendo .nc3-c-articleCard > a:focus-visible .nc3-c-articleCard__thumbImage img {
	transform: scale(1.035);
}

.utakata-topics-nintendo .nc3-c-articleCard > a:hover .nc3-c-articleCard__thumbImage,
.utakata-topics-nintendo .nc3-c-articleCard > a:focus-visible .nc3-c-articleCard__thumbImage {
	filter: brightness(1.08);
	box-shadow: 0 0 0 1px rgba(53, 226, 255, .36), 0 12px 30px rgba(0, 0, 0, .28);
}

.utakata-topics-nintendo .nc3-c-articleCard > a:hover .nc3-c-articleCard__name,
.utakata-topics-nintendo .nc3-c-articleCard > a:focus-visible .nc3-c-articleCard__name {
	color: var(--nt-accent) !important;
}

.utakata-topics-nintendo .topics-topContent__more,
.utakata-topics-nintendo .topics-recommend__more {
	display: flex;
	justify-content: center;
	margin-top: 46px;
}

.utakata-topics-nintendo .topics-topContent__more .nc3-a-button {
	width: 100%;
	min-width: 0;
}

.utakata-topics-nintendo .topics-topContent__more .nc3-a-button,
.utakata-topics-nintendo .topics-footerLinks__bt {
	min-height: 42px;
	padding: 0 20px;
	font-size: 14px;
}

.utakata-topics-nintendo .nc3-a-button,
.utakata-topics-nintendo .topics-footerLinks__bt {
	position: relative;
	z-index: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: min(100%, 310px);
	min-height: 52px;
	height: auto;
	overflow: hidden;
	isolation: isolate;
	padding: 0 22px;
	border-width: 2px !important;
	border-style: solid !important;
	border-color: var(--utakata-color-blue) !important;
	border-radius: var(--utakata-radius-button);
	background-color: var(--utakata-color-blue) !important;
	background-image: none !important;
	color: var(--utakata-color-white) !important;
	font-family: var(--utakata-ff-ui);
	font-size: 15px;
	font-weight: 800;
	line-height: 1.4;
	text-align: center;
	box-shadow: none !important;
	transform: none !important;
	transition: color .18s var(--utakata-ease-soft), border-color .18s var(--utakata-ease-soft);
}

.utakata-topics-nintendo .nc3-a-button::before,
.utakata-topics-nintendo .topics-footerLinks__bt::before {
	content: "";
	position: absolute;
	inset: -3px;
	z-index: -1;
	border-radius: inherit;
	background: var(--utakata-color-blue-dark);
	transform: translateX(-101%);
	animation: utakata-button-fill-out .4s cubic-bezier(.22, 1, .36, 1) forwards;
	pointer-events: none;
	will-change: transform;
}

.utakata-topics-nintendo .nc3-a-button:hover,
.utakata-topics-nintendo .topics-footerLinks__bt:hover {
	color: var(--utakata-color-white) !important;
	transform: none !important;
}

.utakata-topics-nintendo .nc3-a-button:hover::before,
.utakata-topics-nintendo .topics-footerLinks__bt:hover::before {
	animation: utakata-button-fill-in .6s cubic-bezier(.22, 1, .36, 1) forwards;
}

.utakata-topics-nintendo .topics-rankingBox,
.utakata-topics-nintendo .topics-sideNewsBox {
	border: 1px solid var(--nt-line-soft);
	border-radius: var(--nt-radius);
	background: var(--nt-surface);
	overflow: hidden;
}

.utakata-topics-nintendo .topics-rankingBox__headline,
.utakata-topics-nintendo .topics-sideNewsBox__headline {
	margin: 0 !important;
	padding: 14px 12px !important;
	border: 0 !important;
	background: var(--nt-accent) !important;
	color: var(--nt-accent-text) !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-align: center;
	border-radius: var(--nt-radius) var(--nt-radius) 0 0;
}

.utakata-topics-nintendo .topics-rankingBox__tabs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-bottom: 1px solid var(--nt-line-soft);
	background: var(--nt-card);
}

.utakata-topics-nintendo .topics-rankingBox__tab {
	display: grid;
	place-items: center;
	width: 100%;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--nt-sub);
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	cursor: pointer;
	transition: background .18s var(--utakata-ease-soft), color .18s var(--utakata-ease-soft);
}

.utakata-topics-nintendo .topics-rankingBox__tab.is-active {
	background: rgba(53, 226, 255, .16);
	color: var(--nt-accent);
}

.utakata-topics-nintendo .topics-rankingBox__tab:hover {
	background: rgba(53, 226, 255, .1);
	color: var(--nt-accent);
}

.utakata-topics-nintendo .topics-rankingList__list,
.utakata-topics-nintendo .topics-sideNewsBox__list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.utakata-topics-nintendo .topics-rankingList__item,
.utakata-topics-nintendo .topics-sideNewsBox__item {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border-bottom: 1px solid var(--nt-line-soft);
}

.utakata-topics-nintendo .topics-rankingList__link,
.utakata-topics-nintendo .topics-sideNewsBox__link {
	position: relative;
	display: block;
	padding: 10px 10px 34px;
	min-height: 0;
	border-radius: var(--nt-radius-sm);
	cursor: pointer;
	transition: background .18s var(--utakata-ease-soft);
}

.utakata-topics-nintendo .topics-sideNewsBox__link {
	padding-top: 10px;
}

.utakata-topics-nintendo .topics-rankingList__rank {
	position: absolute;
	z-index: 2;
	left: 8px;
	top: 8px;
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--nt-accent);
	color: var(--nt-accent-text);
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 900;
}

.utakata-topics-nintendo .topics-rankingList__thumb,
.utakata-topics-nintendo .topics-sideNewsBox__thumb {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--nt-radius-sm);
	background: var(--nt-card2);
	color: var(--nt-accent);
	font-size: 9px;
	font-weight: 900;
	text-align: center;
	transition: box-shadow .18s var(--utakata-ease-soft), filter .18s var(--utakata-ease-soft);
}

.utakata-topics-nintendo .topics-rankingList__thumb > span,
.utakata-topics-nintendo .topics-sideNewsBox__thumb > span {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
}

.utakata-topics-nintendo .topics-rankingList__thumb img,
.utakata-topics-nintendo .topics-sideNewsBox__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .24s cubic-bezier(.22, 1, .36, 1);
}

.utakata-topics-nintendo .topics-rankingList__title,
.utakata-topics-nintendo .topics-sideNewsBox__title {
	display: block;
	margin-top: 8px;
	color: var(--nt-text);
	font-size: 11px;
	font-weight: 900;
	line-height: 1.55;
	transition: color .18s var(--utakata-ease-soft);
}

.utakata-topics-nintendo .topics-rankingList__date,
.utakata-topics-nintendo .topics-sideNewsBox__date {
	position: absolute;
	left: 10px;
	bottom: 10px;
	display: block;
	margin-top: 0;
	color: var(--nt-sub);
	font-family: "Outfit", sans-serif;
	font-size: 10px;
	font-weight: 800;
	line-height: 1.4;
}

.utakata-topics-nintendo .topics-rankingList__dot,
.utakata-topics-nintendo .topics-sideNewsBox__dot {
	position: absolute;
	right: 10px;
	bottom: 11px;
	width: 14px;
	height: 14px;
	min-width: 14px;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	background: var(--utakata-color-blue);
	transition: background .18s var(--utakata-ease-soft);
}

.utakata-topics-nintendo .topics-rankingList__dot::before,
.utakata-topics-nintendo .topics-sideNewsBox__dot::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 4px;
	height: 4px;
	border-top: 1.5px solid var(--utakata-color-white);
	border-right: 1.5px solid var(--utakata-color-white);
	transform: translate(-68%, -50%) rotate(45deg);
}

.utakata-topics-nintendo .topics-rankingList__link:hover,
.utakata-topics-nintendo .topics-sideNewsBox__link:hover,
.utakata-topics-nintendo .topics-rankingList__link:focus-visible,
.utakata-topics-nintendo .topics-sideNewsBox__link:focus-visible {
	background: rgba(53, 226, 255, .06);
}

.utakata-topics-nintendo .topics-rankingList__link:hover .topics-rankingList__thumb,
.utakata-topics-nintendo .topics-sideNewsBox__link:hover .topics-sideNewsBox__thumb,
.utakata-topics-nintendo .topics-rankingList__link:focus-visible .topics-rankingList__thumb,
.utakata-topics-nintendo .topics-sideNewsBox__link:focus-visible .topics-sideNewsBox__thumb {
	filter: brightness(1.08);
	box-shadow: 0 0 0 1px rgba(53, 226, 255, .32), 0 10px 24px rgba(0, 0, 0, .24);
}

.utakata-topics-nintendo .topics-rankingList__link:hover .topics-rankingList__thumb img,
.utakata-topics-nintendo .topics-sideNewsBox__link:hover .topics-sideNewsBox__thumb img,
.utakata-topics-nintendo .topics-rankingList__link:focus-visible .topics-rankingList__thumb img,
.utakata-topics-nintendo .topics-sideNewsBox__link:focus-visible .topics-sideNewsBox__thumb img {
	transform: scale(1.035);
}

.utakata-topics-nintendo .topics-rankingList__link:hover .topics-rankingList__title,
.utakata-topics-nintendo .topics-sideNewsBox__link:hover .topics-sideNewsBox__title,
.utakata-topics-nintendo .topics-rankingList__link:focus-visible .topics-rankingList__title,
.utakata-topics-nintendo .topics-sideNewsBox__link:focus-visible .topics-sideNewsBox__title {
	color: var(--nt-accent);
}


.utakata-topics-nintendo .topics-rankingList__empty,
.utakata-topics-nintendo .topics-sideNewsBox__empty {
	margin: 0;
	padding: 18px 12px;
	color: var(--nt-sub);
	font-size: 12px;
}

.utakata-topics-nintendo .topics-recommend_article {
	margin-top: 72px;
	padding: 44px 0 var(--nt-content-search-gap);
	border-top: 1px solid var(--nt-line-soft);
	background: transparent;
}

.utakata-topics-nintendo .topics-recommend__headingRow {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 26px;
	padding-top: 8px;
	border-top: 3px solid var(--nt-accent);
}

.utakata-topics-nintendo .topics-recommend__headline {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--nt-text) !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	line-height: 1.4 !important;
}

.utakata-topics-nintendo .topics-recommend__lead {
	margin: 0;
	color: var(--nt-sub);
	font-size: 12px;
	font-weight: 700;
}

.utakata-topics-nintendo .topics-listHeader02 {
	text-align: center;
	padding: 80px 0 32px;
}

.utakata-topics-nintendo .topics-listHeader02__jp {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--nt-text) !important;
	font-size: 28px !important;
	font-weight: 900 !important;
	line-height: 1.35 !important;
}

.utakata-topics-nintendo .topics-listHeader02__en {
	margin-top: 8px;
	color: var(--nt-accent) !important;
	font-family: "Outfit", sans-serif;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .14em;
}

.utakata-topics-nintendo .topics-filterUIs {
	margin-bottom: 42px;
	padding-top: 22px;
	border-top: 1px solid var(--nt-line-soft);
}

.utakata-topics-nintendo .nc3-c-tabSwitcher__list {
	display: flex;
	align-items: center;
	gap: 24px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	overflow-x: auto;
}

.utakata-topics-nintendo .nc3-c-tabSwitcher__item {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 0;
	color: var(--nt-body);
	font-size: 12px;
	font-weight: 900;
	white-space: nowrap;
	list-style: none !important;
}

.utakata-topics-nintendo .nc3-c-tabSwitcher__item a {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 13px;
	border: 1px solid var(--nt-line-soft);
	border-radius: 999px;
	background: rgba(255, 255, 255, .05);
	color: inherit !important;
	transition: background .18s var(--utakata-ease-soft), color .18s var(--utakata-ease-soft), border-color .18s var(--utakata-ease-soft);
}

.utakata-topics-nintendo .topics-filterUIs__item--headline {
	color: var(--nt-text);
	border-bottom-color: transparent !important;
}

.utakata-topics-nintendo .nc3-c-tabSwitcher__item.is-active {
	color: var(--nt-accent);
	border-bottom-color: transparent;
}

.utakata-topics-nintendo .nc3-c-tabSwitcher__item.is-active a,
.utakata-topics-nintendo .nc3-c-tabSwitcher__item a:hover,
.utakata-topics-nintendo .nc3-c-tabSwitcher__item a:focus-visible {
	border-color: rgba(53, 226, 255, .42);
	background: rgba(53, 226, 255, .14);
	color: var(--nt-accent) !important;
}

.utakata-topics-nintendo .topics-listContent {
	padding: 0 0 var(--nt-content-search-gap);
}

.utakata-topics-nintendo .topics-listContent__sort {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	margin: -66px 0 42px;
	color: var(--nt-sub);
	font-size: 11px;
	font-weight: 900;
}

.utakata-topics-nintendo .topics-listContent__sort button {
	width: 112px;
	height: 31px;
	border: 1px solid var(--nt-line-soft);
	border-radius: 999px;
	background: var(--nt-surface);
	color: var(--nt-text);
	font-size: 11px;
	font-weight: 900;
}

.utakata-topics-nintendo .topics-listContent__pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 64px;
}

.utakata-topics-nintendo .topics-listContent__pagerCurrent,
.utakata-topics-nintendo .topics-listContent__pagerArrow {
	display: grid;
	place-items: center;
	height: 44px;
	border: 1px solid var(--nt-line-soft);
	border-radius: 999px;
	background: var(--nt-surface);
	color: var(--nt-text);
	font-size: 14px;
	font-weight: 900;
}

.utakata-topics-nintendo .topics-listContent__pagerCurrent {
	min-width: 94px;
}

.utakata-topics-nintendo .topics-listContent__pagerArrow {
	width: 44px;
	font-size: 22px;
}

.utakata-topics-nintendo .topics-listContent__pagerArrow.is-disabled {
	opacity: .36;
}

.utakata-topics-nintendo .topics-detailWrap {
	padding: 80px 0 var(--nt-content-search-gap);
}

.utakata-topics-nintendo .topics-detailGrid {
	display: grid;
	grid-template-columns: minmax(0, 790px) 280px;
	gap: 50px;
	align-items: start;
}

.utakata-topics-nintendo .topics-detailGrid__main,
.utakata-topics-nintendo .topics-detailGrid__sub {
	min-width: 0;
}

.utakata-topics-nintendo .topics-detailGrid__sub {
	display: grid;
	gap: 22px;
	position: sticky;
	top: 90px;
}

.utakata-topics-nintendo .topics-articleHead {
	padding: 0 0 22px;
	border: 0;
	background: transparent;
}

.utakata-topics-nintendo .topics-articleHead__sub {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.utakata-topics-nintendo .topics-articleHead__date {
	color: var(--nt-accent);
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 900;
}

.utakata-topics-nintendo .topics-articleHead__category {
	display: inline-flex;
	align-items: center;
	min-height: 18px;
	padding: 2px 8px;
	border: 1px solid var(--nt-accent);
	border-radius: 999px;
	color: var(--nt-accent);
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
}

.utakata-topics-nintendo .topics-articleHead__main {
	margin: 0 0 22px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--nt-text) !important;
	font-size: 24px !important;
	font-weight: 900 !important;
	line-height: 1.55 !important;
}

.utakata-topics-nintendo .topics-articleHead__img {
	width: 100%;
	margin: 0 0 24px;
}

.utakata-topics-nintendo .topics-articleHead__img img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: var(--nt-radius-sm);
	object-fit: cover;
}

.utakata-topics-nintendo .topics-articleBody {
	color: var(--nt-body);
	font-size: 14px;
	font-weight: 500;
	line-height: 2.05;
}

.utakata-topics-nintendo .topics-articleBody > *:first-child {
	margin-top: 0;
}

.utakata-topics-nintendo .topics-articleBody p {
	margin: 0 0 24px;
}

.utakata-topics-nintendo .topics-articleBody a:not([style]) {
	color: var(--nt-accent) !important;
	font-weight: 900;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px;
}

.utakata-topics-nintendo .topics-articleBody h2,
.utakata-topics-nintendo .topics-articleBody h3,
.utakata-topics-nintendo .topics-articleBody h4 {
	margin: 42px 0 18px !important;
	padding: 0 0 0 14px !important;
	border: 0 !important;
	border-left: 4px solid var(--nt-accent) !important;
	background: transparent !important;
	color: var(--nt-text) !important;
	font-weight: 900 !important;
	line-height: 1.55 !important;
}

.utakata-topics-nintendo .topics-articleBody h2 {
	font-size: 19px !important;
}

.utakata-topics-nintendo .topics-articleBody h3 {
	font-size: 17px !important;
}

.utakata-topics-nintendo .topics-articleBody figure,
.utakata-topics-nintendo .topics-articleBody .wp-block-image,
.utakata-topics-nintendo .topics-articleBody .wp-block-embed {
	margin: 34px 0 !important;
}

.utakata-topics-nintendo .topics-articleBody figure img,
.utakata-topics-nintendo .topics-articleBody .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
}

.utakata-topics-nintendo .topics-articleBody figcaption {
	margin-top: 8px;
	color: var(--nt-sub);
	font-size: 11px;
	line-height: 1.6;
	text-align: right;
}

.utakata-topics-nintendo .topics-articleBody ul,
.utakata-topics-nintendo .topics-articleBody ol {
	margin: 18px 0 28px;
	padding: 18px 22px 18px 34px;
	border-radius: var(--nt-radius-sm);
	background: var(--nt-surface);
	color: var(--nt-body);
}

.utakata-topics-nintendo .topics-footer {
	margin-top: 0;
	padding: 0 0 54px;
	border-top: 1px solid var(--nt-line-soft);
	background: var(--nt-surface);
}

.utakata-topics-nintendo .topics-search {
	padding: 44px 0;
	background: transparent !important;
}

.utakata-topics-nintendo .topics-search__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 70px;
}

.utakata-topics-nintendo .topics-search__headline {
	margin: 0 0 18px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--nt-body) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.6 !important;
}

.utakata-topics-nintendo .topics-search__headline > span {
	color: var(--nt-accent);
	font-size: 16px;
	padding-right: 4px;
}

.utakata-topics-nintendo .nc3-c-search__box {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 36px 112px;
	height: 52px;
	border: 1px solid var(--nt-line-soft);
	border-radius: var(--nt-radius-sm);
	background: var(--nt-bg);
	overflow: hidden;
}

.utakata-topics-nintendo .nc3-c-search__boxText {
	width: 100%;
	height: 100%;
	padding: 0 14px;
	border: 0 !important;
	background: transparent !important;
	color: var(--nt-text) !important;
	font-size: 12px;
	outline: none;
}

.utakata-topics-nintendo .nc3-c-search__boxReset,
.utakata-topics-nintendo .nc3-c-search__boxButton {
	border: 0 !important;
	background: transparent;
	color: var(--nt-sub);
	font-size: 11px;
	font-weight: 900;
}

.utakata-topics-nintendo .nc3-c-search__boxButton {
	align-self: stretch;
	min-width: 0;
	min-height: 0;
	height: auto;
	margin: 0;
	padding: 0 18px;
	border: 0 !important;
	border-radius: 0;
	background-color: rgba(53, 226, 255, .18) !important;
	background-image: none !important;
	color: var(--nt-accent) !important;
	font-size: 12px;
	transition: background .18s var(--utakata-ease-soft), color .18s var(--utakata-ease-soft);
}

.utakata-topics-nintendo .nc3-c-search__boxButton::before {
	content: none !important;
	display: none !important;
}

.utakata-topics-nintendo .nc3-c-search__boxButton:hover,
.utakata-topics-nintendo .nc3-c-search__boxButton:focus-visible {
	background-color: rgba(53, 226, 255, .28) !important;
	color: var(--nt-text) !important;
}

.utakata-topics-nintendo .topics-search__bts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.utakata-topics-nintendo .topics-search__bt {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .06);
	color: var(--nt-body);
	font-size: 11px;
	font-weight: 800;
	transition: background .18s var(--utakata-ease-soft), color .18s var(--utakata-ease-soft), transform .18s var(--utakata-ease-soft);
}

.utakata-topics-nintendo .topics-search__bt::before {
	content: "›";
	margin-right: 5px;
	color: var(--nt-accent);
}

.utakata-topics-nintendo .topics-search__btWrap:hover .topics-search__bt,
.utakata-topics-nintendo .topics-search__btWrap:focus-visible .topics-search__bt {
	background: rgba(53, 226, 255, .14);
	color: var(--nt-accent);
	transform: translateY(-1px);
}

.utakata-topics-nintendo .topics-footerLinks {
	display: flex;
	justify-content: center;
	gap: 18px;
	padding-top: 42px;
	border-top: 1px dotted var(--nt-line-soft);
}

.utakata-topics-nintendo .topics-footerLinks__bt {
	min-width: 220px;
	max-width: 260px;
	min-height: 42px;
	padding: 0 20px;
	font-size: 14px;
}

@media (max-width: 1120px) {
	.utakata-topics-nintendo .topics-topContent__layout,
	.utakata-topics-nintendo .topics-detailGrid {
		grid-template-columns: minmax(0, 1fr);
	}

	.utakata-topics-nintendo .topics-detailGrid__sub {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
		justify-self: stretch;
	}
}

@media (max-width: 860px) {
	.utakata-topics-nintendo .topics-home-grid .nc3-l-grid__inner,
	.utakata-topics-nintendo .topics-list-grid .nc3-l-grid__inner,
	.utakata-topics-nintendo .topics-recommend__list .nc3-l-grid__inner,
	.utakata-topics-nintendo .topics-recommend_article .topics-recommend__list .nc3-l-grid__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.utakata-topics-nintendo .topics-listContent__sort {
		margin: 0 0 28px;
		justify-content: flex-start;
	}

	.utakata-topics-nintendo .topics-search__inner {
		grid-template-columns: 1fr;
		gap: 34px;
	}
}

@media (max-width: 760px) {
	.utakata-news-list-heading--with-share,
	.utakata-news-detail-head,
	.utakata-topics-nintendo .topics-articleHead--with-share {
		gap: 18px;
	}

	.utakata-storm-share.c-sns {
		gap: 12px;
		padding-bottom: 8px;
	}

	.utakata-storm-share .c-sns__link {
		width: 34px !important;
		height: 34px !important;
		min-width: 34px !important;
	}

	.utakata-storm-share .c-sns__link img {
		width: 24px !important;
		height: 24px !important;
	}

	.utakata-storm-share .c-sns__link--x img {
		width: 27px !important;
		height: 27px !important;
	}

	.utakata-topics-nintendo .nc3-l-innerWidth--pc,
	.utakata-topics-nintendo .nc3-l-innerWidth--pcTab,
	.utakata-topics-nintendo .nc3-l-innerWidth,
	.utakata-topics-nintendo .nc3-l-innerWidth--tabSp {
		width: min(100% - 32px, var(--nt-shell));
	}

	.utakata-topics-nintendo .topics-filterUIs {
		margin-bottom: 26px;
	}

	.utakata-topics-nintendo .nc3-c-tabSwitcher__list {
		gap: 16px;
	}

	.utakata-topics-nintendo .topics-detailGrid__sub {
		grid-template-columns: 1fr;
	}

	.utakata-topics-nintendo .topics-articleHead__main {
		font-size: 21px !important;
	}
}

@media (max-width: 560px) {
	.utakata-news-list-heading--with-share,
	.utakata-news-detail-head,
	.utakata-topics-nintendo .topics-articleHead--with-share {
		flex-direction: column;
	}

	.utakata-storm-share.c-sns {
		margin-left: 0;
	}

	.utakata-topics-nintendo .topics-home-grid .nc3-l-grid__inner,
	.utakata-topics-nintendo .topics-list-grid .nc3-l-grid__inner,
	.utakata-topics-nintendo .topics-recommend__list .nc3-l-grid__inner,
	.utakata-topics-nintendo .topics-recommend_article .topics-recommend__list .nc3-l-grid__inner {
		grid-template-columns: 1fr;
	}

	.utakata-topics-nintendo .topics-topContent,
	.utakata-topics-nintendo .topics-recommend_article {
		padding-top: 64px;
	}

	.utakata-topics-nintendo .topics-topContent {
		padding-bottom: 70px;
	}

	.utakata-topics-nintendo .nc3-c-search__box {
		grid-template-columns: minmax(0, 1fr) 34px 68px;
	}

	.utakata-topics-nintendo .topics-footerLinks__bt {
		min-width: min(100%, 220px);
	}
}

.utakata-topics-nintendo .topics-articleFoot {
	margin: 0 !important;
	padding: 1px 0 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.utakata-topics-nintendo .topics-detailWrap {
	padding: 80px 0 var(--nt-content-search-gap);
}


.utakata-topics-nintendo .topics-rankingBox__panel[hidden] {
	display: none !important;
}

/* END Codex 2026-06-11 starto share and nintendo topics */


/* === モバイル共通セーフティネット 2026-06-13 (Claude responsive Phase0) === */
html, body { max-width: 100%; }
body { overflow-x: clip; }
img, video, iframe, embed, object { max-width: 100%; }
.utakata-site-body img:not(.utakata-nav-toggle img) { height: auto; }
@media (max-width: 760px) {
	/* 長い文字列の折り返し保険 */
	.utakata-page, .utakata-home, .uplx, .uhx, .uctf, .ufaq, .utakata-account-main { overflow-wrap: break-word; word-break: break-word; }
	/* 広いテーブルは横スクロール可能に(レイアウト崩れ防止) */
	.utakata-page table:not(.ufaq-table), .utakata-page-card table:not(.ufaq-table) { display: block; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
/* === END モバイル共通セーフティネット === */


/* =========================================================
   Topics 記事本文：白背景リーディングカード + 自動目次(TOC)
   ページ外装(--nt-* ダークシェル)はそのまま、本文ブロックだけ白地・黒字に。
   ========================================================= */
.utakata-topics-nintendo .topics-articleBody {
	--nt-ink: #1d2933;
	--nt-ink-soft: #45555f;
	--nt-ink-mute: #6b7a85;
	--nt-ink-accent: #0a93b8;
	padding: 34px 36px 38px;
	border-radius: var(--nt-radius);
	background: #ffffff !important;
	color: var(--nt-ink) !important;
	box-shadow: 0 18px 48px rgba(2, 10, 22, .34);
}

.utakata-topics-nintendo .topics-articleBody p,
.utakata-topics-nintendo .topics-articleBody li {
	color: var(--nt-ink) !important;
}

.utakata-topics-nintendo .topics-articleBody strong {
	color: #0f1a22 !important;
	font-weight: 800;
}

.utakata-topics-nintendo .topics-articleBody a:not([style]) {
	color: var(--nt-ink-accent) !important;
	text-decoration-color: rgba(10, 147, 184, .42) !important;
}

.utakata-topics-nintendo .topics-articleBody h2,
.utakata-topics-nintendo .topics-articleBody h3,
.utakata-topics-nintendo .topics-articleBody h4 {
	border-left-color: var(--nt-ink-accent) !important;
	color: var(--nt-ink) !important;
	scroll-margin-top: 84px;
}

.utakata-topics-nintendo .topics-articleBody ul,
.utakata-topics-nintendo .topics-articleBody ol {
	background: #f4f8fa !important;
	color: var(--nt-ink) !important;
}

.utakata-topics-nintendo .topics-articleBody figcaption {
	color: var(--nt-ink-mute) !important;
}

.utakata-topics-nintendo .topics-articleBody code {
	padding: 2px 6px;
	border-radius: 5px;
	background: #eef2f5;
	color: #0f1a22;
	font-size: .92em;
}

/* --- 目次 (TOC) --- */
.utakata-topics-nintendo .topics-articleBody .utakata-toc {
	margin: 0 0 30px;
	border: 1px solid #dde5ea;
	border-radius: 12px;
	background: #f6f9fb;
	overflow: hidden;
}

.utakata-topics-nintendo .topics-articleBody .utakata-toc__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 13px 18px;
	list-style: none;
	cursor: pointer;
	color: #1d2933;
	font-weight: 900;
	-webkit-user-select: none;
	user-select: none;
}

.utakata-topics-nintendo .topics-articleBody .utakata-toc__summary::-webkit-details-marker {
	display: none;
}

.utakata-topics-nintendo .topics-articleBody .utakata-toc__label {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 14px;
	letter-spacing: .03em;
}

.utakata-topics-nintendo .topics-articleBody .utakata-toc__label::before {
	content: "";
	width: 4px;
	height: 16px;
	border-radius: 2px;
	background: var(--nt-ink-accent);
}

.utakata-topics-nintendo .topics-articleBody .utakata-toc__toggle {
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	margin-bottom: 2px;
	border-right: 2px solid #6b7a85;
	border-bottom: 2px solid #6b7a85;
	transform: rotate(45deg);
	transition: transform .2s ease;
}

.utakata-topics-nintendo .topics-articleBody .utakata-toc[open] .utakata-toc__toggle {
	margin: 2px 0 0;
	transform: rotate(-135deg);
}

.utakata-topics-nintendo .topics-articleBody .utakata-toc__nav {
	padding: 4px 18px 14px;
	border-top: 1px solid #e7eef2;
}

.utakata-topics-nintendo .topics-articleBody .utakata-toc__list {
	margin: 0 !important;
	padding: 8px 0 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	list-style: none !important;
}

.utakata-topics-nintendo .topics-articleBody .utakata-toc__item {
	margin: 0 !important;
}

.utakata-topics-nintendo .topics-articleBody .utakata-toc__link {
	display: block;
	padding: 6px 0;
	border: 0 !important;
	color: #33424d !important;
	font-size: 13.5px;
	font-weight: 700 !important;
	line-height: 1.6;
	text-decoration: none !important;
}

.utakata-topics-nintendo .topics-articleBody .utakata-toc__link:hover {
	color: var(--nt-ink-accent) !important;
	text-decoration: underline !important;
}

.utakata-topics-nintendo .topics-articleBody .utakata-toc__item--h3 .utakata-toc__link {
	padding-left: 16px;
	font-size: 13px;
	font-weight: 600 !important;
}

.utakata-topics-nintendo .topics-articleBody .utakata-toc__item--h4 .utakata-toc__link {
	padding-left: 32px;
	color: #5b6b78 !important;
	font-size: 12.5px;
	font-weight: 600 !important;
}

@media (max-width: 640px) {
	.utakata-topics-nintendo .topics-articleBody {
		padding: 22px 18px 26px;
	}
	.utakata-topics-nintendo .topics-articleBody .utakata-toc__summary {
		padding: 12px 14px;
	}
	.utakata-topics-nintendo .topics-articleBody .utakata-toc__nav {
		padding: 4px 14px 12px;
	}
}


/* --- Topics 記事本文(白カード): コードブロック / 表 / 画像プレースホルダ / 広告 / バナー --- */
.utakata-topics-nintendo .topics-articleBody pre {
	margin: 0 0 24px;
	padding: 16px 18px;
	border-radius: 10px;
	background: #0f1a24;
	color: #e7eef4;
	font-size: 13px;
	line-height: 1.75;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.utakata-topics-nintendo .topics-articleBody pre code {
	padding: 0;
	background: transparent;
	color: inherit;
	font-size: inherit;
}
.utakata-topics-nintendo .topics-articleBody table {
	width: 100%;
	margin: 18px 0 28px;
	border-collapse: collapse;
	background: #fff;
	font-size: 13px;
	line-height: 1.7;
}
.utakata-topics-nintendo .topics-articleBody th,
.utakata-topics-nintendo .topics-articleBody td {
	padding: 9px 12px;
	border: 1px solid #dde5ea;
	text-align: left;
	vertical-align: top;
	color: #1d2933;
}
.utakata-topics-nintendo .topics-articleBody thead th {
	background: #eef4f8;
	font-weight: 800;
}
.utakata-topics-nintendo .topics-articleBody tbody th {
	background: #f6f9fb;
}
.utakata-topics-nintendo .topics-articleBody .utakata-img-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 70px;
	margin: 0 0 24px !important;
	padding: 16px 18px !important;
	border: 2px dashed #c3d2dd !important;
	border-radius: 10px;
	background: #f4f8fb !important;
	color: #5b6b78 !important;
	font-size: 12.5px;
	line-height: 1.7;
	text-align: center;
}
.utakata-topics-nintendo .topics-articleBody .utakata-img-placeholder code {
	font-size: 12px;
}
.utakata-topics-nintendo .topics-articleBody .utakata-ad {
	margin: 10px 0 30px;
	text-align: center;
}
.utakata-topics-nintendo .topics-articleBody .utakata-ad__label {
	display: inline-block;
	margin: 0 0 6px;
	padding: 1px 8px;
	border: 1px solid #cfd9e0;
	border-radius: 4px;
	background: #f0f3f6;
	color: #7a8893;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
}
.utakata-topics-nintendo .topics-articleBody .utakata-ad a {
	display: inline-block;
	border: 0 !important;
	text-decoration: none !important;
}
.utakata-topics-nintendo .topics-articleBody .utakata-ad img {
	max-width: 100%;
	height: auto;
}
.utakata-topics-nintendo .topics-articleBody .utakata-relay-banner {
	display: block;
	margin: 10px 0 18px;
	text-align: center;
	border: 0 !important;
	text-decoration: none !important;
}
.utakata-topics-nintendo .topics-articleBody .utakata-relay-banner img {
	width: 100%;
	max-width: 720px;
	height: auto;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(2, 10, 22, .18);
}
.utakata-topics-nintendo .topics-articleBody svg {
	max-width: 100%;
	height: auto;
}