@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;
}
svg {
	overflow:none;
}
svg text {
	fill:#ffffff;
	text-anchor:middle;
	font-size:35px;
	font-family:'Open Sans';
}
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-family:'Open Sans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',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 {
	margin-top:48px;
	min-height:calc(100vh - 73px - 37px - 80px);
}
@media screen and (min-width:1080px) {
	.document {
		margin-top:96px;
	}
}

a, a:hover, a:visited {
	color:#a0a0a0;
	text-decoration:none;
}

ruby > rt {
	font-size:40%;
}

body > strong {
	display:block;
	height:0;
	overflow:scroll;
}
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:6px;
	vertical-align:bottom;
}
input[type='text'],
input[type='email'],
input[type='zip'],
input[type='tel'],
input[type='password'],
input[type='file'],
textarea, select, button {
	width:100%;
}
input[type='tel'] {
	text-align:right;
}
input[type='color'] {
	padding:1px;
	border:0;
	width:100%;
}
button,
input[type='submit'],
input[type='button'] {
	min-width:2em;
	padding:6px 10px;
}
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;
	display:block;
	padding:7px 3px;
}
textarea {
	resize:none;
}
@media screen and (min-width:540px) {
	input, textarea, select, button {
		padding:2px;
	}
	button,
	input[type='submit'],
	input[type='button'] {
		padding:2px 5px;
	}
	select {
		padding:2px 4px;
	}
	select + .selecttri:before {
		padding:3px 5px;
	}
}
*[a-left] {
	text-align:left;
}
*[a-right] {
	text-align:right;
}

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

.FormError {
	position:relative;
	display:block;
}
.FormError .inner {
	position:absolute;
	display:block;
	border-radius:5px;
	padding:5px 10px;
	font-weight:bold;
	font-size:12px;
	bottom:-3px;
	right:-2px;
	box-shadow:0 0 20px #ffffff;
	max-width:60%;
}
.FormError .into {
	position:absolute;
	width:0;
	height:150px;
	bottom:0;
}

span[shy],
img:not([src]):not([loadSVG]):not([alpha]):not([rgb]) {
	overflow:hidden;
	display:inline-block;
	line-height:1;
	height:1em;
	vertical-align:middle;
}
span[shy]:before {
	content:' ';
	width:1em;
}

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

header {
	position:sticky;
	position:-webkit-sticky;
	position:fixed;
	top:0;
	left:0;
	right:0;
	#position:relative;
	display:block;
	z-index:5;
	padding:0 env(safe-area-inset-left);
	background:#ffffff;
	transition-property:box-shadow;
	transition-duration:0.5s;
	transition-timing-function:linear;
}
header > div {
	position:relative;
	max-width:1296px;
	padding:0 48px;
	margin:0 auto;
}
header > div:after {
	content:'';
	display:block;
	clear:both;
}

header a:nth-child(1) {
	display:block;
	margin:0 auto;
	width:fit-content;
	text-decoration:none;
}
header .VerifyLabel {
	position:absolute;
	display:block;
	bottom:5px;
	left:calc(50% - 100px);
	padding:0 20px;
	border-radius:10px;
	background-color:#701001;
	font-size:80%;
	line-height:20px;
	color:#fff;
}
header a:nth-of-type(2) {
	position:absolute;
	display:block;
	bottom:5px;
	left:calc(50% + 30px);
	margin:0 auto;
	line-height:18px;
	border-radius:10px;
	width:fit-content;
	text-decoration:none;
	box-shadow:-3px 2px 5px #00000064;
	transition-property:box-shadow;
	transition-duration:0.2s;
	transition-timing-function:ease-out;
	font-size:80%;
	background-color:#023770;
	padding:1px 1px 1px 6px;
	color:#fff;
}
header a:nth-of-type(2):before {
	content:'本番';
}
header a:nth-of-type(2):after {
	content:'↑';
	line-height:16px;
	display:inline-block;
	width:18px;
	height:18px;
	padding:1px;
	border-radius:9px;
	background:#fff;
	color:#023770;
	text-align:center;
	margin-left:3px;
	font-family:Meiryo, sans-serif;
	font-weight:700;
}
header a:nth-of-type(2):hover {
	box-shadow:-6px 4px 10px #00000096;
}
header img {
	height:28px;
	transition-property:height;
	transition-duration:0.2s;
	transition-timing-function:linear;
}
header:not([act]) {
	box-shadow:0 3px 45px rgba(0,0,0,.15);
}
header:not([act]) img {
	height:28px;
}
header .toplogo {
	display:block;
	color:#3f4652;
	line-height:0;
	padding:10px 0;
	font-size:18px;
	float:left;
	font-weight:700;
	transition-property:padding;
	transition-duration:0.2s;
	transition-timing-function:linear;
}
@media screen and (min-width:1080px) {
	header {
		#padding:0 max(calc((100vw - 1200px) / 2 + env(safe-area-inset-left)), env(safe-area-inset-left));
	}
	header a:nth-child(1) {
		margin:0;
	}
	header .VerifyLabel {
		bottom:5px;
		left:140px;
	}
	header a:nth-of-type(2) {
		bottom:5px;
		left:226px;
	}
	header img {
		height:40px;
	}
	header:not([act]) img {
		height:34px;
	}
	header .toplogo {
		padding:28px 0;
	}
	header:not([act]) .toplogo {
		padding:15px 0 16px;
	}
}

.snss {
	position:fixed;
	display:block;
	text-align:right;
	pointer-events:none;
	inset:48px 0 auto;
	background-color:#00000000;
	z-index:5;
	--wh:32px;
	transition-duration:.5s;
	transition-timing-function:ease;
	height:calc(var(--wh) + 10px);
	overflow:hidden;
}
.mainMenu input:not(:checked) ~ .snss {
	height:0;
}
strong.snss > a {
	position:relative;
	display:inline-block;
	margin:5px 10px 5px 0;
	overflow:hidden;
	pointer-events:all;
	padding:0;
}
strong.snss > a:before {
	content:'';
	display:none;
}
.snss svg {
	position:relative;
	width:var(--wh);
	height:var(--wh);
	transition-property:all;
	transition-duration:0.2s;
	transition-timing-function:linear;
	display:block;
}
@media screen and (min-width:540px) {
	.snss {
		top:0;
	}
	.mainMenu input:not(:checked) ~ .snss {
		height:auto;
	}
}
@media screen and (min-width:1080px) {
	header:not([act]) ~ .mainMenu .snss {
		--wh:16px;
	}
}
.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;
}

