@charset "UTF-8";
/*
 * 特集ページ（s/src/feature.php）だけの見た目（11/4 まさのりさん）
 * 「ご予約・お問い合わせ」などのボタンのブロック：
 *   ボタンを真ん中に寄せて並べ、1つ目（予約する）はテーマの色で塗る、2つ目からは白地にテーマの色の文字
 * 色は lt-mood.css のボタンの指定が使う変数（--lt-btn-bg・--lt-btn-color）をここで変えるだけ。!important は使わない
 * 上下の余白はブロックの設定（3）で取る（FeaturePageBuilder・マイグレーション FeaturePageContactLook）
 */
html[data-lt-mood] body.feature-page .pblk .lt-list-inline:has(> .lt-item > a.lt-btn) {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	max-width: 720px;
	margin: 28px auto 0;
	padding: 0;
}
html[data-lt-mood] body.feature-page .pblk .lt-list-inline:has(> .lt-item > a.lt-btn) > .lt-item {
	flex: 1 1 260px;
	max-width: 340px;
	width: auto;
	margin: 0;
	padding: 0;
}
html[data-lt-mood] body.feature-page .pblk .lt-list-inline > .lt-item > a.lt-btn:not(.lt-btn-line) {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box; /* 56px に内側の余白・枠を含める（含めないと 92px になっていた） */
	min-height: 56px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 16px;
	--lt-btn-bg: #ffffff;
	--lt-btn-color: var(--lt-tertiary-bg);
	outline: 1px solid var(--lt-tertiary-bg); /* 白い地の上でもボタンの形が分かるように（枠線は lt-mood.css が塗りの色で決めている） */
	outline-offset: -2px;
}
html[data-lt-mood] body.feature-page .pblk .lt-list-inline > .lt-item:first-child > a.lt-btn:not(.lt-btn-line) {
	--lt-btn-bg: var(--lt-tertiary-bg);
	--lt-btn-color: #ffffff;
	outline: none;
}