/* 微調整用(本番のテーマエディタで随時更新) */

/* トップバナー: 旧テーマと同じ既存のメインビジュアルを使い、スライダーにせず1枚だけ表示する
   (PCは benriya-pc.png、SPは benriya-sp.png=1枚目のスライド)。
   2枚目以降は非表示。新ヒーローに戻すときは、このブロックと下の `.b88-hero { display: none }` を削除する */
.home .p-mainVisual { display: block !important; }
.b88-hero { display: none !important; }
.home .p-mainVisual .swiper-slide { display: none !important; }
.home .p-mainVisual .swiper:not(.swiper-initialized) .swiper-slide:first-child,
.home .p-mainVisual .swiper-slide[data-swiper-slide-index="0"]:not(.swiper-slide-duplicate) {
	display: block !important;
	position: static !important;
	width: 100% !important;
	opacity: 1 !important;
	transform: none !important;
}
.home .p-mainVisual .swiper-wrapper { display: block !important; transform: none !important; height: auto !important; }
.home .p-mainVisual .swiper-pagination,
.home .p-mainVisual .swiper-button-prev,
.home .p-mainVisual .swiper-button-next { display: none !important; }

/* フッター前のカスタムHTMLウィジェットに混入している行番号の文字(1,2,3…)を非表示にする。固定CTAバーのボタン文字は通常サイズで表示 */
.w-beforeFooter .custom-html-widget, #callnowbutton { font-size: 0; line-height: 0; }
#callnowbutton td a { line-height: 1.4; }

/* ヒーローのCTA: 電話は1行全幅、メールとLINEは横並び */
.b88-hero__cta .is-tel { flex: 1 1 100%; white-space: nowrap; }
.b88-hero__cta .is-mail, .b88-hero__cta .is-line { flex: 1 1 calc(50% - 5px); }

/* スマホではヒーロー画像の高さを抑える */
@media screen and (max-width: 768px) {
	.b88-hero__img img { aspect-ratio: 16 / 9; object-fit: cover; object-position: 60% 30%; }
	.b88-hero__cta .is-tel { font-size: 1.05em; }
}