.mainMenu {
	position:fixed;
	top:0;
	left:0;
	z-index:5;
	width:0;
}
@media screen and (min-width:1080px) {
	.mainMenu {
		#padding:0 max(calc((100vw - 1000px) / 2 + env(safe-area-inset-left)), env(safe-area-inset-left)) 0 0;
		padding:0 48px;
	}
}
.mainMenu input {
	display:none;
}
.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 label div:nth-child(1) {
	transform:translate(0, 0) rotate(45deg);
}
.mainMenu label div:nth-child(2) {
	transform:translate(0, 0) rotate(-225deg);
}
.mainMenu label div:nth-child(3) {
	transform:translate(0, 0) rotate(135deg);
}
.mainMenu input:not(:checked) ~ label div:nth-child(1) {
	transform:translate(0, -6px);
}
.mainMenu input:not(:checked) ~ label div:nth-child(2) {
	transform:translate(0, 0);
}
.mainMenu input:not(:checked) ~ label div:nth-child(3) {
	transform:translate(0, 6px);
}
.mainMenu > div {
	position:relative;
	height:calc(100vh - 48px);
	width:0;
}
.mainMenu > div > * {
	position:absolute;
	height:100%;
	top:0;
	left:0;
	transition-property:left;
	transition-duration:0.2s;
	transition-timing-function:ease-in-out;
	background-color:#3f4652;
}
.mainMenu ol {
	display:flex;
	height:auto;
	inset:0 auto auto 0;
	margin:0;
	background-color:#000;
	color:#fff;
	padding:.5em 0 0 .5em;
}
.mainMenu ol li {
	display:block;
	padding:.5em 1em;
	cursor:pointer;
	font-weight:bold;
}
.mainMenu ol li[act] {
	border:1px solid #ffffff88;
	border-radius:.2em;
}
.mainMenu > input:not(:checked) ~ div > * {
	left:-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;
}
.mainMenu > input:not(:checked) ~ div > *:nth-child(1) {
	transition-delay:0.2s;
}
.mainMenu > input:not(:checked) ~ div > *:nth-child(2) {
	transition-delay:0.1s;
}
.mainMenu > input:not(:checked) ~ div > *:nth-child(3) {
	transition-delay:0.0s;
}
.mainMenu > div > label {
	width:100vw;
	background:rgba(0,0,0,.3);
}
.mainMenu ul {
	margin-block-start:0;
	margin-block-end:0;
	padding-inline-start:0;
	padding:0 0 0 1em;
}
.mainMenu > div > ul {
	overflow:auto;
	background:#000000dd;
	padding:48px 4vw 10vw calc(4vw + env(safe-area-inset-left));
	width:100vw;
}
/*.mainMenu > div > ul:before {
	content:'MENU';
	display:block;
	padding:.5em .75em;
	background:#002047;
	color:#fff;
	font-size:16px;
	font-weight:700;
	line-height:1.6;
	margin-bottom:.5em;
}*/
.mainMenu > div > ul[val]:before {
	background:#701001;
}
.mainMenu li {
	display:block;
	text-align:initial;
	white-space:nowrap;
}
.mainMenu a {
	color:#888888;
	display:block;
	padding:.75em 1em .75em 0;
	overflow:hidden;
	text-overflow:ellipsis;
}
.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 > div > ul > li:hover > a:not([unlink]):before {
	padding-right:4px;
}
.mainMenu a[active] {
	color:#0e1318;
}
.mainMenu a[unlink] {
	color:#444444;
}
@media screen and (min-width:1080px) {
	.mainMenu {
		left:0;
		right:0;
		width:100%;
		max-width:1296px;
		padding:0 48px;
		margin:0 auto;
		height:0;
	}
	.mainMenu > div {
		right:0;
		width:auto;
		height:0;
	}
	.mainMenu > label,
	.mainMenu > div > label {
		display:none;
	}
	.mainMenu > div > * {
		#position:static;
		height:auto;
	}
	.mainMenu > div > ul {
		width:auto;
		padding:0 env(safe-area-inset-left) 0 0;
		overflow:visible;
		#background:rgba(253,253,253,.9);
		background:#00000000;
	}
	.mainMenu > :is(input:not(:checked), input:checked) ~ div > ol {
		left:15em;
		width:fit-content;
		color:#00000088;
		background-color:#ffffff00;
		#font-size:80%;
		padding:2px;
		gap:1px;
	}
	.mainMenu ol li {
		line-height:1;
		padding:.5em 1em;
		backdrop-filter:blur(1em);
		background-color:#aaa;
		border:1px solid #00000055;
		transition:all 400ms ease;
	}
	.mainMenu ol li[act] {
		border-color:#00000055;
		background-color:#fff;
	}
	.mainMenu ol li:hover {
		color:#000;
		border-color:#000;
	}
	.mainMenu ol li:first-child {
		border-radius:1em 0 0 1em;
	}
	.mainMenu ol li:last-child {
		border-radius:0 1em 1em 0;
	}
	.mainMenu ul {
		padding:0;
		background:transparent;
	}
/*	.mainMenu > div > ul:before {
		content:none;
	}
	*/
	.mainMenu > div > ul li > ul {
		background:rgba(253,253,253,.9);
		position:absolute;
		box-shadow:0 3px 3px rgba(0,0,0,.2);
		border-top:none;
	}
	.mainMenu > div > ul li:hover > ul {
		transition-property:margin,opacity;
		transition-duration:0.2s;
		transition-timing-function:ease-out;
	}
	.mainMenu > div > ul > li > ul {
		left:50%;
		margin-left:-6.0em;
	}
	.mainMenu > div > ul > li > ul > li ul {
		left:100%;
		top:0;
	}
	.mainMenu > div > ul li:not(:hover) > ul {
		opacity:0;
		margin-top:-100vh;
	}
	.mainMenu > div > ul li > ul a {
		padding:.5em .75em;
		line-height:1.8;
		width:15em;
	}
	.mainMenu > input:checked ~ div > ul,
	.mainMenu > input:not(:checked) ~ div > ul {
		width:fix-content;
		left:auto;
		right:0;
	}
	.mainMenu li {
		position:relative;
		float:left;
		width:auto;
		max-width:15em;
	}
	.mainMenu a {
		position:relative;
		padding:25px 8px;
		line-height:22px;
	}
	.mainMenu a[unlink] {
		color:#dddddd;
	}
	.mainMenu a:before {
		position:absolute;
		display:block;
		content:'';
	}
	.mainMenu a:not([unlink]):before {
		#bottom:1px;
		#right:50%;
		#left:50%;
		background:#3452ff;
		#width:auto;
		#height:2px;
		padding:0;
	}
	.mainMenu > div > ul {
		padding:28px 0;
		transition-property:padding;
		transition-duration:0.2s;
		transition-timing-function:linear;
	}
	header:not([act]) + .mainMenu > div > ul {
		padding:13px 0 12px;
	}
	.mainMenu > div > ul > li > a {
		z-index:3;
	}
	.mainMenu > div > ul > li > a:not([unlink]):before {
		content:'';
		display:block;
		position:absolute;
		width:auto;
		height:2px;
		top:auto;
		bottom:0;
		right:50%;
		left:50%;
	}
	.mainMenu > div > ul > li > a[act]:before,
	.mainMenu > div > ul > li:hover > a:before {
		top:auto;
		bottom:0;
		right:0;
		left:0;
	}
	.mainMenu > div > ul > li > ul li > a {
		padding: .75em 1em .75em 1.5em;
	}
	.mainMenu > div > ul > li > ul li > a:before {
		right:auto;
		left:2px;
		top:50%;
		bottom:50%;
		width:2px;
		height:auto;
	}
	.mainMenu > div > ul > li > ul li > a[act]:before,
	.mainMenu > div > ul > li > ul li:hover > a:before {
		top:20%;
		padding:0;
		bottom:20%;
	}
	.mainMenu li[search] > a,
	.mainMenu li[sp-top] > a,
	.mainMenu li:not([search]):not([sp-top]) > a {
		height:auto;
		line-height:20px;
	}
	.mainMenu > div > ul > li[search],
	.mainMenu > div > ul > li[sp-top],
	.mainMenu > div > ul > li:not([search]):not([sp-top]) {
		padding:10px 10px;
	}
	.mainMenu > div > ul > li[search] > a,
	.mainMenu > div > ul > li[sp-top] > a,
	.mainMenu > div > ul > li:not([search]):not([sp-top]) > a {
		padding:0 0;
	}
	.mainMenu li:not(:first-of-type) > a {
		border-top:none;
	}
}
@media screen and (min-width: 1080px) {
	.mainMenu > div > ul > li > ul > li > a + ul {
		display:none;
	}
}

