:root {
    --color-accent: #E60012;
    --color-white: #fff;
    --color-gray: #F5F5F5;
    --color-black: #000000;
    --color-text: #231815;
    --font-sans: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    --font-serif: ui-serif, serif;
    --font-sans: "Noto Sans JP", sans-serif;
    --font-display: "Archivo", serif;
    --font-size-000: 10px;
    --font-size-00: 12px;
    --font-size-0: 14px;
    --font-size-1: 16px;
    --font-size-2: 18px;
    --font-size-3: 28px;
    --font-size-1-sp: 3.9vw;
    --font-size-2-sp: 4.26vw;
    --font-size-3-sp: 5.86vw;
    --width-pc-1: 1200px;
    --width-pc-2: 930px;
    --width-pc-3: 830px;
    --width-sp-1: 88%;
}

body {
	background-color: var(--color-white);
	font-family: var(--font-sans);
	color: var(--color-text);
}
header {
	background-color: var(--color-black);
}
header > div {
	position: relative;
	width: 750px;
	margin: 0 auto 0 auto;
}
header > div > picture,
header > div > img {
	width: 100%;
	vertical-align: top;
}


@media only screen and (max-width:769px){
	header > div {
		width: 100%;
	}
}


main {
}
main > section {
}
main > section picture,
main > section img {
	width: 100%;
	vertical-align: top;
}
main > section > div {
	position: relative;
	width: 750px;
	margin: 0 auto 0 auto;
}
main > section > div.cart_block {
	width: 80%;
	max-width: 642px;
	margin: 0 auto 0 auto;
}
main > section > div.cart_block h1 {
	background-color: var(--color-white);
	text-align: center;
	font-size: var(--font-size-2);
	padding: 0.25em 0.1em 0.25em 0.1em;
}
@media only screen and (max-width:769px){
	main > section > div {
		width: 100%;
	}
	main > section > div.cart_block h1 {
		font-size: var(--font-size-2-sp);
	}
}