/* CTAブロック フロントエンド用ベーススタイル
   ボタンのデザイン値（背景色・影・角丸など）は管理画面設定から動的に wp_footer で出力される */

.cta-block-wrap {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.cta-block-wrap .cta-block__copy-top {
	margin: 0 0 10px;
	font-size: 0.85em;
}

.cta-block-wrap .cta-block__copy-bottom {
	margin: 10px 0 0;
	font-size: 0.85em;
}

/* spanボタンのブラウザデフォルトをリセット
   色・padding・角丸・影は wp_footer の動的CSSで上書きされる */
.cta-block-wrap span[data-id] {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	min-width: 280px;
	box-sizing: border-box;
}

/* スマホでは全幅ボタン */
@media (max-width: 480px) {
	.cta-block-wrap span[data-id] {
		width: 100%;
	}
}