@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;800;900&display=swap');


*{margin: 0; padding: 0; list-style: none; box-sizing: border-box;}
a{color: var(--white); cursor: pointer; border: none; text-decoration: none;}
img{display: inline-block; font-size: 0; vertical-align: bottom; line-height: normal; width: 100%; height: auto;}
main, article, section, header, footer{display: block; width: 100%;}
html, body, #base{height: 100%; position: relative;}
body{
	position: relative;
	font-size: 1.3125vw;
	line-height: 2;
	font-weight: 400;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.03em;
	font-kerning: normal;
	font-family: "M PLUS 1p" , "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: var(--white);
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background: var(--black);
}
h1,h2,h3,h4,h5,h6,p,div,li,dt,dd,a {font-size:100%;}
h1,h2,h3,h4,h5,h6{line-height: normal; font-weight: 700;}
h1{
	font-size: 420%;
	line-height: 1.3;
	margin-bottom: var(--size-04);
}
h2{
	font-size: 240%;
	line-height: 1.3;
	margin-bottom: var(--size-08);
}
h3{
	font-size: 210%;
	line-height: 1.3;
	margin-bottom: var(--size-04);
}
h4{
	font-size: 160%;
	line-height: 1.3;
	margin-bottom: var(--size-04);
}
h5{
	font-size: 128%;
	line-height: 1.3;
	margin-bottom: var(--size-02);
}


strong{font-weight: 700;}
#base{position: relative;}

:root{
	--size-base: 0.5vw;
	--size--base: -0.5vw;

	--size--08: calc(var(--size--base) * 8);
	--size--07: calc(var(--size--base) * 7);
	--size--06: calc(var(--size--base) * 6);
	--size--05: calc(var(--size--base) * 5);
	--size--04: calc(var(--size--base) * 4);
	--size--03: calc(var(--size--base) * 3);
	--size--02: calc(var(--size--base) * 2);
	--size--01: var(--size--base);
	--size-01: var(--size-base);
	--size-02: calc(var(--size-base) * 2);
	--size-03: calc(var(--size-base) * 3);
	--size-04: calc(var(--size-base) * 4);
	--size-05: calc(var(--size-base) * 5);
	--size-06: calc(var(--size-base) * 6);
	--size-07: calc(var(--size-base) * 7);
	--size-08: calc(var(--size-base) * 8);
	--size-12: calc(var(--size-base) * 12);
	--size-16: calc(var(--size-base) * 16);
	--size-20: calc(var(--size-base) * 20);
	--size-24: calc(var(--size-base) * 24);
	--size-28: calc(var(--size-base) * 28);
	--size-32: calc(var(--size-base) * 32);
	--size-36: calc(var(--size-base) * 36);
	--size-40: calc(var(--size-base) * 40);

	--baseBoxpLR: var(--size-08);
	--baseListBoxLR: var(--size-04);
	--ListBoxLR: var(--size-02);

	--black: #111;
	--white: #fff;
	--gold: #ccac00;
	--red: #af0000;
	--niqblack: #292929;
	/*--white50: rgba(255,255,255,0.5);
	--white90: rgba(255,255,255,0.9);*/

	--font-2up: 160%;
	--font-1up: 128%;
	--font-1down: 88%;
	--font-2down: 77%;
	--font-nomal: 400;
	--font-bold: 800;
	--font-maxBold: 900;

	--line-height1down: 1.5;
	--line-height2down: 1.3;

	--r0: 0;
	--rall: 9999px;

}

.baseBox{
	width: 100%;
	padding: 0 var(--baseBoxpLR);
}
.baseListBox{
	margin: 0 auto;
	padding: 0 var(--baseListBoxLR);
}

.tb,.sp{
	display: none;
}
img {
	pointer-events: none;
	user-drag: none;
	-webkit-user-drag: none;
}

/*-- COOKIE --*/
#cookie{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10002;
	background: rgba(0, 0, 0, 0.97);
	color: #fff;
	text-align: center;
}
#cookie .baseBox{
	padding: var(--size-08);
	line-height: 1.3;
}
#cookie button{
	cursor: pointer;
	display: block;
	background: #fff;
	border: none;
	border-radius: var(--rall);
	width: 60%;
	max-width: 25vw;
	padding: var(--size-04) var(--size-08);
	color: #000;
	margin: 0 auto;
	margin-top: 1em;
	line-height: normal;
	font-size: 100%;
}

@media screen and (max-width: 1500px) { /* 1500px */

	/*body{
		font-size: calc(100vw * 16 / 1500);
	}*/

}


@media screen and (max-width: 1366px) {/* iPad pro　landscape */

	.w1366none{
		display: none;
	}

	/*body{
		font-size: calc(100vw * 16 / 1366);
	}*/


}



@media screen and (max-width: 1194px) {/* iPad pro 11　landscape */

	.w1194none{
		display: none;
	}

	body{
		font-size: calc(100vw * 15 / 1194);
	}

}

@media screen and (max-width: 1024px) {/* iPad pro　portrait */

	.w1024none{
		display: none;
	}

	body{
		font-size: calc(100vw * 18 / 1024);
	}

	/*-- COOKIE --*/
	#cookie .baseBox{
		padding: var(--size-06);
	}
	#cookie button{
		width: 35vw;
		max-width: inherit;
		padding: var(--size-04);
	}

}



@media screen and (max-width: 768px) {/* TB */

	.tb{
		display: block !important;
	}

	/*body{
		font-size: calc(100vw * 24 / 768);
	}*/

}



@media screen and (max-width: 759px) {/* SP */
	.sp{
		display: block !important;
	}
	.w759none{
		display: none;
	}

	body{
		font-size: calc(100vw * 28 / 759);
	}

	/*-- COOKIE --*/
	#cookie{
		font-size: 80%;
	}
	#cookie button{
		width: 40vw;
		padding: 2.5vw;
	}

}