h1 {
	max-width:1000px;
	width:90%;
	margin:auto;
}

.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;
}

.fullTube {
	position:relative;
	overflow:hidden;
	margin:0 calc(env(safe-area-inset-left) * -1);
	background-image:url(/img/videoback.png);
	background-size:cover;
}
.fullTube:before {
	content:'';
	display:block;
	padding-top:min(calc(100% / 15 * 8), calc(1280px / 15 * 8));
}
.fullTube #ytplayerArea[paused] {
	opacity:0;
}
.fullTube #ytplayerArea[hide] {
	display:none;
}
.fullTube #ytplayerArea {
	position:absolute;
	transition-property:opacity;
	transition-duration:0.3s;
	transition-timing-function:linear;
	top:calc(100% / -8 * 0.5);
	left:calc(100% / -15 * 0.5 + env(safe-area-inset-left));
	right:calc(100% / -15 * 0.5 + env(safe-area-inset-left));
	bottom:calc(100% / -8 * 0.5);
	width:calc(100% / 15 * 16 - env(safe-area-inset-left) * 2);
	height:calc(100% / 8 * 9);
/*	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;/**/
}
.fullTube #ytplayerArea:not([act]) {
	opacity:0;
}
.fullTube #youtube-mask {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	#background:rgba(0,0,0,.5);
}
.fullTube #youtube-mask > div {
	max-width:1296px;
	margin:auto auto 0;
	#border:1px solid #ffffff;
}

.areaDisp {
	padding:5px 1em;
	border:1px solid #aaaaaa;
	line-height:1;
	border-radius:calc(.5em + 5px);
	width:fit-content;
	margin:0 0 10px;
}
.areaDisp:before {
	content:'管理モード：';
}

.crownSvg image {
	width:300px;
}
.crownSvg text {
	fill:#000000;
	text-anchor:middle;
	font-size:35px;
	font-weight:900;
	fill:url(#wordsg);
}
.crownSvg text.nos {
	transform:translate(0,240px) scale(1, 1.4);
}

svg.glaf text.shw {
	font-size:230%;
	filter:drop-shadow(0 0 2px black) drop-shadow(0 0 2px black) drop-shadow(0 0 3px black);
}
svg.glaf text.bbl {
	fill:#1a7cba;
	font-weight:900;
}
svg.glaf text tspan {
	font-size:200%;
	font-family:serif;
}
svg.glaf text.bbl tspan {
	font-size:140%;
}
svg.glaf text.enn {
	font-size:12px;
}

.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;
	}
}

