/* 斎場ページ
   読み込むページ：斎場案内と、その下の各斎場ページ */
/* 概要の追加CSS */
.hall-icon {
  border: 1px solid var(--color_main);
  border-radius: 10px;
  padding: 2px !important;
}
.hall-icon .wp-element-caption {
  white-space: nowrap;
}

/* 中間CTAの追加CSS */
.row-center.is-row {
  align-items: center !important;
}
@media (max-width: 959px) {
.hall-cta-left.row-center.is-row {
  display: block !important;
}
}
.tel-row img {
  border-radius: 0 !important;
}
.emergency-text {
  width: fit-content;
  margin: 0 auto;
}

/* 円＋中央寄せはそのまま（PC・タブレット共通） */
.facility-badge{
  --size: 108px;        /* ← 基本サイズはそのまま */
  --gap: 4px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background:#2f3137;
  color:#fff; -webkit-text-fill-color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: var(--gap);
  text-align:center;
  padding: 10px;
  box-sizing:border-box;
  margin-left:auto;
  margin-right:auto;
}

/* 文字アイコン用（最初の子要素をアイコン扱い） */
.facility-badge > :first-child{
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1;
  margin: 0;
  transform: translateY(2px);
}

/* ラベル側 */
.facility-badge .label,
.facility-badge p,
.facility-badge span{
  font-size: clamp(13px, 1.6vw, 16px);
  font-weight: 700;
  line-height: 1.15;
  margin: 0;
  letter-spacing: .02em;
  color:#fff; -webkit-text-fill-color:#fff;
}

/* アイコンが <svg> / <img> の場合 */
.facility-badge svg{
  fill:currentColor;
  color:#fff;
  width:46%;
  height:auto;
  display:block;
}
.facility-badge img{
  width:46%;
  height:auto;
  display:block;
}

/* もともとの指定はそのまま */
.hall-feature-column p {
  position: relative;
}
.hall-feature-column p > span {
  position: absolute;
  top: 0.75rem;
  transform: scale(1.25);
}

/* ▼スマホ時の調整：丸を小さく＆行間を空ける ▼ */
@media (max-width: 599px){
  .facility-badge{
    --size: 86px;         /* スマホだけ円を小さくして重なりを解消 */
    padding: 8px;
    margin-bottom: 1rem;  /* 上下の行の間に余白を作る */
  }
}


/* 背景グラデーションをセクション全体に伸ばす修正（斎場ページ全体） */
													   #main_content .inorie-block-fullWide:not(.no-bg-section):not(.not-img)::before{
													   top: 0 !important;
													   bottom: 0 !important;
													   height: auto !important;
													  }

/* ---- 各斎場ページの設備バッジなど ---- */
/* 円＋中央寄せはそのまま（PC・タブレット共通） */
.facility-badge{
  --size: 108px;        /* ← 基本サイズはそのまま */
  --gap: 4px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background:#2f3137;
  color:#fff; -webkit-text-fill-color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: var(--gap);
  text-align:center;
  padding: 10px;
  box-sizing:border-box;
  margin-left:auto;
  margin-right:auto;
}

/* 文字アイコン用（最初の子要素をアイコン扱い） */
.facility-badge > :first-child{
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1;
  margin: 0;
  transform: translateY(2px);
}

/* ラベル側 */
.facility-badge .label,
.facility-badge p,
.facility-badge span{
  font-size: clamp(13px, 1.6vw, 16px);
  font-weight: 700;
  line-height: 1.15;
  margin: 0;
  letter-spacing: .02em;
  color:#fff; -webkit-text-fill-color:#fff;
}

/* アイコンが <svg> / <img> の場合 */
.facility-badge svg{
  fill:currentColor;
  color:#fff;
  width:46%;
  height:auto;
  display:block;
}
.facility-badge img{
  width:46%;
  height:auto;
  display:block;
}

/* もともとの指定はそのまま */
.hall-feature-column p {
  position: relative;
}
.hall-feature-column p > span {
  position: absolute;
  top: 0.75rem;
  transform: scale(1.25);
}

/* ▼スマホ時の調整：丸を小さく＆行間を空ける ▼ */
@media (max-width: 599px){
  .facility-badge{
    --size: 86px;         /* スマホだけ円を小さくして重なりを解消 */
    padding: 8px;
    margin-bottom: 1rem;  /* 上下の行の間に余白を作る */
  }
}