/* ---------- LOCALIZED ---------- */
/* ja-JP only */

.graph-wide .graph-caption ul {
	white-space: normal;
	width: 465px;
}

.graph-wide .graph-caption ul li {
	line-height: 1.2em;
	height: 3em;
}
.graph-wide .graph-caption ul li:first-of-type {
	margin-top: 1em;
}

.image-subscriptions-hero {
	background-image: url("/jp/app-store/subscriptions/images/jp-lockup-hero-alt-large_2x.png");
}
.screen-hero-iphone {
	background-image: url("/jp/app-store/subscriptions/images/jp-screen-hero-iphone-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-hero-iphone {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-hero-iphone-large_2x.png");
	}
}
.device-iphone-x-silver-container .device-screen.image-user-options {
	background-image: url("/jp/app-store/subscriptions/images/jp-screen-hero-iphone-alt-large_2x.png");
}
.image-purchase-flow-1 {
	background-image: url("/jp/app-store/subscriptions/images/jp-screen-purchase-flow-1-large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.image-purchase-flow-1 {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-purchase-flow-1-large_2x.jpg");
	}
}
.image-purchase-flow-2 {
	background-image: url("/jp/app-store/subscriptions/images/jp-screen-purchase-flow-2-large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.image-purchase-flow-2 {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-purchase-flow-2-large_2x.jpg");
	}
}
.screen-onboarding {
	background-image: url("/jp/app-store/subscriptions/images/jp-screen-onboarding-large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-onboarding {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-onboarding-large_2x.jpg");
	}
}
.screen-freemium {
	background-image: url("/jp/app-store/subscriptions/images/jp-screen-freemium-large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-freemium {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-freemium-large_2x.jpg");
	}
}
.screen-paywall {
	background-image: url("/jp/app-store/subscriptions/images/jp-screen-paywall-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-paywall {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-paywall-large_2x.png");
	}
}
.screen-offers {
	background-image: url("/jp/app-store/subscriptions/images/jp-screen-offers-large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-offers {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-offers-large_2x.jpg");
	}
}

.service-pins .pin-1.pin-horizontal:after {
	width: 116px;
}

.pin-horizontal-left:before {
	left: 47px;
}

.service-pins .pin-2 {
	top: 178px;
	left: -126px;
}

.service-pins .pin-2 .pin-caption {
	margin-top: -5px;
}

.service-pins .pin-2.pin-horizontal:after {
	width: 44px;
}

.service-pins .pin-2 .pin-caption {
	margin-right: 6px;
}

.service-pins .pin-4 {
	left: -97px;
}

@media only screen and (max-width: 540px) {
	.service-pins .pin-4 {
		left: 172px;
	}
}

@media only screen and (max-width: 540px) {
	.service-pins .pin-3 {
		top: 133px;
	}
}

/* .service-pins .pin-1 {
	top: 124px;
	right: -110px;
	left: 160px;
}
.service-pins .pin-2 {
	top: 136px;
	right: 218px;
	left: -18px;
}
.service-pins .pin-3 {
	top: 148px;
	right: -110px;
	left: 122px;
}
.service-pins .pin-4 {
	top: 159px;
	right: 218px;
	left: -80px;
}
.service-pins .pin-2 .pin-caption {
	width: 94px;
	margin-top: -21px;
	padding-right: 16px;
	margin-right: 0;
	margin-left: -94px;
}
.service-pins .pin-1.pin-horizontal .pin-caption,
.service-pins .pin-3.pin-horizontal .pin-caption {
	min-width: 95px;
}
.service-pins .pin-2.pin-horizontal .pin-caption {
	min-width: 95px;
	text-align: right;
}
.service-pins .pin-4.pin-horizontal .pin-caption {
	min-width: 63px;
	text-align: right;
}
.service-pins .pin-1.pin-horizontal:after,
.service-pins .pin-3.pin-horizontal:after,
.service-pins .pin-2.pin-horizontal:after,
.service-pins .pin-4.pin-horizontal:after {
	width: 100%;
} */

