/* ===========================================
   HIGHLAND PARK CAFE & BAR 専用CSS
   共通テーマ（style.css）のクラスを流用しつつ、
   既存パターンにない構成のみここで定義する
=========================================== */

.hp_page {
	position: relative;
}

/* ---------- タイトル左側の重なり写真（装飾） ---------- */
.hp_titleBox {
	position: relative;
}

.hp_titleBox-title {
	line-height: 1.3;
	letter-spacing: 0.08em;
}

.hp_titleBox-titleSub {
	display: inline-block;
	font-size: 0.55em;
	letter-spacing: 0.1em;
	margin-top: 0;
}

.hp_titleBox-lead {
	margin-bottom: 15px;
}

/* ---------- 2枚並び写真ブロック ---------- */
.hp_twin_photos {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.hp_twin_photo {
	width: 50%;
}

.hp_twin_photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media screen and (max-width: 750px) {
	.hp_twin_photos {
		gap: 4px;
	}
}

/* ---------- ボーダー付きボタン（MENU / タイムテーブル 等） ---------- */
.hp_btn {
	margin: 20px auto 0;
	width: 280px;
}

.hp_btn a {
	display: block;
	width: 280px;
	box-sizing: border-box;
	border: 1px solid #dfdcdb;
	padding: 6px 30px;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-align: center;
}

.hp_btn + .hp_btn {
	margin-top: 10px;
}

/* ---------- 店舗情報 ---------- */
.hp_store_info .container {
	text-align: center;
}

.hp_store_info-name {
	font-size: 15px;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
}

.hp_store_info-address,
.hp_store_info-detail {
	font-size: 13px;
	line-height: 2;
	color: #6f4f4b;
}

.hp_store_info-address a {
	text-decoration: underline;
}

@media screen and (max-width: 750px) {
	.hp_store_info-name {
		font-size: 14px;
	}
	.hp_store_info-address,
	.hp_store_info-detail {
		font-size: 12px;
	}
}