@charset "utf-8";


#gl-world{
	position:fixed;
	width:100%;
	height:100vh;
	top:0; left:0;
	background-color:#eee;
}
.gl-corner{
	position:fixed;
	width:100%;
	height:100%;
	top:0; left:0;
	pointer-events: none;
	background-image: url(../image/corner.webp);
	background-size:100% 100%;
	opacity:0.04;
}
.gl-cov{
	position:fixed;
	width:100%; height:100%;
	top:0; left:0;
}
#gl-page{
	position: relative;
	width:100%; height:100%;
	overflow: hidden;
	/*font-family:"Noto Sans JP", "Noto Sans", "Noto Sans SC", sans-serif;*/
}
.gl-page-ja{font-family:"Noto Sans JP", sans-serif;}
.gl-page-en{font-family:"Noto Sans", sans-serif;}
.gl-page-zh{font-family:"Noto Sans SC", sans-serif;}


/* TOP PAGE */
.gl-page-top{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
}
.gl-title-start{
	position:absolute;
	width:35.5555vh;
	height:38.8889vh;
	left:50%; top:28%;
	margin-left:calc(35.5555vh * -0.5);
	margin-top:calc(38.8889vh * -0.5);
	background-image:url(../image/title.png);
	background-size:100% 100%;
	display:none;
}

/* MESS MODAL */
.gl-mess-modal{
	position:fixed;
	width:100%; height:100%;
	top:0; left:0;
	background-color:rgba(0,155,74,0.9);
	z-index:9999;
	display:none;
}
.gl-mess-board{
	position:absolute;
	width:1120px;
	height:620px;
	top:50%; left:50%;
	transform:translate(-50%,-50%);
	background-color:#fff;
	border-radius:12px;
}
.gl-mess-close{
	position:absolute;
	width:44px; height:44px;
	top:30px; right:30px;
	border-radius:50%;
	background-color:#009b4a;
	background-image:url(../image/close_base.png);
	background-size:cover;
	transition:0.2s;
}
.gl-mess-close:hover{
	background-color:#008640;
}
@media (max-width: 1599px){
	.gl-mess-board{
		width:calc(1120 / 1600 * 100vw);
		height:calc(620 / 1600 * 100vw);
	}
	.gl-mess-close{
		width:calc(44 / 1600 * 100vw);
		height:calc(44 / 1600 * 100vw);
		top:calc(30 / 1600 * 100vw);
		right:calc(30 / 1600 * 100vw);
	}
}

