/* jp general */
body {
	line-break: strict;
}

.icon-wrapper .icon-after.more:after {
	position: relative;
	top: -0.1em;
}

#ac-globalfooter .ac-gf-icon-after::after, #ac-globalfooter .ac-gf-more::after {
	position: relative;
	top: -0.1em;
}
@media only screen and (max-width: 350px) {
	.page-overview #ac-localnav {
		height: 70px;
	}
	.page-overview #ac-localnav .xsmall-show {
		display: inline;
	}
	.page-overview #ac-localnav .ac-ln-actions {
		top: 12px;
	}
}

.ios #ac-localnav .ac-ln-button {
	padding-top: 4px;
	padding-bottom: 2px;
}

.safari.no-desktop #ac-localnav .ac-ln-button {
	padding-top: 4px;
	padding-bottom: 2px;
}

.small-caps {
	font-variant-caps: all-small-caps;
}

/* jp style */
@media only screen and (max-width: 734px) {
	.section-hero .hero-eyebrow, .section-hero .hero-headline {
		max-width: 100%;
	}
}

.cellular-modal-content .cellular-section-headline {
	max-width: 260px;
}
.section-copy-container .section-headline {
	max-width: 100%;
}
#ac-localnav .ac-ln-title, #ac-localnav .ac-ln-action-button .ac-ln-button {
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
		"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo",
		"ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.section-connected .tile-grid .grid-item-stay-in-touch sup {
	margin-left: -2px;
}
/* jp ribbon */
.ribbon .icon-after::after, .ribbon .more::after {
	top: -0.075em;
}
@keyframes ribbon-drop {
	0% {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

.ribbon {
	overflow: hidden;
	--ribbon-background-color: #f5f5f7;
	--ribbon-text-color: #1d1d1f;
	--ribbon-link-color: #0066cc;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
}

.ribbon-content-wrapper {
	text-align: center;
}

.ribbon-content {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

@media only screen and (min-width: 1441px) {
	.ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 980px;
	}
}

@media only screen and (max-width: 1068px) {
	.ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 692px;
	}
}

@media only screen and (max-width: 734px) {
	.ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 87.5%;
	}
}
@media only screen and (max-width: 320px) {
	.ribbon-content {
		width: 100%;
	}
}

.ribbon-link {
	white-space: nowrap;
}

.ribbon-link:focus {
	text-decoration: underline;
}

.ribbon .ribbon-content-wrapper {
	padding-top: 13px;
	padding-bottom: 13px;
}

.ribbon .ribbon-content {
	font-size: 14px;
	line-height: 1.4285914286;
	font-weight: 400;
	letter-spacing: -0.016em;
	font-family:
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.ribbon .ribbon-content:lang(ja) {
	letter-spacing: 0em;
	font-family:
		SF Pro JP,
		SF Pro Text,
		SF Pro Icons,
		Hiragino Kaku Gothic Pro,
		ヒラギノ角ゴ Pro W3,
		メイリオ,
		Meiryo,
		ＭＳ Ｐゴシック,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.ribbon .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color);
}

.ribbon .ribbon-content {
	color: var(--ribbon-text-color);
}

.ribbon .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.ribbon .ribbon-link {
	color: var(--ribbon-link-color);
}

.ribbon-elevated .ribbon-content-wrapper {
	padding-top: 1.4117647059em;
	padding-bottom: 1.4117647059em;
}

.ribbon-elevated .ribbon-content {
	font-size: 17px;
	line-height: 1.4705882353;
	font-weight: 400;
	letter-spacing: -0.022em;
	font-family:
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.ribbon-elevated .ribbon-content:lang(ja) {
	letter-spacing: 0em;
	font-family:
		SF Pro JP,
		SF Pro Text,
		SF Pro Icons,
		Hiragino Kaku Gothic Pro,
		ヒラギノ角ゴ Pro W3,
		メイリオ,
		Meiryo,
		ＭＳ Ｐゴシック,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.ribbon-blue {
	--ribbon-background-color: #0071e3;
	--ribbon-text-color: white;
	--ribbon-link-color: white;
	--ribbon-focus-color: rgba(255, 255, 255, 0.6);
}

.ribbon-blue .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color);
}

.ribbon-blue .ribbon-content {
	color: var(--ribbon-text-color);
}

.ribbon-blue .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.ribbon-blue .ribbon-link {
	color: var(--ribbon-link-color);
}

