body {
	margin: 0;
	font-size: .88rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

img {
	max-width: 100%;
	height: auto;
}

iframe {
	border: 0;
}

a {
	text-decoration: none;
}

main {
	margin-top: 40px;
	margin-bottom: 80px;
}

.list-title {
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.ss-width {
	max-width: 756px;
}

.btn-outline-blue {
	color: #0d6efd;
	background-color: transparent;
	background-image: none;
	border-color: #dee2e6;
}

.anchor {
	display: block;
	padding-top: 69px;
	margin-top: -69px;
}

.genre_content {
	max-width: 1440px;
}

.genre_content h2,
.genre_content .h2 {
	font-size: 1.1rem;
}

.genre_content h1,
.genre_content .h1 {
	font-size: 1.32rem;
}

.genre_content .btn:hover {
	color: #fff;
	background-color: #0d6efd;
}

a.d-flex.justify-content-center.align-items-center.js-smooth-scroll {
	position: relative;
	padding-bottom: 1em !important;
}

a.d-flex.justify-content-center.align-items-center.js-smooth-scroll::after {
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: '\f107';
	position: absolute;
	bottom: 0;
}

.site-search-form {
	display: flex;
	flex-direction: column;
	gap: .18rem;
	width: 100%;
}

.site-search-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}

.site-search-field {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	align-items: center;
	gap: .35rem;
}

.site-search-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.8);
	color: #db572e;
	font-size: .82rem;
}

.site-search-input {
	width: 100%;
	min-width: 0;
	border: 0;
	background: transparent;
	color: #233247;
	font-size: .88rem;
	line-height: 1.25;
}

.site-search-input::placeholder {
	color: #79879d;
}

.site-search-input:focus {
	outline: none;
}

.site-search-reset,
.site-search-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2rem;
	padding: 0 .75rem;
	border-radius: 999px;
	font-size: .74rem;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
}

.site-search-reset {
	border: 1px solid rgba(187, 200, 224, 0.76);
	background: rgba(255, 255, 255, 0.78);
	color: #6a7691;
}

.site-search-reset:hover,
.site-search-reset:focus {
	background: rgba(246, 249, 255, 0.96);
	color: #394761;
}

.site-search-submit {
	border: 0;
}

.site-search-hint {
	display: none;
}

.meta_tag_t {
	width: 75px;
	padding-right: 6px;
}

.object-fit-container {
	width: 100%;
	padding-bottom: 67%;
	height: 0;
	position: relative;
}

.object-fit-contain {
	-o-object-fit: contain;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
}

.object-fit-container-entry {
	width: 100%;
	padding-bottom: 75%;
	height: 0;
	position: relative;
}

.object-fit-contain-entry {
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%;
	height: 100%;
	position: absolute;
}

.header_navi,
.footer_div {
	background-color: #f5f5f5;
}

.sitelogo,
.navbar-brand img {
	height: 40px !important;
	width: auto;
}

.content_sample_image {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	width: 100%;
}

.post_images {
	cursor: pointer;
	width: 14.2857%;
	margin-bottom: 4px;
	padding: 5px;
	aspect-ratio: 16 / 9;
	position: relative;
	overflow: hidden;
	display: block;
}

.post_images img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media all and (max-width: 1080px) {
	.post_images {
		width: 25%;
	}
}

@media all and (max-width: 768px) {
	.post_images {
		width: 33.3333%;
	}
}

#video_content_image {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: .8rem auto 1.25rem;
	box-sizing: border-box;
	padding-left: 0;
	padding-right: 0;
}

#video_content_image .video-embed {
	width: 100%;
	min-height: 0;
	margin: 0 auto;
	aspect-ratio: 16 / 9;
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(177, 193, 222, 0.34);
	border-radius: 18px;
	background: #050608;
	box-shadow: 0 18px 34px rgba(24, 39, 64, 0.16);
	isolation: isolate;
}

#video_content_image .video-embed iframe,
#video_content_image .entry-video-player {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
	background: #000;
}

#video_content_image .entry-video-player {
	object-fit: contain;
	border-radius: inherit;
}

#video_content_image .video-embed iframe {
	overflow: hidden;
	scrollbar-width: none;
}

#video_content_image .video-embed iframe::-webkit-scrollbar {
	display: none;
}

.entry-video-badge {
	position: absolute;
	z-index: 2;
	top: 10px;
	left: 10px;
	display: inline-flex;
	align-items: center;
	padding: .28rem .62rem;
	border-radius: 999px;
	background: rgba(233, 92, 50, 0.92);
	color: #fff;
	font-size: .78rem;
	font-weight: 700;
	line-height: 1;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}

:root {
	--site-bg: #f4f8ff;
	--site-bg-accent: #d9e9ff;
	--site-surface: #ffffff;
	--site-surface-2: #f8fbff;
	--site-text: #1d2838;
	--site-muted: #617187;
	--site-primary: #0f6fd9;
	--site-primary-strong: #0a4ea1;
	--site-border: #d3deed;
	--site-shadow: 0 14px 32px rgba(18, 56, 97, 0.12);
}