.tgdata {
	display:none;
}
:where(.newses, .newsmenu) {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:1em;
}
.newsmenu {
	width:calc(100% - 16vw);
	margin:auto;
}
.newsmenu .mnitem {
	display:block;
	width:calc((100% - 1em) / 2);
	--cr:#aaa;
}
.newsmenu .mnitem:hover {
	--cr:#66b;
}
.newsmenu .mnitem a {
	display:block;
	padding:calc(.3em - 1px) 1em;
	color:var(--cr);
	background-color:#fff;
	border:1px solid var(--cr);
	transition-duration:.4s;
	transition-property:all;
}
.newsmenu .mnitem.act a {
	color:#fff;
	background-color:var(--cr);
}
@media screen and (min-width:720px) {
	.newsmenu {
		width:calc(100% - 96px);
		margin:auto;
	}
	.newsmenu .mnitem {
		width:fit-content;
	}
}
.newses .news {
	display:block;
	width:100%;
}
.newses .news a {
	display:flex;
	width:100%;
}
.newses .news:hover {
	cursor:pointer;
}
.newses .img {
	width:20%;
	position:relative;
	overflow:hidden;
	--im:linear-gradient(#00000000, #00000000);
	margin:0 .5em 0 0;
}
.newses .ar {
	width:75%;
}
.newses .img:before {
	content:'';
	display:block;
	padding-top:100%;
	background-image:var(--im), linear-gradient(to bottom, #ddd, #eef);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	transition-duration:.4s;
	transition-property:all;
}
.newses .news:hover .img:before {
	transform:scale(1.1);
}
.newses .img img {
	position:absolute;
	inset:-100vw;
	margin:auto;
	max-width:100%;
	max-height:100%;
	min-width:none;
	min-height:none;
	width:auto;
	height:auto;
}
.newses :where(.type, .dats) {
	display:inline-block;
	font-size:70%;
	min-width:6em;
	line-height:1;
	--cr:#666;
	color:var(--cr);
	border-radius:2px;
	text-align:center;
	transition-duration:.4s;
	transition-property:all;
}
.newses .news:hover :where(.type, .dats) {
	--cr:#ccc;
}
.newses .type {
	padding:calc(.3em - 1px) 1em;
	border:1px solid var(--cr);
}
.newses .dats {
	padding:.3em 1em;
}
.newses h3 {
	color:#3452ff;
}
@media screen and (min-width:540px) {
	.newses .img {
		width:auto;
		margin:0 0 .5em;
	}
	.newses .ar {
		width:auto;
	}
	.newses .news {
		width:calc((100% - 1em) / 2);
	}
	.newses .news a {
		display:block;
	}
}
@media screen and (min-width:720px) {
	.newses .news {
		width:calc((100% - 2em) / 3);
	}
}
@media screen and (min-width:960px) {
	.newses .news {
		width:calc((100% - 3em) / 4);
	}
	.newses.blog .news {
		width:calc((100% - 2em) / 3);
	}
}

.p-breadcrumb {
	padding:12px env(safe-area-inset-left) 8px env(safe-area-inset-left);
	background:#ffffff;
}
.p-breadcrumb__list {
	font-size:11px;
	max-width:1296px;
	margin:0 auto;
	padding:0 48px;
}
.p-breadcrumb__list:after {
	content:'';
	display:block;
	clear:both;
}
.p-breadcrumb__item {
	display:block;
	float:left;
}
.p-breadcrumb__item:not(:last-of-type):after {
	content:'>';
	display:inline-block;
	font-family:monospace;
	padding:0 1em;
}
.p-breadcrumb__list .icon-home:before {
	content:'home';
	font-family:'Material Icons';
	font-weight:normal;
	font-style:normal;
	font-size:inherit;
	vertical-align:middle;
	line-height:1.1;
}
.p-breadcrumb__text,
.p-breadcrumb__text:visited {
	color:#333;
}

/* ボタン全体 */
.flowbtn6{
border-radius:13px;
position:relative;
display:inline-block;
width:50px;
height:50px;
font-size:33px;
color:#fff!important;
transition:.5s;
text-decoration:none;
}
/* アイコンをど真ん中に*/
.flowbtn6 i{
position:absolute;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
/* ulタグの内側余白を０にする */
ul.snsbtniti{
padding:0!important;
}
/* アイコンボタン全体の位置 */
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
}
/* アイコンボタン同士の余白 */
.snsbtniti li{
flex:0 0 33%;
text-align:center!important;
}
/* アイコンボタンにマウスを乗せた時 */
.flowbtn6:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
}
/* Twitter */
.fl_tw1 {
background:#55acee;
}
/* Instagramアイコン位置 */
.insta_btn6 .fa-instagram{
font-size:40px;
}
/* Instagram紫グラデ背景 */
.insta_btn6 {
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;
}
/* Instagramオレンジグラデ背景 */
.insta_btn6:before {
content: '';
position: absolute;
top:27px;
left:-12px;
width:59px;
height:40px;
background:-webkit-radial-gradient(#ffdb2c 7%, rgba(255, 105, 34, 0.3) 60%, rgba(255, 88, 96, 0) 70%);
background:radial-gradient(#ffdb2c 7%, rgba(255, 105, 34, 0.3) 60%, rgba(255, 88, 96, 0) 70%);
}
/* Facebookアイコン位置 */
.fl_fb6 .fa-facebook-f {
position:relative;
top:24px;
left:15px;
font-size:43px;
}
/* Facebookアイコン背景*/
.fl_fb6{
background:-webkit-linear-gradient(top, #5c80c6 0%, #34528c 74%);
background:linear-gradient(to bottom, #5c80c6 0%, #34528c 74%);
}
/* YouTube */
.fl_yu6 {
color:#fc0d1c!important;
box-shadow:0 0 2px #888;
}








.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;
}


footer {
	background:#313233;
	padding:0 env(safe-area-inset-left);
	color:#CCCCCC;
}
footer > div {
	max-width:1296px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
}
footer > div:nth-child(1) {
	justify-content:space-evenly;
	padding:.5em 0 0;
}
footer > div:nth-child(1) a {
	width:fit-content;
	border-color:#dddddd;
	border-width:1px;
	border-style:none solid none none;
	padding:0 2em;
	display:block;
}
footer > div:nth-child(1) a:first-child {
	border-style:none solid none solid;
}
footer > div:nth-child(2) {
	justify-content:center;
}
footer > div:nth-child(2) > * {
	display:block;
}
footer > div:nth-child(2) > strong {
	padding:16px 5px 16px 12px;
	padding:16px 0;
	font-size:2.2vw;
	width:fit-content;
	line-height:32px;
}
footer > div:nth-child(2) > div {
	padding:16px 12px 16px 5px;
	text-align:right;
	width:45%;
}
footer > div:nth-child(2) > div > a.flowbtn6 {
	display:inline-block;
	width:32px;
	height:32px;
	overflow:hidden;
	margin:0 5px 0 0;
	border:1px solid #cccccc;
	color:#cccccc;
}
footer > div:nth-child(2) > div > a > img {
	width:48px;
	height:auto;
}
footer > div:nth-child(2) > div > a.fl_tw1,
footer > div:nth-child(2) > div > a.insta_btn6,
footer > div:nth-child(2) > div > a.fl_fb6 {
	background:transparent;
	border-radius:6px;
}
footer > div:nth-child(2) > div > a.flowbtn6 i:before {
	color:#cccccc;
	font-size:18px;
}
footer > div:nth-child(2) > div > a.insta_btn6:before {
	content:none;
}
footer > div:nth-child(2) > div > a.fl_tw1 i {
    top: 28%;
}
footer > div:nth-child(2) > div > a.insta_btn6 i {
    top: 23%;
}
footer > div:nth-child(2) > div > a.fl_fb6 .fa-facebook-f {
	top:5px;
	left:0px;
}

/*
footer a,
footer a:hover,
footer a:visited {
	display:block;
	border:1px none #ffffff;
	padding:1em .75em;
	border-style:none none solid none;
	font-size:13px;
	line-height:20px;
	color:#ffffff;
}
footer a:last-of-type {
	border-style:none;
}
footer a:hover {
	text-decoration:underline;
}*/
@media screen and (min-width:840px) {
	footer > div:nth-child(2) > strong {
		font-size:12px;
	}
	footer > div:nth-child(2) > strong {
		padding:2em 5px 2em 48px;
		padding:2em 0;
		line-height:1;
	}
	footer > div:nth-child(2) > div {
		padding:6px 48px 6px 5px;
	}
	footer > div:nth-child(2) > div > a.flowbtn6 {
		width:48px;
		height:48px;
	}
	footer > div:nth-child(2) > div > a.fl_tw1,
	footer > div:nth-child(2) > div > a.insta_btn6,
	footer > div:nth-child(2) > div > a.fl_fb6 {
		border-radius:10px;
	}
	footer > div:nth-child(2) > div > a.insta_btn6 i {
	    top:45%;
	}
	footer > div:nth-child(2) > div > a.fl_tw1 i {
	    top:50%;
	}
	footer > div:nth-child(2) > div > a.flowbtn6 i:before {
		font-size:33px;
	}
	footer > div:nth-child(2) > div > a.fl_fb6 .fa-facebook-f {
		top:20px;
		left:3px;
	}
	/*
	footer > div:first-child {
		padding:.5em 48px 1em;
	}
	footer a,
	footer a:hover,
	footer a:visited {
		padding:0 .75em;
		display:inline-block;
		border-style:none none none solid;
	}
	footer a:last-of-type {
		border-style:none solid none solid;
	}
	*/
}

.firstVisit {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(255, 255, 255, 0.8);
	z-index:5;
	line-height:2em;
}
.firstVisit form {
	position:absolute;
	display:block;
	margin:auto;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:fit-content;
	height:fit-content;
	width:500px;
	max-width:100%;
	padding:50px 20px;
	background:#fff;
	text-align:center;
}
.firstVisit img {
	width:300px;
	max-width:100%;
}
.firstVisit b {
	display:block;
}
.firstVisit button {
	display:block;
	margin:10px auto;
	padding:.25em .5em;
	font-size: 15px;
	width:50%;
	height:40px;
	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 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;
}

table.form,
table.form tr > *,
.sheet table,
.sheet table tr > * {
	border:1px solid #ececec;
}
table.form,
.sheet table {
	padding:0;
	border-spacing:0;
	border-style:solid none none solid;
	line-height:1.5;
}
table.form tr > *,
.sheet table tr > * {
	border-style:none solid solid none;
	padding:1em;
	font-size:16px;
	font-weight:500;
	background:#ffffff;
}
table.form tr:nth-child(odd) > *,
.sheet table tr:nth-child(odd) > * {
	background:#fcfcfc;
}
table.form th,
.sheet table th {
	font-weight:500;
}
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;
	}
}
.sheet {
	overflow:auto;
	width:fit-content;
	max-width:100%;
}

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;
}

.stepCounter {
	display:block;
	padding:0;
	counter-reset:step;
}
.stepCounter li {
	position:relative;
	display:block;
	padding:0 0 0 23px;
}
.stepCounter li:after,
.stepCounter li:before {
	position:absolute;
	width:48px;
	height:48px;
	border-radius:24px;
	left:0;
	top:0;
	color:#ffffff;
	text-align:center;
}
.stepCounter li:before {
	content:'STEP';
	background:#002047;
	font-size:10px;
	padding-top:7px;
}
.stepCounter li:after {
	counter-increment:step;
	content:counter(step);
	font-size:20px;
	padding-top:15px;
}
.stepCounter li > * {
	border-left:1px dashed rgba(0,0,0,.1);
}
.stepCounter li:last-child > * {
	border-color:rgba(0,0,0,0);
}
.stepCounter h5 {
	padding:0 0 1em 40px;
	font-weight:700;
	font-size:1.2em;
	line-height:48px;
}
.stepCounter div {
	padding:0 0 3em 40px;
}

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


@keyframes anime1a {
	0% { transform:rotateZ(10deg) rotate3d(1,0,0,75deg) rotate(0deg); }
	100% { transform:rotateZ(10deg) rotate3d(1,0,0,75deg) rotate(360deg); }
}
@keyframes anime1b {
	0% { transform:rotateZ(10deg) rotate3d(1,0,0,65deg) rotate(0deg); }
	100% { transform:rotateZ(10deg) rotate3d(1,0,0,65deg) rotate(360deg); }
}
@keyframes anime2a {
	0% { transform:rotateZ(10deg) rotate3d(1,0,0,75deg) rotate(360deg); }
	100% { transform:rotateZ(10deg) rotate3d(1,0,0,75deg) rotate(0deg); }
}
@keyframes anime2b {
	0% { transform:rotateZ(10deg) rotate3d(1,0,0,65deg) rotate(360deg); }
	100% { transform:rotateZ(10deg) rotate3d(1,0,0,65deg) rotate(0deg); }
}

.floatCoupon {
	position:sticky;
	position:-webkit-sticky;
	bottom: 0;
	overflow: hidden;
	height:90vh;
	pointer-events:none;
	left:0;
	padding-bottom:100px;
	padding-left:env(safe-area-inset-left);
	margin-top:-90vh;
	#transform:perspective(4000px);
}
.floatCoupon input {
	display:none;
}
.floatCoupon > div {
	position:absolute;
	bottom:80px;
	left:40px;
	width:0;
	height:0;
}
.floatCoupon > div > div {
	position:relative;
	transform:perspective(200px);
}
.floatCoupon > div > div:before,
.floatCoupon > div > div:after,
.floatCoupon > div > div > label {
	display:block;
	position:absolute;
	top:calc(var(--couponWidth0) * -1);
	left:calc(var(--couponWidth0) * -0.8);
	width:calc(var(--couponWidth0) * 2);
	height:calc(var(--couponWidth0) * 2);
	border-radius:calc(var(--couponWidth0) * 1);
	transition-property:all;
	transition-timing-function:ease;
}
.floatCoupon > div > div > label {
	#background:linear-gradient(#f00,#fff);
	#z-index:2;
	transform:rotate3d(1,0,0,5deg) translateZ(1px);
	pointer-events:auto;
	cursor:pointer;
}
.floatCoupon > div > div:before,
.floatCoupon > div > div:after {
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	content:'';
	#border-style:dashed;
	border-style:solid solid none none;
	#transform:translate3d(0,0,300px) rotate3d(1,0,0,45deg);
}
:root {
	--couponWidth0:50px;
	--couponWidth1:20px;
	--couponWidth2:17px;
	--couponRa1:67px;
	--couponRa2:80px;
	--couponRb1:70px;
	--couponRb2:82px;
}
.floatCoupon > div > div:before {
	animation-name:anime1a;
	border-width:var(--couponWidth1);
	top:calc(var(--couponRa1) * -1);
	left:calc(var(--couponRa1) * -1);
	width:calc(var(--couponRa1) * 2);
	height:calc(var(--couponRa1) * 2);
	border-radius:var(--couponRa1);
	border-color:#11417c88;
	animation-duration:5s;
	transition-duration:.1s;
}
.floatCoupon > div > div:after {
	animation-name:anime2a;
	border-width:var(--couponWidth2);
	top:calc(var(--couponRb1) * -1);
	left:calc(var(--couponRb1) * -1);
	width:calc(var(--couponRb1) * 2);
	height:calc(var(--couponRb1) * 2);
	border-radius:var(--couponRb1);
	border-color:#11417cbb;
	animation-duration:7s;
	transition-duration:.2s;
}
.floatCoupon > div > div:hover:before {
	animation-name:anime1b;
	top:calc(var(--couponRa2) * -1);
	left:calc(var(--couponRa2) * -1);
	width:calc(var(--couponRa2) * 2);
	height:calc(var(--couponRa2) * 2);
	border-radius:var(--couponRa2);
	animation-duration:2s;
	border-color:#11417c44;
}
.floatCoupon > div > div:hover:after {
	animation-name:anime2b;
	top:calc(var(--couponRb2) * -1);
	left:calc(var(--couponRb2) * -1);
	width:calc(var(--couponRb2) * 2);
	height:calc(var(--couponRb2) * 2);
	border-radius:var(--couponRb2);
	animation-duration:3s;
	border-color:#11417c66;
}
.floatCoupon > div > div > div {
	position:absolute;
	#overflow:hidden;
	pointer-events:auto;
	bottom:15px;
	left:0;
	width:400px;
	max-width:80vw;
	max-height:70vh;
	border-radius:50px;
	transition-property:all;
	transition-timing-function:ease;
	transition-duration:.5s;
	border-radius:5px;
	#background:linear-gradient(#ccf,#fff);
	background:#fff;
	box-shadow:0 3px 10px rgba(0,0,0,.2),0 3px 10px rgba(0,0,0,.2),0 3px 10px rgba(0,0,0,.2),0 3px 10px rgba(0,0,0,.2);
	transform-origin:-60px 320px;
	#transform:rotate(-1deg);
}
.floatCoupon > div > div > label > div {
	width:fit-content;
	height:fit-content;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	font-size:20px;
	color:#fff;
	font-weight:700;
	transform:rotate(10deg);
	text-shadow:0 0px 4px #11417c,0 0px 4px rgba(0,0,0,1),0 0px 4px #11417c,0 0px 4px #11417c,0 0px 4px #11417c;
}
@media screen and (min-width:840px) {
	.floatCoupon > div > div {
		left:calc(var(--couponWidth0) * 1.6);
	}
	.floatCoupon > div > div:before,
	.floatCoupon > div > div:after,
	.floatCoupon > div > div > label {
		top:calc(var(--couponWidth0) * -2);
		left:calc(var(--couponWidth0) * -1.6);
		width:calc(var(--couponWidth0) * 4);
		height:calc(var(--couponWidth0) * 4);
		border-radius:calc(var(--couponWidth0) * 2);
	}
	.floatCoupon > div > div:before {
		border-width:calc(var(--couponWidth1) * 2);
		top:calc(var(--couponRa1) * -2);
		left:calc(var(--couponRa1) * -2);
		width:calc(var(--couponRa1) * 4);
		height:calc(var(--couponRa1) * 4);
		border-radius:calc(var(--couponRa1) * 2);
	}
	.floatCoupon > div > div:after {
		border-width:calc(var(--couponWidth2) * 2);
		top:calc(var(--couponRb1) * -2);
		left:calc(var(--couponRb1) * -2);
		width:calc(var(--couponRb1) * 4);
		height:calc(var(--couponRb1) * 4);
		border-radius:calc(var(--couponRb1) * 2);
	}
	.floatCoupon > div > div:hover:before {
		top:calc(var(--couponRa2) * -2);
		left:calc(var(--couponRa2) * -2);
		width:calc(var(--couponRa2) * 4);
		height:calc(var(--couponRa2) * 4);
		border-radius:calc(var(--couponRa2) * 2);
	}
	.floatCoupon > div > div:hover:after {
		top:calc(var(--couponRb2) * -2);
		left:calc(var(--couponRb2) * -2);
		width:calc(var(--couponRb2) * 4);
		height:calc(var(--couponRb2) * 4);
		border-radius:calc(var(--couponRb2) * 2);
	}
	.floatCoupon > div > div > div {
		bottom:30px;
	}
	.floatCoupon > div > div > label > div {
		font-size:30px;
	}
}
.floatCoupon > div > input:not(:checked) + div > div {
	transform:rotate(-170deg);
}
.floatCoupon h2 {
	background-color:#11417c;
	color:#fff;
	padding:10px;
	font-size:110%;
	border-radius:5px 5px 0 0;
}
.floatCoupon h2 > label {
	display:block;
	float:right;
	vertical-align:middle;
	width:20px;
	height:20px;
	font-size:14px;
	line-height:1;
	border:1px solid #fff;
	border-radius:3px;
	padding:1px 0;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
.floatCoupon h2 > label:after {
	content:'×';
}
.floatCoupon p {
	position:relative;
	padding:10px 10px;
}
.floatCoupon p:after {
	content:'';
	display:block;
	clear:both;
}
.floatCoupon p:nth-child(even) {
	background-color:#11417c11;
}
.floatCoupon p > .spark {
	position:absolute;
	z-index:3;
	display:block;
	transition-property:all;
	transition-timing-function:linear;
	transition-duration:2s;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:1;
	padding:2px 20px;
	background:#ffffff;
	box-shadow:0 0 15px #ffffff,0 0 15px #ffffff,0 -10px 100px #000000, -10px 0 100px #000000, 0 10px 100px #000000, 10px 0 100px #000000;
}
.floatCoupon p > .spark > span:first-child {
	font-weight:700;
}
.floatCoupon .h5 {
	display:inline-block;
	font-weight:700;
	vertical-align:-webkit-baseline-middle;
	padding:0;
	line-height:36px;
	font-size:120%;
}
.floatCoupon .getButton {
	display:inline-block;
	line-height:1;
	padding:3px;
	border:1.5px solid #11417c;
	border-radius:3px;
	float:right;
	background:linear-gradient(#11417c,#11417c88);
	color:#fff;
	vertical-align:-webkit-baseline-middle;
	transition-property:all;
	transition-timing-function:ease;
	transition-duration:1s;
}
.floatCoupon .getButton:hover {
	cursor:pointer;
	transition-duration:.05s;
	box-shadow:0 5px 5px #ffffff88,0 -5px 5px #ffffff88,-5px 0 5px #ffffff88,5px 0 5px #ffffff88,0 0 30px #000000, 0 0 30px #000000, 0 0 30px #000000, 0 0 30px #000000;
}
.floatCoupon .getButton > span {
	display:block;
	width:fit-content;
	margin:0 auto;
	pointer-events:none;
}
.floatCoupon small {
	color:#000;
	display:block;
	margin-left:auto;
	width:fit-content;
	clear:both;
}
.floatCoupon small:before {
	content:'※';
}

.TurnRounds {
	position:relative;
	#background-position:center center;
	background-repeat:no-repeat;
	#background-size:cover;
	background-position:0% center;
	background-size:auto 120%;
	transform-style:preserve-3d;
	transform:perspective(3500px);
	user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-o-user-select:none;
}
.TurnRounds #ytplayerArea {
	position:absolute;
	top:calc(100% / -8);
	left:calc(100% / -14 * 6);
	right:calc(100% / -14 * 6);
	bottom:calc(100% / -8);
	width:calc(100% / 14 * 26);
	height:calc(100% / 8 * 9);
	opacity:.5;
}
.TurnRounds > span {
	position:absolute;
	font-size:130px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	max-width:600px;
	color:rgba(255,255,255,.8);
	width:90%;
	height:fit-content;
	transform:translate3d(0,min(140px,12vw),350px) rotate3d(1,0,0,70deg);
	font-weight:800;
	text-shadow:0 0 30px black;
}
.TurnRounds > span > span {
	display:block;
	float:left;
	#border:1px solid #ff0000;
	width:50%;
	text-align:right;
}
.TurnRounds > span > span:first-of-type {
	transform:rotate(180deg);
}
.TurnRounds > span > span:last-of-type {
}
.TurnRounds input {
	appearance:auto;
	display:none;
}
.TurnRounds:before {
	content:'';
	display:block;
	height:30vw;
}
.TurnRounds .seeds {
	position:relative;
	width:0;
	height:0;
	display:block;
	margin:0 auto;
}
.TurnRounds .arr {
	position:absolute;
	bottom:0;
	left:calc(50% - min(400px, 40%));
	max-width:80%;
	transform: translate3d(0, 8vw, 119px) rotate3d(1, 0, 0, 66deg);
}
.TurnRounds .arr > svg {
	max-width:100%;
}
.TurnRounds .seeds > img {
	position:absolute;
#	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
}
.TurnRounds .seeds > div {
	position:absolute;
}
.TurnRounds input[url]:nth-of-type(1):checked ~ .seeds:nth-of-type(1),
.TurnRounds input[url]:nth-of-type(2):checked ~ .seeds:nth-of-type(2),
.TurnRounds input[url]:nth-of-type(3):checked ~ .seeds:nth-of-type(3),
.TurnRounds input[url]:nth-of-type(4):checked ~ .seeds:nth-of-type(4),
.TurnRounds input[url]:nth-of-type(5):checked ~ .seeds:nth-of-type(5),
.TurnRounds input[url]:nth-of-type(6):checked ~ .seeds:nth-of-type(6),
.TurnRounds input[url]:nth-of-type(7):checked ~ .seeds:nth-of-type(7),
.TurnRounds input[url]:nth-of-type(8):checked ~ .seeds:nth-of-type(8) {
	cursor:pointer;
}
.TurnRounds input[url]:nth-of-type(1):checked ~ .seeds:nth-of-type(1):hover > img,
.TurnRounds input[url]:nth-of-type(2):checked ~ .seeds:nth-of-type(2):hover > img,
.TurnRounds input[url]:nth-of-type(3):checked ~ .seeds:nth-of-type(3):hover > img,
.TurnRounds input[url]:nth-of-type(4):checked ~ .seeds:nth-of-type(4):hover > img,
.TurnRounds input[url]:nth-of-type(5):checked ~ .seeds:nth-of-type(5):hover > img,
.TurnRounds input[url]:nth-of-type(6):checked ~ .seeds:nth-of-type(6):hover > img,
.TurnRounds input[url]:nth-of-type(7):checked ~ .seeds:nth-of-type(7):hover > img,
.TurnRounds input[url]:nth-of-type(8):checked ~ .seeds:nth-of-type(8):hover > img {
	box-shadow:0 5px 10px #00000044;
}
@media screen and (min-width:840px) {
	.TurnRounds {
		background-size:150vw auto;
		transform:perspective(4000px);
	}
	.TurnRounds:before {
		height:calc(50% - 30px);
	}
	.TurnRounds .seeds > img {
		#max-width:auto;
	}
	.TurnRounds .arr {
		transform:translate3d(0, -34px, 119px) rotate3d(1, 0, 0, 66deg);
	}
}

small {
	font-size:80%;
}

.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);
}

