/* =========================================================================
   航空券付き宿泊プラン（tourbuilder）専用スタイル。.tourbuilder-lp にスコープ。
   KV は hilton/key-visual（alignfull）。コンテンツは中央寄せの読み幅。
   ========================================================================= */
.tourbuilder-lp {
	max-width: 1040px;
	margin: 0 auto;
	padding: 48px var(--gutter, 32px) 64px;
	box-sizing: border-box;
	color: #3b3b3b;
}
/* constrained の既定 max-width を解除し、要素ごとに幅を持たせる。 */
.tourbuilder-lp > * { max-width: none; }
.tourbuilder-lp img { max-width: 100%; height: auto; }

/* 導入文 */
.tourbuilder-lp .tb-intro {
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
	color: #001e3a;
	text-shadow: 1px 1px 1px #62b5e5;
	margin: 0 0 32px;
}
/* WEB限定バナー */
.tourbuilder-lp .tb-banner { text-align: center; margin: 0 auto 8px; }
.tourbuilder-lp .tb-banner img { display: inline-block; width: auto; }
.tourbuilder-lp .tb-banner a { display: inline-block; }
.tourbuilder-lp .tb-banner a:hover { opacity: 0.8; }
/* 注記（小） */
.tourbuilder-lp .tb-note { font-size: 12px; text-align: center; color: #75787b; margin: 0 0 40px; }

/* ===== Check カード（縦並び） ===== */
.tourbuilder-lp .tb-checks {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	margin: 40px auto 48px;
}
/* チェックボックス風カード（薄グレー＋ドロップシャドウ）。幅は 467px・padding 0
   （画像は全幅、文字だけ内側に余白）。 */
.tourbuilder-lp .tb-check {
	background: #f0f0f0;
	box-shadow: 2px 2px 2px rgba(58, 58, 58, 0.5);
	padding: 0 0 16px;
	max-width: 467px;
}
.tourbuilder-lp .tb-check__img { margin: 0 0 16px; }
.tourbuilder-lp .tb-check__img img { display: block; width: 100%; }
/* Check の見出しだけ sans（ゴシック）に。 */
.tourbuilder-lp .tb-check h2 { font-size: 18px; font-weight: bold; color: #001e3a; line-height: 1.4; margin: 0 0 4px; padding: 0 15px; letter-spacing: normal; font-family: var(--wp--custom--brand-body, "Noto Sans JP", "Hiragino Sans", sans-serif) !important; }
.tourbuilder-lp .tb-check p { font-size: 14px; line-height: 1.7; margin: 0; padding: 0 15px; }
/* ※注記（is-style-note）は本文と同じ 15px インデントに揃える。親が ul の padding を制御するため
   li 側を margin で 15px 寄せる。 */
.tourbuilder-lp .tb-check ul.wp-block-list { margin: 6px 0 0; font-size: 12px; color: #75787b; }
.tourbuilder-lp .tb-check li.is-style-note { margin-left: 15px; margin-right: 15px; }
.tourbuilder-lp .tb-check a { text-decoration: underline; }

/* ===== ご予約（外部ガジェット） ===== */
.tourbuilder-lp .tb-booking { max-width: 840px; margin: 0 auto 16px; }
/* 見出しは原デザインの box（水色帯＋角丸＋白抜き）。 */
.tourbuilder-lp .tb-booking__h {
	margin: 0;
	padding: 10px 0;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: url("../images/tourbuilder/bookingTitle_bg.png") center no-repeat #62b5e5;
	border-radius: 15px 15px 0 0;
}
.tourbuilder-lp .tb-gadget { text-align: center; border: 1px solid #ececec; border-top: none; border-radius: 0 0 15px 15px; padding: 16px 0; }
.tourbuilder-lp .tb-gadget iframe { max-width: 100%; }

/* ===== 販売・お問い合わせ ===== */
.tourbuilder-lp .tb-tel {
	max-width: 760px;
	margin: 40px auto 0;
	background: #f4f7fb;
	border-radius: 10px;
	padding: 28px;
	text-align: center;
}
.tourbuilder-lp .tb-tel__h { font-size: 20px; font-weight: bold; color: #001e3a; margin: 0 0 8px; }
.tourbuilder-lp .tb-tel__lead { font-size: 14px; margin: 0 0 16px; }
.tourbuilder-lp .tb-contact h4 { font-size: 16px; font-weight: bold; margin: 0 0 4px; }
.tourbuilder-lp .tb-tel__num { display: inline-block; font-size: 28px; font-weight: bold; color: #001e3a; letter-spacing: 0.04em; margin: 0 0 8px; padding-left: 28px; background: url("../images/tourbuilder/icon_tel.png") left center no-repeat; }
.tourbuilder-lp .tb-tel .notice { font-size: 12px; color: #75787b; line-height: 1.5; margin: 0; }

@media (max-width: 700px) {
	.tourbuilder-lp { padding: 32px var(--gutter, 16px) 48px; }
	.tourbuilder-lp .tb-intro { font-size: 16px; }
	/* SP は手動改行を消して auto-phrase の折り返しに任せる。 */
	.tourbuilder-lp .tb-intro br { display: none; }
	/* Check カードは PC と同じ（padding 0・画像全幅）。幅は viewport いっぱい。 */
	.tourbuilder-lp .tb-check { max-width: 100%; width: 100%; }
	.tourbuilder-lp .tb-booking__h { font-size: 18px; }
	.tourbuilder-lp .tb-tel { padding: 20px 16px; }
	.tourbuilder-lp .tb-tel__num { font-size: 24px; }
}