@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none}*:focus{outline:none}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0}
:root{
	--font-mplus:"M PLUS 1p";
	--vw-min:520;
	--scale:1.378;
	--invw:calc(100vw - var(--scrollbar));
	--color-blue:#80DBFC;
	--color-pink:#F0B;
	--color-purple:#6C4FCF;
}
@media screen and (max-width:768px){
	:root{
		--vw-min:750;
		--scale:2;
	}
}
body{
	-webkit-text-size-adjust:100%;
	font-family:var(--font-mplus),sans-serif;
	font-size:min(calc(15 * var(--scale) / var(--vw-min) * var(--invw)),calc(15px * var(--scale)));
	font-weight:500;
	line-height:normal;
	word-wrap:break-word;
}
::selection{
	background:#6ccfee;
	color:#fff;
}
::-moz-selection{
	background:#6ccfee;
	color:#fff;
}
@media screen and (max-width:768px){
	body{
		min-width:320px;
	}
	.pc{display:none}
	.ah:hover{opacity:1}
}
@media screen and (min-width:769px){
	body{
		scrollbar-gutter:stable;
	}
	.sp{display:none}
	::-webkit-scrollbar{
		width:8px;
		height:8px;
	}
	::-webkit-scrollbar-track{
		border-radius:0px;
		background:#fff;
	}
	::-webkit-scrollbar-thumb{
		background:#000;
		border-radius:4px;
		margin:2px;
		box-shadow:none;
	}
	@-moz-document url-prefix(){
		html{
			scrollbar-color:#000 #fff;
			scrollbar-width:thin;
		}
	}
}
@keyframes flask{
	0%,100%{
		transform:rotate(8deg);
	}
	50%{
		transform:rotate(-8deg);
	}
}
.is-textPink{
	color:var(--color-pink);
}
.is-textPurple{
	color:var(--color-purple);
}
#fullWrap{
	position:relative;
	min-height:100vh;
}
@media screen and (max-width:768px){
	#fullWrap{
		min-height:100dvh;
	}
}
@media screen and (min-width:769px){
	#fullWrap:before{
		content:'';
		position:fixed;
		left:0;
		right:0;
		top:0;
		bottom:0;
		background:url(../img/common/pc_bg.jpg) no-repeat center top / cover;
	}
	@supports (background-image:url(../img/common/pc_bg.webp)){
		#fullWrap:before{
			background-image:url(../img/common/pc_bg.webp);
		}
	}
}
.topContent{
	width:520px;
	margin:0 auto;
	filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.5));
	position:relative;
	z-index:2;
	min-height:100vh;
	min-height:100dvh;
	background:#fff;
	overflow:hidden;
}
@media screen and (max-width:768px){
	.topContent{
		width:100%;
		filter:unset;
	}
}
.topContent:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:min(calc(200 * var(--scale) / var(--vw-min) * var(--invw)),calc(200px * var(--scale)));
	background:url(../img/common/header_ptn.png) no-repeat center top / 100% auto;
	z-index:50;
}
@supports (background-image:url(../img/common/header_ptn.webp)){
	.topContent:before{
		background-image:url(../img/common/header_ptn.webp);
	}
}
.topContent .mv,
.topContent .topInContent,
.topContent .footer,
.topContent:before{
	opacity:1;
	transition:opacity 1s ease;
}
.topContent.is-cl .mv,
.topContent.is-cl .topInContent,
.topContent.is-cl .footer,
.topContent.is-cl:before{
	opacity:0;
	transition:opacity 2s ease;
}
.topContent.is-cl .footer__bg{
	display:none;
}
.mv{
	border:min(calc(4 * var(--scale) / var(--vw-min) * var(--invw)),calc(4px * var(--scale))) solid var(--color-blue);
	border-bottom:unset;
	position:relative;
}
.mv__img{}
.mv__img img{
	width:100%;
	height:auto;
	display:block;
}
.top__logo{
	position:absolute;
	width:min(calc(362.5 * var(--scale) / var(--vw-min) * var(--invw)),calc(362.5px * var(--scale)));
	left:50%;
	top:max(calc(-65 * var(--scale) / var(--vw-min) * var(--invw)),calc(-65px * var(--scale)));
	margin-left:max(calc(-181.25 * var(--scale) / var(--vw-min) * var(--invw)),calc(-181.25px * var(--scale)));
	height:min(calc(175 * var(--scale) / var(--vw-min) * var(--invw)),calc(175px * var(--scale)));
	background:url(../img/common/title.svg) no-repeat center center / contain;
	z-index:50;
}
.top__logoFlask{
	position:absolute;
	left:20%;
	right:20%;
	top:20%;
	bottom:20%;
	background:url(../img/common/flask.png) no-repeat center center / contain;
	animation:flask 0.8s ease-in-out infinite;
	transform-origin:center 30%;
}
@supports (background-image:url(../img/common/flask.webp)){
	.top__logoFlask{
		background-image:url(../img/common/flask.webp);
	}
}
.topInContent{
	margin-top:max(calc(-80 * var(--scale) / var(--vw-min) * var(--invw)),calc(-80px * var(--scale)));
	margin-bottom:max(calc(-100 * var(--scale) / var(--vw-min) * var(--invw)),calc(-100px * var(--scale)));
	z-index:40;
	position:relative;
	padding-top:min(calc(68 * var(--scale) / var(--vw-min) * var(--invw)),calc(68px * var(--scale)));
	padding-bottom:min(calc(200 * var(--scale) / var(--vw-min) * var(--invw)),calc(200px * var(--scale)))
}
.topInContent__bg{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:-100%;
	-webkit-mask-image:url(../img/common/mask_wave.png),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) 100%);
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center top;
	-webkit-mask-size:100% auto;
	mask-image:url(../img/common/mask_wave.png),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) 100%);
	mask-repeat:no-repeat;
	mask-position:center top;
	mask-size:100% auto;
	background:url(../img/common/bg.jpg) no-repeat center top / 100% auto;
}
@supports (background-image:url(../img/common/bg.webp)){
	.topInContent__bg{
		background-image:url(../img/common/bg.webp);
		-webkit-mask-image:url(../img/common/mask_wave.webp),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) 100%);
		mask-image:url(../img/common/mask_wave.webp),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) 100%);
	}
}
.howto{
	width:min(calc(298 * var(--scale) / var(--vw-min) * var(--invw)),calc(298px * var(--scale)));
	margin:0 auto min(calc(50 * var(--scale) / var(--vw-min) * var(--invw)),calc(50px * var(--scale)));
	border:min(calc(4 * var(--scale) / var(--vw-min) * var(--invw)),calc(4px * var(--scale))) solid var(--color-purple);
	background:#fff;
	border-radius:min(calc(30 * var(--scale) / var(--vw-min) * var(--invw)),calc(30px * var(--scale)));
	padding:min(calc(5 * var(--scale) / var(--vw-min) * var(--invw)),calc(5px * var(--scale)));
	position:relative;
	z-index:39;
	filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25));
}
.howto__inner{
	border:min(calc(2 * var(--scale) / var(--vw-min) * var(--invw)),calc(2px * var(--scale))) solid var(--color-purple);
	border-radius:min(calc(23 * var(--scale) / var(--vw-min) * var(--invw)),calc(23px * var(--scale)));
	padding:min(calc(47 * var(--scale) / var(--vw-min) * var(--invw)),calc(47px * var(--scale))) min(calc(26 * var(--scale) / var(--vw-min) * var(--invw)),calc(26px * var(--scale))) min(calc(22 * var(--scale) / var(--vw-min) * var(--invw)),calc(22px * var(--scale)));
}
.howto__text{
	font-weight:800;
	line-height:normal;
}
@media screen and (min-width:769px){
	.howto__text{
		transform:rotate(0.03deg);
	}
}
.play{
	width:min(calc(298 * var(--scale) / var(--vw-min) * var(--invw)),calc(298px * var(--scale)));
	margin:0 auto min(calc(30 * var(--scale) / var(--vw-min) * var(--invw)),calc(30px * var(--scale)));
	border:min(calc(4 * var(--scale) / var(--vw-min) * var(--invw)),calc(4px * var(--scale))) solid var(--color-purple);
	background:#fff;
	border-radius:min(calc(30 * var(--scale) / var(--vw-min) * var(--invw)),calc(30px * var(--scale)));
	padding:min(calc(5 * var(--scale) / var(--vw-min) * var(--invw)),calc(5px * var(--scale)));
	position:relative;
	z-index:39;
	filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25));
}
.play__title{
	height:min(calc(61 * var(--scale) / var(--vw-min) * var(--invw)),calc(61px * var(--scale)));
	position:absolute;
	left:0;
	top:max(calc(-34 * var(--scale) / var(--vw-min) * var(--invw)),calc(-34px * var(--scale)));
	right:0;
	background:url(../img/common/play_title.svg) no-repeat center center / contain;
}
.play__inner{
	border:min(calc(2 * var(--scale) / var(--vw-min) * var(--invw)),calc(2px * var(--scale))) solid var(--color-purple);
	border-radius:min(calc(23 * var(--scale) / var(--vw-min) * var(--invw)),calc(23px * var(--scale)));
	padding:min(calc(47 * var(--scale) / var(--vw-min) * var(--invw)),calc(47px * var(--scale))) min(calc(20 * var(--scale) / var(--vw-min) * var(--invw)),calc(20px * var(--scale))) min(calc(28 * var(--scale) / var(--vw-min) * var(--invw)),calc(28px * var(--scale)));
}
.play__lists{}
.play__item{
	padding-left:min(calc(54 * var(--scale) / var(--vw-min) * var(--invw)),calc(54px * var(--scale)));
	margin-bottom:min(calc(32 * var(--scale) / var(--vw-min) * var(--invw)),calc(32px * var(--scale)));
	font-weight:800;
	min-height:min(calc(38 * var(--scale) / var(--vw-min) * var(--invw)),calc(38px * var(--scale)));
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:relative;
	width:100%;
}
@media screen and (min-width:769px){
	.play__item{
		transform:rotate(0.03deg);
	}
}
.play__item:nth-child(1){
	background:url(../img/common/num_1.svg) no-repeat left center / auto min(calc(38 * var(--scale) / var(--vw-min) * var(--invw)),calc(38px * var(--scale)));
}
.play__item:nth-child(2){
	background:url(../img/common/num_2.svg) no-repeat left center / auto min(calc(38 * var(--scale) / var(--vw-min) * var(--invw)),calc(38px * var(--scale)));
}
.play__item:nth-child(3){
	background:url(../img/common/num_3.svg) no-repeat left center / auto min(calc(38 * var(--scale) / var(--vw-min) * var(--invw)),calc(38px * var(--scale)));
}
.play__item:last-child{
	margin-bottom:0;
}
.play__item:after{
	content:'';
	position:absolute;
	left:50%;
	bottom:max(calc(-28 * var(--scale) / var(--vw-min) * var(--invw)),calc(-28px * var(--scale)));
	width:min(calc(19 * var(--scale) / var(--vw-min) * var(--invw)),calc(19px * var(--scale)));
	height:min(calc(19 * var(--scale) / var(--vw-min) * var(--invw)),calc(19px * var(--scale)));
	margin-left:max(calc(-9 * var(--scale) / var(--vw-min) * var(--invw)),calc(-9px * var(--scale)));
	background:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
}
.play__item:last-child:after{
	display:none;
}
.play__itemInner{
	display:block;
}
.start{
	position:relative;
	z-index:30;
}
.start__name{
	border-top:min(calc(4 * var(--scale) / var(--vw-min) * var(--invw)),calc(4px * var(--scale))) solid var(--color-purple);
	border-bottom:min(calc(4 * var(--scale) / var(--vw-min) * var(--invw)),calc(4px * var(--scale))) solid var(--color-purple);
	margin-bottom:min(calc(12 * var(--scale) / var(--vw-min) * var(--invw)),calc(12px * var(--scale)));
}
.start__nameInput{
	-webkit-appearance:none;
	appearance:none;
	border:none;
	width:100%;
	height:min(calc(105 * var(--scale) / var(--vw-min) * var(--invw)),calc(105px * var(--scale)));
	text-align:center;
	font-size:min(calc(30 * var(--scale) / var(--vw-min) * var(--invw)),calc(30px * var(--scale)));
	font-weight:700;
	color:var(--color-purple);
}
.start__nameInput::placeholder{
	color:#E3DBFF;
}
.start__btn{
	width:min(calc(298 * var(--scale) / var(--vw-min) * var(--invw)),calc(298px * var(--scale)));
	margin:0 auto;
}
.start__btnLink{
	display:block;
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	height:min(calc(114 * var(--scale) / var(--vw-min) * var(--invw)),calc(114px * var(--scale)));
	background:url(../img/common/start_btn.png) no-repeat center center / contain;
	position:relative;
	transition:all 0.3s ease;
}
@supports (background-image:url(../img/common/start_btn.webp)){
	.start__btnLink{
		background-image:url(../img/common/start_btn.webp);
	}
}
@media screen and (hover:hover){
	.start__btnLink:hover{
		transform:scale(1.05);
	}
}
.start__btnLink.is-cl{
	pointer-events:none;
	background:transparent;
	transform:scale(1.8);
	transition:transform 3s ease;
}
.start__btnLink:before{
	content:'';
	position:absolute;
	top:max(calc(-30 * var(--scale) / var(--vw-min) * var(--invw)),calc(-30px * var(--scale)));
	bottom:max(calc(-37 * var(--scale) / var(--vw-min) * var(--invw)),calc(-37px * var(--scale)));
	left:0;
	right:0;
	pointer-events:none;
	background:url(../img/common/flask.png) no-repeat center center / contain;
	animation:flask 0.8s ease-in-out infinite;
	transform-origin:center 30%;
}
@supports (background-image:url(../img/common/flask.webp)){
	.start__btnLink:before{
		background-image:url(../img/common/flask.webp);
	}
}
.start__btnLink.is-cl:before{
	animation:flask 0.12s ease-in-out infinite;
}
.footer{
	position:relative;
	z-index:73;
}
.footer__bg{
	position:absolute;
	left:0;
	right:0;
	top:max(calc(-10 * var(--scale) / var(--vw-min) * var(--invw)),calc(-10px * var(--scale)));
	bottom:0;
	-webkit-mask-image:url(../img/common/mask_wave.png),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) 100%);
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center top;
	-webkit-mask-size:100% auto;
	mask-image:url(../img/common/mask_wave.png),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) 100%);
	mask-repeat:no-repeat;
	mask-position:center top;
	mask-size:100% auto;
	background:url(../img/common/bg.jpg) no-repeat center bottom / 100% auto;
}
@supports (background-image:url(../img/common/bg.webp)){
	.footer__bg{
		-webkit-mask-image:url(../img/common/mask_wave.webp),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) 100%);
		mask-image:url(../img/common/mask_wave.webp),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) 100%);
		background-image:url(../img/common/bg.webp);
	}
}
.footer__toTop{
	position:relative;
	z-index:60;
	border:min(calc(4 * var(--scale) / var(--vw-min) * var(--invw)),calc(4px * var(--scale))) solid #fff;
	border-radius:50%;
	width:min(calc(58 * var(--scale) / var(--vw-min) * var(--invw)),calc(58px * var(--scale)));
	background:#fff;
	margin:0 auto;
	transform:rotate(180deg) translateY(min(calc(30 * var(--scale) / var(--vw-min) * var(--invw)),calc(30px * var(--scale))));
	transition:all 0.3s ease;
}
@media screen and (hover:hover){
	.footer__toTop:hover{
		transform:rotate(180deg) translateY(min(calc(30 * var(--scale) / var(--vw-min) * var(--invw)),calc(30px * var(--scale)))) scale(1.1);
	}
}
.footer__toTopLink{
	display:block;
	width:100%;
	padding-top:100%;
	border-radius:50%;
	-webkit-mask:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
	background:var(--color-pink);
}
.footer__officialBtn{
	width:min(calc(298 * var(--scale) / var(--vw-min) * var(--invw)),calc(298px * var(--scale)));
	margin:0 auto;
	position:relative;
}
.footer__officialBtn:before{
	content:'';
	position:absolute;
	top:max(calc(-30 * var(--scale) / var(--vw-min) * var(--invw)),calc(-30px * var(--scale)));
	bottom:max(calc(-23 * var(--scale) / var(--vw-min) * var(--invw)),calc(-23px * var(--scale)));
	right:max(calc(-47 * var(--scale) / var(--vw-min) * var(--invw)),calc(-47px * var(--scale)));
	width:50%;
	background:url(../img/common/official_character.png) no-repeat right center / contain;
	z-index:10;
	pointer-events:none;
	transition:all 0.6s ease;
	transform-origin:left bottom;
}
@supports (background-image:url(../img/common/official_character.webp)){
	.footer__officialBtn:before{
		background-image:url(../img/common/official_character.webp);
	}
}
@media screen and (hover:hover){
	.footer__officialBtn:hover:before{
		transform:rotate(-5deg);
	}
}
.footer__officialBtnLink{
	display:block;
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	height:min(calc(114 * var(--scale) / var(--vw-min) * var(--invw)),calc(114px * var(--scale)));
	background:url(../img/common/official_btn.png) no-repeat center center / contain;
	position:relative;
	transition:all 0.3s ease;
}
@supports (background-image:url(../img/common/official_btn.webp)){
	.footer__officialBtnLink{
		background-image:url(../img/common/official_btn.webp);
	}
}
@media screen and (hover:hover){
	.footer__officialBtnLink:hover{
		transform:scale(1.05);
	}
}
.footer__copyright{
	position:relative;
	z-index:50;
	padding:min(calc(24 * var(--scale) / var(--vw-min) * var(--invw)),calc(24px * var(--scale))) 0 min(calc(12 * var(--scale) / var(--vw-min) * var(--invw)),calc(12px * var(--scale)));
	color:#000;
	font-size:min(calc(9 * var(--scale) / var(--vw-min) * var(--invw)),calc(9px * var(--scale)));
	text-align:center;
	transform:rotate(0.03deg);
}
.footer__policy{
	position:relative;
	z-index:50;
	padding:0 0 min(calc(24 * var(--scale) / var(--vw-min) * var(--invw)),calc(24px * var(--scale)));
	color:#000;
	font-size:min(calc(9 * var(--scale) / var(--vw-min) * var(--invw)),calc(9px * var(--scale)));
	text-align:center;
	transform:rotate(0.03deg);
}
.footer__policy a {
	color:#000;
}
.result{
	position:relative;
	z-index:70;
	padding-top:min(calc(20 * var(--scale) / var(--vw-min) * var(--invw)),calc(20px * var(--scale)));
	display:none;
}
.result__bg{
	position:absolute;
	left:0;
	right:0;
	top:min(calc(150 * var(--scale) / var(--vw-min) * var(--invw)),calc(150px * var(--scale)));
	bottom:0;
	-webkit-mask-image:url(../img/common/mask_wave.png),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) 100%);
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center top;
	-webkit-mask-size:100% auto;
	mask-image:url(../img/common/mask_wave.png),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) 100%);
	mask-repeat:no-repeat;
	mask-position:center top;
	mask-size:100% auto;
	background:#fff;
}
@supports (background-image:url(../img/common/mask_wave.webp)){
	.result__bg{
		-webkit-mask-image:url(../img/common/mask_wave.webp),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) 100%);
		mask-image:url(../img/common/mask_wave.webp),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale))),rgba(0,0,0,1) 100%);
	}
}
.result__inner{
	padding-top:min(calc(40 * var(--scale) / var(--vw-min) * var(--invw)),calc(40px * var(--scale)));
}
.result__toBottom{
	position:relative;
	z-index:60;
	border:min(calc(4 * var(--scale) / var(--vw-min) * var(--invw)),calc(4px * var(--scale))) solid #fff;
	border-radius:50%;
	width:min(calc(58 * var(--scale) / var(--vw-min) * var(--invw)),calc(58px * var(--scale)));
	background:#fff;
	margin:0 auto min(calc(10 * var(--scale) / var(--vw-min) * var(--invw)),calc(10px * var(--scale)));
	transition:all 0.3s ease;
}
@media screen and (hover:hover){
	.result__toBottom:hover{
		transform:scale(1.05);
	}
}
.result__toBottomLink{
	display:block;
	width:100%;
	padding-top:100%;
	border-radius:50%;
	-webkit-mask:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
	background:var(--color-purple);
}
.result__title{
	width:min(calc(354 * var(--scale) / var(--vw-min) * var(--invw)),calc(354px * var(--scale)));
	height:min(calc(80 * var(--scale) / var(--vw-min) * var(--invw)),calc(80px * var(--scale)));
	margin:0 auto min(calc(34 * var(--scale) / var(--vw-min) * var(--invw)),calc(34px * var(--scale)));
	background:url(../img/common/result_title.svg) no-repeat center center / contain;
	position:relative;
	z-index:50;
}
.result__inResult{
	position:relative;
	z-index:10;
}
.result__type1Title{
	width:min(calc(182 * var(--scale) / var(--vw-min) * var(--invw)),calc(182px * var(--scale)));
	height:min(calc(44 * var(--scale) / var(--vw-min) * var(--invw)),calc(44px * var(--scale)));
	display:flex;
	justify-content:center;
	align-items:center;
	background:var(--color-pink);
	color:#fff;
	margin:0 auto;
	border-radius:88px;
	font-size:min(calc(25 * var(--scale) / var(--vw-min) * var(--invw)),calc(25px * var(--scale)));
	font-weight:800;
	margin-bottom:min(calc(15 * var(--scale) / var(--vw-min) * var(--invw)),calc(15px * var(--scale)));
}
.result__type1Data{
	text-align:center;
	font-size:min(calc(25 * var(--scale) / var(--vw-min) * var(--invw)),calc(25px * var(--scale)));
	color:var(--color-pink);
	font-weight:800;
	margin-bottom:min(calc(15 * var(--scale) / var(--vw-min) * var(--invw)),calc(15px * var(--scale)));
}
.result__typeCross{
	width:min(calc(65 * var(--scale) / var(--vw-min) * var(--invw)),calc(65px * var(--scale)));
	height:min(calc(65 * var(--scale) / var(--vw-min) * var(--invw)),calc(65px * var(--scale)));
	position:relative;
	margin:0 auto min(calc(15 * var(--scale) / var(--vw-min) * var(--invw)),calc(15px * var(--scale)));
}
.result__typeCross:before,
.result__typeCross:after{
	content:'';
	width:min(calc(90 * var(--scale) / var(--vw-min) * var(--invw)),calc(90px * var(--scale)));
	height:min(calc(2 * var(--scale) / var(--vw-min) * var(--invw)),calc(2px * var(--scale)));
	position:absolute;
	left:50%;
	top:50%;
	margin-left:max(calc(-45 * var(--scale) / var(--vw-min) * var(--invw)),calc(-45px * var(--scale)));
	background:#000;
}
.result__typeCross:before{
	transform:rotate(45deg);
}
.result__typeCross:after{
	transform:rotate(-45deg);
}
.result__flask{
	position:absolute;
	left:0;
	right:0;
	top:max(calc(-4 * var(--scale) / var(--vw-min) * var(--invw)),calc(-4px * var(--scale)));
	bottom:max(calc(-4 * var(--scale) / var(--vw-min) * var(--invw)),calc(-4px * var(--scale)));
	display:block;
	background:url(../img/common/flask.png) no-repeat center center / contain;
	z-index:10;
	transform-origin:center 30%;
	animation:flask 0.8s ease-in-out infinite;
}
@supports (background-image:url(../img/common/flask.webp)){
	.result__flask{
		background-image:url(../img/common/flask.webp);
	}
}
.result__type2Title{
	width:min(calc(182 * var(--scale) / var(--vw-min) * var(--invw)),calc(182px * var(--scale)));
	height:min(calc(44 * var(--scale) / var(--vw-min) * var(--invw)),calc(44px * var(--scale)));
	display:flex;
	justify-content:center;
	align-items:center;
	background:#000;
	color:#fff;
	margin:0 auto;
	border-radius:88px;
	font-size:min(calc(25 * var(--scale) / var(--vw-min) * var(--invw)),calc(25px * var(--scale)));
	font-weight:800;
	margin-bottom:min(calc(36 * var(--scale) / var(--vw-min) * var(--invw)),calc(36px * var(--scale)));
}
.result__type2Data{
	text-align:center;
	font-size:min(calc(25 * var(--scale) / var(--vw-min) * var(--invw)),calc(25px * var(--scale)));
	color:var(--color-purple);
	font-weight:800;
	margin-bottom:min(calc(15 * var(--scale) / var(--vw-min) * var(--invw)),calc(15px * var(--scale)));
}
.result__name{
	width:100%;
	min-height:min(calc(135 * var(--scale) / var(--vw-min) * var(--invw)),calc(135px * var(--scale)));
	background:var(--color-purple);
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0.5em 1em;
	margin-bottom:min(calc(15 * var(--scale) / var(--vw-min) * var(--invw)),calc(15px * var(--scale)))
}
.result__nameText{
	font-size:min(calc(40 * var(--scale) / var(--vw-min) * var(--invw)),calc(40px * var(--scale)));
	color:#fff;
	font-weight:800;
}
.result__nameSuffix{
	text-align:center;
	font-weight:800;
	font-size:min(calc(25 * var(--scale) / var(--vw-min) * var(--invw)),calc(25px * var(--scale)));
	margin-bottom:min(calc(40 * var(--scale) / var(--vw-min) * var(--invw)),calc(40px * var(--scale)));
}
.result__share{
	position:relative;
	margin-bottom:min(calc(30 * var(--scale) / var(--vw-min) * var(--invw)),calc(30px * var(--scale)));
}
.result__shareBtn{
	width:min(calc(298 * var(--scale) / var(--vw-min) * var(--invw)),calc(298px * var(--scale)));
	margin:0 auto;
}
.result__shareBtnLink{
	display:block;
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	height:min(calc(114 * var(--scale) / var(--vw-min) * var(--invw)),calc(114px * var(--scale)));
	background:url(../img/common/share_btn.png) no-repeat center center / contain;
	position:relative;
	transition:all 0.3s ease;
}
@supports (background-image:url(../img/common/share_btn.webp)){
	.result__shareBtnLink{
		background-image:url(../img/common/share_btn.webp);
	}
}
@media screen and (hover:hover){
	.result__shareBtnLink:hover{
		transform:scale(1.05);
	}
}
.result__shareTitle{
	position:absolute;
	width:min(calc(47 * var(--scale) / var(--vw-min) * var(--invw)),calc(47px * var(--scale)));
	height:min(calc(47 * var(--scale) / var(--vw-min) * var(--invw)),calc(47px * var(--scale)));
	background:var(--color-purple);
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	left:50%;
	top:max(calc(-16 * var(--scale) / var(--vw-min) * var(--invw)),calc(-16px * var(--scale)));
	margin-left:max(calc(-24 * var(--scale) / var(--vw-min) * var(--invw)),calc(-24px * var(--scale)));
	z-index:50;
}
.result__shareTitle:before{
	content:'';
	display:block;
	width:min(calc(22 * var(--scale) / var(--vw-min) * var(--invw)),calc(22px * var(--scale)));
	height:min(calc(22 * var(--scale) / var(--vw-min) * var(--invw)),calc(22px * var(--scale)));
	-webkit-mask:url(../img/common/icon_x.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_x.svg) no-repeat center center / contain;
	background:#fff;
}
.result__character{
	width:min(calc(295 * var(--scale) / var(--vw-min) * var(--invw)),calc(295px * var(--scale)));
	margin:0 auto max(calc(-160 * var(--scale) / var(--vw-min) * var(--invw)),calc(-160px * var(--scale)));
}
.result__character img{
	width:100%;
	height:auto;
}
.fullwrap__fixed{
	display:none;
}
@media screen and (min-width:1000px){
	.fullWrap__fixed{
		position:fixed;
		left:0;
		right:0;
		top:0;
		bottom:0;
		display:flex;
		justify-content:space-between;
	}
	.fullWrap__fixedLogo{
		width:calc((var(--invw) - 520px) / 2);
		height:100vh;
		height:100dvh;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.fullWrap__fixedLogoin{
		width:80%;
		max-width:600px;
		height:100vh;
		height:100dvh;
		background:url(../img/common/logo.png) no-repeat center center / contain;
	}
	@supports (background-image:url(../img/common/logo.webp)){
		.fullWrap__fixedLogoin{
			background-image:url(../img/common/logo.webp);
		}
	}
	.fullWrap__fixedTitle{
		width:calc((var(--invw) - 520px) / 2);
		height:100vh;
		height:100dvh;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.fullWrap__fixedTitlein{
		width:80%;
		max-width:600px;
		display:flex;
	}
	.fullWrap__fixedTitleinItem{
		width:100%;
		padding-top:48.2758%;
		position:relative;
		background:url(../img/common/title.svg) no-repeat center center / contain;
	}
	.fullWrap__fixedTitleinItem:before{
		content:'';
		position:absolute;
		left:20%;
		right:20%;
		top:20%;
		bottom:20%;
		background:url(../img/common/flask.png) no-repeat center center / contain;
		animation:flask 0.8s ease-in-out infinite;
		transform-origin:center 30%;
	}
	@supports (background-image:url(../img/common/flask.webp)){
		.fullWrap__fixedTitleinItem:before{
			background-image:url(../img/common/flask.webp);
		}
	}
}