body {
	font-family: "M PLUS 1p", "Plus Jakarta Sans", "Hiragino Sans", "Noto Sans JP", sans-serif;
	color: var(--site-text);
	background:
		radial-gradient(1200px 680px at -8% -8%, rgba(15, 111, 217, 0.15), transparent 60%),
		radial-gradient(920px 620px at 108% -10%, rgba(3, 173, 147, 0.14), transparent 56%),
		linear-gradient(180deg, var(--site-bg), #eef4fc 52%, #ebf1fb 100%);
	min-height: 100vh;
}

a {
	color: var(--site-primary-strong);
	transition: color .2s ease;
}

a:hover {
	color: var(--site-primary);
}

main {
	margin-top: 24px;
	margin-bottom: 96px;
}

.header_navi {
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid rgba(14, 83, 160, 0.12);
	box-shadow: 0 8px 28px rgba(17, 48, 87, 0.09);
}

.header_navi .container-fluid {
	padding-top: .35rem;
	padding-bottom: .35rem;
}

.navbar-brand {
	font-family: "Plus Jakarta Sans", "M PLUS 1p", sans-serif;
	font-weight: 700;
	letter-spacing: .03em;
	color: #0d2e54;
}

.navbar-nav .nav-link {
	color: #173c68;
	font-weight: 500;
	padding: .55rem .82rem;
	border-radius: .55rem;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
	background-color: rgba(15, 111, 217, 0.09);
	color: #0c5cb3;
}

.dropdown-menu {
	border: 1px solid var(--site-border);
	border-radius: .85rem;
	box-shadow: var(--site-shadow);
	padding: .42rem;
}

.dropdown-item {
	border-radius: .55rem;
	padding: .48rem .7rem;
}

.dropdown-item:active,
.dropdown-item.active {
	background-color: rgba(15, 111, 217, 0.12);
	color: #0d4e97;
}

.header-search-wrap {
	min-width: min(100%, 420px);
	margin-left: auto;
}

.site-search-field {
	padding: .24rem .28rem .24rem .38rem;
	border: 1px solid var(--site-border);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 4px 14px rgba(13, 57, 108, 0.08);
}

.site-search-submit {
	background-color: #0f6fd9;
	color: #fff;
	box-shadow: 0 6px 14px rgba(15, 111, 217, 0.22);
}

.site-affiliate-notice {
	margin-top: 84px;
	text-align: center;
	padding: .5rem 1rem 0;
}

.site-affiliate-notice span {
	display: inline-block;
	background: rgba(255, 130, 81, 0.13);
	color: #9e2f11;
	font-size: .84rem;
	font-weight: 700;
	border: 1px solid rgba(187, 70, 31, 0.23);
	border-radius: 999px;
	padding: .3rem .8rem;
}

.search-menu {
	background: var(--site-surface);
	border: 1px solid var(--site-border);
	border-radius: .8rem;
	padding: .45rem .52rem !important;
	box-shadow: 0 8px 18px rgba(24, 72, 123, 0.08);
}

.btn-outline-blue {
	color: #1a4f87;
	background-color: #fff;
	border-color: #ccdbee;
	border-radius: 999px;
	font-weight: 500;
}

.btn-outline-blue:hover,
.btn-outline-blue:focus {
	color: #fff;
	background-color: #0f6fd9;
	border-color: #0f6fd9;
}

.list-card {
	background: var(--site-surface);
	border: 1px solid rgba(190, 208, 229, 0.55);
	border-radius: .9rem;
	height: 100%;
	overflow: hidden;
	box-shadow: 0 10px 22px rgba(25, 68, 116, 0.08);
	transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.list-card:hover {
	transform: translateY(-3px);
	border-color: rgba(13, 89, 174, 0.42);
	box-shadow: 0 16px 28px rgba(16, 56, 101, 0.14);
}

.list-card .object-fit-container {
	background: linear-gradient(150deg, #f9fcff, #e9f1ff);
}

.list-card .card-body {
	padding-left: .85rem !important;
	padding-right: .85rem !important;
}

.list-title {
	color: #203957;
	font-size: .88rem;
	font-weight: 500;
}

.list-card-date {
	font-size: .78rem;
	padding-left: .85rem !important;
	padding-right: .85rem !important;
	padding-bottom: .85rem !important;
	color: var(--site-muted);
}

.pagination .page-link {
	border-color: var(--site-border);
	color: #20558f;
	background-color: #fff;
	border-radius: .6rem;
	margin: 0 .16rem;
	padding: .42rem .72rem;
}

.pagination .page-link:hover {
	background-color: #eef5ff;
	color: #0f5db8;
}

.pagination .page-item.active .page-link {
	background: linear-gradient(140deg, #0f6fd9, #0b56ae);
	border-color: transparent;
	box-shadow: 0 8px 18px rgba(15, 111, 217, 0.3);
}

.footer_div {
	background: linear-gradient(180deg, #f7faff 0%, #eef4ff 100%);
	border-top: 1px solid rgba(99, 135, 173, 0.24);
	font-size: .9em;
}

.site-age-warning {
	color: #a73311;
	font-weight: 700;
}

.footer-links {
	color: #465d7d;
}

.footer-links a {
	color: #1f446f;
}

.footer-links a:hover {
	color: #0f6fd9;
}

.powered-by {
	padding-top: .4rem;
}

.content_sample_image {
	gap: 0;
}

.post_images {
	padding: 4px;
}

.content_sample_image .post_images img {
	border-radius: .45rem;
	box-shadow: 0 6px 14px rgba(24, 64, 108, 0.1);
}

#video_content_image .video-embed {
	border-radius: 12px;
}

.contact-hero {
	margin: 0 auto 18px;
	padding: 24px 12px 0;
	max-width: 1440px;
}

.contact-hero-inner {
	overflow: hidden;
	border: 1px solid rgba(225, 159, 140, 0.28);
	border-radius: 24px;
	padding: clamp(22px, 4vw, 42px);
	background: linear-gradient(132deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 250, 249, 0.88) 48%, rgba(244, 249, 255, 0.92) 100%);
	box-shadow: 0 18px 34px rgba(21, 63, 108, 0.11);
}

.contact-hero-eyebrow {
	display: inline-flex;
	align-items: center;
	margin: 0 0 10px;
	padding: .28rem .75rem;
	border-radius: 999px;
	background: rgba(233, 92, 50, 0.12);
	color: #ad3c1d;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .14em;
}

.contact-hero-title {
	margin: 0;
	color: #162437;
	font-family: "Plus Jakarta Sans", "M PLUS 1p", sans-serif;
	font-size: clamp(1.48rem, 3.2vw, 2.1rem);
	font-weight: 700;
	line-height: 1.28;
}

.contact-hero-lead {
	max-width: 900px;
	margin: 12px 0 0;
	color: #485871;
	line-height: 1.8;
}

.contact-hero-lead a {
	color: #b84221;
	font-weight: 700;
	text-underline-offset: 2px;
}

.contact-hero-metrics {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px;
	margin-top: 18px;
	max-width: 650px;
}

.contact-hero-metric {
	padding: 12px 14px;
	border: 1px solid rgba(150, 169, 201, 0.26);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.78);
}

.contact-hero-metric-label {
	display: block;
	color: #6f7f96;
	font-size: .74rem;
	font-weight: 600;
	letter-spacing: .06em;
}

.contact-hero-metric-value {
	display: block;
	margin-top: 2px;
	color: #1e2d43;
	font-size: 1.02rem;
	font-weight: 700;
}

.contact-form-card {
	border: 1px solid rgba(190, 208, 229, 0.7);
	border-radius: 1rem;
	box-shadow: 0 16px 30px rgba(21, 63, 108, 0.12);
	background: linear-gradient(180deg, #ffffff, #f9fbff);
}

.contact-form-card--enhanced {
	border-radius: 1.1rem;
	padding-top: clamp(1.25rem, 2vw, 1.8rem) !important;
	padding-bottom: clamp(1.25rem, 2vw, 1.8rem) !important;
}

.contact-form-header {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(220px, .85fr);
	gap: 1rem;
	align-items: start;
	margin-bottom: 1.4rem;
}

.contact-form-kicker {
	display: inline-flex;
	align-items: center;
	padding: .3rem .72rem;
	border-radius: 999px;
	background: rgba(233, 92, 50, 0.11);
	color: #ad3c1d;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.contact-form-title {
	margin: .75rem 0 .55rem;
	color: #18304d;
	font-family: "Plus Jakarta Sans", "M PLUS 1p", sans-serif;
	font-size: clamp(1.24rem, 2.4vw, 1.68rem);
	font-weight: 800;
}

.contact-form-lead {
	color: #304a68;
	line-height: 1.7;
	margin-bottom: 0;
}

.contact-form-quicklist {
	display: grid;
	gap: .8rem;
}

.contact-form-quickitem {
	padding: .25rem 0 .25rem .9rem;
	border-left: 3px solid rgba(233, 92, 50, 0.42);
}

.contact-form-quickitem strong {
	display: block;
	margin-bottom: .24rem;
	color: #8f3016;
	font-size: .84rem;
}

.contact-form-quickitem span {
	display: block;
	color: #5b7292;
	font-size: .83rem;
	line-height: 1.65;
}

.contact-form-grid {
	display: block;
}

.contact-form-card .form-control,
.contact-form-card .form-select {
	border-color: #c8d9ef;
	border-radius: .75rem;
	min-height: 3.1rem;
}

.contact-form-card .form-select {
	padding-right: 2.4rem;
	background-position: right .9rem center;
}

.contact-form-card textarea.form-control {
	min-height: 12rem;
	resize: vertical;
}

.contact-form-card .form-control:focus,
.contact-form-card .form-select:focus {
	border-color: #72a9e9;
	box-shadow: 0 0 0 .2rem rgba(15, 111, 217, 0.14);
}

.contact-form-card .is-invalid {
	border-color: #d45a3a;
	box-shadow: 0 0 0 .2rem rgba(212, 90, 58, 0.12);
}

.contact-form-help {
	margin-top: .45rem;
	color: #5d7492;
	font-size: .8rem;
	line-height: 1.6;
}

.contact-form-optional {
	color: #6c829f;
	font-size: .76rem;
	font-weight: 600;
}

.contact-message-counter {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: #5b7392;
	font-size: .8rem;
	font-weight: 600;
}

.contact-message-remaining {
	color: #6a819f;
}

.contact-form-check {
	padding: 1rem 1rem 1rem 2.4rem;
	border: 1px solid rgba(177, 197, 224, 0.48);
	border-radius: 1rem;
	background: rgba(246, 250, 255, 0.84);
}

.contact-form-check .form-check-input {
	margin-top: .22rem;
}

.contact-form-check .form-check-label {
	color: #284567;
	font-weight: 600;
	line-height: 1.7;
}

.contact-form-actions {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 1.4rem;
	padding-top: 1.2rem;
	border-top: 1px solid rgba(188, 205, 230, 0.5);
}

.contact-form-note {
	color: #5d7492;
	font-size: .82rem;
	line-height: 1.7;
}

.contact-form-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 180px;
	min-height: 3rem;
	border-radius: 999px;
	font-weight: 700;
}

.contact-form-submit-loading {
	display: none;
}

.contact-form-submit.is-loading {
	opacity: .86;
	cursor: wait;
}

.contact-form-status {
	display: none;
	margin-top: 1rem;
	padding: 1rem 1.1rem;
	border: 1px solid transparent;
	border-radius: 1rem;
	font-weight: 700;
	line-height: 1.7;
}

.contact-form-status.is-visible {
	display: block;
}

.contact-form-status.is-success {
	border-color: rgba(103, 161, 224, 0.32);
	background: linear-gradient(145deg, rgba(237, 245, 255, 0.98), rgba(247, 251, 255, 0.96));
	color: #16508a;
}

.contact-form-status.is-error {
	border-color: rgba(212, 90, 58, 0.28);
	background: linear-gradient(145deg, rgba(255, 244, 241, 0.98), rgba(255, 249, 247, 0.96));
	color: #8f3016;
}

.contact-form-status.is-loading {
	border-color: rgba(118, 166, 225, 0.3);
	background: rgba(244, 249, 255, 0.96);
	color: #33557f;
}

.contact-honeypot {
	position: absolute !important;
	left: -10000px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.contact-honeypot input {
	opacity: 0;
	pointer-events: none;
}

@media (min-width: 768px) {
	.contact-form-actions {
		flex-direction: row;
		align-items: center;
	}
}

@media (max-width: 991.98px) {
	.contact-form-header {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575.98px) {
	.contact-hero {
		padding-left: 0;
		padding-right: 0;
	}

	.contact-hero-inner {
		border-radius: 18px;
	}

	.contact-hero-metrics {
		grid-template-columns: 1fr;
	}

	.contact-form-card--enhanced {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.contact-form-actions,
	.contact-form-submit {
		width: 100%;
	}

	.contact-form-check {
		padding: .95rem .95rem .95rem 2.3rem;
	}
}

.error-page-wrap {
	max-width: 760px;
	margin: 0 auto;
}

.error-page-card {
	background: linear-gradient(180deg, #ffffff, #f8fbff);
	border: 1px solid #d2e0f1;
	border-radius: 1rem;
	box-shadow: 0 16px 30px rgba(21, 63, 108, 0.12);
}

.error-page-code {
	display: inline-block;
	padding: .22rem .64rem;
	border-radius: 999px;
	background-color: rgba(15, 111, 217, 0.12);
	color: #0b5cb3;
	font-weight: 700;
	font-size: .78rem;
	letter-spacing: .03em;
}

.error-page-text {
	color: #3f5775;
	line-height: 1.75;
}

.error-page-search .form-control {
	border-color: #c8d9ef;
	border-radius: .75rem 0 0 .75rem;
}

.error-page-search .btn {
	border-radius: 0 .75rem .75rem 0;
}

@media all and (max-width: 992px) {
	.header-search-wrap {
		min-width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.navbar-nav .nav-link {
		border-radius: .5rem;
	}
}

/* ---------------------------------------------
   Video Site Rebuild (2026 UI Refresh)
--------------------------------------------- */
:root {
	--ui-bg-top: #fff5ef;
	--ui-bg-mid: #f7f4ff;
	--ui-bg-bottom: #eef6ff;
	--ui-surface: rgba(255, 255, 255, 0.88);
	--ui-surface-strong: #ffffff;
	--ui-text: #1c2738;
	--ui-muted: #617089;
	--ui-border: rgba(141, 162, 198, 0.3);
	--ui-primary: #e95c32;
	--ui-primary-strong: #cb3f16;
	--ui-accent: #1c7dd8;
	--ui-shadow: 0 20px 44px rgba(36, 57, 89, 0.14);
	--ui-radius: 18px;
}

body {
	background:
		radial-gradient(860px 520px at -8% -12%, rgba(236, 110, 73, 0.24), transparent 60%),
		radial-gradient(840px 500px at 102% -8%, rgba(20, 125, 216, 0.2), transparent 58%),
		linear-gradient(180deg, var(--ui-bg-top) 0%, var(--ui-bg-mid) 42%, var(--ui-bg-bottom) 100%);
	color: var(--ui-text);
}

main {
	margin-top: 20px;
	margin-bottom: 92px;
}

.header_navi {
	background: rgba(255, 255, 255, 0.84);
	border-bottom: 1px solid rgba(214, 158, 143, 0.28);
	backdrop-filter: blur(14px);
	box-shadow: 0 8px 24px rgba(41, 61, 92, 0.1);
}

.header_navi .container-fluid {
	padding-top: .4rem;
	padding-bottom: .4rem;
}

.navbar-brand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .45rem .8rem;
	border: 1px solid rgba(223, 134, 107, 0.28);
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(255, 247, 243, 0.95), rgba(252, 238, 252, 0.95));
	font-family: "Plus Jakarta Sans", "M PLUS 1p", sans-serif;
	font-size: .96rem;
	font-weight: 700;
	color: #7f2f1a;
	letter-spacing: .03em;
}

.navbar-nav .nav-link {
	position: relative;
	padding: .56rem .84rem;
	border-radius: .85rem;
	color: #2a3b52;
	font-weight: 600;
}

.navbar-nav .nav-link::after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 6px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(233, 92, 50, 0), rgba(233, 92, 50, 0.8), rgba(28, 125, 216, 0));
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .24s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
	background: rgba(242, 146, 120, 0.12);
	color: #7a311f;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link:focus::after {
	transform: scaleX(1);
}

.header-search-wrap {
	min-width: min(100%, 430px);
}

.site-search-field {
	padding: .28rem .32rem .28rem .42rem;
	border: 1px solid rgba(225, 164, 146, 0.35);
	border-radius: 20px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 246, 241, 0.94));
	box-shadow: 0 10px 20px rgba(39, 66, 102, 0.09);
}

.site-search-icon {
	background: linear-gradient(145deg, rgba(252, 239, 233, 1), rgba(247, 246, 255, 0.98));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.site-search-input {
	font-size: .87rem;
	color: #203149;
}

.site-search-submit {
	background: linear-gradient(145deg, #ef6537, #d74a1d);
	box-shadow: 0 8px 16px rgba(215, 74, 29, 0.24);
}

.site-search-submit:hover,
.site-search-submit:focus {
	filter: brightness(1.03);
}

.site-search-reset {
	border-color: rgba(204, 164, 146, 0.4);
	background: rgba(255, 255, 255, 0.82);
}

.site-affiliate-notice {
	margin-top: 84px;
	padding: .4rem 1rem 0;
}

.site-affiliate-notice span {
	background: linear-gradient(140deg, rgba(255, 242, 235, 0.94), rgba(252, 242, 255, 0.92));
	border-color: rgba(207, 96, 67, 0.25);
	color: #99331a;
	box-shadow: 0 10px 18px rgba(55, 35, 21, 0.08);
}

.site-renewal-notice {
	max-width: min(960px, calc(100% - 1.5rem));
	margin: .7rem auto 0;
	padding: .9rem 1rem;
	border-radius: 14px;
	border: 1px solid rgba(199, 120, 84, 0.34);
	background: linear-gradient(155deg, rgba(255, 251, 247, 0.98), rgba(255, 245, 238, 0.94));
	box-shadow: 0 10px 18px rgba(75, 38, 22, 0.08);
	color: #74311f;
	font-size: .92rem;
	line-height: 1.72;
}

.site-renewal-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .8rem;
	cursor: pointer;
	list-style: none;
}

.site-renewal-summary::-webkit-details-marker {
	display: none;
}

.site-renewal-summary::after {
	content: "閉じる";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 3.8rem;
	padding: .13rem .55rem;
	border-radius: 999px;
	border: 1px solid rgba(190, 107, 77, 0.35);
	background: rgba(255, 255, 255, 0.7);
	color: #7f321b;
	font-size: .76rem;
	font-weight: 700;
	line-height: 1.2;
}

.site-renewal-notice:not([open]) .site-renewal-summary::after {
	content: "開く";
}

.site-renewal-notice-body {
	margin-top: .35rem;
}

.site-renewal-notice-body p {
	margin: 0;
}

.site-renewal-notice-body p + p {
	margin-top: .3rem;
}

.site-renewal-notice-title {
	font-size: .95rem;
	font-weight: 700;
	letter-spacing: .01em;
}

.site-renewal-notice a {
	color: #8f3016;
	font-weight: 700;
	text-underline-offset: 2px;
}

.site-renewal-notice a:hover,
.site-renewal-notice a:focus {
	color: #6a220e;
}

.home-hero {
	position: relative;
	margin: 0 auto 18px;
	padding: 24px 12px 0;
	max-width: 1440px;
}

.home-hero-inner {
	position: relative;
	overflow: hidden;
	border-radius: 26px;
	padding: clamp(22px, 4vw, 44px);
	border: 1px solid rgba(225, 159, 140, 0.3);
	background:
		linear-gradient(130deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 250, 249, 0.8) 44%, rgba(247, 249, 255, 0.9) 100%);
	box-shadow: var(--ui-shadow);
}

.home-hero-inner::before {
	content: "";
	position: absolute;
	width: 360px;
	height: 360px;
	right: -120px;
	top: -130px;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(233, 92, 50, 0.22), rgba(233, 92, 50, 0));
	pointer-events: none;
}