/* BTN */
.gl-start-navi{
	position:fixed;
	left:50%;
	top:50%;
}
.gl-start-btn{
	display:block;
	position:absolute;
	width:206px; height:206px;
	margin-left:-103px; margin-top:-103px;
	left:0;
	top:164px;/*170px;*/
	border-radius:50%;
	background-color:#009b4a;
	backface-visibility: hidden;
}
.gl-start-mess{
	display:inline-block;
	width:auto;
	top:calc(180px + 103px + 34px); left:0;
	position:absolute;
	white-space: nowrap;
	transform:translateX(-50%);
}
.gl-start-mess-a{
	color:#009b4a;
	font-size:18px;
	font-weight:600;
	white-space: nowrap;
	padding-bottom:3px;
	background-size:contain;
	background-position:center left;
	background-repeat:no-repeat;
	border-bottom:2px solid #009b4a;
	text-align: center;
	transition:0.2s;
}
.gl-start-mess-en{
	top:calc(180px + 103px + 20px); left:0;
}
.gl-start-mess-a-en{
	font-size:17px;
	line-height:24px;
}
.gl-start-mess-a:hover{
	opacity:0.6;
}
.gl-mess-photo{
	position:absolute;
	width:250px; height:310px;
	top:90px; left:90px;
}
.gl-mess-txt{
	position:relative;
	width:100%; height:100%;
	overflow:hidden;
}
.gl-mess-txtIn{
	width:calc(100% - 6px); height:calc(100% - 12px);
	margin-top:6px;
	padding-top:90px;
	padding-left:414px;
	padding-right:90px;
	padding-bottom:90px;
	overflow-y:auto;
	font-size:18px;
	font-weight:500;
	line-height:36px;

	scrollbar-color: #999 rgba(255,255,255,0);
	scrollbar-width: thin;
}
.gl-mess-txtIn-en{
	font-size:18px;
	line-height:32px;
}
.gl-mess-txtIn-en span{
	position:relative;
	display:inline-block;
	width:1em;
}
.gl-mess-txtIn-enUn{
	text-indent: 1em;
}
.gl-mess-txtInTil{
	color:#009b4a;
	font-size:26px;
	margin-bottom:24px;
}
.gl-mess-txtInName{
	text-align:right;
	line-height: 1.6em;
}
.gl-mess-txtInName-en{
	text-align:left;
	line-height: 1.6em;
}
.gl-mess-grad{
	position:absolute;
	width:86%;
	height:100%;
	top:0; left:7%;
	pointer-events: none;
	background-image:url(../image/top_mess_grade.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
}
@media (max-width: 1599px){
	.gl-start-mess-a{
		font-size:calc(18 / 1600 * 100vw);
	}
	.gl-start-mess-a-en{
		font-size:calc(17 / 1600 * 100vw);
		line-height:calc(24 / 1600 * 100vw);
	}
	.gl-mess-photo{
		width:calc(250 / 1600 * 100vw);
		height:calc(310 / 1600 * 100vw);
		top:calc(90 / 1600 * 100vw);
		left:calc(90 / 1600 * 100vw);
	}
	.gl-mess-txtIn{
		margin-top:6px;
		padding-top:calc(90 / 1600 * 100vw);
		padding-left:calc(414 / 1600 * 100vw);
		padding-right:calc(90 / 1600 * 100vw);
		padding-bottom:calc(90 / 1600 * 100vw);
		font-size:calc(18 / 1600 * 100vw);
		line-height:calc(36 / 1600 * 100vw);
	}
	.gl-mess-txtIn-en{
		font-size:calc(18 / 1600 * 100vw);
		line-height:calc(32 / 1600 * 100vw);
	}
	.gl-mess-txtInTil{
		font-size:calc(26 / 1600 * 100vw);
		margin-bottom:calc(24 / 1600 * 100vw);
	}
}

.gl-start-inner{
	position:absolute;
	width:198px; height:198px;
	top:4px; left:4px;
	border-radius:50%;
	background-color:#009b4a;
	border:16px solid #33af6e;
	backface-visibility: hidden;
	transition:0.3s ease-out;
}
.gl-start-btn:hover .gl-start-inner{
	border:4px solid #33af6e;
}
.gl-start-t{
	position:absolute;
	width:96px; height:24px;
	top:50%; left:50%;
	margin-left:-48px; margin-top:-12px;
	background-image:url(../image/start.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
.gl-start-btn-ring{
	position:absolute;
	width:240px; height:240px;
	top:-17px; left:-17px;
	border:1px solid #009b4a;
	box-sizing: border-box;
	border-radius: 50%;
	opacity:0.6;
	backface-visibility: hidden;
	transition:0.3s ease-out;
}
.gl-start-btn-ringPs{
	position: absolute;
	top:50%; left:50%;
	backface-visibility: hidden;
	animation:2.5s linear infinite gl-start-btn-ringRot;
}
.gl-start-btn-ringP{
	position: absolute;
	width:6px; height:6px;
	top:calc(-120px - 3px);
	border-radius: 50%;
	background-color:#009b4a;
	backface-visibility: hidden;
	transition:0.3s ease-out;
}
.gl-start-btn-ringPs2{
	position: absolute;
	top:50%; left:50%;
	backface-visibility: hidden;
	animation:4.4s linear infinite gl-start-btn-ringRot;
}
.gl-start-btn-ringP2{
	position: absolute;
	width:8px; height:8px;
	left:calc(-120px - 4px);
	border-radius: 50%;
	background-color:#009b4a;
	backface-visibility: hidden;
	transition:0.3s ease-out;
}
@keyframes gl-start-btn-ringRot{
	0%{ transform:rotate(360deg);}
	100%{ transform:rotate(0deg); }
}
.gl-start-btn:hover .gl-start-btn-ring{
	width:260px; height:260px;
	top:-27px; left:-27px;
}
.gl-start-btn:hover .gl-start-btn-ringP{
	top:calc(-130px - 3px);
}
.gl-start-btn:hover .gl-start-btn-ringP2{
	left:calc(-130px - 4px);
}
@media (max-width:1599px){
	.gl-start-btn{
		width:calc(206 / 1600 * 100vw);
		height:calc(206 / 1600 * 100vw);
		margin-left:calc(-103 / 1600 * 100vw);
		margin-top:calc(-103 / 1600 * 100vw);
		top:calc(164 / 1600 * 100vw);
	}
	.gl-start-inner{
		width:calc(198 / 1600 * 100vw);
		height:calc(198 / 1600 * 100vw);
		top:calc(4 / 1600 * 100vw);
		left:calc(4 / 1600 * 100vw);
		border:calc(16 / 1600 * 100vw) solid #33af6e;
	}
	.gl-start-btn:hover .gl-start-inner{
		border:calc(4 / 1600 * 100vw) solid #33af6e;
	}
	.gl-start-t{
		width:calc(96 / 1600 * 100vw);
		height:calc(24 / 1600 * 100vw);
		margin-left:calc(-48 / 1600 * 100vw);
		margin-top:calc(-12 / 1600 * 100vw);
	}
	.gl-start-btn-ringP{
		width:calc(6 / 1600 * 100vw);
		height:calc(6 / 1600 * 100vw);
		top:calc(-123 / 1600 * 100vw);
	}
	.gl-start-btn-ringP2{
		width:calc(8 / 1600 * 100vw);
		height:calc(8 / 1600 * 100vw);
		left:calc(-124 / 1600 * 100vw);
	}
	.gl-start-btn-ring{
		width:calc(240 / 1600 * 100vw);
		height:calc(240 / 1600 * 100vw);
		top:calc(-17 / 1600 * 100vw);
		left:calc(-17 / 1600 * 100vw);
	}
	.gl-start-btn:hover .gl-start-btn-ring{
		width:calc(260 / 1600 * 100vw);
		height:calc(260 / 1600 * 100vw);
		top:calc(-27 / 1600 * 100vw);
		left:calc(-27 / 1600 * 100vw);
	}
	.gl-start-btn:hover .gl-start-btn-ringP{
		top:calc(-133 / 1600 * 100vw);
	}
	.gl-start-btn:hover .gl-start-btn-ringP2{
		left:calc(-134 / 1600 * 100vw);
	}
	.gl-start-mess{
		top:calc((180 + 103 + 40) / 1600 * 100vw);
	}
	.gl-start-mess-en{
		top:calc((180 + 103 + 20) / 1600 * 100vw);
	}
}
@media (max-width:1300px){
	.gl-start-mess{
		top:calc((180 + 103 + 40) / 1600 * 0.96 * 100vw);
	}
	.gl-start-mess-en{
		top:calc((180 + 103 + 20) / 1600 * 0.96 * 100vw);
	}	
}


.gl-menuT{
	position:absolute;
	width:80%;
	left:-30px; bottom:-30px;
	pointer-events: none;
}
.gl-menuT-line1{
	opacity:0.5; width:0%; overflow-x: hidden;
	transition:0.2s ease-out;
	transition-delay:0;
}
.gl-menuT-line2{
	opacity:0.5; width:0%; overflow-x: hidden;
	transition:0.2s ease-out;
	transition-delay:0.1s;
}
.gl-menuT-line3{
	opacity:0.5; width:0%; overflow-x: hidden;
	transition:0.2s ease-out;
	transition-delay:0.2s;
}
.gl-menuT-line4{
	opacity:0.5; width:0%; overflow-x: hidden;
	transition:0.2s ease-out;
	transition-delay:0.3s;
}
.gl-enter-btn-1:hover .gl-menuT-line1{
	width:100%; opacity:1;
}
.gl-enter-btn-1:hover .gl-menuT-line2{
	width:100%; opacity:1;
}
.gl-enter-btn-1:hover .gl-menuT-line3{
	width:100%; opacity:1;
}
.gl-enter-btn-2:hover .gl-menuT-line1{
	width:100%; opacity:1;
}
.gl-enter-btn-2:hover .gl-menuT-line2{
	width:100%; opacity:1;
}
.gl-enter-btn-2:hover .gl-menuT-line3{
	width:100%; opacity:1;
}
.gl-enter-btn-2:hover .gl-menuT-line4{
	width:100%; opacity:1;
}
.gl-enter-btn-3:hover .gl-menuT-line1{
	width:100%; opacity:1;
}
.gl-enter-btn-3:hover .gl-menuT-line2{
	width:100%; opacity:1;
}
.gl-enter-btn-3:hover .gl-menuT-line3{
	width:100%; opacity:1;
}
.gl-enter-btn-3:hover .gl-menuT-line4{
	width:100%; opacity:1;
}
.gl-menuT p{
	width: fit-content;
	font-size:16px;
	color:#fff;
	padding:2px 4px 4px 4px;
	margin-top:6px;
	background-color: #009b4a;
	white-space: nowrap;
}
@media (max-width:1599px){
	.gl-menuT{
		left:calc(-30 / 1600 * 100vw);
		bottom:calc(-30 / 1600 * 100vw);
	}
	.gl-menuT p{
		font-size:calc(16 / 1600 * 100vw);
		margin-top:4px;
	}
}

.gl-enter-btn-1{
	display:block;
	position:absolute;
	width:298px; height:298px;
	margin-left:-149px; margin-top:-149px;
	left:-430px;
	top:60px;
	backface-visibility: hidden;
	cursor: pointer;
}
.gl-enter-btn-2{
	display:block;
	position:absolute;
	width:298px; height:298px;
	margin-left:-149px; margin-top:-149px;
	left:0;
	top:200px;
	backface-visibility: hidden;
	cursor: pointer;
}
.gl-enter-btn-3{
	display:block;
	position:absolute;
	width:298px; height:298px;
	margin-left:-149px; margin-top:-149px;
	left:430px;
	top:60px;
	backface-visibility: hidden;
	cursor: pointer;
}
@media (max-width:1599px){
	.gl-enter-btn-1{
		width:calc(268 / 1600 * 100vw);/*268px;*/
		height:calc(268 / 1600 * 100vw);/*268px;*/
		margin-left:calc(-134 / 1600 * 100vw);
		margin-top:calc(-134 / 1600 * 100vw);
		left:calc(-380 / 1600 * 100vw);
		top:calc(50 / 1600 * 100vw);
	}
	.gl-enter-btn-2{
		width:calc(268 / 1600 * 100vw);/*268px;*/
		height:calc(268 / 1600 * 100vw);/*268px;*/
		margin-left:calc(-134 / 1600 * 100vw);
		margin-top:calc(-134 / 1600 * 100vw);
		left:0;
		top:calc(170 / 1600 * 100vw);
	}
	.gl-enter-btn-3{
		width:calc(268 / 1600 * 100vw);/*268px;*/
		height:calc(268 / 1600 * 100vw);/*268px;*/
		margin-left:calc(-134 / 1600 * 100vw);
		margin-top:calc(-134 / 1600 * 100vw);
		left:calc(380 / 1600 * 100vw);
		top:calc(50 / 1600 * 100vw);
	}
}
/*.gl-enter-btn-1:hover .gl-menuT{
	width:80%;
	opacity:1;
}
.gl-enter-btn-2:hover .gl-menuT{
	width:80%;
	opacity:1;
}
.gl-enter-btn-3:hover .gl-menuT{
	width:80%;
	opacity:1;
}*/

.gl-enter-circle{
	position:relative;
	width:100%; height:100%;
	border-radius:50%;
	border:4px solid #03a34f;
	overflow:hidden;
}
.gl-enter-thum{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	backface-visibility: hidden;
	transition:0.8s ease-out;
}
.gl-enter-frame{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	border-radius: 50%;
	border:20px solid #397f5a;
	opacity:0.15;
	box-sizing: border-box;
}
.gl-enter-btn-1:hover .gl-enter-thum{
	transform:scale(1.2);
}
.gl-enter-btn-2:hover .gl-enter-thum{
	transform:scale(1.2);
}
.gl-enter-btn-3:hover .gl-enter-thum{
	transform:scale(1.2);
}
.gl-enter-til{
	position:absolute;
	width:auto; height:77px;
	top:30px; left:-30px;
}
.gl-enter-arrow{
	position:absolute;
	width:54px; height:54px;
	bottom:20px; right:20px;
	border-radius: 50%;
	background-color:#009b4a;
	overflow: hidden;
}
.gl-enter-arrowImg{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	background-image: url(../image/enter_arrow.png);
	background-size: contain;
}
@media (max-width:1599px){
	.gl-enter-frame{
		border:calc(20 / 1600 * 100vw) solid #397f5a;
	}
	.gl-enter-til{
		height:calc(68 / 1600 * 100vw);
		top:calc(30 / 1600 * 100vw); left:calc(-30 / 1600 * 100vw);
	}
	.gl-enter-arrow{
		width:calc(54 / 1600 * 100vw);
		height:calc(54 / 1600 * 100vw);
		bottom:calc(20 / 1600 * 100vw);
		right:calc(20 / 1600 * 100vw);
	}
}



/* NAYAMI */
.gl-nayami{
	position:fixed;
	width:100%; height:100%;
	top:0; left:0;
	display:none;
}
.gl-nayami-navi{
	position:fixed;
	width:100%; height:0;
	top:0; left:0;
}
.gl-nayami-top{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
}

.gl-nayami-logo{
	position:absolute;
	width:384px; height:212px;
	top:50%; left:50%;
	margin-left:calc(-384px * 0.5);
	margin-top:calc(-106px - 10px);
	backface-visibility: hidden;
	user-select: none;
	opacity:0;
}
.gl-nayami-logo-en{
	width:448px;
	margin-left:calc(-448px * 0.5);
}
.gl-nayami-loading{
	position:absolute;
	width:38px; height:38px;
	top:50%; left:50%;
	margin-left:-19px; margin-top:calc(-19px + 98px);
	pointer-events: none;
	opacity:0;
}
.gl-nayami-loading img{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	opacity:0.8;
	backface-visibility: hidden;
	animation:0.5s linear infinite loading-rot;
}
@keyframes loading-rot{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(360deg); }
}
.gl-nayami-mess{
	position:absolute;
	width:384px;
	top:50%; left:50%;
	margin-left:calc(-384px * 0.5);
	margin-top:-50px;
	backface-visibility: hidden;
	opacity:0;

	font-size:24px;
	line-height:40px;
	color:#39bbff;
	text-align:center;
	user-select: none;
	text-shadow: 1px 1px 20px rgba(57,187,255,1);
}
.gl-nayami-btn{
	display:block;
	position:absolute;
	width:188px; height:54px;
	top:50%; left:50%;
	margin-left:calc(-188px * 0.5);
	margin-top:160px;
	border-radius: 27px;
	background-color:#002d7e;
	border:2px solid #2a6ee6;
	filter: drop-shadow(0 0 8px rgba(0,0,0,0.15));
	backface-visibility: hidden;
	opacity:0;
	box-sizing: border-box;
	text-align:center;
	user-select: none;
	transition: 0.2s;
	cursor: pointer;
}
.gl-nayami-btn span{
	position:relative;
	/*top:12px;*/
	color:#fff;
	font-size:20px;
}
.gl-nayami-btnM{
	position:absolute;
	width:32px; height:100%;
	top:0; right:0;
	background-image:url(../image/nayami_btn_m.png);
	background-repeat: no-repeat;
	background-size:14px 18px;
	background-position: 0px center;
	transition:0.2s;
}
.gl-nayami-btn:hover{
	background-color:#0044bd;
}
.gl-nayami-btn:hover .gl-nayami-btnM{
	background-position: 6px center;
}


.gl-nayami-contentsName{
	position:absolute;
	width:186px; height:20px;
	top:44px; right:98px;
	backface-visibility: hidden;
	opacity:0;
	display:none;
}
.gl-nayami-contentsName img{
	position:absolute;
	width:100%; height:100%;
}
#gl-nayami-cNameG{
	opacity:0;
}
.gl-nayami-type-btn{
	position: absolute;
	width:50px; height:1px;
	top:96px; right:30px;
	display:none;
	opacity:0;
}
.gl-nayami-type-border{
	position:absolute;
	width:18px; height:2px;
	top:0; left:50%; margin-left:-9px;
	background-image:url(../image/nayami_menu_border.png);
	background-size:contain;
}
.gl-nayami-typeBtn-list{
	display: block;
	position:absolute;
	width:50px; height:50px;
	top:20px; left:0;
	border-radius:50%;
	box-sizing: border-box;
}
#gl-nayami-typeBtn-list{
	display:block;
	background-color:#003697;
	border:1px solid #2a6ee6;
	background-image:url(../image/nayami_typeList.png);
	background-size:contain;
	transition:0.2s;
}
#gl-nayami-typeBtn-list:hover{
	background-color:#0044bd;
}
.gl-nayami-typeBtn-list-f{
	position:absolute;
	width:100px; height:26px;
	top:50%; margin-top:-13px;
	right:calc(100% + 2px - 10px);
	padding-left:15px;
	background-image:url(../image/menu_f.png);
	background-size:contain;
	background-repeat:no-repeat;
	font-size:13px;
	line-height: 26px;
	pointer-events: none;
	opacity:0;
	transition:0.3s;
	transition-delay:0.2s;
}
.gl-nayami-typeBtn-list-f-en{
	width:120px;
	padding-left:10px;
	background-image:url(../image/menu_f_en.png);
}
.gl-nayami-typeBtn-list-f-zh{
	width:90px;
	background-image:url(../image/menu_f.png);
}
#gl-nayami-typeBtn-list:hover .gl-nayami-typeBtn-list-f{
	opacity:1;
	right:calc(100% + 2px);
	background-size:100% 100%;
}
#gl-nayami-typeBtn-rand{
	display:none;
	background-color:#ffffff;
	border:1px solid #2a6ee6;
	background-image:url(../image/nayami_typeRand.png);
	background-size:contain;
	transition:0.2s;
}
#gl-nayami-typeBtn-rand:hover{
	background-color:#ccd7ea;
}
@media (max-width:1599px){
	.gl-nayami-contentsName{
		width:calc(186 / 1600 * 100vw);
		height:calc(20 / 1600 * 100vw);
		top:calc(44 / 1600 * 100vw);
		right:calc(98 / 1600 * 100vw);
	}
	.gl-nayami-type-btn{
		width:calc(50 / 1600 * 100vw);
		top:calc(96 / 1600 * 100vw);
		right:calc(30 / 1600 * 100vw);
	}
	.gl-nayami-typeBtn-list{
		width:calc(50 / 1600 * 100vw);
		height:calc(50 / 1600 * 100vw);
		top:calc(20 / 1600 * 100vw);
	}
}

