/* WordPress環境対応：商品カード専用スタイル */
		.sooki-product-wrapper {
			margin: 0 !important;
			padding: 20px !important;
			/* 40px → 20px に変更 */
			box-sizing: border-box !important;
			font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
			/* background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%) !important; */
			min-height: auto !important;
			/* 50vh → auto に変更 */
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			line-height: 1.5 !important;
			/* column_wrapの影響を無効化 */
			flex-direction: row !important;
			flex-wrap: nowrap !important;
		}

		.sooki-product-wrapper * {
			box-sizing: border-box !important;
		}

		.sooki-product-card {
			background: white !important;
			border-radius: 20px !important;
			box-shadow: 0 20px 40px rgba(0, 151, 219, 0.1) !important;
			overflow: hidden !important;
			max-width: 800px !important;
			width: 100% !important;
			position: relative !important;
			transform: translateY(0) !important;
			transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
			/* CSS表示アニメーション */
			animation: sooki-fadeInUp 0.6s ease-out !important;
			margin: 0 !important;
			padding: 0 !important;
			border: none !important;
			/* column_wrapのflexの影響を無効化 */
			flex: none !important;
		}

		.sooki-product-card:hover {
			transform: translateY(-8px) !important;
			box-shadow: 0 30px 60px rgba(0, 151, 219, 0.2) !important;
		}

		/* 表示アニメーション */
		@keyframes sooki-fadeInUp {
			from {
				opacity: 0 !important;
				transform: translateY(50px) !important;
			}

			to {
				opacity: 1 !important;
				transform: translateY(0) !important;
			}
		}

		.sooki-card-header {
			background: linear-gradient(135deg, #0097db 0%, #005f8a 100%) !important;
			padding: 25px 30px !important;
			position: relative !important;
			overflow: hidden !important;
			margin: 0 !important;
			border: none !important;
		}

		.sooki-card-header::before {
			content: '' !important;
			position: absolute !important;
			top: 0 !important;
			left: 0 !important;
			right: 0 !important;
			bottom: 0 !important;
			background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="sooki-grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23sooki-grid)"/></svg>') !important;
			opacity: 0.3 !important;
		}

		.sooki-product-title {
			color: white !important;
			font-size: 1.4rem !important;
			font-weight: 700 !important;
			margin: 0 !important;
			position: relative !important;
			z-index: 2 !important;
			text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
			line-height: 1.4 !important;
			padding: 0 !important;
			border: none !important;
		}

		.sooki-product-title a {
			color: inherit !important;
			text-decoration: none !important;
			transition: all 0.3s ease !important;
		}

		.sooki-product-title a:hover {
			text-shadow: 0 0 20px rgba(255, 255, 255, 0.8) !important;
			opacity: 1 !important;
		}

		.sooki-card-content {
			padding: 30px !important;
			display: flex !important;
			align-items: flex-start !important;
			gap: 30px !important;
			flex-wrap: wrap !important;
			margin: 0 !important;
			/* column_wrapの影響を無効化 */
			justify-content: flex-start !important;
			flex-direction: row !important;
		}

		.sooki-product-image {
			flex-shrink: 0 !important;
			position: relative !important;
			border-radius: 15px !important;
			overflow: hidden !important;
			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
			transition: transform 0.3s ease !important;
			margin: 0 !important;
			padding: 0 !important;
			/* column_wrapのflexの影響を無効化 */
			flex: none !important;
			width: auto !important;
		}

		.sooki-product-image:hover {
			transform: scale(1.05) !important;
		}

		.sooki-product-image img {
			width: 180px !important;
			height: auto !important;
			display: block !important;
			transition: transform 0.3s ease !important;
			margin: 0 !important;
			padding: 0 !important;
			border: none !important;
		}

		.sooki-product-image::after {
			/* content: '' !important; */
			position: absolute !important;
			top: 0 !important;
			left: 0 !important;
			right: 0 !important;
			bottom: 0 !important;
			background: linear-gradient(45deg, transparent 0%, rgba(0, 151, 219, 0.1) 50%, transparent 100%) !important;
			opacity: 0 !important;
			transition: opacity 0.3s ease !important;
		}

		.sooki-product-image:hover::after {
			opacity: 1 !important;
		}

		.sooki-product-info {
			flex: 1 !important;
			min-width: 300px !important;
			margin: 0 !important;
			padding: 0 !important;
		}

		.sooki-product-description {
			color: #555 !important;
			font-size: 1.1rem !important;
			line-height: 1.8 !important;
			margin: 0 0 25px 0 !important;
			position: relative !important;
			padding-left: 20px !important;
			padding-top: 0 !important;
			padding-bottom: 0 !important;
			padding-right: 0 !important;
		}

		.sooki-product-description::before {
			content: '' !important;
			position: absolute !important;
			left: 0 !important;
			top: 8px !important;
			width: 4px !important;
			height: 20px !important;
			background: linear-gradient(135deg, #0097db, #005f8a) !important;
			border-radius: 2px !important;
		}

		.sooki-button-group {
			display: flex !important;
			gap: 15px !important;
			flex-wrap: wrap !important;
			margin: 0 !important;
			padding: 0 !important;
			/* column_wrapの影響を無効化 */
			justify-content: flex-start !important;
			align-items: flex-start !important;
			flex-direction: row !important;
		}

		.sooki-btn {
			display: inline-block !important;
			padding: 12px 28px !important;
			border-radius: 50px !important;
			text-decoration: none !important;
			font-weight: 600 !important;
			font-size: 0.95rem !important;
			transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
			position: relative !important;
			overflow: hidden !important;
			text-align: center !important;
			min-width: 140px !important;
			box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
			margin: 0 !important;
			border: 2px solid transparent !important;
			/* column_wrapのbtnスタイルを無効化 */
			width: auto !important;
			line-height: 1.2 !important;
			/* column_wrapのflexの影響を無効化 */
			flex: none !important;
		}

		/* 光る効果 */
		.sooki-btn::before {
			content: '' !important;
			position: absolute !important;
			top: 0 !important;
			left: -100% !important;
			width: 100% !important;
			height: 100% !important;
			background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
			transition: left 0.6s ease !important;
		}

		.sooki-btn:hover::before {
			left: 100% !important;
		}

		/* アクティブ時のリップル風効果 */
		.sooki-btn:active {
			transform: scale(0.98) !important;
			transition: transform 0.1s ease !important;
		}

		.sooki-btn:active::after {
			content: '' !important;
			position: absolute !important;
			top: 50% !important;
			left: 50% !important;
			width: 20px !important;
			height: 20px !important;
			background: rgba(255, 255, 255, 0.6) !important;
			border-radius: 50% !important;
			transform: translate(-50%, -50%) scale(0) !important;
			animation: sooki-ripple 0.6s linear !important;
		}

		@keyframes sooki-ripple {
			to {
				transform: translate(-50%, -50%) scale(4) !important;
				opacity: 0 !important;
			}
		}

		.sooki-btn-primary {
			background: linear-gradient(135deg, #164a96 0%, #0f3470 100%) !important;
			color: white !important;
		}

		.sooki-btn-primary:hover {
			transform: translateY(-3px) !important;
			box-shadow: 0 8px 25px rgba(22, 74, 150, 0.4) !important;
			color: white !important;
			text-decoration: none !important;
			opacity: 1 !important;
			background: linear-gradient(135deg, #164a96 0%, #0f3470 100%) !important;
		}

		.sooki-btn-secondary {
			background: linear-gradient(135deg, #ffa23f 0%, #ff8c1a 100%) !important;
			color: white !important;
		}

		.sooki-btn-secondary:hover {
			background: linear-gradient(135deg, #ff8c1a 0%, #e6751a 100%) !important;
			color: white !important;
			transform: translateY(-3px) !important;
			box-shadow: 0 8px 25px rgba(255, 162, 63, 0.4) !important;
			text-decoration: none !important;
			opacity: 1 !important;
		}

		.sooki-btn-icon {
			margin-left: 8px !important;
			transition: transform 0.3s ease !important;
		}

		.sooki-btn:hover .sooki-btn-icon {
			transform: translateX(5px) !important;
		}

		/* スムーズスクロール（CSS版） */
		html {
			scroll-behavior: smooth !important;
		}

		/* レスポンシブデザイン（column_wrapのメディアクエリより詳細） */
		@media only screen and (max-width: 768px) {
			.sooki-card-content {
				flex-direction: column !important;
				align-items: center !important;
				text-align: center !important;
				padding: 20px !important;
			}

			.sooki-product-image {
				order: -1 !important;
			}

			.sooki-product-image img {
				width: 140px !important;
			}

			.sooki-product-info {
				min-width: auto !important;
				width: 100% !important;
			}

			.sooki-product-description {
				text-align: left !important;
				font-size: 1rem !important;
			}

			.sooki-button-group {
				justify-content: center !important;
				width: 100% !important;
			}

			.sooki-btn {
				flex: 1 !important;
				min-width: 120px !important;
			}
		}

		@media only screen and (max-width: 600px) {
			.sooki-product-wrapper {
				padding: 10px !important;
				/* 20px → 10px に変更 */
			}

			.sooki-card-header {
				padding: 20px !important;
			}

			.sooki-product-title {
				font-size: 1.2rem !important;
			}

			.sooki-button-group {
				flex-direction: column !important;
				gap: 10px !important;
			}

			.sooki-btn {
				width: 100% !important;
				margin: 0 !important;
			}
		}

		@media only screen and (max-width: 480px) {
			.sooki-product-wrapper {
				padding: 8px !important;
				/* 15px → 8px に変更 */
			}

			.sooki-product-title {
				font-size: 1.1rem !important;
			}

			.sooki-product-description {
				font-size: 0.95rem !important;
			}
		}

		/* column_wrapクラス内での配置調整 */
		.column_wrap .sooki-product-wrapper {
			width: 100% !important;
			margin: 0.5em 0 !important;
			/* 2em → 0.5em に変更 */
			flex: none !important;
		}

		/* column_wrapの子要素としての調整 */
		.column_wrap .sooki-product-card {
			width: 100% !important;
			flex: none !important;
		}

		/* WordPressテーマのaタグスタイルとの競合対策 */
		.sooki-product-card a {
			transition: all 0.3s ease !important;
		}

		.sooki-product-card a:hover {
			transition: all 0.3s ease !important;
		}

		/* imgタグのWordPressテーマとの競合対策 */
		.sooki-product-card img {
			max-width: none !important;
			height: auto !important;
		}