.home-hero-inner::after {
	content: "";
	position: absolute;
	width: 260px;
	height: 260px;
	left: -90px;
	bottom: -90px;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(28, 125, 216, 0.2), rgba(28, 125, 216, 0));
	pointer-events: none;
}

.home-hero-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 10px;
	padding: .28rem .75rem;
	border-radius: 999px;
	background: rgba(233, 92, 50, 0.12);
	color: #ad3c1d;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .14em;
}

.home-hero-title {
	margin: 0;
	color: #162437;
	font-family: "Plus Jakarta Sans", "M PLUS 1p", sans-serif;
	font-size: clamp(1.48rem, 3.4vw, 2.16rem);
	font-weight: 700;
	line-height: 1.28;
}

.home-hero-lead {
	max-width: 880px;
	margin: 12px 0 0;
	color: #485871;
	line-height: 1.8;
}

.home-hero-metrics {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px;
	margin-top: 18px;
	max-width: 560px;
}

.home-hero-metric {
	padding: 12px 14px;
	border-radius: 14px;
	border: 1px solid rgba(150, 169, 201, 0.26);
	background: rgba(255, 255, 255, 0.8);
}

.home-hero-metric-label {
	display: block;
	color: #6f7f96;
	font-size: .74rem;
	font-weight: 600;
	letter-spacing: .06em;
}