.hook {
	position:relative;
	display:block;
}
.hook * {
	position:absolute;
	display:block;
	bottom:0;
	height:96px;
}

.flx0,
.flx,
.flx1 {
	padding:0 env(safe-area-inset-left);
	position:relative;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	color:#444444;
}
.flx0 .inner,
.flx0 .outer,
.flx .inner,
.flx .outer,
.flx1 .inner,
.flx1 .outer {
	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,
.flx1 p,
.flx p {
	text-align:left;
	font-size:inherit;
	word-break:keep-all;
}
.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 .addcartbtn input[type='submit'] {
	transition-property:all;
	transition-duration:.4s;
	transition-timing-function:ease;
}
@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;
	}
}
@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;
	}
}


.flx0[secTitle] {
	background-image:url(/all.h1.jpg);
	margin-bottom:85px;
}
.flx0[secTitle] .inner {
	height:75vw;
	padding:0 8vw;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.flx0[secTitle] .inner > div {
	width:100%;
	text-shadow:0 2px 4px #00000099;
}
.flx0[secTitle] .inner > div > h1 > *,
.flx0[secTitle] .bigtitle {
	font-size:7vw;
	color:#ffffff;
	line-height:1.2;
	text-align:left;
}
@media screen and (min-width:540px) {
	.flx0[secTitle] .inner {
		height:34vw;
	}
	.flx0[secTitle] .inner > div > h1 > *,
	.flx0[secTitle] i {
		font-size:200%;
	}
}
@media screen and (min-width:840px) {
	.flx0[secTitle] .inner {
		height:350px;
		padding:0 48px;
	}
}


.flx0[sec_news] {
	padding:40px 0;
}
.flx0[sec_news] h2 {
	font-size:200%;
	font-weight:600;
	text-align:left;
	padding:0 2em;
}
.flx0[sec_news] .inner > div > div > a,
.flx0[sec_news] .inner > div > div > .news {
	display:block;
	color:inherit;
	padding:0.5em 0;
}
.flx0[sec_news] .inner > div > div > .news {
	margin-bottom:2em;
}
.flx0[sec_news] .inner > div > div > a > h3,
.flx0[sec_news] .inner > div > div > .news > h3 {
	font-size:120%;
	font-weight:700;
	word-break:break-all;
}
.flx0[sec_news] .inner > div > div > a > h3 > span,
.flx0[sec_news] .inner > div > div > .news > h3 > span {
	display:inline-block;
}
.flx0[sec_news] .inner > div > div > a > label,
.flx0[sec_news] .inner > div > div > .news > label {
	position:relative;
	margin-left:auto;
	display:block;
	width:fit-content;
	pointer-events:none;
}
.flx0[sec_news] .inner > div > div > a > label:after {
	content:'';
	display:block;
	position:absolute;
	height:2px;
	width:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	transition-property:all;
	transition-duration:.4s;
	transition-timing-function:ease;
}
.flx0[sec_news] .inner > div > div > a:hover > label:after {
	width:100%;
}

@media screen and (min-width:840px) {
	.flx0[sec_news] .inner > div > div > a,
	.flx0[sec_news] .inner > div > div > .news {
		display:flex;
		flex-wrap:wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}
	.flx0[sec_news] .inner > div > div > a > *,
	.flx0[sec_news] .inner > div > div > .news > * {
		vertical-align:middle;
		line-height:25px;
	}
	.flx0[sec_news] .inner > div > div > a > h3,
	.flx0[sec_news] .inner > div > div > .news > h3 {
		width:calc(100% - 160px);
	}
	.flx0[sec_news] .inner > div > div > a > div,
	.flx0[sec_news] .inner > div > div > .news > div {
		width:160px;
	}
}


@keyframes rolling1 {
   0% { left:calc(100vw / 3 * 10);top:0; }
 0.1% { left:calc(100vw / 3 * 9);top:0; }
99.5% { left:calc(100vw / 3 * -1);top:0; }
99.7% { left:calc(100vw / 3 * -1);top:calc(100vw / 3 * -1); }
99.9% { left:calc(100vw / 3 * 10);top:calc(100vw / 3 * -1); }
 100% { left:calc(100vw / 3 * 10);top:0; }
}
@keyframes rolling2 {
   0% { left:calc(100vw / 7 * 10);top:0; }
 0.1% { left:calc(100vw / 7 * 9);top:0; }
99.5% { left:calc(100vw / 7 * -1);top:0; }
99.7% { left:calc(100vw / 7 * -1);top:calc(100vw / 7 * -1); }
99.9% { left:calc(100vw / 7 * 10);top:calc(100vw / 7 * -1); }
 100% { left:calc(100vw / 7 * 10);top:0; }
}

/*
.flx0[secroll] {
	display:none;
	padding:0;
}
/*
.flx0[secroll] .inner {
    max-width:none;
	padding:80px 0;
}
.flx0[secroll] .inner > div > div {
	position:relative;
	height:calc((100vw / 3) - 10px);
	overflow:hidden;
	-webkit-box-reflect:below 1px linear-gradient(to bottom,#ffffff00 68%, #ffffff66 100%);
}
.flx0[secroll] .inner > div > div > div {
	position:absolute;
	width:calc((100vw / 3) - 10px);
	top:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	animation-name:rolling1;
	animation-duration:20s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
.flx0[secroll] .inner > div > div > div:nth-child(1)  { animation-delay:0s; }
.flx0[secroll] .inner > div > div > div:nth-child(2)  { animation-delay:-2s; }
.flx0[secroll] .inner > div > div > div:nth-child(3)  { animation-delay:-4s; }
.flx0[secroll] .inner > div > div > div:nth-child(4)  { animation-delay:-6s; }
.flx0[secroll] .inner > div > div > div:nth-child(5)  { animation-delay:-8s; }
.flx0[secroll] .inner > div > div > div:nth-child(6)  { animation-delay:-10s; }
.flx0[secroll] .inner > div > div > div:nth-child(7)  { animation-delay:-12s; }
.flx0[secroll] .inner > div > div > div:nth-child(8)  { animation-delay:-14s; }
.flx0[secroll] .inner > div > div > div:nth-child(9)  { animation-delay:-16s; }
.flx0[secroll] .inner > div > div > div:nth-child(10) { animation-delay:-18s; }
.flx0[secroll] .inner > div > div > div:before {
	content:'';
	display:block;
	padding-top:100%;
}
@media screen and (min-width:840px) {
	.flx0[secroll] .inner > div > div {
		height:calc((100vw / 7) - 10px);
	}
	.flx0[secroll] .inner > div > div > div {
		width:calc((100vw / 7) - 10px);
		animation-name:rolling2;
	}
}
*/

.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 h5 {
	font-weight:bold;
}
.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;
}


