@charset "utf-8";
/*

**-- 共通CSS
*/

/*-- 基本設定 -----------------------------------------------*/

*,
*:before,
*:after {
	-webkit-print-color-adjust:exact;
	-webkit-text-size-adjust:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size:inherit;
}
html, body, div, p, table, iframe, ul, li, img, h1, h2, h3, h4, h5, h6, header, footer {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	display:block;
	font-size:inherit;
	font-weight:normal;
	font-style:normal;
}
img {
	width:auto;
	height:auto;
}
sub, sup, .sub, .sup {
	font-size:60%;
}
svg {
	overflow:none;
}
svg text {
	fill:#ffffff;
	text-anchor:middle;
	font-size:35px;
}
html {
	#background:linear-gradient(180deg, #222, #444);
	#background:linear-gradient(180deg, #bbb, #fff);
	background-color:#fff;
}
body {
	font-size:14px;
	text-align:left;
	vertical-align:top;
	#font-family:Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-weight:500;
	min-height:100vh;
	--headh:min(14vw, 14vh);
}
body:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:100vh;
}
header + nav ~ i {
	display:block;
	height:0;
	overflow:hidden;
}
.document {
	min-height:calc(100vh - 73px - 37px - 80px);
}
:where(a, a:hover, a:visited) {
	color:#a0a0a0;
	text-decoration:none;
}
:where(input, textarea, select, button) {
	font-size:inherit;
	font-family:inherit;
	-webkit-appearance:none;
	margin:0;
	#line-height:1.3;
	border-width:1px;
	border-style:solid;
	border-radius:2px;
	padding:0 6px;
	vertical-align:bottom;
}
:where(input[type='text'],
input[type='email'],
input[type='zip'],
input[type='tel'],
input[type='password'],
input[type='date'],
textarea, select, button) {
	width:100%;
	line-height:calc(1em + 6px);
}
input[type='tel'] {
	#text-align:right;
}
input[type='color'] {
	#padding:1px;
	border:0;
	width:100%;
}
:where(button,
input[type='submit'],
input[type='button']) {
	min-width:2em;
	padding:6px 10px;
	padding:0 6px;
}
:where(button:not(:disabled),
input[type='submit']:not(:disabled),
input[type='button']:not(:disabled)) {
	cursor:pointer;
}
input::placeholder {
	color:rgba(0,0,0,.3);
	font-weight:bolder;
}
select + .selecttri {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	pointer-events:none;
	width:0;
	border:none;
}
select {
	#padding:6px 2px;
}
select + .selecttri:before {
	position:absolute;
	bottom:0;
	right:0;
	content:'▼';
	#line-height:1.3;
	line-height:calc(1em + 6px);
	display:block;
	padding:1px 6px;
	#padding:7px 3px;
}
.cartquans {
	padding-right:2em;
	text-align:right;
}
.cartquans option {
	text-align:right;
}
textarea {
	resize:none;
}

:where(label:not([class])) {
	position:relative;
	display:inline-block;
	padding:0 2px 2px 0;
}
:is(.Form, .LineForm) label:not([class]) > :is(input[type='radio'], input[type='checkbox']) + div {
	transition-property:all;
	transition-duration:0.3s;
	transition-timing-function:ease;
}
:is(.Form, .LineForm) label:not([class]):not(:disabled):hover > :is(input[type='radio'], input[type='checkbox']):not(:checked) + div {
	cursor:pointer;
	border-color:#00000033;
}