.gl-nayami-type{
	position:relative;
	width:100vw; min-height:100vh;
	top:0; left:0;
	display:none;
	background-color:rgba(0,0,0,0.35);
	opacity:0;
}
.gl-nayami-typeScroll{
	width:100%;
}

/* 一覧 */
.gl-nayami-typeList{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-top:150px;
	padding-bottom:200px;
}
.gl-nList-til{
	font-size:26px;
	color:#39bbff;
	text-align:center;
	user-select: none;
	text-shadow: 1px 1px 20px rgba(57,187,255,1);
}
.gl-nList-select{
	position:relative;
	width:100%; height:34px;
	margin-top:25px;
}
.gl-nList-select-t{
	width:100%; height:100%;
	top:0; left:0;
	font-size:18px;
	color:#fff;
	text-align: center;
	line-height:30px;
	display:block;
}
.gl-nList-select-items{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	display:none;
	opacity:0;
}
.gl-nList-select-itemsIn{
	width:100%; height:100%;
	text-align:center;
	font-size:0;
}
.gl-nList-select-itemIn{
	display:inline-block;
	width:344px; height:32px;
	margin-left:5px; margin-right:5px;
	padding-left:14px; padding-right:32px;
	border:1px solid rgba(255,255,255,0.6);
	border-radius: 16px;
	box-sizing: border-box;
	font-size:14px;
	text-align: left;
	line-height:29px;
	color:rgba(255,255,255,0.9);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
	opacity:1;

	background-image:url(../image/nayami_center_iClose.png);
	background-repeat: no-repeat;
	background-position:top right;
	background-size:contain;
	transition: 0.2s;
	backface-visibility: hidden;
}
.gl-nList-select-itemIn:hover{
	border:1px solid rgba(255,255,255,1);
}
@media (max-width:1599px){
	.gl-nayami-typeList{
		width:calc((1200) / 1600 * 100vw);
		padding-top:calc((150 * 0.9) / 1600 * 100vw);
		padding-bottom:calc((200 * 0.9) / 1600 * 100vw);
	}
	.gl-nList-til{
		font-size:calc((26 * 0.9) / 1600 * 100vw);
		text-shadow: 1px 1px 18px rgba(57,187,255,1);
	}
	.gl-nList-select{
		height:calc((34 * 0.9) / 1600 * 100vw);
		margin-top:calc((25 * 0.9) / 1600 * 100vw);
	}
	.gl-nList-select-t{
		font-size:calc((18 * 0.9) / 1600 * 100vw);
		line-height:calc((30 * 0.9) / 1600 * 100vw);
	}
	.gl-nList-select-itemIn{
		width:calc((344 * 0.9) / 1600 * 100vw);
		height:calc((32 * 0.9) / 1600 * 100vw);
		margin-left:calc((5 * 0.9) / 1600 * 100vw);
		margin-right:calc((5 * 0.9) / 1600 * 100vw);
		padding-left:calc((14 * 0.9) / 1600 * 100vw);
		padding-right:calc((32 * 0.9) / 1600 * 100vw);
		border-radius:calc((16 * 0.9) / 1600 * 100vw);
		font-size:calc((14 * 0.9) / 1600 * 100vw);
		line-height:calc((29 * 0.9) / 1600 * 100vw);
	}
}

