@charset "UTF-8";

.highland-coffee-mobile-eyecatch {
	display: none;
}

@media (max-width: 1024px) {
	body.page .article-header-full-width {
		display: none;
	}

	body.page .breadcrumb {
		margin-bottom: 12px;
	}

	body.page .highland-coffee-mobile-eyecatch-wrap {
		display: block;
		width: 100vw;
		max-width: 100vw;
		height: clamp(220px, 56vw, 300px);
		margin: 0 calc(50% - 50vw) 0;
		overflow: hidden;
		background: #fff;
	}

	body.page-id-23 .highland-coffee-mobile-eyecatch-wrap,
	body.page-id-4479 .highland-coffee-mobile-eyecatch-wrap {
		height: clamp(250px, 64vw, 300px);
	}

	body.page .highland-coffee-mobile-eyecatch {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

	/* PARTNER (page-id-22) */
	body.page-id-22 .highland-coffee-mobile-eyecatch {
		object-position: 43% 15%;
		transform: scale(2.4);
		transform-origin: 42% 25%;
	}

	/* BTOB (page-id-4479) — tablet: バケツが欠けないよう下寄せ */
	body.page-id-4479 .highland-coffee-mobile-eyecatch {
		object-position: 35% 75%;
		transform: scale(1);
		transform-origin: 35% 75%;
	}

	/* REPORT (page-id-18) */
	body.page-id-18 .highland-coffee-mobile-eyecatch {
		object-position: 48% 20%;
		transform: scale(1.9);
		transform-origin: 48% 20%;
	}

	body.page .featured_full_width .article-body,
	body.page .featured-full-width-overlay .article-body {
		padding-top: 8px;
	}

	body.page .highland-coffee-mobile-eyecatch-wrap + .l-content__inner {
		margin-top: -72px;
	}

	body.page .article-body > :first-child {
		margin-top: 0;
	}
}

/* タブレット横向き（iPad Air 11 = 1180px / iPad Pro 13 = 1366px） */
@media (min-width: 1025px) and (max-width: 1366px) {
	body.page .article-header-full-width {
		display: none;
	}

	body.page .breadcrumb {
		margin-bottom: 12px;
	}

	/* 帯を高めにとり、16:9 ソースのクロップ量を抑える（ズームし過ぎ防止） */
	body.page .highland-coffee-mobile-eyecatch-wrap {
		display: block;
		width: 100vw;
		max-width: 100vw;
		height: clamp(400px, 44vw, 560px);
		margin: 0 calc(50% - 50vw) 0;
		overflow: hidden;
		background: #fff;
	}

	body.page .highland-coffee-mobile-eyecatch {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

	/* 個別の被写体が見切れる場合は object-position の縦値（例: center 65%）で調整 */

	body.page .featured_full_width .article-body,
	body.page .featured-full-width-overlay .article-body {
		padding-top: 8px;
	}

	body.page .highland-coffee-mobile-eyecatch-wrap + .l-content__inner {
		margin-top: -72px;
	}

	body.page .article-body > :first-child {
		margin-top: 0;
	}
}

@media (max-width: 767px) {
	/* PARTNER (page-id-22) */
	body.page-id-22 .highland-coffee-mobile-eyecatch {
		object-position: 43% 15%;
		transform: scale(2.4);
		transform-origin: 51% 25%;
	}

	/* BTOB (page-id-4479) */
	body.page-id-4479 .highland-coffee-mobile-eyecatch {
		object-position: 35% 45%;
		transform: scale(1.25);
		transform-origin: 95% 86%;
	}
}