@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Asset&display=swap');


.g26-loading{
	position:fixed;
	width:100svw;
	height:100lvh;
	left:0;
	top:0;
	overflow:hidden;
	z-index:70000;
	background:black;
	transition:opacity 0.5s ease-out;
}
.g26-loading.hide{
	opacity:0;
	pointer-events:none;
}

.g26-preloader{
	position:fixed;
	width:1px;
	height:1px;
	opacity:0;
	pointer-events:none;
	z-index:-1;
}
.g26-preloader img{
	position:absolute;
	width:1px;
	height:1px;
}

.g26-wrapper{
	--g26contentsSize:86%;
	--g26maxContentsSize:1100px;
	position:fixed;
	width:100svw;
	height:100lvh;
	left:0;
	top:50lvh;
	overflow:hidden;
	transform:translatey(-50%);
	transition:height 0.8s ease-in-out;
	font-feature-settings:"palt";
	z-index:65535;
}
.g26-wrapper.hide{
	height:0;
	pointer-events:none;
}
.g26-wrapper,.g26-wrapper *{
	box-sizing:border-box;
	-webkit-tap-highlight-color:transparent;
}
.g26-viewport{
	position:absolute;
	width:100svw;
	height:100lvh;
	left:0;
	top:calc(50% - 50lvh);
	overflow:hidden;
	z-index:65535;
}
.g26-safearea{
	position:absolute;
	width:100%;
	height:100svh;
	top:0;
	left:0;
}
.g26-contents{
	width:var(--g26contentsSize);
	max-width:var(--g26maxContentsSize);
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.g26-fullWidth{
	width:100svw;
	position:relative;
	left:calc(50% - 50svw);
}
.g26-confetti{
	position:fixed;
	width:100svw;
	height:100lvh;
	left:0;
	top:0;
	pointer-events:none;
	z-index:30;
}

.g26-background,
.g26-background video,
.g26-background img{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	object-fit:cover;
	user-select:none;
}
.g26-background img{
	mix-blend-mode:multiply;
	opacity:0.65;
	object-position:top right;
}
.g26-typography{
	font-family:"Asset", serif;
	font-weight:400;
	font-style:normal;
}
.g26-logo{
	appearance:none;
	border:none;
	border-radius:none;
	outline:none;
	background:none;
	color:#101A32;
	width:111px;
	height:51px;
	position:absolute;
	top:30px;
	left:5%;
	z-index:100;
	cursor:pointer;
}
.g26-logo img{
	width:100%;
	height:auto;
	display:block;
}
.g26-typography:where(.g26-background *){
	position:absolute;
	left:7%;
	top:30px;
	color:rgba(255,255,255,0.75);
	font-size:120px;
	line-height:1;
	white-space:nowrap;
	letter-spacing:-0.19em;
	transition:opacity 1.0s ease-out;
}
body:has(.g26-screen:not(.g26-title).active) .g26-typography:where(.g26-background *){
	opacity:0.5;
}

.g26-backButton{
	appearance:none;
	border:none;
	border-radius:none;
	outline:none;
	background:none;
	color:#101A32;
	width:fit-content;
	height:auto;
	position:absolute;
	top:30px;
	right:5%;
	z-index:100;
	cursor:pointer;
	font-size:16px;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:300;
	line-height:1.5;
	text-decoration:underline;
	text-underline-offset:1em;
}
@media (max-width:768px){
	.g26-logo{
		width:88px;
		top:20px;
		left:20px;
	}
	.g26-typography:where(.g26-background *){
		font-size:15vw;
		width:100%;
		top:80px;
		left:0;
		text-align:center;
	}
}



.g26-background img{
	width:100%;
	height:100%;
	left:0;
	top:0;
	/*animation:horseAnim 10.0s ease-in-out infinite;*/
}
/*
@keyframes horseAnim{
	0%{
		left:   0%;	top:     0%;
		width:100%;	height:100%;
	}
	20%{
		left:  -2%;	top:    -1%;
		width:103%;	height:101%;
	}
	40%{
		left:  -1%;	top:    -2%;
		width:102%;	height:102%;
	}
	60%{
		left:  -3%;	top:    -1%;
		width:103%;	height:103%;
	}
	80%{
		left:  -1%;	top:    -2%;
		width:101%;	height:104%;
	}
	100%{
		left:   0%;	top:     0%;
		width:100%;	height:100%;
	}
}
*/











.g26-screen{
	opacity:0;
	pointer-events:none;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	transition:transform 0.4s ease-in-out,opacity 0.4s ease-in-out;
}
.g26-screen.active{
	opacity:1;
	pointer-events:all;
}
.g26-screen:not(.g26-title){
	backdrop-filter:blur(5px);
}

.g26-screen.moveTo.src{
	transform:translate(0px,0);
	opacity:1;
}
.g26-screen.moveTo.src.exec{
	transform:translate(-50px,0);
	opacity:0;
	pointer-events:none;
}
.g26-screen.moveTo.dst{
	transform:translate(50px,0);
	opacity:0;
	pointer-events:none;
}

.g26-screen.backTo.src{
	transform:translate(0px,0);
	opacity:1;
}
.g26-screen.backTo.src.exec{
	transform:translate(50px,0);
	opacity:0;
	pointer-events:none;
}
.g26-screen.backTo.dst{
	transform:translate(-50px,0);
	opacity:0;
	pointer-events:none;
}
.g26-screen.backTo.dst.exec{
	transform:translate(0,0);
	opacity:1;
	pointer-events:all;
}
















.g26-title .g26-contents{
	height:100%;
	min-height:400px;
}
.g26-titleMessage{
	font-size:26px;
	line-height:1;
	letter-spacing:0.15em;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.g26-titleMessage > div{
	height:59px;
	padding:0 1em;
	border:1px solid black;
	display:flex;
	align-items:center;
}
.g26-titleMessage > div:not(:first-child){
	border-top:none;
}
.g26-startButton{
	appearance:none;
	border:none;
	border-radius:20px;
	outline:none;
	position:absolute;
	left:0;
	bottom:80px;
	width:100%;
	height:170px;
	background:rgba(255,255,255,0.9);
	color:#101A32;
	padding:0 6%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	cursor:pointer;
}
.g26-startButton span{
	display:block;
}
.g26-startButton > span > span{
	display:block;
	margin-top:10px;
	font-size:32px;
	line-height:1;
	white-space:nowrap;
	text-align:left;
}
.g26-startButton small{
	display:block;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:20px;
	line-height:1;
	white-space:nowrap;
	text-align:left;
}

@media (max-width:768px){
	.g26-title .g26-contents{
		min-height:0;
	}
	.g26-titleMessage{
		font-size:16px;
		line-height:1;
		letter-spacing:0.10em;
		transform:translatey(180px);
	}
	.g26-titleMessage > div{
		height:32px;
		padding:0 0.8em;
	}
	.g26-startButton{
		bottom:80px;
		height:100px;
		padding:0 20px;
	}
	.g26-startButton img{
		width:60px;
		height:60px;
	}
	.g26-startButton > span > span{
		margin-top:7px;
		font-size:18px;
		line-height:1;
	}
	.g26-startButton small{
		font-size:14px;
		line-height:1;
	}
}

@media (min-width:769px){
	.g26-startButton{
		overflow:hidden;
		background:none;
	}
	.g26-startButton > *{
		position:relative;
		z-index:10;
	}
	.g26-startButton::before{
		content:"";
		position:absolute;
		width:300%;
		height:100%;
		left:0;
		top:0;
		display:block;
		background: linear-gradient(90deg, #ffffff 0%, #ffffff 34%, #59679b 66.7%, #c98392 84.8%, #d69d85 92.9%, #ecc985 100%);
		transition:left 0.8s ease-out;
	}
	.g26-startButton:hover{
		transition:color 0.4s ease-out 0.2s;
		color:white;
	}
	.g26-startButton:hover::before{
		left:-200%;
	}
}









.g26-titleMessage{
	transform:translate(-10px,130px);
	opacity:0;
	transition:transform 0.8s ease-out,opacity 0.8s ease-out;
}
.g26-screen.active .g26-titleMessage{
	transform:translate(0px,130px);
	opacity:1;
}
@media (max-width:768px){
	.g26-titleMessage{
		transform:translate(-10px,180px);
	}
	.g26-screen.active .g26-titleMessage{
		transform:translate(0px,180px);
	}
}
.g26-startButton{
	opacity:0;
	transform:translate(0px,10px);
	transition:transform 0.8s ease-out,opacity 0.8s ease-out;
	transition-delay:0.4s;
}
.g26-screen.active .g26-startButton{
	opacity:1;
	transform:none;
}
















.g26-question .g26-safearea{
	display:flex;
	align-items:center;
	--lifeSize:16px;
	--maxLife:4;
	--choiceSize:min(50svh,420px);
}
.g26-questionNumber{
	text-align:center;
	font-size:60px;
	line-height:1;
	color:white;
}
.g26-questionLine{
	margin-top:15px;
	width:200svw;
	height:60px;
	position:relative;
	left:calc(50% - 100svw);
	display:flex;
	justify-content:center;
	align-items:center;
	color:white;
	background:#140E5370;
	font-size:28px;
	line-height:1;
	white-space:nowrap;
}
.g26-questionChoicesWrapper{
	margin-top:30px;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:50px;
	position:relative;
}
.g26-questionIndicators{
	width:170px;
	height:var(--lifeSize);
	display:flex;
	justify-content:center;
	gap:var(--lifeSize);
	z-index:20;
}
.g26-questionIndicators i{
	display:block;
	width:var(--lifeSize);
	height:var(--lifeSize);
	border-radius:100%;
	background:white;
}
.g26-questionIndicators i.success{
	background:#53FFE8;
}
.g26-questionIndicators i.failed{
	background:#9E9E9E;
}
.g26-questionChoices{
	width:var(--choiceSize);
	height:var(--choiceSize);
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:5px;
}
.g26-questionChoice{
	width:calc(33% - (10px / 3));
	height:auto;
	aspect-ratio:1 / 1;
	position:relative;
	cursor:pointer;
	overflow:hidden;
}
.g26-questionChoice > img{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	object-fit:cover;
	transition:opacity 0.2s ease-out;
}
@media (min-width:769px){
	.g26-questionChoice:hover img{
		opacity:0.85;
	}
}
.g26-questionSubmit{
	appearance:none;
	border:none;
	border-radius:10px;
	outline:none;
	width:170px;
	height:80px;
	padding:0 15px 0 20px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:28px;
	line-height:1.35;
	white-space:nowrap;
	background:white;
	color:#101A32;
	cursor:pointer;
	z-index:20;
}
.g26-questionSubmit img{
	width:40px;
	height:40px;
	display:block;
}
.g26-questionSubmit.hide{
	opacity:0;
	pointer-events:none;
}

@media (max-width:768px){
	.g26-question .g26-safearea{
		flex-direction:column;
		justify-content:center;
		align-items:center;
		--lifeSize:12px;
		--maxLife:4;
		--choiceSize:min(50svh,86vw);
	}
	.g26-questionNumber{
		font-size:40px;
	}
	.g26-questionLine{
		margin-top:15px;
		width:200svw;
		height:40px;
		font-size:20px;
		line-height:1;
	}
	.g26-questionChoicesWrapper{
		margin-top:20px;
		flex-direction:column;
		gap:20px;
	}
	.g26-questionIndicators{
		width:100%;
	}
	.g26-questionSubmit{
		width:200px;
		height:60px;
		padding:0 15px 0 20px;
		font-weight:300;
		font-size:24px;
		line-height:1.35;
	}
	.g26-questionSubmit img{
		width:36px;
		height:36px;
	}
}

body:has(.g26-questionAnswer.active) .g26-questionChoices{
	pointer-events:none;
}
body:has(.g26-questionAnswer.active) .g26-questionNumber,
body:has(.g26-questionAnswer.active) .g26-questionLine,
body:has(.g26-questionAnswer.active) .g26-questionChoices{
	filter:blur(5px);
}

.g26-questionChoices{
	--gap:30px;
}
@media (max-width:768px){
	.g26-questionChoices{
		--gap:20px;
	}
}







.g26-questionIndicators i.solved{
	transition:transform 0.3s ease-out,background 0.3s ease-out,opacity 0.3s ease-out;
	opacity:0;
	transform:scale(8.0);
}
.g26-questionIndicators i.success{
	background:#53FFE8;
	opacity:1;
	transform:scale(1.0);
}
.g26-questionIndicators i.failed{
	background:#9E9E9E;
	opacity:1;
	transform:scale(1.0);
}

.g26-questionChoice{
	opacity:0;
	transition:transform 0.3s ease-out,opacity 0.3s ease-out;
}
.g26-questionChoice:nth-child(1){transition-delay:0.0s;
	transform:translate(calc(var(--gap) * -1),calc(var(--gap) * -1));}
.g26-questionChoice:nth-child(2){transition-delay:0.1s;
	transform:translate(calc(var(--gap) *  0),calc(var(--gap) * -1));}
.g26-questionChoice:nth-child(3){transition-delay:0.2s;
	transform:translate(calc(var(--gap) *  1),calc(var(--gap) * -1));}
.g26-questionChoice:nth-child(4){transition-delay:0.3s;
	transform:translate(calc(var(--gap) * -1),calc(var(--gap) *  0));}
.g26-questionChoice:nth-child(5){transition-delay:0.4s;
	transform:scale(1.1);}
.g26-questionChoice:nth-child(6){transition-delay:0.5s;
	transform:translate(calc(var(--gap) *  1),calc(var(--gap) *  0));}
.g26-questionChoice:nth-child(7){transition-delay:0.6s;
	transform:translate(calc(var(--gap) * -1),calc(var(--gap) *  1));}
.g26-questionChoice:nth-child(8){transition-delay:0.7s;
	transform:translate(calc(var(--gap) *  0),calc(var(--gap) *  1));}
.g26-questionChoice:nth-child(9){transition-delay:0.8s;
	transform:translate(calc(var(--gap) *  1),calc(var(--gap) *  1));}

.g26-questionChoices.active .g26-questionChoice{
	transform:none;
	opacity:1;
}














.g26-questionChoice::after{
	content:"CHECK";
	font-family:"Asset", serif;
	font-weight:400;
	font-style:normal;
	font-size:16px;
	line-height:1;
	width:200%;
	height:200%;
	position:absolute;
	left:-50%;
	top:-50%;
	display:flex;
	justify-content:center;
	align-items:center;
	color:white;
	background:rgba(0,0,0,0.35);
	transform:rotate(-45deg) scale(1.5);
	opacity:0;
	transition:transform 0.1s ease-out,opacity 0.1s ease-out;
}
.g26-questionChoice.selected::after{
	transform:rotate(-45deg) scale(1.0);
	opacity:1;
}












.g26-questionAnswer{
	width:var(--choiceSize);
	height:var(--choiceSize);
	position:absolute;
	left:calc(50% - var(--choiceSize) * 0.5);
	top:0;
	z-index:10;
}
.g26-questionAnswer::before{
	content:"";
	position:fixed;
	left:-50svw;
	top:0;
	width:200svw;
	height:100lvh;
	background:linear-gradient(to Bottom,#101A32c9,#314F98b9);
}
.g26-questionAnswerTitle{
	position:absolute;
	width:100svw;
	left:calc(50% - 50svw);
	bottom:calc(100% + 30px);
	text-align:center;
	font-family:"Asset", serif;
	font-weight:400;
	font-style:normal;
	font-size:70px;
	line-height:1;
	white-space:nowrap;
	color:white;
}
.g26-questionAnswerIcon{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	z-index:10;
}
.g26-questionAnswer.success .g26-questionAnswerIconFailed,
.g26-questionAnswer.failed .g26-questionAnswerIconSuccess{
	opacity:0 !important;
}
.g26-questionAnswerMessage{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:26px;
	line-height:1;
	white-space:nowrap;
	color:white;
	letter-spacing:0.2em;
	z-index:20;
}

@media (max-width:768px){
	.g26-questionAnswer{
		top:calc(var(--lifeSize) + 20px);
	}
	.g26-questionAnswerTitle{
		bottom:calc(100% + 60px);
		font-size:32px;
		line-height:1;
	}
}







.g26-questionAnswer{
	opacity:0;
	pointer-events:none;
	transition:opacity 0.2s ease-out;
}
.g26-questionAnswer.active{
	opacity:1;
	pointer-events:none;
}
.g26-questionAnswerTitle{
	opacity:0;
	transform:scale(1.2);
	transition:opacity 0.1s ease-out,transform 0.1s ease-out;
	transition-delay:0.2s;
}
.g26-questionAnswer.active .g26-questionAnswerTitle{
	opacity:1;
	transform:none;
}
.g26-questionAnswerIcon{
	opacity:0;
	transform:scale(2.0);
	transition:opacity 0.3s ease-out,transform 0.3s ease-out;
	transition-delay:0.4s;
}
.g26-questionAnswer.active .g26-questionAnswerIcon{
	opacity:1;
	transform:none;
}
.g26-questionAnswerMessage{
	opacity:0;
	transform:scale(1.2);
	transition:opacity 0.1s ease-out,transform 0.1s ease-out;
	transition-delay:0.6s;
}
.g26-questionAnswer.active .g26-questionAnswerMessage{
	opacity:1;
	transform:none;
}













.g26-screenTitle{
	text-align:center;
	font-family:"Asset", serif;
	font-weight:400;
	font-style:normal;
	font-size:40px;
	line-height:1;
	color:white;
	padding:0 0.1em;
}
.g26-screenTitle > span{
	display:inline-block;
	white-space:nowrap;
}
.g26-screenMessage{
	margin-top:20px;
	text-align:center;
	font-size:20px;
	line-height:1.65;
	color:#101A32;
}
.g26-screenMessage > span{
	display:inline-block;
	white-space:nowrap;
}
.g26-screenCloseButton{
	margin:20px auto 0;
	appearance:none;
	border:none;
	border-radius:none;
	outline:none;
	display:block;
	width:fit-content;
	background:none;
	color:#101A32;
	font-size:18px;
	line-height:2;
	text-decoration:underline;
	text-underline-offset:0.85em;
	cursor:pointer;
}

@media (max-width:768px){
	.g26-screenTitle{
		font-size:32px;
		line-height:1;
	}
	.g26-screenMessage{
		font-size:16px;
		line-height:1.65;
	}
	.g26-screenCloseButton{
		/*position:fixed;
		left:50%;
		transform:translatex(-50%);
		bottom:calc((100lvh - 100svh) + 10px);*/
		font-size:14px;
		line-height:2;
		text-underline-offset:0.85em;
	}
}

@media (min-width:769px){
	.g26-screenCloseButton{
		transition:opacity 0.2s ease-out;
	}
	.g26-screenCloseButton:hover{
		opacity:0.7;
	}
}












.g26-retry .g26-safearea{
	display:flex;
	align-items:center;
}
.g26-retryButton{
	margin-top:60px;
	appearance:none;
	border:none;
	border-radius:20px;
	outline:none;
	width:100%;
	height:170px;
	background:rgba(255,255,255,0.9);
	color:#101A32;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 6%;
	cursor:pointer;
}
.g26-retryButton > span{
	font-size:32px;
	line-height:1.5;
	color:#101A32;
}
.g26-retryButton > img{
	width:110px;
	height:110px;
	display:block;
}


@media (max-width:768px){
	.g26-retryButton{
		margin-top:60px;
		border-radius:10px;
		height:100px;
		padding:0 20px;
	}
	.g26-retryButton > span{
		font-size:18px;
		line-height:1.5;
	}
	.g26-retryButton > img{
		width:60px;
		height:60px;
	}
}













.g26-rewards .g26-safearea{
	display:flex;
	align-items:center;
}
.g26-rewardsOtherContact{
	margin:30px auto 0;
	border-radius:20px;
	width:100%;
	max-width:500px;
	height:100px;
	background:rgba(255,255,255,0.9);
	color:#101A32;
	text-decoration:none;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 30px;
	cursor:pointer;
}
.g26-rewardsOtherContact span{
	display:inline-block;
	white-space:nowrap;
}
.g26-rewardsOtherContact small{
	display:block;
	font-size:18px;
	line-height:1;
	margin-bottom:10px;
}
.g26-rewardsOtherContact > span{
	display:block;
	font-size:24px;
	line-height:1;
}
.g26-rewardsOtherContact img{
	width:60px;
	height:60px;
	display:block;
}

.g26-rewardList{
	width:100%;
	margin-top:30px;
}
.g26-rewardListContent{
	display:flex;
	width:100%;
	gap:2%;
	justify-content:center;
}
.g26-reward{
	appearance:none;
	border:none;
	outline:none;
	flex-shrink:0;
	border-radius:100%;
	width:32%;
	max-width:320px;
	height:auto;
	aspect-ratio:1 / 1;
	background:rgba(255,255,255,0.9);
	color:#101A32;
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	overflow:hiden;
	text-decoration:none;
	cursor:pointer;
}
.g26-rewardSubtitle{
	width:fit-content;
	height:40px;
	padding:0 0.8em;
	border-radius:100svw;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#101A32;
	color:white;
	font-size:20px;
	line-height:1;
	white-space:nowrap;
	z-index:5;
}
.g26-rewardTitle{
	display:block;
	margin-top:10px;
	position:relative;
	z-index:5;
}
.g26-rewardTitle > strong{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:normal;
	font-size:22px;
	line-height:1;
}
.g26-rewardTitle > strong > u{
	text-decoration:none;
	font-size:40px;
	line-height:1;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:500;
}
.g26-rewardTitle > small{
	margin-top:7px;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:16px;
	line-height:1;
}
.g26-rewardTitle > small.enlarge{
	font-size:20px;
	line-height:1;
}
.g26-rewardTitle br{
	display:none;
}
.g26-rewardLinkText{
	width:fit-content;
	display:block;
	margin:25px auto 0;
	font-size:14px;
	line-height:1;
	text-decoration:underline;
	text-underline-offset:0.8em;
	position:relativve;
	z-index:5;
}

@media (max-width:1000px){
	.g26-rewardsOtherContact{
		height:80px;
		padding:0 20px;
	}
	.g26-rewardsOtherContact small{
		font-size:16px;
		line-height:1;
		margin-bottom:5px;
	}
	.g26-rewardsOtherContact > span{
		font-size:20px;
		line-height:1;
	}
	.g26-rewardsOtherContact img{
		width:50px;
		height:50px;
	}
	.g26-rewardSubtitle{
		height:30px;
		padding:0 0.5em;
		font-size:16px;
	}
	.g26-rewardTitle > strong{
		font-size:18px;
		line-height:1;
	}
	.g26-rewardTitle > strong > u{
		font-size:28px;
		line-height:1;
	}
	.g26-rewardTitle > small{
		margin-top:5px;
		font-size:12px;
		line-height:1;
	}
	.g26-rewardTitle > small.enlarge{
		font-size:16px;
		line-height:1;
	}
	.g26-rewardLinkText{
		margin:15px auto 0;
		font-size:14px;
		line-height:1;
	}
}
@media (max-width:768px){
	.g26-rewardList{
		overflow-x:scroll;
		position:relative;
		left:calc(50% - 50svw);
		width:100svw;
		-ms-overflow-style:none;
		scrollbar-width:none;
		
	}
	.g26-rewardList::-webkit-scrollbar{
		display:none;
	}
	.g26-rewardListContent{
		gap:15px;
		justify-content:left;
	}
	.g26-rewardListContent::before,
	.g26-rewardListContent::after{
		content:"";
		width:3.5vw;
		height:1px;
		display:block;
		flex-shrink:0;
	}
	.g26-reward{
		flex-shrink:0;
		width:290px;
	}
	.g26-rewardTitle > strong{
		font-size:20px;
		line-height:1;
	}
	.g26-rewardTitle > strong > u{
		font-size:32px;
		line-height:1;
	}
	.g26-rewardTitle > small{
		margin-top:7px;
		font-size:14px;
		line-height:1;
	}
	.g26-rewardTitle > small.enlarge{
		font-size:18px;
		line-height:1;
	}
	.g26-rewardLinkText{
		margin:25px auto 0;
		font-size:15px;
		line-height:1;
	}
}


.g26-rewardImage{
	position:absolute;
	display:block;
	z-index:60;
}
.g26-reward:nth-child(1) .g26-rewardImage{
	left:-1%;
	top:8%;
}
.g26-reward:nth-child(2) .g26-rewardImage{
	left:5%;
	bottom:5%;
}
.g26-reward:nth-child(3) .g26-rewardImage{
	right:10%;
	top:1%;
}

.g26-rewardSoldout{
	position:absolute;
	background:linear-gradient(to Bottom,#101A32c9,#314F98b9);
	width:100%;
	height:100%;
	left:0;
	top:0;
	border-radius:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	flex-direction:column;
	color:white;
	backdrop-filter:blur(3px);
	z-index:50;
	cursor:not-allowed;
}
.g26-rewardSoldout > span{
	display:block;
	text-align:center;
	font-family:"Asset", serif;
	font-weight:400;
	font-style:normal;
	font-size:26px;
	line-height:1;
	opacity:0.6;
}
.g26-rewardSoldout > small{
	margin-top:8px;
	display:block;
	text-align:center;
	font-size:18px;
	line-height:1;
}
.g26-rewardSoldout.hide{
	display:none;
}

@media (min-width:769px){
	.g26-reward{
		transition:transform 0.2s ease-out;
	}
	.g26-reward:hover{
		transform:translatey(-5px);
	}
}













@media (min-width:769px){
	.g26-opacityHover{
		transition:opacity 0.1s ease-out;
	}
	.g26-opacityHover:hover{
		opacity:0.75;
	}

	/*
	.g26-buttonHover:before{
		content:"";
		width:300%;
		height:100%;
		position:absolute;
		background: linear-gradient(270deg, #FFFFFFff 0%, #59679b 50%, #c98392 66%, #d69d85 83%, #ecc985 100%);
	}
	.g26-buttonHover:hover{

	}
	*/
}
































.g26-form{
	--padding:10px;
	width:80%;
	max-width:500px;
	height:calc(100svh - 100px - 80px);
	position:absolute;
	left:50%;
	top:100px;
	transform:translatex(-50%);
	z-index:100;
	opacity:0;
	pointer-events:none;
	transition:opacity 0.4s ease-out;
}
.g26-form.active{
	opacity:1;
	pointer-events:all;
}
.g26-form::before{
	content:"";
	width:100svw;
	height:300lvh;
	position:absolute;
	left:calc(50% - 50svw);
	top:-100lvh;
	background:black;
	z-index:-1;
	opacity:0.3;
}
.g26-formWindow{
	z-index:10;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:white;
}
.g26-formViewport{
	width:100%;
	height:100%;
	position:relative;
	overflow-y:auto;
	padding:0 30px;
}
.g26-formContent{
	padding:60px 0 80px 0;
	display:none;
}
.g26-formContentComplete{
	height:100%;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.g26-form[data-phase="input"] .g26-formContentInput,
.g26-form[data-phase="confirm"] .g26-formContentInput{
	display:block;
}
.g26-form[data-phase="complete"] .g26-formContentComplete{
	display:flex;
}

.g26-formLoading{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	display:flex;
	justify-content:center;
	align-items:center;
	background:white;
	opacity:0;
	transition:opacity 0.2s ease-out;
	pointer-events:none;
	z-index:100;
}
.g26-formLoading.active{
	opacity:1;
	pointer-events:all;
}
.g26-formLoading svg{
	animation: g26formLoadingAnim 1s linear infinite;
}
@keyframes g26formLoadingAnim {to{transform:rotate(360deg);}}

.g26-formClose{
	width:30px;
	height:30px;
	position:absolute;
	right:-15px;
	top:-40px;
	pointer-events:none;
}
.g26-formClose::before,.g26-formClose::after{
	content:"";
	width:100%;
	height:2px;
	background:rgba(255,255,255,0.5);
	position:absolute;
	left:0;
	top:calc(50% - 1px);
}
.g26-formClose::before{transform:rotate(45deg)}
.g26-formClose::after{transform:rotate(-45deg)}





.g26-formTitle{
	text-align:center;
	font-size:20px;
	line-height:1.35;
}
.g26-formTopMessage{
	margin-top:15px;
	text-align:center;
	font-size:16px;
	line-height:1.65;
}
.g26-formContentComplete .g26-formTopMessage{
	margin-top:30px;
}
.g26-formMessage{
	margin-top:30px;
	text-align:center;
	font-size:14px;
	line-height:1.65;
}
.g26-formTitle > span,.g26-formTopMessage > span,.g26-formMessage > span{
	display:inline-block;
	white-space:nowrap;
}
.g26-formTitle a,.g26-formTopMessage a,.g26-formMessage a{
	color:inherit;
	text-decoration:underline;
	text-underline-offset:0.3em;
}



.g26-formProgress{
	margin-top:45px;
	width:100%;
	height:30px;
	display:flex;
	gap:5px;
}
.g26-form[data-phase="complete"] .g26-formProgress{
	margin-top:30px;
}
.g26-formProgress > *{
	width:100%;
	background:#f0f0f0;
	color:#101A32;
	font-size:14px;
	line-height:1;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:300;
	display:flex;
	justify-content:center;
	align-items:center;
}
.g26-formProgress > *:not(:last-child){
	clip-path:polygon(0% 0%,95% 0%,100% 50%,95% 100%,0% 100%);
}
.g26-form[data-phase="input"] .g26-formProgress [data-phase="input"],
.g26-form[data-phase="confirm"] .g26-formProgress [data-phase="confirm"],
.g26-form[data-phase="complete"] .g26-formProgress [data-phase="complete"]{
	background:#101A32;
	color:white;
}

.g26-formRows{
	margin-top:30px;
	padding:0;
	list-style:none;
}
.g26-formRows li{
	list-style:none;
	margin:0;
	padding:0;
}
.g26-formRows li:not(:first-child){
	margin-top:30px;
}
.g26-formRowsHeader{
	padding:8px;
	font-size:14px;
	line-height:1.5;
	background:#f0f0f0;
	color:#101A32;
}
.g26-formRowsColumn{
	padding:5px 2px;
}
.g26-formRowsColumn.checkboxes,
.g26-formRowsColumn.radiobuttons{
	display:flex;
	justify-content:left;
	flex-wrap:wrap;
	gap:5px;
}
.g26-formRowsColumn.checkboxes label,
.g26-formRowsColumn.radiobuttons label{
	display:block;
	background:white;
	color:#101A32;
	font-size:14px;
	line-height:1;
	white-space:nowrap;
	display:flex;
	align-items:center;
	height:32px;
	padding:0 20px;
	border-radius:100vw;
	border:1px solid #ccc;
	cursor:pointer;
	transition-property:color,background,border-color,padding;
	transition-duration:0.1s;
	transition-timing-function:ease-out;
	position:relative;
}
.g26-formRowsColumn.checkboxes label input,
.g26-formRowsColumn.radiobuttons label input{
	display:none;
}
.g26-formRowsColumn.checkboxes label:hover,
.g26-formRowsColumn.radiobuttons label:hover{
	border-color:#101A32;
}
.g26-formRowsColumn.checkboxes label:has(input:checked),
.g26-formRowsColumn.radiobuttons label:has(input:checked){
	border-color:#101A32;
	background:#101A32;
	color:white;
	padding:0 10px 0 30px;
}
.g26-formRowsColumn.checkboxes label::before,
.g26-formRowsColumn.radiobuttons label::before{
	content: "";
	width: 15px;
	height: 15px;
	box-sizing: border-box;
	background: white;
	position: absolute;
	left:7px;
	top:50%;
	clip-path: polygon(90% 0, 100% 0, 100% 100%, 50% 100%, 50% 90%, 90% 90%);
	transform: translate(0%, -70%) rotate(45deg);
}
.g26-form .required{
	margin-left:5px;
	display:inline-block;
	padding:0.1em 0.3em;
	background:rgba(222,129,19,1.0);
	color:white;
	font-size:10px;
	line-height:1;
}
.g26-form textarea,
.g26-form input[type="text"],
.g26-form input[type="tel"],
.g26-form input[type="email"]{
	appearance:none;
	outline:none;
	border-radius:3px;
	border:1px solid #ccc;
	font-size:16px;
	line-height:1.5;
	padding:0.5em;
	width:100%;
	max-width:100%;
	margin-top:1px;
}
.g26-form input[type="tel"]{
	width:12em;
}
.g26-form textarea{
	height:150px;
}
.g26-form ::placeholder{
	font-size:14px;
	color:#aaa;
}

.g26-formButtons{
	margin-top:30px;
	display:flex;
	justify-content:center;
	gap:5px;
	position:relative;
}
.g26-formButtons button{
	width:200px;
	max-width:100%;
	appearance:none;
	border:none;
	border-radius:none;
	outline:none;
	height:50px;
	display:none;
	justify-content:center;
	align-items:center;
	cursor:pointer;
	font-size:16px;
	line-height:1;
	white-space:nowrap;
	position:relative;
	z-index:2;
	overflow:hidden;
}
.g26-form[data-phase="input"] button.g26-formToConfirm{
	display:flex;
}
.g26-form[data-phase="confirm"] button.g26-formToInput,
.g26-form[data-phase="confirm"] button.g26-formSubmit{
	display:flex;
}
button.g26-formToConfirm{
	background:#101A32;
	color:white;
}
button.g26-formToInput{
	background:#cccccc;
	color:#101A32;
}
button.g26-formSubmit{
	font-weight:bold;
	background: linear-gradient(270deg, #ffffff 0%, #ffffff 34%, #59679b 66.7%, #c98392 84.8%, #d69d85 92.9%, #ecc985 100%);
	color:white;
	transition:color 0.4s ease-out 0.2s;
}
button.g26-formSubmit::before{
	content:"";
	z-index:-1;
	position:absolute;
	width:300%;
	height:100%;
	right:0;
	top:0;
	background:linear-gradient(90deg, #ffffff 0%, #ffffff 34%, #59679b 66.7%, #c98392 84.8%, #d69d85 92.9%, #ecc985 100%);
	transition:right 0.8s ease-out;
}
button.g26-formSubmit:hover{
	color:#101A32;
}
button.g26-formSubmit:hover::before{
	right:-200%;
}
button.g26-formSubmit::after{
	content:"";
	box-sizing:border-box;
	z-index:3;
	position:absolute;
	width:100%;
	height:100%;
	right:0;
	top:0;
	pointer-events:none;
	border:1px solid #dddddd;
}
.g26-form .shake{
	animation:g26formButtonShakeAnim 0.6s ease-out;
}
@keyframes g26formButtonShakeAnim{
	0%{transform:translatex(0px)}
	20%{transform:translatex(-4px)}
	40%{transform:translatex(3px)}
	60%{transform:translatex(-2px)}
	80%{transform:translatex(1px)}
	100%{transform:translatex(0px)}
}

.g26-formErrors:blank{display:none;}
.g26-formErrors:empty{display:none;}
.g26-formErrors{
	position:absolute;
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:1.65;
	color:#cc3333;
	left:0;
	top:calc(100% + 10px);
}

.g26-formAllClose{
	appearance:none;
	border:none;
	border-radius:none;
	outline:none;
	width:150px;
	height:30px;
	margin:30px auto;
	background:#101A32;
	color:white;
	font-size:16px;
	line-height:1;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
}
.g26-formAllClose:hover{
	opacity:0.7;
}


.g26-form[data-phase="input"] .forConfirm,
.g26-form[data-phase="input"] .forComplete,
.g26-form[data-phase="confirm"] .forInput,
.g26-form[data-phase="confirm"] .forComplete,
.g26-form[data-phase="complete"] .forInput,
.g26-form[data-phase="complete"] .forConfirm{
	display:none !important;
}
.g26-form[data-phase="confirm"] .required{
	display:none;
}
.g26-form[data-phase="confirm"] .g26-formRowsHeader{
	background:none;
	padding:0;
}
.g26-form[data-phase="confirm"] textarea,
.g26-form[data-phase="confirm"] input[type="text"],
.g26-form[data-phase="confirm"] input[type="tel"],
.g26-form[data-phase="confirm"] input[type="email"]{
	background:#f0f0f0;
	border:none;
	border-radius:none;
	pointer-events:none;
	user-select:none;
}