.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;
}

.ChiBlock {
	position:relative;
	display:inline-block;
	font-size:18px;
	padding:8px;
}
.ChiBlock > span,
.ChiBlock > span:before,
.ChiBlock > span:after {
	display:block;
	position:absolute;
}
.ChiBlock > span {
	top:16px;
	left:16px;
	right:16px;
	bottom:16px;
}
.ChiBlock > div,
.ChiBlock > span:before,
.ChiBlock > span:after {
	border:2px solid rgb(148, 119, 109);
}
.ChiBlock > span:before,
.ChiBlock > span:after {
	content:'';
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.ChiBlock > span:nth-of-type(1):before,
.ChiBlock > span:nth-of-type(1):after {
	height:18px;
}
.ChiBlock > span:nth-of-type(2):before,
.ChiBlock > span:nth-of-type(2):after {
	width:18px;
}
.ChiBlock > span:nth-of-type(1),
.ChiBlock > span:nth-of-type(1):before,
.ChiBlock > span:nth-of-type(1):after {
	top:0;
	bottom:0;
}
.ChiBlock > span:nth-of-type(2),
.ChiBlock > span:nth-of-type(2):before,
.ChiBlock > span:nth-of-type(2):after {
	left:0;
	right:0;
}
.ChiBlock > span:nth-of-type(1):before {
	bottom:auto;
	border-bottom-style:none;
}
.ChiBlock > span:nth-of-type(1):after {
	top:auto;
	border-top-style:none;
}
.ChiBlock > span:nth-of-type(2):before {
	right:auto;
	border-right-style:none;
}
.ChiBlock > span:nth-of-type(2):after {
	left:auto;
	border-left-style:none;
}
.ChiBlock > div {
	position:relative;
	padding:20px;
	font-size:28px;
	font-family:'Kaisei HarunoUmi', serif;
}
.tateFont {
	font-family:'Kaisei HarunoUmi', serif;
	writing-mode:tb;
	font-size:20px;
	font-weight:400;
	font-style:normal;
	color:rgb(148, 119, 109);
	text-decoration: none;
}
@media screen and (min-width:640px) {
	.tateFont {
		font-size:30px;
	}
}

.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;
	}
}