.home-hero-metric-value {
	display: block;
	margin-top: 2px;
	color: #1e2d43;
	font-size: 1.05rem;
	font-weight: 700;
}

.listing-shell {
	max-width: 1460px;
	padding-top: 2px;
}

.mutual-feed-card {
	height: 420px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid rgba(177, 194, 222, 0.38);
	border-radius: 14px;
}

.mutual-feed-item:last-child {
	border-bottom: 0 !important;
}

.mutual-feed-link {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 10px 12px;
	color: #2f435f;
	font-size: .92rem;
	line-height: 1.45;
	text-decoration: none;
}

.mutual-feed-link:hover,
.mutual-feed-link:focus {
	background: rgba(233, 92, 50, 0.08);
	color: #8b3218;
}

.listing-head {
	margin-bottom: 10px;
}

.listing-head-kicker {
	color: #6f829e;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.listing-head-title {
	margin: 4px 0 0;
	font-size: clamp(1.12rem, 2.2vw, 1.45rem);
	font-weight: 700;
	color: #1f2f44;
}

.search-menu {
	border: 1px solid rgba(174, 190, 220, 0.33);
	border-radius: 16px;
	background: var(--ui-surface);
	box-shadow: 0 14px 26px rgba(34, 58, 89, 0.11);
}

