/* ==========================================================================
   base.css
   リセット・基本タイポグラフィ・カラー変数など、サイト全体の土台
   ========================================================================== */

.page-title,
.ct-advanced-heading {
	position: relative;
}

.ct-advanced-heading:after,
.blog .page-title:after,
.page .page-title:after {
	content: attr(data-title) !important;
	position: absolute;
	z-index: -1;
	top: -7%;
	bottom: 0;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(50px, 15vw, 200px);
	font-weight: 800;
	line-height: 1;
	color: var(--theme-palette-color-7);
	letter-spacing: 0.06em;
}

.ct-advanced-heading:after {
	left: 0;
	font-size: clamp(70px, 10vw, 140px);
	font-family: 'Bebas Neue', Sans-Serif;
}

@media (min-width: 690px) {
	.ct-advanced-heading:after {
		justify-content: initial;
	}
}

.ct-special-features .stk-block-column:hover {
	transform: scale3d(1.05, 1.05, 1);
}


/* WordPressデフォルトやGutenbergのライトボックス背景を黒く */
.wp-lightbox-overlay,
.scrim {
  background-color: rgba(0, 0, 0, 0.95) !important; /* 黒＋少し透過 */
  transition: background-color 0.3s ease;
}

/* 拡大画像の表示をスムーズに */
.wp-lightbox-image,
.block-editor-lightbox__image {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  transition: transform 0.2s ease;
}

.wp-lightbox-image:hover {
  transform: scale(1.02);
}