.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;
	}
}

.Switch {
	background:#607090;
	border-color:#607090;
}
.Switch div:after {
	background-color:#ffffff;
}
.Switch[readonly] div:after {
	background-color:rgba(255,255,255,.4);
}
.Switch input:disabled + div:after {
	background-color:rgba(255,255,255,.3);
}
.Switch div > * {
	color:#ffffff;
}
.Switch input:disabled + div > * {
	color:rgba(255,255,255,.3);
}
.Switch div > b {
	background-color:#198964;
}
.Switch div > i {
	background-color:#666666;
}

.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;
}


.swell-block-button__link,
.swell-block-button__link:visited {
	display:block;
	width:640px;
	max-width:80%;
	padding:1em 1.5em;
	margin:10px auto 0;
	color:#ffffff;
	border-radius:5px;
	transition-property:all;
	transition-duration:.1s;
	transition-timing-function:linear;
	text-align:center;
	font-weight:700;
	font-size:16px;
}
.swell-block-button__link:hover {
	margin:13px auto -3px;
}

.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%;
	}
}

.error_message_ext:not(:empty) {
	display:block;
	padding:10px;
	border:1px solid rgba(255,0,128,1);
	background:rgba(255,0,128,.3);
}
.error_message {
	position:relative;
	display:block;
}
.error_message [name]:not(:empty) {
	position:absolute;
	bottom:-10px;
	right:5px;
	border:1px solid rgba(255,0,128,1);
	background:rgba(255,0,128,.1);
	padding:10px;
	border-radius:5px;
}

/*
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)
pointer-events:none;
transition-property:all;
transition-duration:0.25s;
transition-timing-function:ease-in-out;
list-style-type:none;
opacity:.5;
-webkit-box-reflect:below 0 -webkit-linear-gradient(top, transparent, rgba(0,0,0,.3));
*/
.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;
}