.sns-public-vacancy{width:min(1040px,calc(100% - 40px));margin:36px auto 56px;padding:clamp(28px,4vw,48px);border:1px solid rgba(202,111,143,.28);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,244,248,.96));box-shadow:0 18px 50px rgba(92,63,73,.08);color:#443638}.sns-public-vacancy__head{text-align:center}.sns-public-vacancy__eyebrow{margin:0 0 8px;color:#d35f85;font-size:12px;font-weight:700;letter-spacing:.2em}.sns-public-vacancy__head h2{margin:0;font-size:clamp(26px,4vw,40px);line-height:1.45}.sns-public-vacancy__date{margin:10px 0 0;color:#8b7d80;font-size:13px}.sns-public-vacancy__status{display:flex;align-items:center;justify-content:center;gap:20px;margin:28px auto 0;padding:24px;border-radius:20px;background:#fff}.sns-public-vacancy__symbol{font-size:clamp(48px,7vw,76px);font-weight:300;line-height:1;color:#d35f85}.sns-public-vacancy__status strong{font-size:clamp(23px,4vw,34px);line-height:1.4}.sns-public-vacancy__status p{margin:6px 0 0;color:#786b6e}.sns-public-vacancy__note{max-width:760px;margin:24px auto 0;text-align:center;font-size:16px;line-height:1.9}.sns-public-vacancy__foot{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:26px}.sns-public-vacancy__foot p{margin:0}.sns-public-vacancy__button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border-radius:999px;background:#d35f85;color:#fff!important;text-decoration:none!important;font-weight:700}.sns-public-vacancy__button:hover{opacity:.88}.sns-public-vacancy--limited .sns-public-vacancy__symbol{color:#c58a34}.sns-public-vacancy--full .sns-public-vacancy__symbol{color:#897c7f}.sns-public-basic-table{width:min(900px,100%);margin:30px auto}.sns-public-basic-table table{width:100%;border-collapse:collapse}.sns-public-basic-table th,.sns-public-basic-table td{padding:16px;border-bottom:1px solid rgba(211,95,133,.18);text-align:left;vertical-align:top}.sns-public-basic-table th{width:28%;color:#8e5067}@media(max-width:767px){.sns-public-vacancy{width:calc(100% - 28px);margin:24px auto 40px;padding:24px 18px;border-radius:22px}.sns-public-vacancy__status{gap:14px;padding:20px 14px}.sns-public-vacancy__foot{flex-direction:column;gap:14px;text-align:center}.sns-public-vacancy__button{width:100%}.sns-public-basic-table th,.sns-public-basic-table td{display:block;width:100%;padding:12px}.sns-public-basic-table th{padding-bottom:4px;border-bottom:0}.sns-public-basic-table td{padding-top:4px}}

/* v0.2.2: 既存の「現在の空き状況」カードへ値だけ同期する */
[data-sns-vacancy-connected="1"] .sns-vacancy-sync-status {
	display: block;
}

[data-sns-vacancy-connected="1"] .sns-vacancy-sync-details,
[data-sns-vacancy-connected="1"] .sns-vacancy-sync-note {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.7;
}

[data-sns-vacancy-connected="1"] .sns-vacancy-sync-details {
	color: #7a6e70;
}

[data-sns-vacancy-connected="1"] .sns-vacancy-sync-note {
	color: #4d4143;
}

[data-sns-vacancy-connected="1"] .sns-vacancy-sync-contact {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	margin-top: 12px;
	padding: 8px 18px;
	border-radius: 999px;
	background: #e86991;
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none !important;
}

.sns-vacancy-sync-symbol-wrap[data-sns-status="available"] { background-color: #db648b !important; }
.sns-vacancy-sync-symbol-wrap[data-sns-status="limited"] { background-color: #bb8a2f !important; }
.sns-vacancy-sync-symbol-wrap[data-sns-status="full"] { background-color: #75676a !important; }
.sns-vacancy-sync-symbol-wrap[data-sns-status="contact"] { background-color: #899448 !important; }
.sns-vacancy-sync-symbol-wrap,
.sns-vacancy-sync-symbol-wrap .sns-vacancy-sync-symbol,
.sns-vacancy-sync-symbol.sns-vacancy-sync-symbol-wrap {
	color: #fff !important;
}

@media (max-width: 767px) {
	[data-sns-vacancy-connected="1"] .sns-vacancy-sync-details,
	[data-sns-vacancy-connected="1"] .sns-vacancy-sync-note {
		font-size: 12px;
	}
	[data-sns-vacancy-connected="1"] .sns-vacancy-sync-contact {
		width: 100%;
	}
}