.ribbon-blue-to-default {
	--ribbon-background-color: #f5f5f7;
	--ribbon-background-color-initial: #0071e3;
	--ribbon-text-color: #1d1d1f;
	--ribbon-text-color-initial: white;
	--ribbon-link-color: #0066cc;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
	--ribbon-link-color-initial: white;
}

.ribbon-blue-to-default .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color-initial);
	animation: animate-background-0071e3-f5f5f7 1s ease-in-out 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.ribbon-blue-to-default .ribbon-content-wrapper {
		background-color: var(--ribbon-background-color);
		animation: none;
	}
}

.ribbon-blue-to-default .ribbon-content {
	color: var(--ribbon-text-color-initial);
	animation: animate-color-white-1d1d1f 1s ease-in-out 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.ribbon-blue-to-default .ribbon-content {
		color: var(--ribbon-text-color);
		animation: none;
	}
}

.ribbon-blue-to-default .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.ribbon-blue-to-default .ribbon-link {
	color: var(--ribbon-link-color-initial);
	animation: animate-color-white-0066cc 1s ease-in-out 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.ribbon-blue-to-default .ribbon-link {
		color: var(--ribbon-link-color);
		animation: none;
	}
}

.ribbon-drop-wrapper {
	animation: ribbon-drop 0.8s ease-in-out forwards;
}

@media (prefers-reduced-motion) {
	.ribbon-drop-wrapper {
		animation: none;
	}
}

.theme-dark.ribbon, .theme-dark .ribbon {
	--ribbon-background-color: #1d1d1f;
	--ribbon-text-color: #f5f5f7;
	--ribbon-link-color: #2997ff;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
}

.theme-dark.ribbon .ribbon-content-wrapper, .theme-dark .ribbon .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color);
}

.theme-dark.ribbon .ribbon-content, .theme-dark .ribbon .ribbon-content {
	color: var(--ribbon-text-color);
}

.theme-dark.ribbon .ribbon-link:focus, .theme-dark .ribbon .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.theme-dark.ribbon .ribbon-link, .theme-dark .ribbon .ribbon-link {
	color: var(--ribbon-link-color);
}

.theme-dark.ribbon-blue, .theme-dark .ribbon-blue {
	--ribbon-background-color: #0071e3;
	--ribbon-text-color: white;
	--ribbon-link-color: white;
	--ribbon-focus-color: rgba(255, 255, 255, 0.6);
}

.theme-dark.ribbon-blue .ribbon-content-wrapper, .theme-dark .ribbon-blue .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color);
}

.theme-dark.ribbon-blue .ribbon-content, .theme-dark .ribbon-blue .ribbon-content {
	color: var(--ribbon-text-color);
}

.theme-dark.ribbon-blue .ribbon-link:focus, .theme-dark .ribbon-blue .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.theme-dark.ribbon-blue .ribbon-link, .theme-dark .ribbon-blue .ribbon-link {
	color: var(--ribbon-link-color);
}

.theme-dark.ribbon-blue-to-default, .theme-dark .ribbon-blue-to-default {
	--ribbon-background-color: #1d1d1f;
	--ribbon-background-color-initial: #0071e3;
	--ribbon-text-color: #f5f5f7;
	--ribbon-text-color-initial: white;
	--ribbon-link-color: #2997ff;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
	--ribbon-link-color-initial: white;
}

/* hero */

