/* JNY 2022 Ribbon */
.ribbon.jny-ribbon {
	overflow: hidden;
	animation: none;
}
.ribbon.jny-ribbon .ribbon-content-wrapper {
	animation: ribbon-drop 0.8s cubic-bezier(0.42, 0, 0.58, 1) forwards;
}
@media (prefers-reduced-motion) {
	.ribbon.jny-ribbon .ribbon-content-wrapper {
		animation: none;
	}
}
@keyframes ribbon-drop {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0);
	}
}
.ribbon.jny-ribbon .ribbon-content-wrapper {
	padding-top: 0.54118em;
	padding-bottom: 0.54118em;
	background: #d6001c;
}

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

.ribbon.jny-ribbon .ribbon-content .typography-caption {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.ribbon.jny-ribbon .ribbon-content p {
	font-size: 14px;
	color: #fff;
}
.main .ribbon.jny-ribbon .ribbon-content p {
	font-feature-settings: normal;
}

@media only screen and (max-width: 734px) {
	.ribbon.jny-ribbon .ribbon-content p {
		text-align: left;
	}
}

.ribbon.jny-ribbon .ribbon-content .icon-copy {
	color: #fff;
}

.ribbon.jny-ribbon .ribbon-content a {
	color: #fff;
}

.ribbon.jny-ribbon .ribbon-content a:hover {
	color: #06c;
	text-decoration: none;
}

.ribbon.jny-ribbon .ribbon-content a.ribbon-link:hover {
	color: #fff;
	text-decoration: underline;
}

.ribbon.jny-ribbon .jny-ribbon-icon {
	min-width: 33px;
	height: 39px;
	background-size: 33px 39px;
	background-image: url("/jp/global/elements/ribbon/jny2023/images/gift_card_large.png");
	margin-right: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi) {
	.ribbon.jny-ribbon .jny-ribbon-icon {
		background-image: url("/jp/global/elements/ribbon/jny2023/images/gift_card_large_2x.png");
	}
}

@media only screen and (max-width: 1068px) {
	.ribbon.jny-ribbon .jny-ribbon-icon {
		min-width: 33px;
		height: 39px;
		background-size: 33px 39px;
		background-repeat: no-repeat;
		background-image: url("/jp/global/elements/ribbon/jny2023/images/gift_card_medium.png");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.ribbon.jny-ribbon .jny-ribbon-icon {
		background-image: url("/jp/global/elements/ribbon/jny2023/images/gift_card_medium_2x.png");
	}
}

@media only screen and (max-width: 734px) {
	.ribbon.jny-ribbon .jny-ribbon-icon {
		min-width: 53px;
		height: 62px;
		background-size: 53px 62px;
		background-image: url("/jp/global/elements/ribbon/jny2023/images/gift_card_small.png");
		margin-right: 20px;
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.ribbon.jny-ribbon .jny-ribbon-icon {
		background-image: url("/jp/global/elements/ribbon/jny2023/images/gift_card_small_2x.png");
	}
}

/* Compare FN Style */
#ac-globalfooter .ac-gf-sosumi-jny {
	border-bottom: 1px solid var(--footer-border-color);
	padding: 17px 0 11px;
}

#ac-globalfooter .ac-gf-sosumi-jny ol {
	list-style-position: outside;
	margin: 0;
	padding: 0 17px;
}

#ac-globalfooter .ac-gf-sosumi-jny ol li {
	list-style-type: decimal;
}

#ac-globalfooter .ac-gf-sosumi-jny ul {
	list-style: none;
	margin: 0;
}

#ac-globalfooter .ac-gf-sosumi-jny li {
	padding-bottom: 0.8em;
}

#ac-globalfooter .ac-gf-sosumi-jny p,
#ac-globalfooter .ac-gf-sosumi-jny li {
	font-size: 12px;
	line-height: 1.33337;
	font-weight: 400;
	letter-spacing: -0.01em;
	font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons",
		"Apple Legacy Chevron", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#ac-globalfooter .ac-gf-sosumi-jny p:lang(ja),
#ac-globalfooter .ac-gf-sosumi-jny li:lang(ja) {
	line-height: 1.41667;
	letter-spacing: 0em;
	font-family: "SF Pro JP", "SF Pro Text", "Apple TP", "Myriad Set Pro",
		"SF Pro Icons", "Apple Legacy Chevron", "Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#ac-globalfooter .ac-gf-sosumi-jny small {
	font-size: 1em;
}

body.airpods-2nd-generation .ribbon.jny-ribbon {
	position: relative;
	top: 96px;
	z-index: 5;
}
body.airpods-3rd-generation .ribbon.jny-ribbon {
	position: relative;
	z-index: 5;
}
body.airpods-max .ribbon.jny-ribbon {
	position: relative;
	z-index: 5;
}
body.airpods-pro .ribbon.jny-ribbon {
	position: relative;
	z-index: 5;
}

body.ipad-mini .section-hero {
	padding-top: 57px;
}
body.ipad-mini .ribbon.jny-ribbon {
	position: relative;
	z-index: 5;
	top: 96px;
	margin-bottom: 10px;
}
.enhanced body.ipad-air .ribbon.jny-ribbon {
	position: relative;
	z-index: 5;
	top: 96px;
}
.no-js body.ipad-air .ribbon.jny-ribbon {
	position: relative;
	z-index: 5;
	top: 96px;
}
body.ipad-compare .section-hero {
	margin-top: 0;
	padding-top: 141px;
}
body.iphone .ribbon.jny-ribbon {
	background-color: #fff;
}
body.iphone .section-hero {
	padding-top: 57px;
}
@media only screen and (max-width: 734px) {
	body.iphone .section-hero {
		padding-top: 76px;
	}
}
body.ipad .ribbon.jny-ribbon {
	background-color: #000;
}

html.no-js body.macbook-pro-14-and-16 .section-hero .intro-hero,
html.no-enhance-xp body.macbook-pro-14-and-16 .section-hero .intro-hero {
	padding-top: 57px;
}
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	html.no-js body.macbook-pro-14-and-16 .ribbon {
		top: 67px;
	}
}
body.ipad-10-2 .section-hero {
	position: relative;
	top: 52px;
}
html.no-js body.ipad-10-2 .section-hero {
	position: relative;
	top: 0;
}
html.no-js body.ipad-10-2 .ribbon-wrapper,
html.no-js body.ipad-10-2 .ribbon .icon-copy {
	transition: none;
}
@media only screen and (max-width: 734px) {
	body.ipad-10-2 .section-hero {
		position: relative;
		top: 80px;
	}
}

body.airpods-3rd-generation .ribbon.jny-ribbon {
	background-color: #ebebec;
}
html.enhance-base-xp .airpods-3rd-generation .section-hero {
	margin-top: 0;
}
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	body.macbook-pro-14-and-16 .ribbon .ribbon-content {
		width: 520px;
	}
	body.macbook-pro-14-and-16 .ribbon .ribbon-content p {
		text-align: left;
	}
}

.ribbon .nowrap .more::after {
	top: -0.11em;
}