/* ----- medium viewport ----- */
@media only screen and (max-width: 1068px) {
	/* ja-JP */

	.graph-wide .graph-caption ul {
		width: 285px;
	}

	.image-subscriptions-hero {
		background-image: url("/jp/app-store/subscriptions/images/jp-lockup-hero-alt-medium_2x.png");
	}

	.screen-hero-iphone {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-hero-iphone-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-hero-iphone {
			background-image: url("/jp/app-store/subscriptions/images/jp-screen-hero-iphone-medium_2x.png");
		}
	}
	.image-purchase-flow-1 {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-purchase-flow-1-medium.jpg");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.image-purchase-flow-1 {
			background-image: url("/jp/app-store/subscriptions/images/jp-screen-purchase-flow-1-medium_2x.jpg");
		}
	}
	.image-purchase-flow-2 {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-purchase-flow-2-medium.jpg");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.image-purchase-flow-2 {
			background-image: url("/jp/app-store/subscriptions/images/jp-screen-purchase-flow-2-medium_2x.jpg");
		}
	}
	.screen-onboarding {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-onboarding-medium.jpg");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-onboarding {
			background-image: url("/jp/app-store/subscriptions/images/jp-screen-onboarding-medium_2x.jpg");
		}
	}
	.screen-freemium {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-freemium-medium.jpg");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-freemium {
			background-image: url("/jp/app-store/subscriptions/images/jp-screen-freemium-medium_2x.jpg");
		}
	}
	.screen-paywall {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-paywall-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-paywall {
			background-image: url("/jp/app-store/subscriptions/images/jp-screen-paywall-medium_2x.png");
		}
	}
	.screen-offers {
		top: 13px;
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-offers-medium.jpg");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-offers {
			background-image: url("/jp/app-store/subscriptions/images/jp-screen-offers-medium_2x.jpg");
		}
	}
}

/* ----- small viewport ----- */
@media only screen and (max-width: 734px) {
	/* ja-JP */
	.graph-wide {
		margin-bottom: 10em;
	}
	.graph-wide .graph-caption ul {
		width: 100%;
	}
	.graph-wide .graph-caption ul li {
		height: auto;
		margin-bottom: 0.8em;
	}
	.graph-wide .graph-caption ul li:first-of-type {
		margin-top: 0;
	}
	.image-subscriptions-hero {
		background-image: url("/jp/app-store/subscriptions/images/jp-lockup-hero-alt-small_2x.png");
	}
	.screen-hero-iphone {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-hero-iphone-small.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-hero-iphone {
			background-image: url("/jp/app-store/subscriptions/images/jp-screen-hero-iphone-small_2x.png");
		}
	}
	.device-iphone-x-silver-container.device-medium-for-small
		.device-screen.image-user-options {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-hero-iphone-alt-large_2x.png");
	}
}

/* special viewport */
@media only screen and (max-width: 540px) {
	.service-pins .device-iphone-x-silver-container.device-medium-for-small {
		margin-top: 80px;
	}
	.device-iphone-x-silver-container.device-medium-for-small
		.device-screen.image-user-options {
		background-image: url("/jp/app-store/subscriptions/images/jp-screen-hero-iphone-alt-medium_2x.png");
	}
	/* .service-pins .pin-1 {
		top: -60px;
		bottom: 157px;
		left: 84px;
	}
	.service-pins .pin-2 {
		top: -40px;
		bottom: 148px;
		left: 190px;
	}
	.service-pins .pin-3 {
		top: 109px;
		bottom: -5px;
		left: 84px;
	}
	.service-pins .pin-4 {
		top: 118px;
		bottom: 20px;
		left: 125px;
	}
	.service-pins .pin-vertical .pin-caption {
		margin-left: 0;
		text-align: left;
		line-height: 1.29286em;
		font-size: 11px;
	}
	.service-pins .pin-1 .pin-caption {
		left: -3px;
		width: 100px;
	}
	.service-pins .pin-2 .pin-caption {
		left: -3px;
		width: 100px;
	}
	.service-pins .pin-3 .pin-caption {
		left: -51px;
		width: 210px;
	}
	.service-pins .pin-4 .pin-caption {
		left: -2px;
	} */
}