summary {
	list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* ranking-c_01
-------------------------------------------------------*/
.ranking-c_01 {
	background-image: url(https://uranai.sitm.jp/wp-content/uploads/sites/6/2026/08/content_bg01.jpg);
	background-size: auto 100%;
	background-position: top;
	background-repeat: no-repeat;
	padding: 50px 0 120px;
	.inner {
		background-color: #ffffffcc;
		background-image:
			linear-gradient(#ffffff1a, #ffffff1a),
			url('https://uranai.sitm.jp/wp-content/uploads/sites/6/2026/08/counseling.png');
		background-size: 85% auto;
		background-position: bottom center;
		background-repeat: no-repeat;
		width: calc(100% - 30px);
		max-width: 600px;
		padding: 60px 25px;
		position: relative;
	}
	.inner .corner {
		position: absolute;
	}
	.inner .corner:nth-of-type(1) {
		top: 0;
		left: -1.5%;
	}
	.inner .corner:nth-of-type(2) {
		top: 0;
		right: -1.5%;
		transform: scaleX(-1);
	}
	.inner .corner:nth-of-type(3) {
		bottom: 0;
		left: -1.5%;
		transform: scaleY(-1);
	}
	.inner .corner:nth-of-type(4) {
		bottom: 0;
		right: -1.5%;
		transform: scale(-1, -1);
	}
	h2 {
		max-width: 450px;
		font-family: Georgia, "Noto Serif JP", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}
	h2 > strong {
		color: #a58a34;
	}
	h2::after {
		content: '';
		display: block;
		width: 100%;
		aspect-ratio: 450 / 42;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 299 21'%3E%3Cpath fill='%237E1E00' d='M0.00327023 0.134148C1.19152 4.46839 9.1713 7.47387 17.1402 8.49305C22.2257 9.14511 27.5128 9.18072 32.7291 9.08483C38.3215 8.98346 43.9084 8.8136 49.4954 8.67113C60.7183 8.38894 109.941 6.46018 121.17 6.22456C125.944 6.12319 130.779 6.09854 135.499 6.51771C139.811 6.89854 144.351 7.69306 147.556 9.24922C152.369 11.5917 154.903 16.0191 150.51 18.9068C149.992 19.2465 149.393 19.5478 148.728 19.8191L149.867 20.178C148.575 18.4492 149.763 16.5752 151.944 15.1698C154.44 13.5643 158.016 12.6684 161.924 12.2465C166.311 11.7725 170.83 11.8602 175.289 11.8602C179.747 11.8602 184.413 11.7835 188.97 11.6383C197.991 11.3479 234.221 10.9034 243.105 10.0541C251.99 9.20478 260.929 8.05957 269.612 6.64861C278.295 5.23765 286.803 3.55273 295.061 1.60204C296.075 1.36369 297.083 1.11985 298.092 0.873274C298.621 0.744507 297.596 0.174643 297.149 0.284232C288.837 2.32533 280.268 4.09793 271.503 5.58834C262.739 7.07875 253.789 8.28971 244.724 9.21299C235.66 10.1363 199.146 10.6492 189.875 10.9835C185.28 11.1479 180.679 11.241 176.074 11.2574C171.468 11.2739 167.151 11.1643 162.736 11.4985C158.724 11.8026 154.811 12.5205 151.927 13.9999C149.513 15.2383 147.807 16.9561 148.112 18.7259C148.188 19.1615 148.395 19.5862 148.701 19.9944C148.82 20.1561 149.453 20.5095 149.84 20.3533C155.639 17.9889 154.593 13.6465 150.973 10.778C146.106 6.92045 136.818 5.74785 128.25 5.58895C123.192 5.49306 118.128 5.67936 113.081 5.80539C107.341 5.95059 63.6072 7.69853 57.8676 7.841C52.1281 7.98346 46.394 8.13141 40.6544 8.27387C35.231 8.41086 29.7749 8.6273 24.3405 8.47113C19.4186 8.33141 14.453 7.85196 10.1524 6.59442C6.58223 5.55333 3.4699 3.97798 2.00912 2.00538C1.63847 1.50401 1.38774 0.986202 1.24057 0.454695C1.19152 0.279353 0.869927 0.11497 0.56469 0.040997C0.363015 -0.00831802 -0.0403352 -0.0466743 0.00327023 0.134148Z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
	p {
		line-height: 1.8;
		max-width: 450px;
		filter: drop-shadow(-2px -2px 1px #fff) drop-shadow(-2px 2px 1px #fff) drop-shadow(2px 2px 1px #fff) drop-shadow(2px -2px 1px #fff) drop-shadow(0 0 6px #fff);
	}
}


/* ranking-c_02
-------------------------------------------------------*/
.ranking-c_02 {
	color: #405473;
	background-image:
		linear-gradient(to bottom, #fbc892, transparent 500px), 
		url(https://uranai.sitm.jp/wp-content/uploads/sites/6/2026/09/main_bg-768x512.jpg);
	background-size: auto 100%;
	background-position: top 0 right 20%;
	background-blend-mode: color-burn;
	border-radius: 30px 30px 0 0;
	top: -30px;
	padding: 30px 15px 100px;
	hr {
		max-width: none;
		border-top: 1px dashed #405473;
		margin-left: -20px !important;
		margin-right: -20px !important;
	}
	h2 > figure {
		margin-bottom: 0.5em;
	}
	.point {
		background-color: #f7eef0;
		border-radius: 10px;
		max-width: 600px;
		padding: 4em 15px 20px;
		margin-top: 3.5em;
		position: relative;
	}
	.point_num {
		width: 25%;
		min-width: 6em;
		max-width: 8em;
		position: absolute;
		top: -4em;
		transform: translateY(-50%);
	}
	.point:nth-of-type(1) .point_num::after {
		content: '1';
	}
	.point:nth-of-type(2) .point_num::after {
		content: '2';
	}
	.point:nth-of-type(3) .point_num::after {
		content: '3';
	}
	.point_num::after {
        font-size: clamp(1.5em, 2.5vw, 2em);
		position: absolute;
		top: 25%;
		left: 50%;
		transform: translateX(-50%);
	}
	h3 {
		border-left: 4px solid #7e1e00;
		border-bottom: 1px dashed #67768e;
		padding: 0.25em 3.5em 0.25em 0.5em;
	}
	h3 > strong {
		color: #7e1e00;
	}
	h3::after {
		content: none;
	}
	h3 + .wp-block-image {
		width: 5em;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	p {
		margin-bottom: 1em;
	}
}

@media screen and (max-width: 768px) {
	.ranking-c_02 .point_num::after {
		font-size: clamp(1.5em, 6vw, 2em);
	}
}


/* comparison c2
-------------------------------------------------------*/
.comparison.c2 {
	-webkit-mask-image: 
		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -2 600 15" preserveAspectRatio="none"><path d="M0,5 Q40,-1 80,5 Q90,6.2 100,5 Q140,-1 180,5 Q190,6.2 200,5 Q240,-1 280,5 Q290,6.2 300,5 Q340,-1 380,5 Q390,6.2 400,5 Q440,-1 480,5 Q490,6.2 500,5 Q540,-1 580,5 Q590,6.2 600,5 L600,15 L0,15 Z" fill="%23000"/></svg>'),
		linear-gradient(#000, #000);
	mask-image: 
		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -2 600 15" preserveAspectRatio="none"><path d="M0,5 Q40,-1 80,5 Q90,6.2 100,5 Q140,-1 180,5 Q190,6.2 200,5 Q240,-1 280,5 Q290,6.2 300,5 Q340,-1 380,5 Q390,6.2 400,5 Q440,-1 480,5 Q490,6.2 500,5 Q540,-1 580,5 Q590,6.2 600,5 L600,15 L0,15 Z" fill="%23000"/></svg>'),
		linear-gradient(#000, #000);
	-webkit-mask-position: top left, bottom left;
	mask-position: top left, bottom left;
	-webkit-mask-size: 100% 65px, 100% calc(100% - 64px);
	mask-size: 100% 65px, 100% calc(100% - 64px);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	margin-top: -65px;
	padding-top: 65px;
	padding-bottom: 100px;
}


/* ranking
-------------------------------------------------------*/
.ranking-top {
	background-image:
		linear-gradient(to bottom, #00001a80, #00001a80),
		url(https://uranai.sitm.jp/wp-content/uploads/sites/6/2026/08/content_bg01.jpg);
	background-size: auto 100%;
	background-position: top 0 right 5%;
	background-blend-mode: darken;
	-webkit-mask-image: 
		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 15" preserveAspectRatio="none"><path d="M0,5 Q40,11 80,5 Q90,3.8 100,5 Q140,11 180,5 Q190,3.8 200,5 Q240,11 280,5 Q290,3.8 300,5 Q340,11 380,5 Q390,3.8 400,5 Q440,11 480,5 Q490,3.8 500,5 Q540,11 580,5 Q590,3.8 600,5 L600,15 L0,15 Z" fill="%23000"/></svg>'),
		linear-gradient(#000, #000);
	mask-image: 
		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 15" preserveAspectRatio="none"><path d="M0,5 Q40,11 80,5 Q90,3.8 100,5 Q140,11 180,5 Q190,3.8 200,5 Q240,11 280,5 Q290,3.8 300,5 Q340,11 380,5 Q390,3.8 400,5 Q440,11 480,5 Q490,3.8 500,5 Q540,11 580,5 Q590,3.8 600,5 L600,15 L0,15 Z" fill="%23000"/></svg>'),
		linear-gradient(#000, #000);
	-webkit-mask-position: top left, bottom left;
	mask-position: top left, bottom left;
	-webkit-mask-size: 100% 65px, 100% calc(100% - 64px);
	mask-size: 100% 65px, 100% calc(100% - 64px);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	margin-top: -65px !important;
	padding: 65px 15px 50px;
	.c_title h2 {
		width: 100%;
	}
	.c_title p {
		margin-top: 0.2em;
	}
	& > details:not([open]) summary::before {
		content: '他の電話占いを見る';
	}
	& > details summary {
		font-weight: bold;
		color: #001229;
		background-color: #ffffffcc;
	}
	& > details summary::after {
		border-color: #001229;
	}
}
:root {
	interpolate-size: allow-keywords;
}
details {
	display: flex;
	flex-direction: column;
	max-width: none !important;
	summary {
		order: 1;
		font-size: var(--vk-size-text);
		text-align: center;
		line-height: 2.5em;
		color: #fff;
		border: 2px solid #fff;
		border-radius: 1.25em;
		width: 75%;
	}
	&[open] summary::before {
		content: '閉じる';
	}
	summary::after {
		content: "";
		display: inline-block;
		width: 0.5em;
		height: 0.5em;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(45deg) translateY(-0.25em);
		transition: transform 0.3s ease;
		margin-left: 10px;
	}
	&[open] summary::after {
		transform: rotate(-135deg);
	}
	& > * {
			margin-right: auto;
			margin-left: auto;
	}
	& > *:not(summary) {
		height: 0;
		opacity: 0;
		overflow: hidden;
		transition: height 0.3s ease, opacity 0.3s ease, display 0.3s allow-discrete;
	}
	&[open] > *:not(summary) {
		height: auto;
		opacity: 1;
	}
	@starting-style {
		&[open] > *:not(summary) {
			height: 0;
			opacity: 0;
		}
	}
}
.box {
	border: 3px solid transparent;
	border-radius: 10px;
	background: 
		linear-gradient(#fff, #fff) padding-box,
		linear-gradient(to right, #ebad00, #f8e69c, #7e1e00) border-box;
	background-origin: border-box;
	background-clip: padding-box, border-box;
	max-width: 600px;
	padding: 20px 15px;
	margin-bottom: 40px !important;
	a {
		display: block;
	}
	h4 {
		font-size: var(--vk-size-text);
		padding: 0;
		background-color: transparent;
		border-radius: 0;
	}
	& > * {
		max-width: 500px;
		margin: 0 auto 1.5rem;
	}
	.box_title {
		display: flex;
		align-items: center;
	}
	.box_title_rank {
		font-size: 1.5rem;
		font-weight: bold;
		border: 2px solid transparent;
		border-radius: 50%;
		background:
			linear-gradient(to right, #ebcf89, #f4b61c, #ebcf89) padding-box,
			linear-gradient(to right, #ebad00, #f8e69c, #7e1e00) border-box;
		background-origin: border-box;
		background-clip: padding-box, border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 1.75em;
		height: 1.75em;
		margin-right: 0.5em;
	}
	.border_text {
		filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);
	}
	.box_title h3 {
		font-size: 2rem;
		font-weight: bold;
		border-bottom: none;
		flex: 1;
		padding: 0;
		margin: 0;
	}
	.box_title h3::after {
		content: none;
	}
	.box_title h3 a {
		color: #485a9d;
		text-decoration: underline;
		text-underline-offset: 4px;
	}
	.banner_link {
		margin-bottom: 1.5rem;
	}
	.size-thumb500 {
		width: 75%;
		display: block;
		margin: 0 auto;
	}
	.star_rating {
		font-size: clamp(1em, 1.6vw, 1.5em);
		display: flex;
		border: 1px solid transparent;
		border-radius: 10px;
		background:
			radial-gradient(93% 93% at 50% 55%, #eee 34%, #9B7dd0) padding-box,
			linear-gradient(45deg, #ffe393, #6a4e00 38%, #ffe393 64%, #6a4e00 98%) border-box;
		background-origin: border-box;
		background-clip: padding-box, border-box;
		display: flex;
		align-items: center;
		padding: 10px 0;
	}
	.star_rating h4 {
		font-size: 1.1em;
		margin: 0;
	}
	.star_total {
		font-weight: bold;
		width: 35%;
		text-align: center;
	}
	.star_num {
		font-weight: bold;
		background: linear-gradient(180deg, #ebad00, #f8e69c, #7e1e00);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		-webkit-text-stroke: 1px #7e1e00;
	}
	.star_total .star_num {
		font-size: 4em;
	}
	.star_total_bg {
		display: flex;
		justify-content: center;
		border-left: 1px solid #ebad00;
	}
	.star_icon {
		filter: drop-shadow(-1px 0 0 #7e1e00) drop-shadow(1px 0 0 #7e1e00) drop-shadow(0 -1px 0 #7e1e00) drop-shadow(0 1px 0 #7e1e00);
		margin: 0 0.15em;
	}
	.star_icon > span,
	.star_icon > span > span {
		display: block;
		width: 1em;
		height: 1.35em;
		clip-path: polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);
	}
	.star_icon > span {
		background-color: #7e1e00;
	}
	.star_icon > span > span {
		background: linear-gradient(to bottom, #ebad00, #f8e69c, #7e1e00);
	}
	.star_icon .s90 {
		-webkit-mask-image: linear-gradient(to top, #000 90%, transparent 90%);
		mask-image: linear-gradient(to top, #000 90%, transparent 90%);
	}
	.star_icon .s80 {
		-webkit-mask-image: linear-gradient(to top, #000 80%, transparent 80%);
		mask-image: linear-gradient(to top, #000 80%, transparent 80%);
	}
	.star_icon .s70 {
		-webkit-mask-image: linear-gradient(to top, #000 70%, transparent 70%);
		mask-image: linear-gradient(to top, #000 70%, transparent 70%);
	}
	.star_icon .s60 {
		-webkit-mask-image: linear-gradient(to top, #000 60%, transparent 60%);
		mask-image: linear-gradient(to top, #000 60%, transparent 60%);
	}
	.star_icon .s50 {
		-webkit-mask-image: linear-gradient(to top, #000 50%, transparent 50%);
		mask-image: linear-gradient(to top, #000 50%, transparent 50%);
	}
	.star_icon .s40 {
		-webkit-mask-image: linear-gradient(to top, #000 40%, transparent 40%);
		mask-image: linear-gradient(to top, #000 40%, transparent 40%);
	}
	.star_icon .s30 {
		-webkit-mask-image: linear-gradient(to top, #000 30%, transparent 30%);
		mask-image: linear-gradient(to top, #000 30%, transparent 30%);
	}
	.star_icon .s20 {
		-webkit-mask-image: linear-gradient(to top, #000 20%, transparent 20%);
		mask-image: linear-gradient(to top, #000 20%, transparent 20%);
	}
	.star_icon .s10 {
		-webkit-mask-image: linear-gradient(to top, #000 10%, transparent 10%);
		mask-image: linear-gradient(to top, #000 10%, transparent 10%);
	}
	.star_icon .s0 {
		-webkit-mask-image: linear-gradient(to top, #000 0%, transparent 0%);
		mask-image: linear-gradient(to top, #000 0%, transparent 0%);
	}
	.evaluation {
		flex: 1;
		text-align: center;
		border-left: 1px solid #ebad00;
		padding: 2em 0 1.5em;
		position: relative;
	}
	.radar_chart {
		display: inline-block;
        width: calc(100% - 5em);
		position: relative;
	}
	.pentagon-svg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		filter: drop-shadow(0 0 0 #0000004D);
	}
	.evaluation p {
		line-height: 1.2;
		position: absolute;
		margin-bottom: 0;
	}
	.evaluation p:nth-of-type(1) {
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.evaluation p:nth-of-type(2) {
		top: 28%;
		right: 0.5em;
	}
	.evaluation p:nth-of-type(3) {
		top: 28%;
		left: 0.5em;
	}
	.evaluation p:nth-of-type(4) {
		bottom: 0;
		right: 3.5em;
		transform: translateX(2em);
	}
	.evaluation p:nth-of-type(5) {
		bottom: 0;
		left: 3.5em;
		transform: translateX(-2em);
	}
	.evaluation .star_num {
		font-size: 1.3em;
	}
	.info_table {
		border: 1px solid #B4B4B4;
		width: 100%;
		table-layout: fixed;
	}
	.info_table th {
		font-weight: bold;
		line-height: 1.2;
		background-color: #f9f5f6;
		height: 3.1em;
		padding: .25rem;
	}
	.info_table td {
	 	font-size: inherit;
		vertical-align: top;
	}
	.info_table td:not(:has(.bg1, .bg2, .bg3)) {
		vertical-align: middle;
	}
	.info_table td:not(.x-scroll) {
		padding-right: .25rem;
		padding-left: .25rem;
	}
	.info_table tr:nth-of-type(2) td {
		text-align: center;
	}
	.info_table .bg1,
	.info_table .bg2,
	.info_table .bg3 {
		display: block;
		margin: 0 auto .5rem;
	}
	.bg1 {
		width: 2.5em;
		height: 2.5em;
		border-width: 9px;
	}
	.bg2 {
		width: 2.3em;
		height: 2.3em;
		border-width: 3px;
	}
	.bg3 {
		width: 2.5em;
		--b: 0.45em;
	}

	.features,
	.overall_assessment {
		border: 3px solid transparent;
		border-radius: 10px;
		background:
			linear-gradient(#fffdef, #fffdef) padding-box,
			linear-gradient(45deg, #ffe393, #6a4e00 38%, #ffe393 64%, #6a4e00) border-box;
		background-origin: border-box;
		background-clip: padding-box, border-box;
	}
	.features h4,
	.overall_assessment h4 {
		border-bottom: 1px solid #ae9649;
		padding: .5em 1em;
		margin-bottom: 1rem;
	}
	.features ul {
		list-style: none;
		padding-left: calc(1rem + 2em);
		margin: 0;
		margin-bottom: 1rem;
	}
	.features ul li {
		position: relative;
	}
	.features ul li::before,
	.features ul li::after {
		content: '';
		display: block;
		position: absolute;
	}
	.features ul li::before {
		background-color: #d7a2b0;
		border-radius: 50%;
		width: 1.4em;
		height: 1.4em;
		left: -2em;
	}
	.features ul li::after {
		background-color: white;
		clip-path: polygon(15% 50%, 38% 73%, 78% 20%, 88% 30%, 38% 88%, 5% 58%);
		width: 1em;
		height: 1em;
		top: 0.2em;
		left: -1.75em;
	}
	.info_table h4 {
		margin-bottom: 0;
	}
	.medium {
        width: max-content;
		display: flex;
		flex-wrap: wrap;
		align-content: stretch;
		&.m3 {
			height: calc((13em / 2.5 + 3.1em));
		}
		p {
			width: calc(9em + 1px);
			line-height: 1.4;
			text-align: left;
			margin-left: -1px;
			margin-bottom: 0;
		}
		img,
		.no_image {
			width: calc(9em + 1px);
			aspect-ratio: 2.5 / 1;
			border: 1px solid #848484;
			box-sizing: border-box;
			padding: 5px;
		}
		img {
			object-fit: contain;
		}
		.no_image {
			background: 
				linear-gradient(white, white) top / 100% 10px no-repeat,
				linear-gradient(white, white) bottom / 100% 10px no-repeat,
				linear-gradient(white, white) left / 20px 100% no-repeat,
				linear-gradient(white, white) right / 20px 100% no-repeat,
				#8484844d;
		}
	}
	.no_image {
		font-weight: bold;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #848484;
	}
	.overall_assessment p {
		padding: 0 1rem 1rem;
	}
	.campaign {
		font-size: var(--vk-size-text);
		text-align: center;
		border: 1px solid #b4b4b4;
		border-radius: 10px;
		background: linear-gradient(-45deg, #dfc674, #fff, #dfc674);
	}
	.campaign h4 {
		border-bottom: 1px solid #b4b4b4;
		padding: .5em 1em;
		margin-bottom: 1rem;
	}
	.campaign img {
        width: 75%;
        max-width: 350px;
		display: block;
		margin: 1rem auto;
	}
	.reviews {
		background-color: #414772;
		padding: 1.5rem 0;
		h4 {
			color: #fff;
			padding: 0 1em 1rem;
			margin: 0;
		}
		details:not([open]) summary::before {
				content: '他の占い師を見る';
		}
	}
	.fortune_teller {
		border-radius: 10px;
		background-color: #ffffffe6;
		padding: 1.5rem 10px;
		margin: 0 15px 1.5rem;
		.info {
			display: flex;
			align-items: center;
			border-bottom: 1px solid #1f1f1f;
			padding-bottom: 1rem;
			margin-bottom: 1rem;
			p {
				line-height: 1.4;
			}
			img {
				border-radius: 50%;
				width: auto;
				height: 5.6em;
				margin-right: 0.5em;
			}
			.no_image {
				background-color: #8484844d;
				border-radius: 50%;
				width: 5.6em;
				height: 5.6em;
				margin-right: 0.5em;
			}

		}
		.review {
			.title {
				font-size: var(--vk-size-text);
				font-weight: bold;
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.box .star_rating {
		font-size: clamp(1em, 3vw, 1.5em);
	}
}

/* ranking backmodal
-------------------------------------------------------*/
.modal-overlay {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: linear-gradient(var(--gradient-angle), #2b1b2fcc, #0f051dcc);
	animation: rotateGradient 3s linear infinite;
	z-index: 9999;
}
.modal-content {
	position: relative;
	width: calc(100% - 40px);
	max-width: 500px;
	border: 1px solid #b4b4b4;
	border-radius: 10px;
	background: linear-gradient(-45deg, #dfc674, #fff, #dfc674);
	margin: 15vh auto;
}
.close-btn {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: none;
	font-size: 35px;
	line-height: 1;
	cursor: pointer;
	padding: .25em .5em;
}
.campaign-content {
	text-align: center;
	h4 {
		line-height: 35px;
		color: #1c1917;
		text-shadow: -1px -1px 3px #fff, -1px 1px 3px #fff, 1px 1px 3px #fff, 1px -1px 3px #fff;
	}
	p {
		font-size: var(--vk-size-text);
	}
	img {
		width: 80%;
		max-width: 350px;
		display: block;
		margin: 2rem auto;
	}
}
@property --gradient-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes rotateGradient {
  to { --gradient-angle: 360deg; }
}

/* footer
-------------------------------------------------------*/
footer {
	text-align: center;	
	color: #31141d;
	background-color: #d7a2b0;
	max-width: 100% !important;
	padding: 1em 0;
	a {
		color: #1a2332;
		line-height: 2.5em;
		display: block;
	}
	.lp-copyright {
		font-size: 12px;
	}
}