.gl-nList-group{
	width:100%;
	margin-top:64px;
}
.gl-nList-group-til{
	width:100%;
	padding-bottom:16px;
	font-size:24px;
	color:#39bbff;
	text-align: center;
	border-bottom: 1px solid rgba(0,168,255,0.6);
}
.gl-nList-group-set{
	width:100%;
	margin-top:30px;
	display:flex;
	justify-content: space-between;
}
.gl-nList-group-chil{
	width:47%;
}
.gl-nList-item{
	display:flex;
	width:100%;
	min-height:32px;
	margin-bottom:28px;
	transition:0.2s;
}
.gl-nList-item-n{color:#fff;}
.gl-nList-item-a{color:#39bbff;}

.gl-nList-item:hover{
	/*color:#39bbff;*/
	opacity:0.7;
}
.gl-nList-item-m{
	width:40px;
	background-size:32px 32px;
	background-repeat:no-repeat;
	background-position:top left;
}
.gl-nList-item-m-n{background-image:url(../image/nq_icon1_s.png);}
.gl-nList-item-m-a{background-image:url(../image/nq_icon2_s.png);}

.gl-nList-item-t{
	width:calc(100% - 40px);
	font-size:22px;
	line-height:32px;
}
.gl-nayami-bottom{
	position:fixed;
	width:100vw; height:340px;
	left:0; top:calc(100vh - 340px);
	pointer-events: none;
	background-image: url(../image/nayami_bottom.png);
	background-size:100% 100%;
	opacity:0;
}
@media (max-width:1599px){
	.gl-nList-group{
		margin-top:calc((64 * 0.9) / 1600 * 100vw);
	}
	.gl-nList-group-til{
		padding-bottom:calc((16 * 0.9) / 1600 * 100vw);
		font-size:calc((24 * 0.9) / 1600 * 100vw);
	}
	.gl-nList-group-set{
		margin-top:calc((30 * 0.9) / 1600 * 100vw);
	}
	.gl-nList-item{
		min-height:calc((32 * 0.9) / 1600 * 100vw);
		margin-bottom:calc((28 * 0.9) / 1600 * 100vw);
	}
	.gl-nList-item-m{
		width:calc((40 * 0.9) / 1600 * 100vw)x;
		background-size:calc((32 * 0.9) / 1600 * 100vw) calc((32 * 0.9) / 1600 * 100vw);
	}
	.gl-nList-item-t{
		width:calc(100% - ((40 * 0.9) / 1600 * 100vw));
		font-size:calc((22 * 0.9) / 1600 * 100vw);
		line-height:calc((32 * 0.9) / 1600 * 100vw);
	}
	.gl-nayami-bottom{
		height:calc((340 * 0.9) / 1600 * 100vw);
		left:0; top:calc(100vh - ((340 * 0.9) / 1600 * 100vw));
	}
}

.gl-nayami-meter-bar{
	position:absolute;
	width:100%; height:12px;
	left:0; top:calc(100vh - 12px);
	pointer-events: none;
}
.gl-nayami-meter-barBg{
	position:absolute;
	width:100%; height:6px;
	left:0; bottom:0;
	background-color:#39bbff;
	opacity:0.3;
}
.gl-nayami-meter-barDot{
	position:absolute;
	width:100px; height:12px;
	top:0; left:50%;
	margin-left:-50px;
}
.gl-nayami-meter-barDotIn{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	background-image:url(../image/nayamiMeterBarDot.png);
	background-size:100% 100%;
	backface-visibility: hidden;
}

.gl-nayami-select{
	position:fixed;
	width:100%; height:0;
	top:0; left:0;
	display:none;
}
.gl-nayami-result{
	display:block;
	position:absolute;
	width:230px; height:60px;
	margin-left:calc(-230px * 0.5);
	left:50%; top:calc(100vh - 50px - 60px);
}
.gl-nayami-result-a{
	display:block;
	width:100%; height:100%;
	border-radius:30px;
	background-color:#fff;
	border:2px solid #2a6ee6;
	backface-visibility: hidden;
	box-sizing: border-box;

	font-size:26px;
	line-height:54px;
	text-align:center;
	color:#003697;
	transition:0.25s;
}
.gl-nayami-result-a:hover{
	color:#ffffff;
	background-color:#003697;
}
.gl-n-dec-arrow{
	position:absolute;
	width:28px; height:32px;
	top:14px; right:14px;
	background-image:url(../image/n_dec_arrow.png);
	background-size:contain;
}
.gl-nayami-result-a:hover .gl-n-dec-arrow{
	background-image:url(../image/n_dec_arrow_w.png);
}
@media (max-width:1599px){
	.gl-nayami-result{
		width:calc((230 * 0.9) / 1600 * 100vw);
		height:calc((60 * 0.9) / 1600 * 100vw);
		margin-left:calc(((-230 * 0.9) * 0.5) / 1600 * 100vw);
		top:calc(100vh - 50px - ((60 * 0.9) / 1600 * 100vw));
	}
	.gl-nayami-result-a{
		border-radius:calc((30 * 0.9) / 1600 * 100vw);
		font-size:calc((26 * 0.9) / 1600 * 100vw);
		line-height:calc((54 * 0.9) / 1600 * 100vw);
	}
	.gl-n-dec-arrow{
		width:calc((28 * 0.9) / 1600 * 100vw);
		height:calc((32 * 0.9) / 1600 * 100vw);
		top:calc((14 * 0.9) / 1600 * 100vw);
		right:calc((14 * 0.9) / 1600 * 100vw);
	}
}
.gl-nayami-result-clear{
	position:absolute;
	width:60px; height:60px;
	right:-74px; top:0;
	border-radius:50%;
	background-color:#002d7e;
	color:#fff;
	border:2px solid #2a6ee6;
	text-align: center;
	box-sizing: border-box;
	font-size:14px;
	transition:0.3s;
}
.gl-nayami-result-clear:hover{
	background-color:#0044bd;
}
@media (max-width:1599px){
	.gl-nayami-result-clear{
		width:calc((60 * 0.9) / 1600 * 100vw);
		height:calc((60 * 0.9) / 1600 * 100vw);
		right:calc((-74 * 0.9) / 1600 * 100vw);
		font-size:calc((14 * 0.9) / 1600 * 100vw);
	}
}


.gl-nayami-random-back{
	position:absolute;
	width:102px; height:50px;
	margin-left:-51px;/*-232px;*/
	left:50%; top:calc(100vh - 45px - 60px);
	display: none;
	opacity:0;

	font-size:15px;
	line-height:46px;
	border-radius:25px;
	background-color:#002d7e;
	color:#fff;
	border:2px solid #2a6ee6;
	box-sizing: border-box;
	text-align: center;
	background-image:url(../image/nayami_random_back.png);
	background-repeat:no-repeat;
	background-size:16px 100%;
	background-position:15px 0;
	transition:0.3s;
}
.gl-nayami-random-back:hover{
	background-color:#0044bd;
	background-position:10px 0;
}
.gl-nayami-random-backShift{
	margin-left:-232px;
}
@media (max-width:1599px){
	.gl-nayami-random-back{
		width:calc((102 * 0.9) / 1600 * 100vw);
		height:calc((50 * 0.9) / 1600 * 100vw);
		margin-left:calc((-51 * 0.9) / 1600 * 100vw);
		left:50%; top:calc(100vh - 45px - ((60 * 0.9) / 1600 * 100vw));
	
		font-size:calc((15 * 0.9) / 1600 * 100vw);
		line-height:calc((46 * 0.9) / 1600 * 100vw);
		border-radius:calc((25 * 0.9) / 1600 * 100vw);
		background-size:calc((16 * 0.9) / 1600 * 100vw) 100%;
		background-position:calc((15 * 0.9) / 1600 * 100vw) 0;
	}
	.gl-nayami-random-backShift{
		margin-left:calc((-232 * 0.9) / 1600 * 100vw);
	}
}

.gl-nayami-center{
	position:absolute;
	top:49vh; left:50%;
}
.gl-nayami-centerIn{
	position:absolute;
	top:0; left:0;
}
.gl-nayami-center-0{
	position:absolute;
	/*width:384px; height:142px;*/
	top:0; left:0;
	/*margin-left:calc(-384px * 0.5);*/
	margin-top:calc(-134px * 0.5);
	transform:translateX(-50%);
	pointer-events: none;
	backface-visibility: hidden;

	font-size:24px;
	line-height:38px;
	color:#39bbff;
	text-align:center;
	user-select: none;
	text-shadow: 1px 1px 20px rgba(57,187,255,1);
	white-space: nowrap;
}
.gl-nayami-center-scr{
	margin-top:20px;
	font-size:16px;
}
.gl-nayami-center-scrAl{
	position:relative;
	display:inline-block;
	width:48px; height:16px;
	margin-right:3px;
	background-image:url(../image/nayami_arl.png);
	background-size:contain;
	background-position:0 3px;
}
.gl-nayami-center-scrAr{
	position:relative;
	display:inline-block;
	width:48px; height:16px;
	margin-left:3px;
	background-image:url(../image/nayami_arr.png);
	background-size:contain;
	background-position:0 3px;
}
.gl-nayami-center-select{
	position:absolute;
	width:0; height:0;
	top:0; left:0;
	transform:translate(-50%,-50%);
	user-select: none;
	backface-visibility: hidden;
	font-size:0;
}
.gl-nayami-center-select-til{
	position:absolute;
	top:0; left:0;
	margin-top:-14px;
	transform:translateX(-50%);
	font-size:24px;
	color:#39bbff;
	text-align:center;
	user-select: none;
	text-shadow: 1px 1px 20px rgba(57,187,255,1);
	white-space: nowrap;
	backface-visibility: hidden;
}
.gl-nayami-center-item{
	position: absolute;
	display:block;
	top:0; left:0;
	/*width:344px; height:32px;
	margin-left:-172px; margin-top:-16px;*/
	width:364px; height:32px;
	margin-left:-182px; margin-top:-16px;
	padding-left:14px; padding-right:32px;
	border:1px solid rgba(255,255,255,0.6);
	border-radius: 16px;
	box-sizing: border-box;
	font-size:14px;
	line-height:29px;
	color:rgba(255,255,255,0.9);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
	opacity:0;

	background-image:url(../image/nayami_center_iClose.png);
	background-repeat: no-repeat;
	background-position:top right;
	background-size:contain;
	transition: 0.2s;
	backface-visibility: hidden;
}
.gl-nayami-center-item-en{
	width:424px;
	margin-left:-212px;
}
.gl-nayami-center-item:hover{
	border:1px solid rgba(255,255,255,1);
}
.gl-nayami-typeMess{
	position:absolute;
	/*width:428px; height:212px;*/
	left:0; top:0;
	transform: translate(-50%,-50%);
	user-select: none;
	backface-visibility: hidden;
	font-size:0;
	text-align: center;
	white-space: nowrap;

	font-size:22px; line-height:38px;
	color:#39bbff;
	text-shadow: 1px 1px 20px rgba(57,187,255,1);
}
.gl-nayami-typeMess p{
	margin-bottom: 22px;
}
.gl-nayami-typeMess button{
	display:inline-block;
	width:104px; height:40px;
	margin-left:5px; margin-right:5px;
	border-radius:20px;
	border:2px solid #39bbff;
	box-sizing: border-box;
	font-size:16px;
	line-height:35px;
	color:#39bbff;
	text-align: center;
	transition: 0.2s;
}
.gl-nayami-typeMess button:hover{
	color:#071736;
	background-color: #39bbff;
}


.gl-nayami-res-top{
	position:fixed;
	width:540px; height:420px;
	left:50%; margin-left:-270px;
	top:50vh; margin-top:-210px;
	text-align: center;
	font-size:0;
	display:none;
	pointer-events: none;
}
.gl-nayami-res-bg{
	position:absolute;
	width:800px; height:800px;
	margin-top:-400px; margin-left:-400px;
	top:50%; left:50%;
	background-image:url(../image/nayami_result_bg.webp);
	background-repeat: no-repeat;
	background-size:contain;
	pointer-events: none;
	opacity:0;
	backface-visibility: hidden;
	/*display:none;*/
}
.gl-nayami-res-topIn{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
}
.gl-nayami-res-icon{
	position:absolute;
	width:110px; height:110px;
	top:50%; left:50%;
	margin-top:-55px; margin-left:-55px;
	backface-visibility: hidden;
	filter: blur(4px);
}
.gl-nayami-res-iconIn{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	background-image: url(../image/result/icon.webp);
	background-size:100% 100%;
	backface-visibility: hidden;
}
.gl-nayami-res-iconIn-g{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	background-image: url(../image/result/icon_g.webp);
	background-size:100% 100%;
	backface-visibility: hidden;
	opacity:0;
}
.gl-nayami-res-iconAny{
	position:absolute;
	width:100%;
	bottom:-16px;
	font-size:14px;
	text-align:center;
	user-select: none;
	color:#39bbff;
}
.gl-nayami-res-iconAnySpan{
	animation:gl-nayami-res-iconAnySpanAnim 0.1s ease-in-out infinite alternate;
}
@keyframes gl-nayami-res-iconAnySpanAnim{
    0% {opacity:1;}
    50% {opacity:0.6;}
	100% {opacity:1;}
}
.gl-nayami-res-word{
	position:absolute;
	width:100%; height:auto;
	top:50%; left:0;
	margin-top:-90px;
	backface-visibility: hidden;
	filter: blur(4px);

	font-size:26px;
	line-height:44px;
	color:#13f07c;/*#39bbff;*/
	text-align:center;
	user-select: none;
	text-shadow: 1px 1px 20px rgba(95,207,113,1);
}
.gl-nayami-res-arrow{
	position:absolute;
	width:110px; height:66px;
	bottom:0; left:50%;
	margin-left:-55px;
}

/* alert */
.gl-nayami-alert{
	position:absolute;
	width:auto;
	height:60px;
	top:-100px;/*10px;*/
	left:50%;
	padding-left:20px; padding-right:20px;
	transform:translateX(-50%);
	background-color:#ffffff;
	border-radius:12px;
	border:1px solid #ccc;
	box-sizing: border-box;
	text-shadow: 1px 1px 20px rgba(0,0,0,0.15);
	pointer-events: none;
	text-align:center;
	font-size:15px;
	display: flex;
	align-items: center;
	backface-visibility: hidden;
}
.gl-nayami-alert img{
	display:inline-block;
	width:30px; height:30px;
	margin-right:10px;
}
@media (max-width:1599px){
	.gl-nayami-alert{
		height:calc(60 / 1600 * 100vw);
		padding-left:calc(20 / 1600 * 100vw);
		padding-right:calc(20 / 1600 * 100vw);
		border-radius:calc(12 / 1600 * 100vw);
		font-size:calc(15 / 1600 * 100vw);
	}
}

/* nayami testWrapper */
.gl-testWrapp-en{
	position:absolute;
	pointer-events:none;
	top:0; left:0;
	width:100vw; height:100vh;
	visibility: hidden;
	opacity:0;
}
.gl-nayamiTestWrapp{
	pointer-events:none;
	position:absolute;
	top:100px; left:0;
	width:auto;
	height:240px;
	
	font-size:38px;
	font-weight:normal;
	color:#ffffff;
	z-index:10000;
	visibility: hidden;
	transform:translateY(-500px);
	white-space: nowrap;
}
.gl-testWrapp-word{
	position:absolute;
	width:540px;
	top:0; left:0;
	/*visibility: hidden;*/
}


/* 結果選択肢 */
.gl-nayami-res-selected{
	position:fixed;
	width:1200px; height:40px;
	top:40px; left:50%;
	transform:translateX(-50%);
}
.gl-nayami-res-selectedSet{
	width:100%; height:100%;
	text-align:center;
	backface-visibility: hidden;
}
.gl-nayami-res-selectedIn{
	display: inline-block;
    width: 334px;
    height: 32px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 14px;
    padding-right: 14px;
	border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 16px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    line-height: 29px;
    color: rgba(255, 255, 255, 0.9);
	background-color:rgba(0, 0, 0, 0.5);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: 1;
}
@media (max-width:1599px){
	.gl-nayami-res-selected{
		top:calc(40 / 1600 * 100vw);
		width:calc(1200 / 1600 * 100vw);
	}
	.gl-nayami-res-selectedIn{
		width:calc((334 * 0.9) / 1600 * 100vw);
		height:calc((32 * 0.9) / 1600 * 100vw);
		margin-left:calc((5 * 0.9) / 1600 * 100vw);
		margin-right:calc((5 * 0.9) / 1600 * 100vw);
		padding-left:calc((14 * 0.9) / 1600 * 100vw);
		padding-right:calc((32 * 0.9) / 1600 * 100vw);
		border-radius:calc((16 * 0.9) / 1600 * 100vw);
		font-size:calc((14 * 0.9) / 1600 * 100vw);
		line-height:calc((29 * 0.9) / 1600 * 100vw);
	}
}