.search-menu-title {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.search-menu-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 10px;
	background: linear-gradient(145deg, rgba(233, 92, 50, 0.18), rgba(233, 92, 50, 0.07));
	color: #ae3e1e;
}

.search-menu-copy {
	line-height: 1.2;
}

.search-menu-label {
	color: #687a92;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.search-menu-current {
	color: #233247;
	font-size: .9rem;
	font-weight: 700;
}

.search-menu-trigger {
	border: 1px solid rgba(208, 148, 128, 0.42);
	border-radius: 999px;
	background: #fff;
	color: #79331f;
	font-size: .82rem;
	font-weight: 700;
	padding: .42rem .88rem;
}

.search-menu-trigger:hover,
.search-menu-trigger:focus {
	background: rgba(255, 242, 237, 0.98);
	color: #a03e22;
}

.listing-grid {
	animation: listingFade .45s ease;
}

@keyframes listingFade {
	0% {
		opacity: 0;
		transform: translateY(6px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.media-card-wrap {
	height: 100%;
}

.media-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: var(--ui-radius);
	border: 1px solid rgba(180, 196, 223, 0.44);
	overflow: hidden;
	background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
	box-shadow: 0 10px 20px rgba(31, 54, 86, 0.11);
	transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.media-card:hover {
	transform: translateY(-4px);
	border-color: rgba(226, 98, 60, 0.5);
	box-shadow: 0 22px 32px rgba(39, 62, 94, 0.17);
}

.media-card-media {
	position: relative;
	border-bottom: 1px solid rgba(180, 196, 223, 0.36);
	background:
		radial-gradient(220px 120px at 15% 15%, rgba(233, 92, 50, 0.11), transparent 58%),
		radial-gradient(200px 120px at 90% 10%, rgba(28, 125, 216, 0.12), transparent 58%),
		linear-gradient(160deg, #f7f9ff 0%, #eef3ff 100%);
}

.media-card-media img {
	display: block;
	width: 100%;
	height: 100%;
}

.media-card-chip {
	position: absolute;
	top: 8px;
	left: 8px;
	display: inline-flex;
	align-items: center;
	padding: .2rem .48rem;
	border-radius: 999px;
	background: rgba(21, 35, 59, 0.78);
	color: #fff;
	font-size: .62rem;
	font-weight: 700;
	letter-spacing: .11em;
}

.media-card-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: .84rem .85rem .9rem !important;
}

.media-card-title {
	margin: 0;
	min-height: 2.95em;
	font-size: .88rem;
	font-weight: 600;
	color: #1d2d44;
}

.media-card-date {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .48rem .58rem !important;
	margin: 0 !important;
	border: 1px solid rgba(178, 196, 223, 0.44);
	border-radius: 10px;
	background: rgba(245, 249, 255, 0.88);
	font-size: .72rem;
}

.media-card-date-label {
	color: #6f7f95;
	font-weight: 700;
}

.media-card-date-value {
	color: #203149;
	font-weight: 700;
	font-family: "Plus Jakarta Sans", "M PLUS 1p", sans-serif;
}

.list-empty {
	padding: 28px 22px;
	border-radius: 14px;
	border: 1px dashed rgba(165, 179, 205, 0.7);
	background: rgba(255, 255, 255, 0.82);
	color: #5d6f89;
}

.pagination .page-link {
	border: 1px solid rgba(170, 188, 219, 0.42);
	background: rgba(255, 255, 255, 0.9);
	color: #1e3d67;
	border-radius: 11px;
	min-width: 40px;
	text-align: center;
	box-shadow: 0 8px 16px rgba(35, 63, 94, 0.08);
}

.pagination .page-link:hover {
	background: rgba(255, 242, 236, 0.95);
	color: #97351b;
}

.pagination .page-item.active .page-link {
	background: linear-gradient(145deg, #e95c32, #cb3f16);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 10px 18px rgba(203, 63, 22, 0.35);
}

.entry-shell {
	border-radius: 24px;
	padding: 4px 12px 20px;
}

.entry-title {
	font-size: clamp(1.08rem, 2.2vw, 1.36rem);
	line-height: 1.45;
	color: #1d2a3f;
}

.entry-cta .btn-primary {
	border: 0;
	border-radius: 14px;
	background: linear-gradient(145deg, #e95c32, #c9441c);
	box-shadow: 0 12px 22px rgba(201, 68, 28, 0.34);
	font-weight: 700;
}

.entry-cta .btn-primary:hover {
	filter: brightness(1.03);
}

.entry-meta-row {
	padding: 12px 14px;
	border: 1px solid rgba(177, 194, 222, 0.38);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.entry-meta-row .meta_tag_t {
	width: 82px;
	color: #6a7c95;
	font-weight: 700;
	font-size: .78rem;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.entry-meta-row+.entry-meta-row {
	margin-top: 10px !important;
}

.entry-meta-row .btn-outline-blue {
	background: #fff;
	border-color: rgba(187, 146, 126, 0.45);
	color: #7a3522;
}

.entry-meta-row .btn-outline-blue:hover {
	background: #eb5f34;
	border-color: #eb5f34;
	color: #fff;
}

#video_content_image .video-embed {
	border-radius: 18px;
}

.actress-ruby-text {
	margin-bottom: .2em;
	font-size: .82rem;
	line-height: 1.35;
	color: #6f7f95;
}

.public-filter-tabs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
	gap: .7rem;
	margin: 0 0 1.5rem;
	padding: 0;
	list-style: none;
}

.public-filter-tabs .nav-item {
	width: auto !important;
}

.public-filter-tabs .nav-link {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: .72rem 1rem;
	border: 1px solid rgba(195, 128, 102, 0.28);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 12px 20px rgba(45, 67, 102, 0.08);
	color: #6f3322;
	font-weight: 700;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease;
}

.public-filter-tabs .nav-link:hover,
.public-filter-tabs .nav-link:focus {
	transform: translateY(-1px);
	border-color: rgba(201, 88, 53, 0.42);
	background: rgba(255, 249, 245, 0.96);
	box-shadow: 0 16px 24px rgba(51, 33, 21, 0.12);
	color: #912f17;
}

.public-filter-tabs .nav-link.active {
	border-color: transparent;
	background: linear-gradient(135deg, #ec6135, #d94a1d 72%, #c43f16);
	box-shadow: 0 16px 26px rgba(217, 74, 29, 0.28);
	color: #fff;
}

.public-table-shell {
	max-width: min(980px, 100%);
	margin: 0 auto 1.5rem;
	padding: 1rem;
	border: 1px solid rgba(181, 194, 222, 0.32);
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.54), rgba(248, 250, 255, 0.45));
	box-shadow: 0 20px 38px rgba(46, 63, 92, 0.12);
	backdrop-filter: blur(10px);
}

.public-table-surface {
	overflow: hidden;
	border: 1px solid rgba(177, 193, 222, 0.34);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

.public-data-table {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	background: transparent;
}

.public-data-table thead th {
	padding: .95rem 1.05rem;
	border-bottom: 1px solid rgba(193, 206, 231, 0.46);
	background: linear-gradient(180deg, rgba(249, 139, 101, 0.14), rgba(255, 255, 255, 0.96));
	color: #5d2d23;
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	white-space: nowrap;
}

.public-col-rank {
	width: 5.3rem;
	text-align: center;
}

.public-col-date {
	width: 8.2rem;
	text-align: center;
}

.public-col-tag {
	width: 8.6rem;
}

.public-col-value {
	width: 6.2rem;
	text-align: right;
}

.public-data-table tbody tr {
	transition: background-color .18s ease;
}

.public-data-table tbody tr:nth-child(2n) {
	background: rgba(245, 248, 255, 0.76);
}

.public-data-table tbody tr:hover {
	background: rgba(255, 246, 240, 0.9);
}

.public-data-table tbody th,
.public-data-table tbody td {
	padding: .95rem 1.05rem;
	border-bottom: 1px solid rgba(188, 203, 230, 0.34);
	vertical-align: middle;
	color: var(--ui-text);
}

.public-data-table tbody tr:last-child th,
.public-data-table tbody tr:last-child td {
	border-bottom: 0;
}

.public-rank-cell,
.public-date-cell {
	text-align: center;
	font-weight: 700;
	white-space: nowrap;
}

.public-value-cell {
	text-align: right;
	white-space: nowrap;
}

.public-chip-cell {
	white-space: nowrap;
}

.public-rank-badge,
.public-date-badge,
.public-value-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .34rem .72rem;
	border: 1px solid rgba(199, 136, 111, 0.32);
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(255, 249, 245, 0.98), rgba(255, 255, 255, 0.94));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
	font-weight: 800;
	line-height: 1.2;
}

.public-rank-badge {
	min-width: 3rem;
	color: #8b2d16;
}

.public-date-badge {
	min-width: 7rem;
	color: #6d3a2c;
	font-size: .82rem;
}

.public-value-badge {
	min-width: 4.4rem;
	justify-content: flex-end;
	border-color: rgba(91, 140, 194, 0.24);
	background: linear-gradient(135deg, rgba(241, 247, 255, 0.98), rgba(255, 255, 255, 0.94));
	color: #1a629f;
	font-variant-numeric: tabular-nums;
}

.public-table-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .9rem;
	width: 100%;
	min-height: 100%;
	margin: -.95rem -1.05rem;
	padding: .95rem 1.05rem;
	color: var(--ui-text);
	font-weight: 700;
	line-height: 1.5;
	transition: background-color .18s ease, color .18s ease;
}

.public-table-link:hover,
.public-table-link:focus {
	background: rgba(255, 248, 244, 0.88);
	color: #922f16;
}

.public-table-name {
	min-width: 0;
	flex: 1 1 auto;
	word-break: break-word;
}

.public-table-meta {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	padding: .28rem .62rem;
	border-radius: 999px;
	background: rgba(28, 125, 216, 0.08);
	color: #1b629f;
	font-size: .74rem;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap;
}

.public-table-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .42rem .78rem;
	border: 1px solid rgba(79, 132, 192, 0.24);
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(244, 248, 255, 0.96), rgba(255, 255, 255, 0.96));
	color: #1b629f;
	font-size: .8rem;
	font-weight: 700;
	line-height: 1.25;
	white-space: nowrap;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.public-table-chip:hover,
.public-table-chip:focus {
	border-color: rgba(49, 113, 181, 0.35);
	background: rgba(241, 247, 255, 1);
	color: #124b81;
}

.public-table-empty {
	padding: 2rem 1rem !important;
	text-align: center;
	color: var(--ui-muted) !important;
	font-weight: 700;
	background: linear-gradient(180deg, rgba(255, 251, 248, 0.76), rgba(246, 249, 255, 0.9));
}

.footer_div {
	background: linear-gradient(180deg, rgba(255, 250, 246, 0.9), rgba(245, 247, 255, 0.9));
	border-top: 1px solid rgba(181, 194, 219, 0.4);
}

@media (max-width: 991.98px) {
	.site-renewal-notice {
		padding: .8rem .85rem;
		margin-top: .55rem;
	}

	.mutual-feed-block {
		margin-top: 12px !important;
		padding-top: 10px !important;
	}

	.mutual-feed-card {
		height: 400px;
	}

	.home-hero {
		padding-left: 0;
		padding-right: 0;
	}

	.home-hero-inner {
		border-radius: 18px;
	}

	.home-hero-metrics {
		grid-template-columns: 1fr;
	}

	.search-menu {
		gap: 10px;
	}

	.search-menu-trigger {
		width: 100%;
	}

	.entry-shell {
		padding: 2px 8px 14px;
	}

	.site-search-field {
		padding: .22rem .24rem .22rem .34rem;
	}

	.site-search-icon {
		width: 1.86rem;
		height: 1.86rem;
	}

	.site-search-reset,
	.site-search-submit {
		min-height: 1.86rem;
		padding: 0 .68rem;
	}

	.public-filter-tabs {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: .45rem;
	}

	.public-filter-tabs .nav-item {
		width: 100% !important;
	}

	.public-filter-tabs .nav-link {
		min-height: 44px;
		min-width: 0;
		padding: .62rem .35rem;
		font-size: .85rem;
	}

	.public-table-shell {
		padding: .78rem;
		border-radius: 20px;
	}

	.public-table-surface {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		border-radius: 18px;
	}

	.public-data-table {
		min-width: 430px;
	}

	.public-data-table thead th {
		padding: .82rem .9rem;
		font-size: .7rem;
	}

	.public-data-table tbody th,
	.public-data-table tbody td {
		padding: .82rem .9rem;
	}

	.public-data-table tbody th::before,
	.public-data-table tbody td::before {
		content: none;
	}

	.public-table-link {
		margin: -.82rem -.9rem;
		padding: .82rem .9rem;
		gap: .65rem;
	}

	.public-table-empty {
		padding: 1.4rem .9rem !important;
	}
}

@media (max-width: 575.98px) {
	.media-card-title {
		font-size: .85rem;
	}

	.listing-head-title {
		font-size: 1.04rem;
	}

	.home-hero-lead {
		font-size: .9rem;
		line-height: 1.7;
	}

	.mutual-feed-card {
		height: 380px;
	}

	.mutual-feed-link {
		padding: 9px 10px;
		font-size: .88rem;
	}

	.public-table-shell {
		padding: .62rem;
	}

	.public-filter-tabs {
		gap: .38rem;
	}

	.public-filter-tabs .nav-link {
		min-height: 40px;
		padding: .54rem .25rem;
		font-size: .76rem;
	}

	.public-table-surface {
		border-radius: 16px;
	}

	.public-data-table {
		min-width: 360px;
	}

	.public-data-table thead th {
		padding: .72rem .78rem;
		font-size: .68rem;
	}

	.public-data-table tbody th,
	.public-data-table tbody td {
		padding: .72rem .78rem;
		font-size: .82rem;
	}

	.public-table-link {
		margin: -.72rem -.78rem;
		padding: .72rem .78rem;
		gap: .55rem;
	}

	.site-search-field {
		padding: .32rem .34rem .32rem .42rem;
		gap: .38rem;
	}
}