@charset "utf-8";
/* global */
body{ font-family: "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "メイリオ", "맑은 고딕", sans-serif; overflow-x: hidden;

cursor:none;

}
/* footer */


/* index */
.start { background: url(../img/index/bg_001.png) no-repeat center; height:100vh; background-size:100% 100%; }
.l-model { left:0; bottom: 0; }
.r-model { right:0; bottom: 0; }
.nextbtnbox { bottom: 100px; left:calc((100% - 612px)/2); }
.nextbtn { background: url() no-repeat center; height:145px; border:0; width: 612px; font-size: 2.5rem; }

.open { background: url(../img/index/bg_02.png) no-repeat center; height:100vh; background-size:100% 100%; }
.tablebox { border:1px solid #9da2cc; background-color: #fff; border-radius: 10px; }
.tablebox th:first-child { border-right:1px solid #9da2cc; }
.tablebox td:first-child { border-right:1px solid #9da2cc;  }
.tablebox th { border-bottom:1px solid #9da2cc;  font-size: 1.8rem; }
.tablebox td { font-size: 1.6rem; padding: 0.5rem !important;  }
.tablebox tbody tr:nth-child(even) { background-color: #9da2cc; }
[data-pageword='3'] td { font-size: 0.9rem; padding: 0.2rem !important; font-weight: bolder; }
[data-word2='true'] {
			-webkit-transition: all 0.52s ease;
			 	 -moz-transition: all 0.52s ease;
							transition: all 0.52s ease;
}

.open-model { background: url(../img/index/labar.png) no-repeat center; height:354px; padding: 0 80px; background-size: 100% 100%; }
.l-open { overflow: hidden; height: 114px; margin-top: 110px; color: #fff; width: 100%; display: inline-block; text-align: center; font-size: 5rem; }
.r-open { overflow: hidden; height: 114px; margin-top: 110px; color: #fff; width: 49%; display: inline-block; text-align: center; font-size: 5rem; }

.slotMachineBlurFast{ -webkit-filter:blur(15px); filter:blur(15px); }
.slotMachineBlurMedium { -webkit-filter:blur(15px); filter:blur(15px); }
.slotMachineBlurSlow { -webkit-filter:blur(5px); filter:blur(5px); }

.slot {font-weight: bolder;}

.pageiframe { position: absolute; top:0; left: 0; height:100%; width: 100%; overflow: scroll; overflow-x: hidden; overflow-y: hidden; }

.anextbtn { background: url(../img/index/btn_01.png) no-repeat center; border:0; width: 300px; font-size: 2.5rem;  background-size: 100%; }


/* hack */
.mCSB_inside>.mCSB_container { margin-right: 0; }

.masker{
	background:rgba(0,0,0,0.8);
	width:100vw;
	height:100vh;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	line-height:100vh;
	font-size:72pt;
	font-weight:bolder;
	color:#FFF;
	display:none;
}