.section-hero .hero-container .hero-image {
	width: 2506px;
	height: 534px;
	background-size: 2506px 534px;
	background-repeat: no-repeat;
	background-image: url(/jp/watch/shared/why-apple-watch/images/overview/hero/hero__dc03q027b14y_large.jpg);
	position: relative;
	left: 50%;
	margin-left: -1253px;
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	.section-hero .hero-container .hero-image {
		background-image: url(/jp/watch/shared/why-apple-watch/images/overview/hero/hero__dc03q027b14y_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .hero-container .hero-image {
		width: 1871px;
		height: 397px;
		background-size: 1871px 397px;
		background-repeat: no-repeat;
		background-image: url(/jp/watch/shared/why-apple-watch/images/overview/hero/hero__dc03q027b14y_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .hero-container .hero-image {
		background-image: url(/jp/watch/shared/why-apple-watch/images/overview/hero/hero__dc03q027b14y_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-container .hero-image {
		width: 369px;
		height: 195px;
		background-size: 369px 195px;
		background-repeat: no-repeat;
		background-image: url(/jp/watch/shared/why-apple-watch/images/overview/hero/hero__dc03q027b14y_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .hero-container .hero-image {
		background-image: url(/jp/watch/shared/why-apple-watch/images/overview/hero/hero__dc03q027b14y_small_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .hero-container .hero-image {
		left: 50%;
		margin-left: -935.5px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-container .hero-image {
		left: 50%;
		margin-left: -184.5px;
	}
}
.section-shared-compare .compare-item-ultra.device .compare-item-image {
	background-size: 222px 256px;
	background-repeat: no-repeat;
	background-image: url(/jp/watch/shared/why-apple-watch/images/watch-shared-compare/compare_ultra2__f8eeme0p35ei_large.jpg);
	width: 222px;
	height: 256px;
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	.section-shared-compare .compare-item-ultra.device .compare-item-image {
		background-image: url(/jp/watch/shared/why-apple-watch/images/watch-shared-compare/compare_ultra2__f8eeme0p35ei_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-shared-compare .compare-item-ultra.device .compare-item-image {
		background-size: 178px 205px;
		background-repeat: no-repeat;
		background-image: url(/jp/watch/shared/why-apple-watch/images/watch-shared-compare/compare_ultra2__f8eeme0p35ei_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-shared-compare .compare-item-ultra.device .compare-item-image {
		background-image: url(/jp/watch/shared/why-apple-watch/images/watch-shared-compare/compare_ultra2__f8eeme0p35ei_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-shared-compare .compare-item-ultra.device .compare-item-image {
		background-size: 142px 164px;
		background-repeat: no-repeat;
		background-image: url(/jp/watch/shared/why-apple-watch/images/watch-shared-compare/compare_ultra2__f8eeme0p35ei_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-shared-compare .compare-item-ultra.device .compare-item-image {
		background-image: url(/jp/watch/shared/why-apple-watch/images/watch-shared-compare/compare_ultra2__f8eeme0p35ei_small_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-shared-compare .compare-item-ultra.device .compare-item-image {
		width: 178px;
	}
}

@media only screen and (max-width: 734px) {
	.section-shared-compare .compare-item-ultra.device .compare-item-image {
		width: 142px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-shared-compare .compare-item-ultra.device .compare-item-image {
		height: 205px;
	}
}

@media only screen and (max-width: 734px) {
	.section-shared-compare .compare-item-ultra.device .compare-item-image {
		height: 164px;
	}
}

.grid-item-ecg .tile-content {
	flex-direction: row;
	justify-content: space-between;
}

.grid-item-ecg .tile-content .tile-header {
	padding-right: 35px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-ecg .tile-content .tile-header {
		padding-right: 50px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-ecg .tile-content .tile-header {
		padding-right: var(--tile-padding-right);
	}
}

.grid-item-ecg .tile-content .tile-body {
	position: relative;
}

@media only screen and (max-width: 734px) {
	.grid-item-ecg .tile-content .tile-body {
		padding-top: 50px;
		min-height: 0;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-ecg .tile-content {
		flex-direction: column;
	}
}

.grid-item-ecg .tile-content .tile-header {
	padding-right: 35px;
}

@media only screen and (max-width: 1068px) {
	.grid-item-ecg .tile-content .tile-header {
		padding-right: 50px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-ecg .tile-content .tile-header {
		padding-right: var(--tile-padding-right);
	}
}

.grid-item-ecg .tile-content .tile-body {
	position: relative;
}

@media only screen and (max-width: 734px) {
	.grid-item-ecg .tile-content .tile-body {
		padding-top: 50px;
		min-height: 0;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item-ecg .tile-content {
		flex-direction: column;
	}
}

.overview-health-health-ecg {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 758px;
	--p-height: 810px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-health-health-ecg {
		--p-width: 547px;
		--p-height: 639px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-health-health-ecg {
		--p-width: 480px;
		--p-height: 417px;
	}
}
html.touch #ac-localnav .ac-ln-title {
	padding-top: 5px;
}
html.touch .section-shared-compare .buy-cta {
	padding-top: 5px;
}
html.touch #ac-localnav .ac-ln-action-button .ac-ln-button {
	padding-top: 5px;
}
.section.section-make-it-yours {
	padding-bottom: 144px;
}
@media only screen and (max-width: 1068px) {
	.section.section-make-it-yours {
		padding-bottom: 100px;
	}
}
@media only screen and (max-width: 734px) {
	.section.section-make-it-yours {
		padding-bottom: 22px;
	}
}

@media only screen and (max-width: 440px) {
	.ribbon .ribbon-content {
		max-width: 350px;
	}
}

@media only screen and (max-width: 734px) {
	.ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 87.5%;
	}
}