.grecaptcha-badge {

	/* 表示を消す */
	visibility: hidden !important;

}

/*プランイメージカラー*/
.bgZitaku {
    background-color: #a0522d !important;
    color: #FFF;
}

.bgIppan {
    background-color: #4682b4 !important;
    color: #FFF;
}

.bgOwakare {
    background-color: #6b8e23 !important;
    color: #FFF;
}

.bgShinsousai {
    background-color: #20b2aa !important;
    color: #FFF;
}

.bgYuzin {
    background-color: #daa520 !important;
    color: #FFF;
}

.bgOmakase {
    background-color: #ba55d3 !important;
    color: #FFF;
}


/*テーブルセンター寄せ*/
.tableC{
	display: flex;
  justify-content: center;
  align-items: center;
}

/*スライド調整*/
/* 画像エリアの高さ固定 */
.wppsac-post-image-bg {
  height: 200px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 画像そのものの収まり */
.wppsac-post-image {
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
/* タイトルの高さを仮固定（2行分） */
.wppsac-post-title {
  min-height: 48px;
  overflow: hidden;
}
/* 抜粋エリアも高さ統一 */
.wppsac-sub-content {
  height: 60px;
  overflow: hidden;
}
/* コンテンツ全体を揃える */
.wppsac-post-content-position {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.wppsac-carousel-slides {
  height: 100%;
  display: flex;
  flex-direction: column;
}
/*枠線*/
.wppsac-carousel-slides {
  border: 1px solid #ddd;
  box-sizing: border-box;
  margin: 0 10px;
	padding: 10px;
	border-radius: 10px;
  background-color: #fff;
}
/*投稿者非表示*/
.wppsac-post-date {
  display: none;
}

.person-box {
  background:#F2EADC;   /* 背景色 */
  padding:16px;
  border-radius:8px;
  margin-bottom:24px;
  display:flex;
  flex-direction:column;
  height:1000px;         /* ←固定の高さ（必要に応じて調整） */
}

.person-box img {
  display:block;
  margin:0 auto 16px;   /* 常に中央 */
  width:400px;          /* 横幅400pxに固定 */
  max-width:100%;       /* 画面が狭いときははみ出さない */
  height:auto;
  border-radius:6px;
}

.person-box .text {
  text-align:left;      /* 文字は左寄せ */
}

/* su_list の二重ポチ防止 */
.person-box .su-list {
  list-style:none;
  margin-left:0;
  padding-left:0;
}
.person-box .su-list li {
  margin:0.4em 0;
}

/* ===== スマホ用（例：768px未満）では高さを自動に ===== */
@media (max-width: 767px) {
  .person-box {
    height:auto;    /* ←固定を解除して内容に応じて伸縮 */
  }
}

.h-frame {
  font-size: 22px;           /* 文字サイズ */
  font-weight: bold;         /* 太字 */
  color: #fff;               /* 白文字 */
  background-color: #66bb66; /* 濃いめの黄緑 */
  padding: 8px 20px;        /* 内側余白（上下10px 左右20px） */
  border-radius: 8px;        /* 角を少し丸く */
  width: 100%;               /* ページ幅いっぱいに広げる */
  box-sizing: border-box;    /* paddingを含めて幅100%に */
  margin: 15px 0;            /* 上下の余白 */
}

/*  */
/* 既存の PAGE TOP ボタンの高さに応じて、上に積むためのオフセット変数 */
:root{
	/* vkunitデフォルトが高さ38px想定。変更した場合は合わせて更新 */
	--vk-page-top-height: 38px;
	--vk-gap: 8px; /* PAGE TOP ボタンとの間隔 */
}

/* 電話番号用フロート */
.float_tel_btn{
	position: fixed;
	right: 2%;
	/* PAGE TOP（3%位置）より上に配置：38px + 8px 分だけ上げる */
	bottom: calc(3% + var(--vk-page-top-height) + var(--vk-gap));
	z-index: 100000; /* 最前面にしたい場合 */
	display: block;
	width: 100px;
	height: 146px;
	text-decoration: none;

	/* 初期は非表示（vkunitの .scrolled と同じトグル挙動） */
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .3s, visibility .3s;
}

/* 画像は100%で表示（元画像が100×146ならそのまま） */
.float_tel_btn img{
	width: 50%;
	height: auto;
	display: block;
}

/* スクロール後に表示（vkunitの .scrolled を流用） */
.scrolled .float_tel_btn{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* 横スクロール用のラッパー */
.table-wrap-x{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch; /* スマホでヌルッと */
  width:100%;
}

/* 表が狭すぎて崩れないように最小幅を確保（列数に合わせて調整） */
.table-wrap-x > table{
  min-width:640px;  /* 3列なら600～700px目安。必要なら増減してOK */
  width:100%;       /* 既にstyleで指定があってもOK */
}

/* iOSで余白が切れない対策（任意） */
.table-wrap-x th,
.table-wrap-x td{
  white-space:nowrap;     /* 折り返しを避けたい列に有効。長文列がある場合は外してOK */
}