@charset "utf-8";
:root {
  --page-orange: #FF9900;
  --page-light-orange: #FFF2E3;
  --page-light-gray: #e1e1e1;
  --page-red: #ff0000;
  --page-blue: #0049d6;
}
@media screen and (min-width:441px) {
	.page {
		font-size: 1.15em;
		padding: 0 0 2em 0;
		margin: 0 auto;
		width: 940px;
	}
	.page a {
		color: var(--page-blue);
	}
	.page p {
		margin: 1em 0 0 0;
		padding: 0;
	}
	.page p:first-of-type {
		margin: 0;
	}
	.page .sp {
		display: none;
	}
	.page h2 {
		align-items: center;
		background-color: var(--page-light-orange);
		border-top: solid 5px var(--page-orange);
		display: flex;
		font-size: 1.25em;
		margin: 0;
		padding: 0.15em 0 0.15em 0.5em;
	}
	.page h2::before {
		background-image: url("/parts/contents/amazonpay-guide/cart_icon.svg");
		background-position: center left;
		background-repeat: no-repeat;
		content: "";
		display: inline-block;
		height: 1.75em;
		padding: 0 0.25em 0 0;
		width: 1.75em;
	}
	.page p {
		padding: 1.5em 0 1em 0;
	}
	.page a {
		color: var(--page-blue);
		text-decoration: underline;
	}
	.page .note {
		font-size: 0.85em;
	}
	.page > div {
		margin: 3em 0 0 0;
	}
	.page > div:first-of-type {
		margin-top: 1em;
	}
	.page h3 {
		align-items: center;
		background-color: var(--page-light-gray);
		display: flex;
		flex-wrap: wrap;
		font-size: 1.15em;
		justify-content: flex-start;
		margin: 0;
	}
	.page h3 span {
		background-color: var(--page-orange);
		color: #FFF;
		font-weight: bold;
		margin: 0 0.5em 0 0;
		padding: 0.25em 0.75em;
	}
	.page p.image {
		margin: 0 0 1.75em 0;
		outline: solid 10px var(--page-orange);
		outline-offset: -10px;
		padding: 0;
		text-align: center;
		width: 700px;
	}
	.page p.image img {
		width: 700px;
	}
	.page p strong,
	.page li strong {
		color: var(--page-red);
	}
	.page > div ul {
		margin: 1em 0;
	}
	.page > div ul li {
		list-style-position: inside;
		list-style-type: disc;
		padding: 0.25em 0;
	}
}
@media screen and (max-width:440px) { 
	.page {
		font-size: 0.85em;
		padding-bottom: 2em;
		width: 100%;
	}
	.page * {
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}
	.page p {
		margin: 1em 0 0 0;
		padding: 0;
	}
	.page p:first-of-type {
		margin: 0;
	}
	.page h2 {
		align-items: center;
		background-color: var(--page-light-orange);
		border-top: solid 5px var(--page-orange);
		display: flex;
		font-size: 1.25em;
		margin: 0;
		padding: 0.15em 0 0.15em 0.5em;
	}
	.page h2::before {
		background-image: url("/parts/contents/amazonpay-guide/cart_icon.svg");
		background-position: center left;
		background-repeat: no-repeat;
		content: "";
		display: inline-block;
		height: 1.75em;
		padding: 0 0.25em 0 0;
		width: 1.75em;
	}
	.page p {
		margin: 0 auto;
		padding: 1.5em 0 1em 0;
		width: 92%;
	}
	.page a {
		color: var(--page-blue);
		text-decoration: underline;
	}
	.page .note {
		font-size: 0.85em;
	}
	.page > div {
		margin: 3em 0 0 0;
	}
	.page > div:first-of-type {
		margin-top: 1em;
	}
	.page h3 {
		align-items: center;
		background-color: var(--page-light-gray);
		display: flex;
		flex-wrap: wrap;
		font-size: 1.15em;
		justify-content: flex-start;
		margin: 0;
	}
	.page h3 span {
		background-color: var(--page-orange);
		color: #FFF;
		font-weight: bold;
		margin: 0 0.5em 0 0;
		padding: 0.25em 0.75em;
	}
	.page p.image {
		margin: 0 auto 1.75em auto;
		outline: solid 5px var(--page-orange);
		outline-offset: -5px;
		padding: 0;
		text-align: center;
		width: 92%;
	}
	.page p.image img {
		width: 100%;
	}
	.page p strong,
	.page li strong {
		color: var(--page-red);
	}
	.page > div ul {
		margin: 1em auto;
		width: 92%;
	}
	.page > div ul li {
		list-style-position: inside;
		list-style-type: disc;
		padding: 0.25em 0;
	}
}