label:not([class]) > :is(input[type='radio'], input[type='checkbox']) {
	display:none;
}
label:not([class]) > :is(input[type='radio'], input[type='checkbox']) + div {
	padding:0.6em;
	border-width:0.15em;
	border-color:#00000011;
	border-style:solid;
	line-height:1;
}
label:not([class]) > input[type='radio'] + div {
	border-radius:3em;
}
label:not([class]) > input[type='checkbox'] + div {
	border-radius:.3em;
}
label:not([class]) > :is(input[type='radio'], input[type='checkbox']) + div + i {
	position:absolute;
	inset:.2em .1em auto auto;
}
label:not([class]) > :is(input[type='radio'], input[type='checkbox']) + div + i:after {
	content:'';
	display:block;
	border-style:solid;
	border-color:#00000000;
	transform-origin:top right;
	transition-timing-function:linear;
	transition-duration:.3s;
	transition-property:all;
}
label:not([class]) > input[type='checkbox'] + div + i:after {
	transform:rotate(35deg);
	border-width:0 .3em .3em 0;
	width:.5em;
	height:.8em;
}
label:not([class]) > input[type='radio'] + div + i:after {
	border-width:.3em;
	border-radius:.6em;
	width:.6em;
	height:.6em;
}
label:not([class]) > :is(input[type='radio'], input[type='checkbox']):checked + div + i:after {
	border-color:#000000;
	filter:drop-shadow(0 0 .15em #000);
}

@media screen and (min-width:540px) {
	:where(input, textarea, select, button) {
		#padding:2px;
	}
	:where(button,
	input[type='submit'],
	input[type='button']) {
		#padding:2px 5px;
	}
	select {
		#padding:2px 4px;
	}
	select + .selecttri:before {
		#padding:3px 5px;
	}
	label:not([class]) > :is(input[type='radio'], input[type='checkbox']) + div {
		#padding:0.4em;
	}
}
*[a-left] {
	text-align:left;
}
*[a-right] {
	text-align:right;
}

.hook {
	position:relative;
	height:0;
}
.hook > div {
	position:absolute;
	bottom:0;
	height:15vw;
}
@media screen and (min-width:840px) {
	.hook > div {
		height:90px;
	}
}

.InputSet > input:not(:first-child), .InputSet > textarea:not(:first-child), .InputSet > select:not(:first-child), .InputSet > button:not(:first-child) {
	margin-left:1px;
}

.thumbs {
	height:0;
	overflow:scroll;
	padding-top:0;
	pointer-events:none;
}


header {
	position:sticky;
	position:-webkit-sticky;
	inset:0 0 auto;
	z-index:6;
	pointer-events:none;
	padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
	font-size:min(4vw, 4vh);
	#z-index:9;
}
header * {
	transition-property:all;
	transition-duration:0s;
	transition-timing-function:ease-out;
}
header :where(label:not([class])) {
	padding:0;
}

header input {
	display:none;
}
header a:hover {
	cursor:pointer;
}
header .td.mainMenu {
	#display:none;
}
header .inner {
	position:relative;
	pointer-events:auto;
	max-width:1296px;
	margin:0 auto;
	display:grid;
	grid-template-columns:7em 1fr 12em 4em 4em 0;
	grid-template-rows:4em 0;
	font-size:90%;
}
header .td.logo {
	grid-column:1/2;
	grid-row:1/2;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
:where(header, footer) .logo :where(a, div) {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100%;
}
:where(header, footer) .logo svg {
	width:90%;
	display:block;
}
footer .logo svg {
	max-width:8em;
}
:where(header, footer) .logo a {
	color:inherit;
}
:where(header, footer) .logo span {
	display:block;
	font-size:60%;
	width:fit-content;
	color:inherit;
}
:where(header, footer) .snss {
	grid-column:3/4;
	grid-row:1/2;
	display:flex;
	justify-content:right;
	align-items:center;
}
footer .snss {
	justify-content:center;
	height:8em;
}
header .td.cart {
	grid-column:4/5;
	grid-row:1/2;
}
header .td.cart .cart {
	position:relative;
	display:block;
	height:100%;
}
header .td.cart .cart input {
	display:block;
	visibility:hidden;
	cursor:pointer;
	position:absolute;
	inset:0;
}
header .td.cart .cart .cartlist {
	position:absolute;
	inset:100% .3em auto auto;
	transition-duration:.3s;
	--vh:3em;
	height:var(--vh);
	overflow:auto;
	max-height:calc(5em * 5);
}
header .td.cart .cart .touch {
	display:block;
	position:absolute;
	inset:0;
	cursor:pointer;
}
header .td.cart .cart input:checked ~ .touch {
	position:fixed;
}
header .td.cart .cart:not(.adding) input:not(:checked) ~ .cartlist {
	height:0;
}
header .td.cart .cart .quandis {
	position:absolute;
	display:block;
	inset:1em auto auto 1em;
	line-height:1;
}
header .td.cart :where(.cart .quandis) .x0 {
	position:absolute;
	display:block;
	background-color:#f00;
	inset:-3em;
	margin:auto;
	width:2em;
	height:2em;
	border-radius:50%;
	transition-duration:.3s;
	transition-timing-function:ease;
}
header .td.cart .cart .quandis .ld {
	background-color:transparent;
	overflow:hidden;
	-webkit-mix-blend-mode:color-dodge;
	mix-blend-mode:color-dodge;
	-webkit-mix-blend-mode:screen;
	mix-blend-mode:screen;
}
header .td.cart .cart .quandis .ld.pps {
	transform:scale(1.3);
	filter:blur(.2px);
}
header .td.cart .cart .quandis .ld .fr {
	position:absolute;
	inset:-600% 0 auto;
	height:800%;
	background-image:linear-gradient(to bottom, #f00 0%, #000 15%, #f00 30%, #000 45%, #f00 60%, #f00 75%);
	animation-duration:.3s;
	animation-timing-function:linear;
	animation-name:stopflame;
}
header .td.cart .cart .quandis.prs .ld .fr {
	animation-iteration-count:infinite;
	animation-name:loadflame;
}
@keyframes stopflame {
	0%   { top:0; }
	100% { top:-600%; }
}
@keyframes loadflame {
	0%   { top:0; }
	100% { top:-240%; }
}
header .td.cart .cart .quandis .x1 {
	transition-delay:.2s;
}
header .td.cart .cart .quandis .x2 {
	transition-delay:0s;
}
header .td.cart :where(.cart.blnk .quandis) .x0 {
	width:0;
	height:0;
}
header .td.cart .cart .quandis.big .x0 {
	width:3em;
	height:3em;
}
header .td.cart .cart .quandis.big .cn {
	font-weight:bold;
}
header .td.cart .cart .quandis .cn {
	position:absolute;
	display:block;
	inset:-3em;
	margin:auto;
	padding:.5em;
	width:fit-content;
	height:fit-content;
	color:#fff;
	#box-shadow:0 .3em.3em #00000066;
}
header .td.cart .cart .cartlist .cwrp {
	display:block;
	padding:.5em;
	color:#000;
	max-width:18em;
	background-color:#fff;
	#background-image:linear-gradient(to bottom, #00000055 0, #00000000 20%);
	border-radius:0 0 .6em .6em;
	border:1px solid #00000055;
}
header .td.cart .cart .cartlist .ctbody {
	white-space:nowrap;
	padding:0;
	line-height:1;
	min-width:10em;
}
header .td.cart .cart.blnk .cartlist .ctbody:before {
	content:'カートは空です';
	display:block;
	color:#888;
	line-height:1;
	padding:1em .5em;
	border-radius:.5em;
	border:1px solid #888;
}
header .td.cart .cart .itm {
	display:flex;
	padding:.5em 0;
	justify-content:space-between;
}
header .td.cart .cart .img {
	position:relative;
}
header .td.cart .cart .img.freq:after {
	position:absolute;
	display:block;
	content:'定期';
	font-size:50%;
	color:#fff;
	background-color:#d22;
	padding:.1em .5em;
	line-height:1;
	inset:0 auto auto 0;
	transform-origin:top right;
	transform:translate(-50%, 0) rotate(-45deg);
}
header .td.cart .cart .img img {
	width:auto;
	height:4em;
	margin:auto;
}
header .td.cart .cart .img .dels {
	display:none;
	position:absolute;
	inset:.5em .6em auto auto;
	cursor:pointer;
}
header .td.cart .cart .img .dels:hover li {
	background-color:#c22;
	width:2.5em;
	height:2.5em;
}
header .td.cart .cart .img li {
	display:block;
	position:absolute;
	inset:-4em;
	width:2em;
	height:2em;
	margin:auto;
	border-radius:50%;
	background-color:#f00;
	overflow:hidden;
	transition-duration:.3s;
}
header .td.cart .cart .img li:before,
header .td.cart .cart .img li:after {
	content:'';
	display:block;
	position:absolute;
	inset:0;
	width:1.5em;
	height:.3em;
	background-color:#fff;
	margin:auto;
}

header .td.cart .cart .img li:before {
	transform:rotate(-45deg);
}
header .td.cart .cart .img li:after {
	transform:rotate(45deg);
}
header .td.cart .cart .name {
	display:flex;
	line-height:2;
	align-items:center;
	max-width:9em;
}
header .td.cart .cart .name li {
	display:block;
	font-size:70%;
	line-height:2;
	overflow:hidden;
	text-overflow:ellipsis;
	#background-color:#ff000055;
}
header .td.cart .cart .quan {
	line-height:4;
	padding:0 .5em 0 0;
	min-width:2em;
	text-align:right;
}
header .td.cart .cart .toc {
	position:sticky;
	position:-webkit-sticky;
	bottom:0;
	display:block;
	line-height:1;
	padding:1em 1em;
	text-align:center;
	background-color:#888;
	color:#fff;
	border-radius:.3em;
	overflow:hidden;
}
header .td.cart .cart.blnk .toc {
	padding:0;
	height:0;
}
header .td.cart .button {
	display:block;
	height:100%;
}
header .td.cart svg {
	position:absolute;
	inset:0;
	display:block;
	width:40%;
	height:auto;
	margin:auto;
}
header .td.cart svg .member {
	display:none;
}
header .td.cart b.cart:not([cart]) svg .cart {
	opacity:0;
}
header b.cart[cart] svg .member {
	opacity:0;
}
header .td.tp {
	grid-column:5/6;
	grid-row:1/2;
	cursor:pointer;
	background-color:#89aec3;
}
header .tp ul {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
header .tp li {
	position:absolute;
	display:block;
	width:48%;
	height:4%;
	left:26%;
	top:calc(50% - 2%);
	transform:rotate(var(--cr));
	transition-duration:.3s;
	transition-delay:.3s;
}
header .tp li:after {
	position:absolute;
	content:'';
	background-color:#ffffff;
	display:block;
	inset:0 0 auto;
	height:100%;
	transition-duration:.3s;
}
header .tp li:nth-child(1) {
	--cr:225deg;
	--ct:calc(50% - 2% - 15%);
	--ct:-400%;
}
header .tp li:nth-child(2) {
	--cr:135deg;
	--ct:calc(50% - 2%);
	--ct:0%;
}
header .tp li:nth-child(3) {
	--cr:225deg;
	--ct:calc(50% - 2% + 15%);
	--ct:400%;
}
header input:not(:checked) ~ .tp li {
	transform:rotate(0);
	transition-delay:0s;
}
header input:not(:checked) ~ .tp li:after {
	top:var(--ct);
	transition-delay:.3s;
}
header .td.mainMenu {
	position:relative;
	grid-column:6/7;
	grid-row:2/3;
}
header :where(.td.mainMenu .mli) {
	position:absolute;
	display:block;
	transition-duration:.1s;
	transition-timing-function:linear;
	overflow:hidden;
}
header :where(.td.mainMenu .mli.bk) {
	background-color:#00000055;
}
header :where(.td.mainMenu .mli.x1) {
	transition-delay:.0s;
	inset:0 0 calc(-100vh + 4em) -110vw;
}
header :where(.td.mainMenu .mli.x2) {
	transition-delay:.1s;
	inset:0 0 calc(-100vh + 4em) -100vw;
}
header :where(.td.mainMenu .mli.fr) {
	inset:0 0 calc(-100vh + 4em) -90vw;
	transition-delay:.2s;
}
header :where(input:not(:checked) ~ .td.mainMenu .mli) {
	inset:0 0 calc(-100vh + 4em) 0;
}
header :where(input:not(:checked) ~ .td.mainMenu .mli.fr) {
	transition-delay:0s;
}
header :where(input:not(:checked) ~ .td.mainMenu .mli.x1) {
	transition-delay:.2s;
}
header :where(.td.mainMenu) a {
	color:inherit;
}
header :where(.subl) {
	display:block;
	height:100%;
	overflow:hidden;
}
header :where(.subl.top) {
	padding:1em;
	#padding-left:.5em;
	width:90vw;
	overflow:auto;
}
header .subl > .xi {
	display:flex;
	justify-content:left;
	align-items:center;
}
header :where(.xi > label) {
	display:block;
	width:100%;
	padding:0 0 0 .5em;
}
header :where(.xi > label > a:before) {
	display:inline-block;
	content:'>';
	padding:0 .5em 0 0;
}
header :where(.xi > label > a) {
	position:relative;
	display:block;
	padding:1em 0 1em 1em;
	font-weight:bold;
	line-height:1;
	--arc:#a0a0a0;
	--c1:.7em;
	--c2:.5em;
	--c2:-3em;
	--r1:rotate(-65deg);
	--r2:rotate(-115deg);
	--r1:rotate(-0deg);
	--r2:rotate(-180deg);
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
header :where(.xi > label > a:has(+ ul a[act])) span {
	color:#ff6c00;
}
header :where(.xi > label) a:has(+ ul a[act]) {
	--arc:#ff6c00;
}
header :where(.xi > label > a):not([href]) {
	--c1:.9em;
	--c2:.3em;
	--r1:rotate(-155deg);
	--r2:rotate(155deg);
}
header :where(.subl.top .xi > label > .subl) {
	max-height:calc(3em * var(--itms));
	transition-duration:.15s;
}
header :where(.xi > label > input:not(:checked) ~ .subl) {
	max-height:0;
}
header :where(.xi > label) > input:not(:checked) ~ a {
	--c1:.4em;
	--r1:rotate(-25deg);
	--r2:rotate(25deg);
}
header :where(.subl > .xi > label) > a[act] {
	color:#ff6c00;
	--arc:#ff6c00;
}
header :where(.xi > label > a):before,
header :where(.xi > label > a):after {
	content:'';
	display:block;
	position:absolute;
	inset:calc(50% - var(--c1) + .5px) auto auto var(--c2);
	height:.7em;
	width:1.5px;
	background-color:var(--arc);
	transform-origin:center calc(100% - .5px);
	transition-duration:.2s;
}
header .xi a:before {
	transform:var(--r1);
	--h:180deg;
}
header .xi a:after {
	transform:var(--r2);
	--h:360deg;
}
/* header nav {
	grid-column: 1 / 4;
} */
nav.breadcrumb {
	max-width:1296px;
	margin:0 auto;
	li > span > span {
		color: #000000 !important;
	}
	a {
		opacity: 0.8 !important;
		text-decoration: underline !important;
		&:hover {
			cursor: pointer !important;
			opacity: 1 !important;
		}

	}
}
@media screen and (min-width:840px) {
	header {
		font-size:16px;
		--btnx:2em;
	}
	header .inner {
		grid-template-columns:7em 1fr 4em 0;
		grid-template-rows:2em 2em;
	}
	header .td.logo {
		grid-column:1/2;
		grid-row:1/3;
	}
	header .td.snss {
		grid-column:2/3;
		grid-row:1/2;
	}
	header .td.cart {
		grid-column:3/4;
		grid-row:1/3;
	}
	header .td.tp {
		grid-column:4/5;
		grid-row:1/3;
	}
	header .td.mainMenu {
		grid-column:2/3;
		grid-row:2/3;
		font-size:80%;
	}
	header .td.mainMenu .mli {
		transition-duration:.1s;
		transition-delay:0s;
		overflow:visible;
	}
	header .td.mainMenu .mli.fr {
		position:static;
		height:100%;
		inset:0;
	}
	header .td.mainMenu .mli.bk {
		inset:0 0 auto auto;
	}
	header :where(.subl.top) {
		overflow:visible;
	}
	header :where(.subl.top .xi > label > .subl) {
		position:absolute;
		inset:100% -50vw auto;
		height:auto;
		width:fit-content;
		margin:auto;
	}
	header .subl input + .swh {
		display:none;
	}
	header .subl > .xi {
		justify-content:center;
		padding:0 .5em;
		white-space:nowrap;
	}
	header .subl.top {
		display:flex;
		justify-content:right;
		width:auto;
	}
	header :where(.xi > label > a) {
		padding:1em 0 1em .5em;
	}
	header :where(.subl.top > .xi > label > a[href]):before,
	header :where(.subl.top > .xi > label > a[href]):after {
		content:none;
	}
	header :where(.subl.top .subl > .xi > label > a)[href] {
	#	--c1:.4em;
		--c2:-.5em;
		--r1:rotate(180deg);
		--r2:rotate(360deg);
	}
	header :where(.subl.top .subl > .xi > label > a):before,
	header :where(.subl.top .subl > .xi > label > a):after {
		width:0;
	}
	header :where(.xi > label > a):not([href]):hover {
		#--c1:.7em;
	}
	header .subl.top .subl > .xi a:hover:before,
	header .subl.top .subl > .xi a:hover:after {
		transform:rotate(var(--h));
		width:3px;
		left:0;
	}
	header .subl.top > .xi > label > a {
		padding:calc((2em / .8 - 1em) / 2) 1em;
	}
	header :where(.xi > label > a:before) {
		content:none;
	}
	header .subl.top .xi > label > .subl {
		backdrop-filter:blur(2em);
		-webkit-backdrop-filter:blur(.5em);
		padding:0 1em;
	}
	header .subl.top .xi > label > .subl {
		max-height:calc(3em * var(--itms) + var(--btnx));
	}
	header .subl.top .xi > label:not(:hover) > .subl {
		max-height:0;
	}
	header :where(.xi > label > a):not([href]) {
		--c1:.4em;
		--r1:rotate(-25deg);
		--r2:rotate(25deg);
	}
	header .subl.top > .xi > label > a:hover {
		--c1:.9em;
	}
	header .xi > label > a:hover {
		--c2:.3em;
		--r1:rotate(-155deg);
		--r2:rotate(155deg);
	}
	header :where(.xi > label) > input:not(:checked) ~ a {
		--c1:.4em;
		--r1:rotate(-25deg);
		--r2:rotate(25deg);
	}

	header .subl.top .xi > label > .subl:before {
		content:'';
		display:block;
		position:absolute;
		inset:0;
		opacity:.8;
	}
	header .subl.top .xi > label > .subl:after {
		content:'';
		display:block;
		height:var(--btnx);
	}
	/* header nav {
		grid-column: 1 / 3;
	} */
}

/*　基本配色　*/
header,
header .subl.top {
	background-color:#ffffff;
	color:#0097ff;
}
header .td.logo {
	color:#444444;
}
header :where(.td.mainMenu) a {
	--arc:#0097ff;
}
header .logo svg * {
	fill:#444444;
}
header .cart svg * {
	fill:#ffffff;
}
header .td.tp,
header input + .swh li {
	background-color:#0097ff;
}
header .td.cart .cart {
	background-color:#000000;
}
.floatTOP > div {
	background-color:#fdd000;
	color:#000000;
}
@media screen and (min-width:840px) {
	header .subl.top .xi > label > .subl:before {
		background-color:#ffffff;
	}
}
.purchaseshoot {
	display:block;
	position:fixed;
	inset:0;
	overflow:hidden;
	z-index:8;
	pointer-events:none;
}
.purchaseshoot :where(.lights, .dark) {
	position:absolute;
	display:block;
	transition-duration:.2s;
	transition-property:all;
	transition-timing-function:linear;
}
.purchaseshoot .lights {
	inset:50% 50% auto auto;
	width:0;
	height:0;
}
.purchaseshoot .lights:before,
.purchaseshoot .lights:after {
	position:absolute;
	display:block;
	content:'';
	#margin:auto;
	inset:calc(var(--a) * -1);
	border-radius:var(--a);
	width:calc(100% + var(--a) * 2);
	height:calc(100% + var(--a) * 2);
	filter:blur(1px);
}
.purchaseshoot .lights:not(.ready) {
	opacity:0;
}
.purchaseshoot .lights.done:before,
.purchaseshoot .lights.done:after {
	--a:.1em;
}
.purchaseshoot .lights:before {
	background-color:#0088ff33;
	--a:.8em;
}
.purchaseshoot .lights:after {
	background-color:#fff;
	--a:.5em;
}
.purchaseshoot .dark {
	inset:0;
	font-size:min(4vw, 4vh);
	overflow:hidden;
	padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
}
.purchaseshoot .dark.act {
	pointer-events:all;
}
.purchaseshoot .dark .wh {
	pointer-events:none;
	display:block;
	position:relative;
	max-width:1296px;
	font-size:90%;
	height:4em;
	margin:auto;
}
.purchaseshoot .dark .wh li {
	position:relative;
	display:block;
	--vv:calc(4em / sin(45deg));
	--dd:calc((var(--vv) - 4em) / -2);
	--ff:calc(max(200vh, 200vw) / sin(45deg));
	--bb:calc((var(--ff) - var(--vv)) / 2);
	width:var(--vv);
	height:var(--vv);
	margin:var(--dd) calc(4em + var(--dd)) 0 auto;
	transition-duration:.2s;
	transition-property:all;
	transition-timing-function:linear;
}
.purchaseshoot .dark .wh li:before {
	position:absolute;
	box-sizing:content-box;
	display:block;
	content:'';
	inset:calc((var(--ff) - var(--vv)) / -2);
	border-radius:50%;
	border-style:solid;
	border-color:#00000000;
	border-width:calc((var(--ff) - var(--vv)) / 2);
	#filter:blur(.2em);
}
.purchaseshoot .dark.act .wh li:before {
	border-color:#000000aa;
}
@media screen and (min-width:840px) {
	.purchaseshoot .dark {
		font-size:16px;
	}
	.purchaseshoot .dark .wh li {
		margin:var(--dd) var(--dd) 0 auto;
	}
}


/* 基本配色 */


.snss a {
	position:relative;
	display:block;
	#margin:calc(var(--headh) / 4) calc(var(--headh) / 4) 0 0;
	margin:0 .5em 0;
	overflow:hidden;
	pointer-events:all;
}
.snss svg {
	#position:relative;
	#width:calc(var(--headh) / 2);
	#height:calc(var(--headh) / 2);
	width:2em;
	height:2em;
	display:block;
}
@media screen and (min-width:840px) {
	.snss a {
		margin:.5em;
	}
	.snss svg {
		width:1em;
		height:1em;
	}
}
.color_ig {
	background-image:linear-gradient(135deg, #427eff 0%, #f13f79 70%);
	border-radius:20%;
}
.color_ig:before {
	content:'';
	display:block;
	position:absolute;
	top:55%;
	left:-25%;
	width:110%;
	height:90%;
	background-repeat:no-repeat;
	background-image:radial-gradient(#ffdb2c 7%, rgba(255, 105, 34, 0.3) 60%, rgba(255, 88, 96, 0) 70%);
}
.color_ln {
	background-color:#06C755;
	border-radius:22%;
}
:where(.color_ig, .color_ln) use {
	fill:#ffffff;
}
.color_tw use {
	fill:#1D9AEF;
}
.color_xc {
	background-color:#000;
	border-radius:22%;
}
.color_xc use {
	fill:#fff;
}
.floatTOP > div {
	background-color:#000000;
}

.crowns {
	display:block;
	height:0;
	overflow:hidden;
}

footer {
	background:#393939;
	padding:20vw env(safe-area-inset-left);
	color:#ffffff;
}
footer .logo {
	margin:auto;
}
footer .logo svg * {
	fill:#ffffff;
}
footer .feets,
footer .middle {
	position:relative;
	max-width:1290px;
	margin:auto;
	padding:0;
}
footer > .middle > div > ul {
	margin:8vw auto;
	background-color:transparent;
	padding:0;
	display:block;
}
footer .middle a {
	display:block;
	color:#ffffff;
	font-size:4vw;
	text-align:center;
	padding:0.75em 0;
}
footer .bottom {
	margin-top:2em;
	font-size:2vw;
}
footer .footmenu {
	color:#7e7a7a;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
footer .right {
	padding:.2em 0;
	width:fit-content;
	margin:10vw auto 0;
}
footer .footmenu a {
	border-color:#7e7a7a;
	border-width:1px;
	border-right-style:solid;
	padding:.2em 2em;
}
footer .footmenu a:first-of-type {
	border-left-style:solid;
}
@media screen and (min-width:840px) {
	footer {
		background:#393939;
		padding:80px 0;
	}
	footer .logo {
		#position:absolute;
		#left:80px;
		padding:0;
		margin:0;
	}
	footer .logo svg {
		width:auto;
		height:4em;
		max-width:none;
	}
	footer .logo span {
		font-size:160%;
	}
	footer .feets,
	footer .middle {
		padding:0 80px;
	}
	footer .middle a {
    	padding:9px 10px;
		font-size:inherit;
	}
	footer .feets {
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-end;
	}
	footer .bottom {
		justify-content:flex-start;
		font-size:13px;
		margin:1em auto 0;
	}
	footer .top {
		#height:80px;
		align-items:flex-start;
		justify-content:space-between;
	}
	footer .middle > div {
		position:relative;
	}
	footer .middle > div > ul {
		margin:0;
		position:absolute;
		inset:auto 0 0 auto;
		display:flex;
		justify-content:flex-end;
	}
	footer .middle li {
		display:block;
	}
	footer .footmenu {
		display:block;
	}
	footer .bottom .right {
		#position:absolute;
		#right:80px;
		#width:auto;
		margin:0 0 0 auto;
	}
	footer .snss {
		height:auto;
		font-size:200%;
	}
}

/*
#main_menu {
	display:none;
}
header {
	position:sticky;
	position:-webkit-sticky;
	top:0;
	z-index:6;
	pointer-events:none;
}
header .inner {
	position:relative;
	max-width:1296px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
}
header .logo,
footer .logo {
	width:fit-content;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	padding:0 3vw;
}
header .logo {
	height:var(--headh);
	position:absolute;
	left:0;
	pointer-events:all;
	padding:0 3vw 0 max(3vw, env(safe-area-inset-left));
}
header .logo a,
footer .logo div {
	display:block;
	width:fit-content;
	height:fit-content;
	color:inherit;
}
header .logo a > *,
footer .logo div > * {
	display:block;
}
header .logo svg {
	height:calc(var(--headh) / 2);
	margin:0 auto 1vw;
}
footer .logo svg {
	height:13vw;
	margin:0 auto 1vw;
}
header .logo span,
footer .logo span {
	font-size:calc(var(--headh) / 14 * 2.5);
	width:fit-content;
	line-height:1;
	margin:0 auto;
}
footer .logo span {
	font-size:4.5vw;
}
:where(footer) .snss {
	width:fit-content;
	margin:8vw auto 0;
	padding-left:4vw;
}
.snss a {
	position:relative;
	display:inline-block;
	margin:calc(var(--headh) / 4) calc(var(--headh) / 4) 0 0;
	overflow:hidden;
	pointer-events:all;
}
.snss svg {
	position:relative;
	width:calc(var(--headh) / 2);
	height:calc(var(--headh) / 2);
	display:block;
}
.color_ig {
	background-image:linear-gradient(135deg, #427eff 0%, #f13f79 70%);
	border-radius:20%;
}
.color_ig:before {
	content:'';
	display:block;
	position:absolute;
	top:55%;
	left:-25%;
	width:110%;
	height:90%;
	background-repeat:no-repeat;
	background-image:radial-gradient(#ffdb2c 7%, rgba(255, 105, 34, 0.3) 60%, rgba(255, 88, 96, 0) 70%);
}
.color_ln {
	background-color:#06C755;
	border-radius:22%;
}
:where(.color_ig, .color_ln) use {
	fill:#ffffff;
}
.color_tw use {
	fill:#1D9AEF;
}
*/

/*

header .cart {
	position:relative;
	width:var(--headh);
	height:var(--headh);
	background-color:#000000;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	z-index:5;
	pointer-events:all;
}
header .cart > .button {
	position:absolute;
	inset:0;
}
header .cart svg {
	position:absolute;
	inset:0;
	margin:auto;
	width:40%;
	height:auto;
}
header .cart svg * {
	fill:#ffffff;
}
header a.cart svg .member {
	display:none;
}
header b.cart:not([cart]) svg .cart {
	opacity:0;
}
header b.cart[cart] svg .member {
	opacity:0;
}
header .cart .float {
	position:absolute;
	display:block;
	inset:20%;
	#border:1px solid #ffffff88;
	border-radius:3px;
	pointer-events:none;
}
header .cart .float * {
	#pointer-events:all;
}
header .cart .float ul {
	position:absolute;
	display:block;
	inset:100% 100% 0 0;
	margin:-60%;
	color:#ffffff;
	border-radius:50%;
	background-color:#ff0000;
	box-shadow:0 5px 5px #00000055;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	font-size:4vw;
	transition-duration:.2s;
	transition-property:all;
	transition-timing-function:ease;
}
header .cart .float ul:empty {
	transform:translate(0, 1.2em) scale(0);
}
header .cart .float li {
	display:block;
	width:fit-content;
	height:fit-content;
}
header .cart .login {
	position:absolute;
	display:block;
	inset:150% 0 auto auto;
	background-color:#ffffffcc;
	padding:2em;
	border-radius:1.5em;
	backdrop-filter:blur(2px);
	-webkit-backdrop-filter:blur(2px);
	box-shadow:0 2em 3em #00000055;
	width:240px;
}
header .cart .login label {
	display:flex;
	margin-bottom:1px;
	place-items:center;
	background-color:transparent;
}
header .cart .login label span {
	display:block;
	width:40%;
	height:fit-content;
	text-align:center;
}
header .cart .login label input {
	width:60%;
	border:1px solid #ffffff;
	border-radius:0 5px 5px 0;
	background-image:linear-gradient(to bottom, #00000012 0%, #00000006 40%);
}
header .cart .login input[type='button'] {
	border:1px solid #ffffff;
	border-radius:5px;
	color:#ffffff;
	background-image:radial-gradient(circle at center, #00000022 40%, #44ffff33),linear-gradient(to bottom, #44ffff40 0%, #00005536 75%, #ffffff88 100%);
}
header label[for='main_menu'] {
	display:block;
	text-align:center;
	padding:0 env(safe-area-inset-right) 0 0;
	cursor:pointer;
	background-color:#89aec3;
	pointer-events:all;
}
header label[for='main_menu'] b {
	position:relative;
	display:block;
	width:var(--headh);
	height:var(--headh);
}
header label[for='main_menu'] div {
	position:absolute;
	width:48%;
	height:4%;
	left:26%;
	top:calc(50% - 2%);
	transition-property:transform;
	transition-duration:0.2s;
	transition-timing-function:ease-out;
	background-color:#ffffff;
}
header label[for='main_menu'] div:nth-child(1) {
	transform:rotate(45deg);
}
header label[for='main_menu'] div:nth-child(2) {
	transform:rotate(-225deg);
}
header label[for='main_menu'] div:nth-child(3) {
	transform:rotate(135deg);
}
input:not(:checked) ~ header label[for='main_menu'] div:nth-child(1) {
	top:calc(50% - 2% - 15%);
	transform:rotate(0);
}
input:not(:checked) ~ header label[for='main_menu'] div:nth-child(2) {
	top:calc(50% - 2%);
	transform:rotate(0);
}
input:not(:checked) ~ header label[for='main_menu'] div:nth-child(3) {
	top:calc(50% - 2% + 15%);
	transform:rotate(0);
}
@media screen and (min-width:840px) {
	header .logo,
	footer .logo {
		height:80px;
		padding:0 20px;
	}
	header .logo svg,
	footer .logo svg {
		height:40px;
		margin:0 auto 5px;
	}
	header .logo span,
	footer .logo span {
		font-size:15px;
	}
	.snss {
		width:auto;
		margin:0;
		height:35px;
	}
	.snss a {
		margin:10px 20px 0 0;
	}
	.snss svg {
		width:22px;
		height:22px;
	}
	header .cart {
		width:80px;
		height:80px;
	}
	header .cart .float ul {
		margin:-35%;
		font-size:16px;
	}
	header label[for='main_menu'] {
		display:none;
	}
}

.mainMenu {
	position:fixed;
	top:var(--headh);
	right:0;
	z-index:5;
	width:0;
}
@media screen and (min-width:840px) {
	.mainMenu {
		#padding:0 max(calc((100vw - 1000px) / 2 + env(safe-area-inset-left)), env(safe-area-inset-left)) 0 0;
		padding:0 48px;
	}
}
/*
.mainMenu {
	position:fixed;
	top:var(--headh);
	right:0;
	z-index:5;
	width:0;
}
@media screen and (min-width:840px) {
	.mainMenu {
		#padding:0 max(calc((100vw - 1000px) / 2 + env(safe-area-inset-left)), env(safe-area-inset-left)) 0 0;
		padding:0 48px;
	}
}
.mainMenu > label {
	position:relative;
	display:block;
	width:48px;
	height:48px;
	text-align:center;
	margin-left:env(safe-area-inset-left);
	cursor:pointer;
}
.mainMenu > label div {
	position:absolute;
	width:24px;
	height:1px;
	top:50%;
	left:50%;
	margin-top:-0px;
	margin-left:-12px;
	transition-property:transform;
	transition-duration:0.2s;
	transition-timing-function:ease-out;
	background-color:#3f4652;
}
.mainMenu > div {
	position:relative;
	height:calc(100vh - 48px);
	width:0;
}
.mainMenu > div > * {
	position:absolute;
	height:100%;
	top:0;
	right:0;
	transition-property:right;
	transition-duration:0.2s;
	transition-timing-function:ease-out;
	background-color:#3f4652;
}
#main_menu:not(:checked) ~ .mainMenu > div > * {
	right:-130vw;
}
.mainMenu > div > *:nth-child(1) {
	transition-delay:0.0s;
}
.mainMenu > div > *:nth-child(2) {
	transition-delay:0.1s;
}
.mainMenu > div > *:nth-child(3) {
	transition-delay:0.2s;
}
#main_menu:not(:checked) ~ .mainMenu > div > *:nth-child(1) {
	transition-delay:0.2s;
}
#main_menu:not(:checked) ~ .mainMenu > div > *:nth-child(2) {
	transition-delay:0.1s;
}
#main_menu:not(:checked) ~ .mainMenu > div > *:nth-child(3) {
	transition-delay:0.0s;
}
.mainMenu > div > label {
	width:100vw;
	background:rgba(0,0,0,.3);
}
.mainMenu .subl,
footer .middle > div > ul {
	margin-block-start:0;
	margin-block-end:0;
	padding-inline-start:0;
	padding:0 0 0 1em;
}
.mainMenu .subl.top,
footer .middle > div > ul {
	overflow:auto;
	background:rgba(253,253,253,.9);
	padding:0 4vw 10vw calc(4vw + env(safe-area-inset-left));
	width:90vw;
}
.mainMenu .subl.top:before,
footer .middle > div > ul:before {
	content:'';
	display:block;
	margin-bottom:.5em;
}
.mainMenu li,
footer .middle li {
	display:block;
	text-align:initial;
	white-space:nowrap;
}
.mainMenu a,
footer .middle a {
	color:#031746;
	display:block;
	padding:.75em 1em .75em 0;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight:bold;
}
.mainMenu a:before {
	display:inline-block;
	color:inherit;
	content: ">";
	width:1.5em;
	text-align:right;
	padding-right:10px;
	font-family:monospace;
	transition-property:padding,top,left,right,bottom;
	transition-duration:0.1s;
	transition-timing-function:ease-out;
}

.mainMenu .subl.top > li:first-of-type > a:before {
	content:'';
	font-family:'Material Icons';
	line-height:20px;
}
.mainMenu li:hover > a:before {
	padding-right:4px;
}
.mainMenu a[act] {
	color:#ff6c00;
}
@media screen and (min-width:840px) {
	.mainMenu {
		inset:0 0 auto;
		width:100%;
		margin:0 auto;
		height:80px;
		padding:0;
	}
	.mainMenu > div {
		position:relative;
		margin:auto;
		width:auto;
		height:100%;
		max-width:1296px;
	}
	.mainMenu > label,
	.mainMenu > div > label {
		display:none;
	}
	.mainMenu > div > * {
		#position:static;
		height:auto;
	}
	.mainMenu .subl.top,
	footer .middle > div > ul {
		width:auto;
		padding:0;
		overflow:visible;
	}
	.mainMenu .subl,
	footer .middle ul {
		padding:0;
		background:transparent;
	}
	.mainMenu .subl.top:before {
		content:none;
	}
	.mainMenu .subl {
		background:rgba(253,253,253,.9);
		position:absolute;
		box-shadow:0 3px 3px rgba(0,0,0,.2);
		border-top:none;
	}
	.mainMenu li:hover > label > .subl {
		transition-property:margin,opacity;
		transition-duration:0.2s;
		transition-timing-function:ease-out;
	}
	.mainMenu .subl {
		left:50%;
		margin-left:-6.0em;
	}
	.mainMenu > div > ul > li > ul .subl {
		left:100%;
		top:0;
	}
	.mainMenu li:not(:hover) > label > .subl {
		opacity:0;
		margin-top:-100vh;
	}
	.mainMenu > div > ul .subl a {
		padding:.5em .75em;
		line-height:1.8;
		width:22em;
	}
	#main_menu:checked ~ .mainMenu .subl.top,
	#main_menu:not(:checked) ~ .mainMenu .subl.top {
		position:absolute;
		height:fit-content;
		width:fit-content;
		inset:auto 80px 0 0;
		margin:auto 0 0 auto;
		background:transparent;
	}
	.mainMenu li,
	footer .middle li {
		position:relative;
		float:left;
		width:auto;
		max-width:25em;
	}
	.mainMenu a,
	footer .middle a {
		position:relative;
		padding:25px 8px;
		line-height:22px;
	}
	.mainMenu a:before {
		position:absolute;
		display:block;
		content:'';
		bottom:1px;
		right:50%;
		left:50%;
		background-color:#ff6c00;
		width:auto;
		height:2px;
		padding:0;
	}
	.mainMenu .subl.top > li > a {
		z-index:3;
	}
	.mainMenu .subl.top > li > a:before {
		content:'';
		display:block;
		position:absolute;
		width:auto;
		height:2px;
		top:auto;
		bottom:0;
		right:50%;
		left:50%;
	}
	.mainMenu .subl.top > li > a[act]:before,
	.mainMenu .subl.top > li:hover > a:before {
		top:auto;
		bottom:0;
		right:0;
		left:0;
	}
	.mainMenu .subl.top > li > ul li > a {
		padding: .75em 1em .75em 1.5em;
	}
	.mainMenu .subl.top > li > ul li > a:before {
		right:auto;
		left:2px;
		top:50%;
		bottom:50%;
		width:2px;
		height:auto;
	}
	.mainMenu .subl.top > li > ul li > a[act]:before,
	.mainMenu .subl.top > li > ul li:hover > a:before {
		top:10px;
		padding:0;
		bottom:10px;
	}
	.mainMenu li[search] > a,
	.mainMenu li[sp-top] > a,
	.mainMenu li:not([search]):not([sp-top]) > a {
		height:auto;
		line-height:27px;
	}
	.mainMenu .subl.top > li[search] > a,
	.mainMenu .subl.top > li[sp-top] > a,
	.mainMenu .subl.top > li:not([search]):not([sp-top]) > a {
		padding:9px 10px;
	}
	.mainMenu li:not(:first-of-type) > a {
		border-top:none;
	}
}
*/

.downArrow * {
	fill:#96857D;
}

.inMenu {
	position:sticky;
	position:-webkit-sticky;
	z-index:4;
}
.inMenu > div {
	position:relative;
	max-width:1296px;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

.spec1, .spec2 {
	border:1px solid #fff;
	background-color:rgba(0,0,0,.6);
	color:#fff;
	padding:0 1em .5em;
	font-size:3.6vw;
	width:531px;
	max-width:100%;
	margin:0 auto 1em;
}
.spec1:before,
.spec2:before {
	display:block;
	line-height:2.5;
	border-bottom:1px solid #fff;
	font-size:4.3vw;
	padding:0 .5em;
	margin:0 0 .6em;
	font-weight:700;
}
.spec1:before {
	content:'特徴';
}
.spec2:before {
	content:'評価';
}
.spec2 table {
	line-height:1.3;
}
.spec2 th {
	width:1%;
	font-weight:500;
	white-space:nowrap;
	padding:0 1em 0 .5em;
}
.spec2 td:before {
	background:-webkit-linear-gradient(#ffffff 0%, #ffffff 50%, #dadada 51%, #f2f2f2 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.spec2 td[s3]:before {
	content:'★★★';
}
.spec2 td[s4]:before {
	content:'★★★★';
}
.spec2 td[s5]:before {
	content:'★★★★★';
	color:#f80;
	background:-webkit-linear-gradient(#f8e987 55%, #c3aa22 56%, #c3aa22 84%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media screen and (min-width:840px) {
	.spec1, .spec2 {
		font-size:17px;
		#padding:0 20px 10px;
		min-height:200px;
	}
	.spec1:before,
	.spec2:before {
		font-size:19px;
	}
}

.news_field,
.news_field li {
	display:block;
}
.news_field {
	border-bottom:1px dashed rgba(0,0,0,.1);
}
.news_field li {
	padding:24px;
	border-top:1px dashed rgba(0,0,0,.1);
}
.news_field li > span {
	display:inline-block;
	margin-right:1em;
	font-weight:700;
	color:#002047;
}

.floatTOP {
	position:sticky;
	position:-webkit-sticky;
	bottom:0;
	height:0;
	max-width:1296px;
	margin:0 auto;
	z-index:5;
}
.floatTOP > div {
	position:absolute;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	left:max(2px, calc(env(safe-area-inset-left) / 2));
	bottom:max(2px, calc(env(safe-area-inset-left) / 2));
	width:var(--headh);
	height:var(--headh);
	font-size:calc(var(--headh) / 8);
	background-color:#000000;
	color:#ffffff;
	cursor:pointer;
}
.floatTOP > div > span {
	display:block;
	width:fit-content;
	height:fit-content;
	text-align:center;
}
.floatTOP > div > span:before {
	content:'▲';
	display:block;
	font-size:200%;
}
@media screen and (min-width:840px) {
	.floatTOP > div {
		width:64px;
		height:64px;
		font-size:11px;
	}
}

.firstVisit {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000000aa;
	z-index:5;
	line-height:2em;
	backdrop-filter:blur(3px);
	-webkit-backdrop-filter:blur(3px);
	overflow:hidden;
	transition-duration:1s;
	transition-property:all;
	transition-timing-function:linear;
	font-size:min(4vw, 13px);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.firstVisit form {
	display:block;
	width:fit-content;
	height:fit-content;
	width:500px;
	max-width:80%;
	max-height:80%;
	overflow:auto;
	padding:5vw;
	background:#fff;
	text-align:center;
	box-shadow:0 5px 10px #00000077;
	transition-delay:.5s;
	transition-duration:1.5s;
	transition-property:all;
	transition-timing-function:cubic-bezier(0.02, 1.06, 0.7, 0.92);
}
.firstVisit:not([setp1]) {
	display:none;
}
.firstVisit:not([setp2]) {
	opacity:0;
	transition-delay:.5s;
	transition-duration:.5s;
}
.firstVisit:not([setp2]) form {
	opacity:0;
	filter:blur(3px);
	transform:scale(1.3);
	transition-delay:0;
	transition-duration:.5s;
	transition-timing-function:linear;
}
.firstVisit img {
	width:300px;
	max-width:100%;
	margin: 0 auto;
}
.firstVisit .logoSub {
	width:fit-content;
	margin:0 auto;
	font-size:6vw;
}
.firstVisit p span {
	display:inline-block;
}
.firstVisit b {
	display:block;
}
.firstVisit .twin {
	display:block;
	font-size:150%;
	font-weight:bold;
}
.firstVisit button {
	display:block;
	margin:10px auto;
	padding:.25em .5em;
	font-size: 15px;
	width:90%;
	height:3em;
	max-width:450px;
	color:#333;
	background-color:#f7e0e0;
	border:1px solid rgba(200,200,200,.5);
}
.firstVisit button[value] {
	background-color:#e0e0f7;
}
.firstVisit strong {
	color:#c00;
	display:block;
}
@media screen and (min-width:840px) {
	.firstVisit {
		font-size:inherit;
	}
	.firstVisit form {
		padding:50px 20px;
	}
	.firstVisit .logoSub {
		font-size:26px;
	}
	.firstVisit button {
		display:inline-block;
		margin:10px 5px;
		width:fit-content;
		height:auto;
	}
}

.section {
	position:relative;
	border:1px dashed #fff;
}
.sectionLead {
	position:sticky;
	position:-webkit-sticky;
	#float:right;
	bottom:0;
	top:calc(100% - 85px);
	right:0;
	background:#fff;
	display:block;
	width:100px;
	padding:10px;
	line-height:20px;
	margin-left:auto;
	margin-top:-40px;
	z-index:6;
}
.section:after {
	content:'';
	display:block;
	clear:both;
}
.outerBody {
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	color:#fff;
}
.outerBody:before {
	content:'';
	display:block;
	padding-top:calc(100% / 159 * 240);
}
.innerBody {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
@media screen and (min-width:640px) {
	.innerBody {
		max-width:1000px;
		margin:0 auto;
	}
	.outerBody:before {
		content:'';
		display:block;
		padding-top:calc(100% / 240 * 159);
	}
}

.content {
	padding:32px env(safe-area-inset-left);
}
.content .inner_title {
	padding:0 2vw;
	max-width:944px;
	margin:0 auto;
}
.content .inner {
	padding:3em 4vw;
	max-width:944px;
	margin:0 auto;
	font-size:16px;
	line-height:1.8;
}
@media screen and (min-width:840px) {
	.content .inner_title {
		padding:0 32px;
	}
	.content .inner {
		padding:3em 48px;
	}
}

.content h2 {
	position:relative;
	font-size:1.5em;
	padding:.75em 1em;
	color:#fff;
	background-color:#002047;
	font-weight:bold;
}
.content h2:before {
	content:'';
	position:absolute;
	pointer-events:none;
	top:2px;
	bottom:2px;
	left:0;
	right:0;
	border:2px solid #fff;
	border-style:solid none solid none;
}
h3.secTitle {
	position:relative;
	padding:0 .5em .5em;
	font-size:1.3em;
	font-weight:700;
	margin:1em 0 2em;
	line-height:1.4;
}
h3.secTitle:before {
	content:'';
	height:2px;
	background:repeating-linear-gradient(90deg, #002047 0%, #002047 29.3%, rgba(150,150,150,.2) 29.3%, rgba(150,150,150,.2) 100%);
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:0;
	display:block;
}

table.form,
table.form tr > * {
	border:1px solid #ededed;
}
table.form {
	padding:0;
	border-spacing:0;
	border-style:solid none none solid;
	line-height:1.5;
}
table.form tr > * {
	border-style:none solid solid none;
	padding:1em;
	font-size:16px;
	font-weight:500;
}
table.form th {
	font-weight:700;
	background-color:rgba(150,150,150,.05);
}
table.form,
table.form * {
	display:block;
}
@media screen and (min-width:840px) {
	table.form {
		display:table;
		width:100%
	}
	table.form tbody {
		display:table-row-group;
	}
	table.form thead {
		display:table-header-group;
	}
	table.form tr {
		display:table-row;
	}
	table.form tr > * {
		display:table-cell;
		padding:.5em .75em;
		vertical-align:top;
	}
	table.form th {
		width:200px;
	}
}

table.contact input[type='text'],
table.contact input[type='email'],
table.contact input[type='tel'],
table.contact textarea {
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:3px;
	outline:0;
	padding:calc(1.8rem*.25) calc(1.8rem*.5);
	line-height:1.8;
	transition:border .2s ease-out;
	box-shadow:inset 0 1px 1px rgb(0 0 0 / 4%);
	text-align:left;
}
table.contact + input[type='button'] {
	width:100%;
	line-height:1.8;
	padding:calc(1.8rem*.5) calc(1.8rem*.5);
	background:linear-gradient(0deg, #002047, #002047 50%, #ffffff 130%);
	color:#ffffff;
}
table.contact + input[type='button']:hover {
	background:linear-gradient(0deg, #002047, #002047 40%, #ffffff 115%);
}
table.contact {
	margin-bottom:calc(1.8rem*.25);
}
table.contact,
table.contact tr > * {
	border:1px solid #ededed;
}
table.contact {
	padding:0;
	border-spacing:0;
	border-style:solid none none solid;
	line-height:1.5;
}
table.contact tr > * {
	border-style:none solid solid none;
	padding:calc(1.8rem*1);
	font-size:16px;
	font-weight:500;
	background-color:#fdfdfd;
}
table.contact th {
	background-color:rgba(150,150,150,.05);
}
table.contact,
table.contact * {
	display:block;
}
@media screen and (min-width:620px) {
	table.contact {
		display:table;
		width:100%
	}
	table.contact tbody {
		display:table-row-group;
	}
	table.contact thead {
		display:table-header-group;
	}
	table.contact tr {
		display:table-row;
	}
	table.contact tr > * {
		display:table-cell;
		#padding:.5em .75em;
		vertical-align:top;
	}
	table.contact th {
		width:200px;
	}
}

table.spec,
table.spec tr > * {
	border:1px solid #ededed;
}
table.spec {
	padding:0;
	border-spacing:0;
	border-style:solid none none solid;
	line-height:1.5;
}
table.spec tr > * {
	border-style:none solid solid none;
	padding:1em;
	font-size:16px;
	font-weight:500;
}
table.spec th {
	font-weight:700;
}
table.spec,
table.spec * {
	display:block;
}
@media screen and (min-width:840px) {
	table.spec {
		display:table;
		width:100%
	}
	table.spec tbody {
		display:table-row-group;
	}
	table.spec thead {
		display:table-header-group;
	}
	table.spec tr {
		display:table-row;
	}
	table.spec tr > * {
		display:table-cell;
		padding:.5em .75em;
		vertical-align:top;
	}
	table.spec th {
		width:200px;
	}
}
table.spec ul {
	list-style-type:square;
}
table.spec li {
	display:list-item;
	margin-left:1.5em;
}

p.ranking_causion,
.flx p.ranking_causion {
	font-size:12px;
	padding:20px;
}

.inWindowshadow, .inWindow, .inWindow .in0r, .inWindow .in1r, .inWindow .in1r:before, .inWindow .iner {
	transition-timing-function:ease;
	transition-property:all;
	transition-duration:.4s;
	transform-origin:center center;
}
.inWindowshadow {
	position:fixed;
	inset:0;
	display:block;
	background-image:linear-gradient(#ffffffbb, #ffffff22);
	z-index:9;
	backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
}
.inWindowshadow[notr] {
	background-color:#00000000;
	backdrop-filter:none;
	-webkit-backdrop-filter:none;
}
.inWindow {
	position:fixed;
	inset:0;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:9;
}
.inWindow .in0r {
	inset:0;
	padding:1em 1em 2em;
	display:block;
	height:fit-content;
	max-width:100%;
	max-height:100%;
	overflow:auto;
	color:#000;
}
.inWindow .in1r {
	position:relative;
	padding:1em;
	display:block;
	width:fit-content;
	height:fit-content;
}
.inWindow .in1r:before {
	position:absolute;
	content:'';
	display:block;
	border-radius:2em;
	inset:0;
	background-color:#ffffffcc;
	box-shadow:0 1em .7em #00000088;
}
.inWindow .in1r[notr]:before {
	opacity:0;
	transform:scale(1.1);
	box-shadow:0 1em 0em #00000000;
}
.inWindow .iner {
	position:relative;
	min-width:240px;
	min-height:400px;
}
.inWindow .iner[notr] {
	opacity:0;
}

.guess {
	position:relative;
	z-index:3;
}
.guess ul {
	position:absolute;
	inset:0 -1em auto auto;
	display:block;
	filter:drop-shadow(0 .5em 1em #00000088);
}
.guess[mr] ul {
	inset:auto -1em 3.1em auto;
}
.guess li {
	display:block;
	background-color:#ffffffcc;
	padding:.5em 1em;
	border-radius:3px;
	margin:1px 0 0;
	white-space:nowrap;
	color:#666666;
	cursor:pointer;
	transition-duration:.5s;
	transition-property:all;
	transition-timing-function:ease;
}

.guess li[act] {
	background-color:#ffffff;
	color:#000088;
}
.guess li:not(:first-child) {
	#margin:1px 0 0;
}

.purchaseLabel {
	position:relative;
}
.purchaseLabel #purchaseLabel {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:14vw;
}
@media screen and (min-width:840px) {
	.purchaseLabel #purchaseLabel {
		height:80px;
	}
}

:where(.PurcFloat,
.PurcFloat:hover,
.PurcFloat:visited) {
	position:sticky;
	position:-webkit-sticky;
	display:block;
	max-width:1240px;
	top:calc(var(--hh) * .9 - 150px);
	margin: 0 auto;
	z-index:5;
	color:#fff;
	transform-origin:right bottom;
	--ry:16vw;
	--rx:calc(var(--ry) * 5);
	--r2:calc(var(--ry) * 2);
	--rs:calc(var(--ry) / 16);
	font-size:3vw;
}
:where(.PurcFloat .statPic) {
	right:15px;
	top:50px;
	text-align:center;
	transform-origin:100% 50%;
	cursor:pointer;
	font-size:120%;
}
:where(.PurcFloat .statPic:before) {
	position:absolute;
	#content:'';
	inset:0;
	backdrop-filter:blur(3px);
	-webkit-backdrop-filter:blur(3px);
	width:var(--r2);
	height:var(--r2);
	border-radius:calc(var(--r2) / 2);
	margin:0 auto;
}
:where(.PurcFloat .statPic .pic) {
	pointer-events:none;
	position:relative;
	max-width:var(--r2);
	max-height:var(--r2);
	z-index:3;
	margin-top:1em;
	#animation-duration:6s;
	#animation-timing-function:ease;
	#animation-iteration-count:infinite;
	#animation-name:pFloat;
	animation:.6s ease 0s infinite alternate bfloat;
}
:where(.PurcFloat.stop .statPic .pic) {
	animation-name:none;
}
.PurcFloat .statPic .shd {
	position:relative;
	display:block;
	z-index:2;
}
.PurcFloat .statPic .shd:before {
	#content:'';
	display:block;
	position:absolute;
	background-color:#00000088;
	width:calc(var(--r2) * .8);
	height:calc(var(--r2) / 10);
	filter:blur(4px);
	border-radius:50%;
	inset:auto 0 0em;
	margin:auto;
	#animation:.6s ease 0s infinite alternate bfloa2;
}
@keyframes bfloat {
	0%   { transform:translateY(0px); }
	100% { transform:translateY(-1em); }
}
@keyframes bfloa2 {
	0%   { transform:scale(1); }
	100% { transform:scale(.8); }
}
.PurcFloat .statPic .slg {
	position:relative;
	display:block;
	line-height:1;
	background-color:#ffffffaa;
	border:1.5px solid #000;
	border-radius:.5em;
	padding:.7em 1.5em;
	color:#000;
	margin-top:-1em;
	font-weight:bold;
	animation:.6s ease 0s infinite alternate bfloat;
	backdrop-filter:blur(3px);
	-webkit-backdrop-filter:blur(3px);
}
.PurcFloat.stop .statPic .slg {
	animation-name:none;
}
.PurcFloat .statPic .slg li {
	position:relative;
	display:block;
	z-index:2;
}
.PurcFloat .statPic .slg:before,
.PurcFloat .statPic .slg:after {
	position:absolute;
	display:block;
	border:.5em solid #ffffff;
	animation:.6s linear infinite btwavw;
	pointer-events:none;
	z-index:1;
}
.PurcFloat .statPic .slg:after {
	animation-delay:-.3s;
}
@keyframes btwavw {
	0%   { inset:.6em;  border-radius:.2em;border:0em solid #ffffff00; }
	50%  { inset:.2em;  border-radius:.5em;border:.4em solid #ffffff; }
	100% { inset:-.4em; border-radius:1em; border:0em solid #ffffff00; }
}
.PurcFloat > * {
	position:absolute;
}
.PurcFloat > div:not(.statPic) {
	#width:var(--r2);
	#height:var(--r2);
	right:5px;
	top:25px;
	text-align:center;
	transition:all 0.15s ease;
	transform-origin:100% 50%;
}
.PurcFloat:hover > div:not(.statPic) {
	transition-delay:0s;
	#width:var(--rx);
}
.PurcFloat:not(:hover) > div:not(.statPic) {
	transition-delay:.1s;
	transform:scale(.6);
}
.PurcFloat > div > div {
	position:relative;
	width:var(--r2);
	height:var(--r2);
	border-radius:var(--rx);
	box-shadow:var(--rs) var(--rs) var(--rs) #00000045;
	background-color:#33000088;
	overflow:hidden;
	transition:all 0.3s ease;
	transform-origin:calc(100% - var(--ry)) 50%;
}
.PurcFloat > div > b {
	position:absolute;
	display:grid;
	place-items:center;
	width:calc(var(--r2) - 40px);
	height:calc(var(--r2) - 40px);
	top:20px;
	right:20px;
	bottom:20px;
	border:3px solid #ffffff;
	border-radius:50%;
	pointer-events:none;
	transition:all 0.2s ease;
}
.PurcFloat:hover > div > b {
	transform:scale(1.2);
	border-color:#ffffff00;
}
.PurcFloat > div > b > svg {
	fill:none;
	stroke:#ffffff;
	stroke-width:2;
	stroke-linejoin:bevel;
	stroke-miterlimit:10;
	width:60%;
	height:auto;
	transition:all 0.2s ease;
}
.PurcFloat:hover > div > b > svg {
	width:80%;
}
.PurcFloat:hover > div > div {
	transition-delay:.2s;
	width:var(--rx);
}
.PurcFloat:not(:hover) > div > div {
	transition-delay:0s;
	transition-duration:.1s;
}
.PurcFloat > div > div > span {
	float:right;
	display:block;
    display:flex;
    flex-direction:column;
	justify-content:center;
	line-height:2;
	width:calc(var(--rx) - var(--r2));
	height:100%;
	margin:0 calc(var(--r2) * 2) 0 calc(var(--r2) * -4);
	transition:all 0.2s ease;
	cursor:pointer;
}
.PurcFloat:hover > div > div > span {
	transition-delay:.3s;
	#margin:0 calc(var(--r2) / 2) 0 auto;
    margin:0;
	padding:0 calc(var(--r2) / 2) 0 0;
    width:100%;
}
.PurcFloat:not(:hover) > div > div > span {
	transition-delay:0s;
}
.PurcFloat h3 {
	font-size:180%;
}
.PurcFloat .vboxx {
	position:absolute;
	right:0;
}
.PurcFloat .vboxx ul {
	position:relative;
	transform-style:preserve-3d;
	perspective:500px;
	--w:calc(76px * 3);
	--h:calc(48px * 3);
	--d:calc(14.8px * 3);
	margin:calc(var(--h) / 2) calc(var(--w) / 2) 0 auto;
	#transform:scale(3);
	--mm1:translate3d(calc(var(--w) / 4),calc(var(--h) / 4), -400px);
	--rr1:rotate3d(-1,8,-1,10deg);
}
.PurcFloat:hover .vboxx ul {
	--rr1:rotate3d(-1,8,-1,-67deg);
	--mm1:translate3d(0,calc(var(--h) / 4), 0);
}
.PurcFloat .vboxx li {
	position:absolute;
	display:block;
	background-color:#000000;
	#border:1px solid #000000;
	color:#000000;
	#box-shadow:inset 0 0 10px #000000;
	font-size:10px;
	padding:0;
	transition:all 0.2s ease;
	background-repeat:no-repeat;
}
.PurcFloat .vboxx li:nth-child(3n) {
	left:calc(var(--w) / -2);
	top:calc(var(--h) / -2);
	width:var(--w);
	height:var(--h);
}
.PurcFloat .vboxx li:nth-child(3n+1) {
	left:calc(var(--d) / -2);
	top:calc(var(--h) / -2);
	width:var(--d);
	height:var(--h);
}
.PurcFloat .vboxx li:nth-child(3n+2) {
	left:calc(var(--w) / -2);
	top:calc(var(--d) / -2);
	width:var(--w);
	height:var(--d);
}
.PurcFloat .vboxx li:nth-child(1) { transform:var(--rr1) translate3d(calc(var(--w) /  2),0,0) var(--mm1) rotate3d(0,1,0,  90deg); }
.PurcFloat .vboxx li:nth-child(2) { transform:var(--rr1) translate3d(0,calc(var(--h) /  2),0) var(--mm1) rotate3d(1,0,0, -90deg); }
.PurcFloat .vboxx li:nth-child(3) { transform:var(--rr1) translate3d(0,0,calc(var(--d) /  2)) var(--mm1) rotate3d(0,1,0,   0deg); }
.PurcFloat .vboxx li:nth-child(4) { transform:var(--rr1) translate3d(calc(var(--w) / -2),0,0) var(--mm1) rotate3d(0,1,0, -90deg); }
.PurcFloat .vboxx li:nth-child(5) { transform:var(--rr1) translate3d(0,calc(var(--h) / -2),0) var(--mm1) rotate3d(1,0,0,  90deg); }
.PurcFloat .vboxx li:nth-child(6) { transform:var(--rr1) translate3d(0,0,calc(var(--d) / -2)) var(--mm1) rotate3d(0,1,0, 180deg); }
@media screen and (min-width:840px) {
	:where(.PurcFloat,
	.PurcFloat:hover,
	.PurcFloat:visited) {
		--ry:75px;
		font-size:13px;
	}
	.PurcFloat > div {
	}
	:where(.PurcFloat .statPic) {
		top:25px;
	}
}

small {
	font-size:80%;
}
small.product-catch-copy {
	font-size: 110%;
}

.fakeol {
	counter-reset:step;
}
.fakeol > p {
	line-height:1.5;
	text-indent:-1.5em;
	padding-left:1.5em;
}
.fakeol > p:before {
	counter-increment:step;
	content:counter(step);
	display:inline-block;
	width:calc(1em / 0.8);
	height:calc(1em / 0.8);
	padding:0.1em;
	text-indent:0;
	font-size:0.8em;
	border:1px solid #000000;
	border-radius:50%;
	line-height:1;
	text-align:center;
	vertical-align:bottom;
	margin:calc(1em / 0.8 * 0.25);
}

.flx0,
.flx,
.flx1 {
	padding:0 env(safe-area-inset-left);
	position:relative;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.flx0 .inner,
.flx0 .outer,
.flx .inner,
.flx .outer,
.flx1 .inner {
	max-width:1008px;
	padding:8vw;
	line-height:1.6;
	font-size:16px;
	margin:0 auto;
}
.flx0 .outer,
.flx .outer,
.flx1 .outer {
	padding:8vw 0 0;
	text-align:center;
	font-size:16px;
	word-break:keep-all;
}
.flx0 .inner:after,
.flx .inner:after,
.flx1 .inner:after {
	#content:'';
	#display:block;
	#clear:both;
}
.flx .inner > div > div {
	padding:10px 0;
}
.flx1 .inner > div {
	#float:left;
	#width:calc(50% - 12px);
}
.flx1 .inner > div:not(:first-of-type) {
	#margin-left:24px;
}

.flx1 .inner {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.flx1 .inner > div {
	width:calc(50% - 12px);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.flx1 .inner > div > div {
	width:fit-content;
	height:fit-content;
}



.flx0 h2,
.flx h2,
.flx1 h2 {
	text-align:center;
	font-size:52px;
	font-weight:700;
	line-height:1.3;
	word-break:keep-all;
	overflow:visible;
	margin:0 auto 16px;
}
.flx0 [shy]:before,
.flx [shy]:before,
.flx1 [shy]:before {
	content:' ';
	display:inline-block;
	width:0;
}
.flx h4 {
	font-size:1.6em;
	font-weight:700;
	text-align:left;
	margin:1em 0 0.5em;
}
.flx0 p,
.flx p {
	text-align:left;
	font-size:inherit;
}
.flx0 img,
.flx img,
.flx1 img,
.flx0 svg,
.flx svg,
.flx1 svg {
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto 0;
}
.flx0 img,
.flx0 svg {
	margin:0 auto 16px;
}
.flx .spscrollRight {
	position:sticky;
	position:-webkit-sticky;
}
#purchase b {
	text-shadow:0 0 2px #ff0000;
	word-break: break-all;
}
#purchase .addcartbtn input[type='submit'] {
	transition-property:all;
	transition-duration:.4s;
	transition-timing-function:ease;
}
#purchase .addcartbtn input.cartaddinput2,
#purchase .addcartbtn input.cartaddinput3 {
	width:100%;
}
#purchase .addcartbtn input.cartaddinput2 + input.cartaddinput3 {
	margin-top:5px;
}
#purchase .caution {
	font-size:70%;
	color:#ff0000;
}
#purchase .caution:before {
	content:'＊';
}
@media screen and (min-width:750px) {
	.flx#purchase .inner,
	.flx#purchase .outer {
		padding:48px;
	}
	.flx#purchase .outer {
		padding:48px 0 0;
	}
	.flx#purchase .inner {
		display:-webkit-flex;
		display:flex;
		flex-wrap:wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}
	.flx#purchase .inner > div {
		#float:left;
		width:calc(50% - 12px);
		display: flex;
		flex-wrap:wrap;
		#align-items: center;
		align-items: normal;
		justify-content: center;
	}
	.flx#purchase .inner > div > div {
		width:fit-content;
		height:fit-content;
		padding:0 0 10px;
	}
	.flx#purchase .inner > div:not(:first-of-type) {
		#margin-left:24px;
	}
	#purchase .addcartbtn input.cartaddinput2,
	#purchase .addcartbtn input.cartaddinput3 {
		width:auto;
	}
	#purchase .addcartbtn input.cartaddinput2 + input.cartaddinput3 {
		margin-top:0;
		margin-left:5px;
	}
}
@media screen and (min-width:840px) {
	.flx0 .inner,
	.flx0 .outer,
	.flx .inner,
	.flx .outer,
	.flx1 .inner {
		padding:48px;
	}
	.flx0 .outer,
	.flx .outer,
	.flx1 .outer {
		padding:48px 0 0;
	}
	.flx .inner {
		display:-webkit-flex;
		display:flex;
		flex-wrap:wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}
	.flx .inner > div {
		#float:left;
		width:calc(50% - 12px);
		display: flex;
		flex-wrap:wrap;
		align-items: center;
		justify-content: center;
	}
	.flx .inner > div > div {
		width:fit-content;
		height:fit-content;
		padding:0 0 10px;
	}
	.flx .inner > div:not(:first-of-type) {
		#margin-left:24px;
	}
}

.h2svg text {
	text-anchor:start;
	font-size:22px;
	font-weight:700;
	filter:url(#h2svg);
}
.h2svg text tspan[big] {
	font-size:160%;
}

.toshop {
	border-radius:5px;
	padding:25px;
	max-width:320px;
	margin:0 auto;
}
.toshop .pic[preimg] {
	position:relative;
}
.toshop .pic[preimg]:before {
	content:'';
	display:block;
	padding-top:100%;
}
.toshop .pic[preimg] img {
	position:absolute;
	inset:0;
}
.toshop h5 {
	font-weight:bold;
	min-height:3.4em;
}
.toshop .normal_price {
	font-size:80%;
	text-decoration:line-through;
}
.toshop .price {
	font-size:90%;
}
.toshop .price_in {
	color:#ff0000;
}
.toshop hr {
	border:1px dotted #555555;
	border-style:dotted none none,
}
.toshop a {
	color:#cc0000;
	font-size:13px;
}
.toshop a:hover {
	color:#990000;
}
.toshop a:before {
	content:'▶';
	display:inline-block;
	width:16px;
	font-size:5px;
	color:#fff;
	vertical-align:middle;
}
.toshop .addcartbtn {
	border-radius: 5px;
	cursor: pointer;
	border: none;
	text-align:center;
}
.toshop input[type='submit'] {
	border:none;
	border-radius:5px;
	background-color:#D26969;
	color:#FFFFFF;
	width:150px;
	height:40px;
}


.threew {
	padding:0 env(safe-area-inset-left);
	background-position:0% center;
	background-size:auto 150%;
	background-repeat:no-repeat;
}
.threew > .inner {
	max-width:1040px;
	padding:48px;
	line-height:1.6;
	font-size:16px;
	margin:0 auto;
}
.threew > .inner:after {
	content:'';
	display:block;
	clear:both;
}
.threew > .inner h3 {
	font-size:1.6em;
	font-weight:700;
	text-align:left;
}
.threew > .inner p {
	text-align:left;
	font-size:inherit;
}
.threew > .inner img {
	display:block;
	max-width:100%;
	margin:0 auto 16px;
	#filter:drop-shadow(0 1vw .5vw black) drop-shadow(0 1vw .5vw black);
	#filter:drop-shadow(0 4px 10px black) drop-shadow(0 4px 10px black);
	text-shadow:0 4px 10px black;
}
.threew > .inner svg {
	display:block;
	max-width:100%;
	margin:0 auto 16px;
	overflow:visible;
}
.threew > .inner svg image {
	filter:url(#nico1_shadow1);
	width:453px;
}
.threew > .inner svg text {
	text-anchor:start;
	font-weight:700;
}
.threew > .inner svg text:nth-of-type(1) {
	font-family:serif;
	transform:translate(5px, 373px);
	font-size:70px;
	font-style:italic;
		filter:url(#nico1_shadow2);
}
.threew > .inner svg text:nth-of-type(2) {
	font-family:monospace;
	transform:translate(5px, 427px);
	font-size:27px;
		filter:url(#nico1_shadow3);
}
.threew > .inner div h4,
.threew > .inner div span {
	display:block;
	width:533px;
	max-width:100%;
	margin:0 auto;
	color:#fff;
}
.threew > .inner div h4 {
	font-size:10vw;
	font-family:serif;
	font-style:italic;
	font-weight:700;
	line-height:1;
	#filter:drop-shadow(0 0 .5vw black) drop-shadow(0 0 .5vw black) drop-shadow(0 0 .5vw black);
	text-shadow:0 0 .5vw black;
}
.threew > .inner div span {
	font-size:4.5vw;
	#filter:drop-shadow(0 .4vw .3vw black) drop-shadow(0 .4vw .3vw black) drop-shadow(0 .4vw .3vw black);
	text-shadow:0 .4vw .3vw black;
}
@media screen and (min-width:840px) {
	.threew {
		background-size:150vw auto;
	}
	.threew > .inner > div {
		float:left;
		width:calc((100% - 48px) / 3);
	}
	.threew > .inner > div:not(:first-of-type) {
		margin-left:24px;
	}
	.threew > .inner div h4 {
		font-size:45px;
		#filter:drop-shadow(0 0 7px black) drop-shadow(0 0 7px black) drop-shadow(0 0 7px black);
		text-shadow:0 0 7px black;
	}
	.threew > .inner div span {
		font-size:20px;
		#filter:drop-shadow(0 2px 1px black) drop-shadow(0 2px 1px black) drop-shadow(0 2px 1px black);
		text-shadow:0 2px 1px black;
	}
}

.hashes:after {
	content:'';
	display:block;
	clear:both;
}
.hashes span {
	position: relative;
	display:block;
	float:left;
	font-size:11px;
	font-weight:700;
	line-height:1.2;
	margin:2px 5px 5px 10px;
	padding:4px 7px;
	background-color:rgb(255, 255, 255);
	border-radius:0px 2px 2px 0px;
	color:#000000;
}
.hashes span:before {
	border-top: 10px solid transparent;
	border-right: 8px solid rgb(255, 255, 255);
	border-bottom: 10px solid transparent;
	content:'';
	height: 0px;
	position: absolute;
	top: 0px;
	left: -8px;
	width: 0px;
}

.ShadowBack {
	position:fixed;
	top:50%;
	left:50%;
	right:50%;
	bottom:50%;
	z-index:15;
}
.ShadowBack > div {
	position:absolute;
	top:-50vh;
	left:-50vw;
	right:-50vw;
	bottom:-50vh;
	width:0px;
	height:0px;
	margin:auto;
	transition-property:all;
	transition-duration:0.3s;
	transition-timing-function:linear;
}
.ShadowBack > div > div {
	position:relative;
	width:100%;
	height:100%;
}
.ShadowBack > div > div:after {
	content:'';
	display:block;
	position:absolute;
	border-radius:30px;
	top:-30px;
	left:-30px;
	right:-30px;
	bottom:-30px;
}
.PopUp {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:20;
	text-align:center;
	line-height:100vh;
	overflow:auto;
}
.PopUp > div {
	width:240px;
	display:inline-block;
	line-height:1.5;
	vertical-align:middle;
	text-align:left;
	transition-property:all;
	transition-duration:0.1s;
	transition-timing-function:linear;
	border-radius:30px;
	overflow:hidden;
	transform:scale(0);
	opacity:0;
}
.PopUp > div > div {
	position:relative;
	width:100%;
	height:100%;
}
.PopUp > div > div > div {
	padding:30px 30px 15px;
}
.PopUp > div > div > div:last-child {
	padding:15px 30px;
	cursor:pointer;
}
@media screen and (min-width:540px) {
	.PopUp > div {
		width:480px;
	}
}

/*
.Doctor {
	position:relative;
	display:block;
	font-size:2.5vw;
}
.Doctor input {
	display:none;
}
.Doctor h2 {
	display:none;
	font-size:200%;
	font-weight:bold;
	text-align:center;
	padding:1em;
}
.Doctor h3 {
	font-size:140%;
	font-weight:bold;
}
.Doctor .books {
	position:absolute;
	z-index:3;
	inset:40vw 0 0;
	text-align:right;
	height:0;
	max-width:1216px;
	margin:0 auto;
	pointer-events:none;
}
.Doctor .books .make {
	position:absolute;
	inset:auto 0 12vw;
	width:fit-content;
	margin:auto 30vw auto auto;
}
.Doctor .books .make:before,
.Doctor .books .make:after {
	content:'';
	width:1em;
	height:1em;
	display:inline-block;
	vertical-align:text-bottom;
}
.Doctor .books .make:before {
	border-left:1.5px solid #000000;
	transform:skewX(15deg);
}
.Doctor .books .make:after {
	border-right:1.5px solid #000000;
	transform:skewX(-15deg);
}
.Doctor .bk {
	position:absolute;
	inset:auto 0 -5vw;
	padding-right:30vw;
}
.Doctor .books img {
	width:10vw;
	transform:rotate(30deg);
	box-shadow:0 1vw 1vw #00000099;
}
@media screen and (min-width:840px) {
	.Doctor .books {
		inset:calc(300px + 3vw) 0 0;
	}
	.Doctor .books .make {
		inset:auto 0 100px;
		margin:auto 260px auto auto;
	}
	.Doctor .bk {
		inset:auto 0 -15px;
		padding-right:260px;
	}
	.Doctor .books img {
		width:65px;
		box-shadow:0 5px 5px #00000099;
	}
}
.Doctor .area {
	inset:-5vw 0 auto;
	max-height:2500px;
	max-width:100vw;
	width:100%;
	padding:4vw 2vw 2vw;
	overflow:hidden;
	margin:auto;
}
.Doctor .banner,
.Doctor .texts {
	position:relative;
	max-width:1216px;
	width:100%;
	border-radius:20px;
	margin:auto;
	z-index:2;
}
.Doctor .banner {
	display:block;
	height:33vw;
	width:calc(100% - 10vw);
	background-color:#e6e7e2;
	margin-bottom:0;
	box-shadow:0 10px 10px #00000055;
}
.Doctor .wr {
	display:flex;
	flex-direction:column;
	place-content:space-around;
	background-size:auto 45vw;
	background-repeat:no-repeat;
	background-position:right top;
	border-radius:0 20px 20px 0;
	height:100%;
	max-width:950px;
	padding:0 2em;
	margin:0 0 0 auto;
}
.Doctor[ready] .wr {
	background-image:url(/top.doctor.jpg);
}
.Doctor .banner:hover .wr,
.Doctor input:checked ~ .area .banner .wr {
	#background-size:auto 50vw;
}
.Doctor .marg {
	margin-bottom:0;
}
.Doctor input:checked ~ .area .marg {
}
.Doctor .texts {
	height:fit-content;
	background-image:linear-gradient(to bottom, #e6e7e2, #ffffff 10vw);
	font-size:150%;
	margin-top:5vw;
	margin-bottom:5vw;
	padding:1em;
	max-height:65em;
	width:calc(100% - 10vw);
	box-shadow:0 10px 10px #00000055;
}
.Doctor .texts > * {
	padding:1em;
}
.Doctor .texts li {
	display:block;
}
.Doctor .texts > div {
	font-size:80%;
}
.Doctor .texts h4 {
	font-size:120%;
	font-weight:bold;
	padding:0 0 .5em;
}
.Doctor .texts li h4:before {
	content:'▶';
}
.Doctor .texts .prof h4 {
	line-height:1.5;
}
.Doctor .texts .prof h4:before {
	content:'';
}
.Doctor .texts li + .prof h4:after {
	content:'';
	display:inline-block;
	width:calc(100% - 8em);
	margin-left:1em;
	height:.75em;
	border-bottom:1px solid #000000;
	vertical-align:top;
}
@media screen and (min-width:840px) {
	.Doctor {
		font-size:16px;
	}
	.Doctor .area {
		max-height:2500px;
		box-shadow:0 10px 10px #00000055;
	}
	.Doctor .banner {
		width:calc(100% - 80px);
	}
	.Doctor .banner,
	.Doctor .texts {
		max-width:1216px;
	}
	.Doctor .texts {
		margin-top:48px;
		margin-bottom:48px;
		width:calc(100% - 80px);
	}
	.Doctor .banner {
		height:300px;
	}
	.Doctor .wr {
		background-size:auto 400px;
	}
	.Doctor .banner:hover .wr,
	.Doctor input:checked ~ .area .banner .wr {
		#background-size:auto 450px;
	}
}*/

.Doctor {
	position:relative;
	display:block;
	z-index:2;
	overflow:visible;
	font-size:2.5vw;
}
.Doctor input[type='checkbox'] {
	display:none;
}
.Doctor h2 {
	font-size:200%;
	font-weight:bold;
	width:fit-content;
	margin:auto;
	line-height:2;
}
.Doctor h3 {
	font-size:140%;
	font-weight:bold;
}
.Doctor .ttle .labl {
	position:relative;
	font-size:80%;
	background-color:#dd3333;
	color:#ffffff;
	width:fit-content;
	padding:.3em 2px .3em 1em;
	line-height:1.2;
	margin-left:-3em;
}
.Doctor .ttle .labl:after,
.Doctor .ttle .labl:before {
	position:absolute;
	content:'';
	display:block;
	inset:0 -7px 0 100%;
}
.Doctor .ttle .labl:before {
	inset:0 -7px auto calc(100% + 1px);
	border:3px solid #dd333300;
	border-left-color:#dd3333;
	border-bottom-color:#dd3333;
}
.Doctor .ttle .labl:after {
	inset:7px -7px 0 calc(100% - 1px);
	background-color:#dd3333;
}
.Doctor .ttle b {
	font-size:180%;
}
.Doctor .close {
	position:absolute;
	inset:0;
	display:block;
	#background-image:linear-gradient(to bottom, #00000000, #00000099 100px, #00000099 calc(100% - 100px), #00000000);
	#background-color:#00000099;
	cursor:pointer;
}
.Doctor .books {
	position:absolute;
	z-index:3;
	inset:calc(4em + 36vw) 0 0;
	text-align:right;
	height:0;
	max-width:1216px;
	margin:0 auto;
	pointer-events:none;
}
.Doctor .books .make {
	position:absolute;
	inset:auto 0 12vw;
	width:fit-content;
	margin:auto 30vw auto auto;
}
.Doctor .books .make:before,
.Doctor .books .make:after {
	content:'';
	width:1em;
	height:1em;
	display:inline-block;
	vertical-align:text-bottom;
}
.Doctor .books .make:before {
	border-left:1.5px solid #000000;
	transform:skewX(15deg);
}
.Doctor .books .make:after {
	border-right:1.5px solid #000000;
	transform:skewX(-15deg);
}
.Doctor .bk {
	position:absolute;
	inset:auto 0 -5vw;
	padding-right:30vw;
}
.Doctor .books img {
	width:10vw;
	transform:rotate(30deg);
	box-shadow:0 1vw 1vw #00000099;
}
@media screen and (min-width:840px) {
	.Doctor .books {
		inset:calc(300px + 2vw) 0 0;
	}
	.Doctor .books .make {
		inset:auto 0 100px;
		margin:auto 300px auto auto;
	}
	.Doctor .bk {
		inset:auto 0 -15px;
		padding-right:300px;
	}
	.Doctor .books img {
		width:65px;
		box-shadow:0 5px 5px #00000099;
	}
}
.Doctor .area {
	inset:10vw 0 auto;
	max-width:100vw;
	border-radius:22px;
	width:100%;
	overflow:hidden;
	margin:auto;
	padding-top:0;
	top:-5vw;
	border-radius:0;
}
.Doctor .banner,
.Doctor .texts {
	position:relative;
	max-width:1216px;
	width:100%;
	border-radius:20px;
	margin:auto;
	z-index:2;
	color:#000000;
}
.Doctor .banner {
	display:block;
	height:33vw;
	background-color:#e6e7e2;
	margin-bottom:2em;
	width:calc(100% - 10vw);
}
.Doctor a.banner {
	transition-duration:.3s;
	transition-property:all;
	transition-timing-function:ease;
}
.Doctor a.banner:hover {
	box-shadow:0 1em 2em #00000088;
}
.Doctor .wr {
	display:flex;
	flex-direction:column;
	place-content:space-around;
	background-image:url(/top.doctor.jpg);
	background-size:auto 45vw;
	background-repeat:no-repeat;
	background-position:right top;
	border-radius:0 20px 20px 0;
	height:100%;
	max-width:950px;
	padding:1em 2em;
	margin:0 0 0 auto;
}
.Doctor .texts {
	max-height:0;
	height:fit-content;
	padding:0 1em;
	background-image:linear-gradient(to bottom, #e6e7e2, #ffffff 10vw);
	font-size:150%;
	width:calc(100% - 10vw);
	margin-bottom:10vw;
	padding:1em;
	max-height:65em;
}
.Doctor .texts > * {
	padding:1em;
}
.Doctor .texts li {
	display:block;
}
.Doctor .texts > div {
	font-size:80%;
}
.Doctor .texts h4 {
	font-size:120%;
	font-weight:bold;
	padding:0 0 .5em;
}
.Doctor .texts li h4:before {
	content:'▶';
}
.Doctor .texts > div h4:before {
	content:'【';
}
.Doctor .texts > div h4:after {
	content:'】';
}
@media screen and (min-width:840px) {
	.Doctor {
		font-size:16px;
	}
	.Doctor .area {
		inset:10vw 0 auto;
		max-width:1216px;
		width:calc(100% - 80px);
	}
	.Doctor .banner,
	.Doctor .texts {
		max-width:1216px;
	}
	.Doctor .texts {
		width:calc(100% - 80px);
	}
	.Doctor .banner {
		width:calc(100% - 80px);
		height:300px;
	}
	.Doctor .wr {
		background-size:auto 400px;
	}
}

.Switch {
	display:inline-block;
	width:70px;
	height:30px;
	border-radius:16px;
	overflow:hidden;
	padding:0 28px 0 0;
	white-space:nowrap;
	vertical-align:bottom;
	cursor:pointer;
}
.Switch[readonly] {
	pointer-events:none;
}
.Switch input { display:none; }
.Switch div {
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin-right:1px;
	transition-property:margin;
	transition-duration:0.1s;
	transition-timing-function:ease-in;
}
.Switch div:after {
	content:'';
	position:absolute;
	display:block;
	width:26px;
	height:26px;
	border-radius:13px;
	margin:2px;
}
.Switch input:checked + div {
	margin-left:40px;
}
.Switch div > * {
	position:absolute;
	box-sizing:border-box;
	display:block;
	vertical-align:top;
	text-align:center;
	width:72px;
	height:30px;
	padding:0;
	font-size:11px;
	line-height:30px;
	font-style:normal;
	font-weight:normal;
}
.Switch div > *:nth-child(1) {
	right:-31px;
	padding-right:20px;
}
.Switch div > b:empty:after {
	content:'火';
}
.Switch div > *:nth-child(2) {
	left:0;
	padding-left:20px;
}
.Switch input:checked + div > *:nth-child(2) {
	left:31px;
}
.Switch div > i:empty:after {
	content:'安';
}
@media screen and (min-width:540px) {
	.Switch {
		width:50px;
		height:22px;
		border-radius:16px;
		padding:0 20px 0 0;
	}
	.Switch div:after {
		width:18px;
		height:18px;
		border-radius:10px;
		margin:2px;
	}
	.Switch input:checked + div {
		margin-left:28px;
	}
	.Switch div > * {
		width:52px;
		height:22px;
		padding:0;
		font-size:9px;
		line-height:22px;
	}
	.Switch div > *:nth-child(1) {
		right:-23px;
		padding-right:16px;
	}
	.Switch div > *:nth-child(2) {
		left:0;
		padding-left:16px;
	}
	.Switch input:checked + div > *:nth-child(2) {
		left:31px;
	}
}

.CircleList {
	overflow:hidden;
	line-height:1.5;
}
.CircleList input {
	display:none;
}
.CircleList label {
	display:inline-block;
	text-align:center;
	line-height:26px;
	border-radius:20px;
	border:1px solid rgba(0,0,0,.15);
	margin:0 1px 1px 0;
	padding:1px;
}
.CircleList label:hover div:before {
	border-color:rgba(0,0,0,.15);
}
.CircleList label div {
	display:inline-block;
	line-height:26px;
	padding:0 10px 0 0;
	cursor:pointer;
}
.CircleList label div:before {
	content:'';
	display:inline-block;
	width:26px;
	height:26px;
	line-height:0px;
	vertical-align:bottom;
	border-radius:20px;
	margin-right:5px;
	border:1.5px solid rgba(0,0,0,0);
	transition-property:all;
	transition-duration:0.3s;
	transition-timing-function:linear;
}

.CircleRadio {
	overflow:hidden;
	line-height:1.5;
}
.CircleRadio input {
	display:none;
}
.CircleRadio label {
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:20px;
	margin-left:20px;
	cursor:pointer;
	border:1.5px solid rgba(0,0,0,0);
	transition-property:all;
	transition-duration:0.3s;
	transition-timing-function:linear;
}
.CircleRadio label:hover {
	border-color:rgba(0,0,0,.15);
}
.CircleRadio div {
	height:0;
	#white-space:nowrap;
	line-height:1.5;
}
.CircleRadio b {
	position:relative;
	height:30px;
	vertical-align:top;
}
.CircleRadio b:after {
	position:absolute;
	content:'';
	display:inline-block;
	width:30px;
	height:30px;
	border:2px solid rgba(10,10,10,.0);
	border-radius:20px;
	right:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	transition-property:all;
	transition-duration:0.5s;
	transition-timing-function:ease-in;
}
.CircleRadio span {
	display:inline-block;
	width:0;
	height:30px;
	transition-property:all;
	transition-duration:0.2s;
	transition-timing-function:ease-out;
	#border:1px solid #000000;
	vertical-align:top;
}
.CircleRadio input:checked ~ span { width:50px; }
.CircleRadio input:checked ~ b:after { border:2px solid rgba(10,10,10,.7); }
@media screen and (min-width:540px) {
	.CircleRadio label {
		width:25px;
		height:25px;
		line-height:25px;
		margin-left:25px;
	}
	.CircleRadio span,
	.CircleRadio b {
		height:25px;
	}
	.CircleRadio b:after {
		width:25px;
		height:25px;
	}
}

.SmallList > span {
	display:block;
	text-align:right;
}
.SmallList > .list > div > input {
	display:none;
}
.SmallList > .list {
	display:table;
	width:100%;
}
.SmallList > .list > div {
	display:table-row;
}
.SmallList > .list > div > * {
	display:table-cell;
	padding:1px 1px 3px;
}
.SmallList > .list > div:nth-child(even) {
	background-color:rgba(0,0,0,.1);
}
.SmallList > .list > div > label {
	position:relative;
	width:0.5%;
	min-width:26px;
	line-height:26px;
	text-align:center;
	vertical-align:top;
	cursor:pointer;
	margin-right:4px;
}
.SmallList > .list > div > label:first-of-type:before {
	position:absolute;
	content:'';
	display:block;
	left:0;
	right:0;
	top:0;
	bottom:0;
	border:2px solid rgba(0,0,0,.05);
	border-radius:50%;
	width:26px;
	height:26px;
	margin:0;
	transition-property:border;
	transition-duration:0.1s;
	transition-timing-function:ease-in;
}
.SmallList > .list > div > label:hover:before {
	border:2px solid rgba(0,0,0,.1);
}
.SmallList > .list > div > input:checked + label:before {
	border:3px solid rgba(0,0,0,.5);
}
.SmallList > span input + input {
	margin-left:1px;
}
@media screen and (min-width:540px) {
	.SmallList > .list > div > label:before {
		width:23px;
		height:23px;
	}
}

.Popup {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding:50px;
	background-color:rgba(0,0,0,.5);
	z-index:9;
	transition-property:all;
	transition-duration:.3s;
	transition-timing-function:linear;
	opacity:0;
}
.Popup div {
	width:100%;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	transition-property:all;
	transition-duration:.3s;
	transition-timing-function:linear;
}
.Popup[act] {
	opacity:1;
	padding:10px;
}

.wordRound {
	font-family:ronde-b, sans-serif;
	font-weight:400;
	text-align:center;
	max-width:404px;
	margin:0 auto;
	padding:4vw 0;
}
.wordRound > div {
	position:relative;
	display:inline-block;
	width:30vw;
	max-width:40%;
	border:1vw solid #fff;
	border-radius:15vw;
	margin:0 1vw;
	font-size:3vw;
}
.wordRound > div:before {
	content:'';
	display:block;
	padding-top:100%;
}
.wordRound > div > span {
	position:absolute;
	display:block;
	left:0;
	right:0;
	line-height:.8;
}
.wordRound > div > span:nth-child(1) {
	top:25%;
	font-size:180%;
}
.wordRound > div > span:nth-child(2) {
	top:50%;
	font-size:430%;
}
@media screen and (min-width: 500px) {
	.wordRound > div {
		font-size:14px;
	}
}
@media screen and (min-width: 840px) {
	.wordRound {
		padding:20px 0;
	}
	.wordRound > div {
		width:160px;
		border-width:5px;
		border-radius:80px;
		margin:0 10px;
	}
}

.top_model {
	position:relative;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
}
.top_model:before {
	content:'';
	display:block;
	padding-top:100%;
}
.top_model > img,
.top_model > svg,
.top_model > span {
	position:absolute;
}
.flx > .top_model img {
	display:unset;
	max-width:unset;
	margin:unset;
}
.top_model [light] {
	top:0;
	right:-25%;
	left:auto;
	bottom:0;
	width:calc(100% / 72 * 128);
}
.top_model [model] {
	top:0;
	right:0;
	width:80%;
}
.top_model [shade] {
	bottom:0;
	left:0;
	right:0;
	height:35%;
	display:block;
	background:linear-gradient(0deg, black, transparent);
}
.top_model [badge] {
	bottom:5%;
	right:1%;
}
.top_model [produ] {
	bottom:3%;
	left:1%;
	width:50%;
}
.top_model [ttext] {
	top:7%;
	left:-2%;
	width:63%;
}
.top_model [anoun] {
	bottom:1%;
	left:8%;
	font-size:10px;
	text-indent:-1em;
	display:block;
}
@media screen and (min-width:840px) {
	.top_model:before {
		padding-top:calc(100% / 128 * 72);
	}
	.top_model [light] {
		right:0;
		left:0;
		width:100%;
	}
	.top_model [model] {
		top:0;
		right:5%;
		width:45%;
	}
	.top_model [produ] {
		left:4%;
		width:33%;
	}
	.top_model [ttext] {
		top:2%;
		left:2%;
		width:57%;
	}
	.top_model [anoun] {
		bottom:2%;
		left:38%;
	}
}

.Breadcrumb {
	position:absolute;
	top:calc(50vw - 20px);
	left:0;
	right:0;
	line-height:1.2;
	z-index:3;
}
.Breadcrumb > * {
	position:relative;
	display:table;
	margin:0 auto;
}
.Breadcrumb > * > * {
	display:table-cell;
	text-align:center;
}
.Breadcrumb > * > *:not(:last-child):after {
	content:'/';
	display:inline-block;
	padding:0 5px 0 5px;
}
.Breadcrumb > * > h1 {
	display:table-caption;
	font-size:20px;
}
.Breadcrumb > * > * > * {
	display:inline-block;
	padding:0 0 0 5px;
}
@media screen and (min-width:540px) {
	.Breadcrumb {
		top:calc(25vw - 20px);
	}
	.Qelect > .list[bottom] > * {
		bottom:26px;
	}
}

.Head {
	position:sticky;
	position:-webkit-sticky;
	z-index:5;
}

.FormHead {
	border-width:1px;
	border-style:solid;
	box-shadow:0 3px 7px rgba(0,0,0,.5);
}
.FormHead:after {
	content:'';
	display:block;
	clear:both;
}
.FormHead > .pager,
.FormHead .control {
	display:inline-block;
	padding:4px;
}
.FormHead .control {
	float:right;
	vertical-align:top;
	white-space:nowrap;
}
.list .pager input,
.FormHead .pager input {
	padding:6px 0.25em;
}
.list .pager input:not(:first-child):not(:last-child),
.FormHead .pager input:not(:first-child):not(:last-child) {
	padding:6px 0.5em;
}
.list .pager input + input,
.FormHead .pager input + input {
	margin-left:1px;
}
.list .pager .nowPage,
.FormHead .nowPage {
	display:inline-block;
	padding:7px 5px;
	min-width:50px;
	text-align:center;
}
.nowPage select,
.list .pager .nowPage select,
.FormHead .nowPage select{
	border:none;
	padding:0;
	background:transparent;
	width:auto;
	text-align:right;
	line-height:1;
	vertical-align:baseline;
}
.nowPage option,
.list .pager .nowPage option,
.FormHead .nowPage option {
	padding:5px 10px;
}
@media screen and (min-width:540px) {
	.FormHead {
		display:table;
		width:100%;
	}
	.FormHead > .pager,
	.FormHead .control {
		width:99%;
		display:table-cell;
	}
	.FormHead .control {
		width:1%;
		float:none;
	}
	.list .pager .nowPage,
	.FormHead .nowPage {
		padding:3px;
	}
	.list .pager input,
	.FormHead .pager input {
		padding:2px 0.25em;
	}
	.list .pager input:not(:first-child):not(:last-child),
	.FormHead .pager input:not(:first-child):not(:last-child) {
		padding:2px 0.5em;
	}
}

.Form {
	border-spacing:0;
}
.Form, .Form :where(thead, tbody, tr, td, th) {
	display:block;
}
.Form :where(td, th) {
	padding:5px;
}
.Form :where(th) {
	padding:20px 5px 5px;
	font-weight:lighter;
	text-align:left;
	line-height:calc(1em + 6px);
}
.Form :where(td:not([text])) {
	padding:1px 2px 0;
	line-height:1;
}
@media screen and (min-width:540px) {
	.Form:not([sm]) {
		display:table;
		width:100%;
	}
	.Form:not([sm]) :where(thead) { display:table-header-group; }
	.Form:not([sm]) :where(tbody) { display:table-row-group; }
	.Form:not([sm]) :where(tr) { display:table-row; }
	.Form:not([sm]) :where(td, th) { display:table-cell; }
	.Form:not([sm]) :where(th) {
		padding:4px 3px 3px;
		width:20%;
		text-align:center;
	}
	.Form:not([sm]) :where(td) {
		width:30%;
	}
}

.List {
	position:relative;
	overflow:auto;
	#max-height:calc(100vh - 170px);
}
.List > table {
	width:100%;
	border-spacing:0;
}
.List > table > * > * > * {
	padding:0;
	border:none;
	white-space:nowrap;
	padding:8px 5px;
}
.List > table > * > * > * > div {
	display:inline-block;
	vertical-align:top;
}
.List > * > thead > * > *,
.List > table > * > * > th {
	position:sticky;
	position:-webkit-sticky;
	z-index:2;
	font-weight:normal;
}
.List > * > thead > * > *[DESC]:after {
	content:'▼';
}
.List > * > thead > tr > *[ASC]:after {
	content:'▲';
}
.List > * > thead > tr > th {
	z-index:3;
}
.List > * > thead > tr > *:nth-of-type(n) {
	top:0;
	text-align:center;
}
.List > * > thead > tr > *[onclick] {
	cursor:pointer;
}
.List > * > * > tr > * {
	#left:0;
}
.List > * > tbody > tr > *[onclick]:hover,
.List > * > tbody > tr[onclick] > *:hover {
	cursor:pointer;
}
.List > * > tbody > tr:last-child > th {
	#text-align:left;
	#bottom:0;
}
.List > .tips,
.List > .sum {
	position:sticky;
	position:-webkit-sticky;
	left:0;
	padding:8px 5px;
}
.List > .sum {
	position:sticky;
	position:-webkit-sticky;
	bottom:0;
	white-space:nowrap;
	z-index:3;
}
@media screen and (min-width:540px) {
	.List > * > * > tr > * {
		padding:5px;
	}
}
/*
.header-notice {
	position: absolute;
    left: 100%;
    width: 20em;
    z-index: 3;
}
.header-notice:hover {
	color: #0000dd;
}

.header-notice span {
	font-size: 100%;
	font-weight: 600;
}
@media screen and (max-width:840px) {
	.header-notice {
        top: 100%;
		left: 0;
        width: 100vw;
	}
	.header-notice span {
		font-size: 2vw;
		font-weight: 600;
	}
	header {
		padding-bottom: 3vw;
	}
}
*/