@charset "UTF-8";
/* CSS Document */
html,
body,
#container,
#contents{
	background: #000;
	height: 100%;
}
#contents{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

#screen{
	width: 960px;
	height: 675px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.txtScreen{
	box-shadow:0px 0px 0px 2px #000;
	border: 7px solid #FFF;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
.txtScreen::before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 0;
	border: 2px solid #000;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: rgba(0,0,0,0.35);
}
.txtScreen > .inner{
	position: relative;
	z-index: 1;
}

header{
}
header .bt{
	position: absolute;
	z-index: 100;
}
header .bt_back{
	top:30px;
	left:30px;
}
header .bt_back img{
	width: 40px;
	height: auto;
}
header .bt_entry{
	top:15px;
	right:20px;
}
header .bt_entry a{
	display: block;
	position: relative;
	width: 120px;
	height: 40px;
	text-align: center;
	font-size: 0.18rem;
}
header .bt_entry a{
	color: #FFF;
	border: 3px solid #FFF;
	box-shadow:0px 0px 6px 3px rgba(0,0,0,0.3);
	text-shadow:0px 0px 5px rgba(0,0,0,0.5);
}
header .bt_entry a .vmTxt{padding-top: 0.3em;}

footer{
	padding: 0 0 15px;
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	pointer-events:none
}

footer > *{
	text-align: center;
}
footer .logo{margin-bottom: 10px;}
footer .logo img{
	height: 15px;
	width: auto;
}
footer .copyRight{
	font-size: 0.1rem;
	color: #FFF;
	letter-spacing: 0.1em;
}
/*=============================
  index
=============================*/
.index #screen{
	background: url(../img/top/bg.jpg) no-repeat center center/cover;
}
#welcom{
	position: absolute;
	top:0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	pointer-events:none;
	opacity: 0;
	background: rgba(0,0,0,0.5);
}
#welcom.show{
	pointer-events:auto;
	opacity: 0;
	animation: show 0.5s ease 0s 1 normal both;
}
#welcom.hide{
	pointer-events:none;
	opacity: 1;
	animation: hide 0.5s ease 0s 1 normal both;
}
@-webkit-keyframes show {
	0% {
		pointer-events:none;
		opacity: 0;
	}
	100% {
		pointer-events:auto;
		opacity: 1;
	}
}
@keyframes         show {
	0% {
		pointer-events:none;
		opacity: 0;
	}
	100% {
		pointer-events:auto;
		opacity: 1;
	}
}
@-webkit-keyframes hide {
	0% {
		pointer-events:auto;
		opacity: 1;
	}
	100% {
		pointer-events:none;
		opacity: 0;
	}
}
@keyframes         hide {
	0% {
		pointer-events:auto;
		opacity: 1;
	}
	100% {
		pointer-events:none;
		opacity: 0;
	}
}
#welcom .txtArea{
	position: absolute;
	width: 660px;
	height: 490px;
	top: 50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
	box-shadow:0px 0px 0px 2px #000;
	border: 7px solid #FFF;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#welcom .txtArea .inner{
	width: 100%;
	height: 100%;
	border: 2px solid #000;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	background: rgba(0,0,0,0.35);
	padding-top: 65px;
}
#welcom .txtArea h2{
	text-align: center;
	font-size: 0.35rem;
	color: #FFF;
	letter-spacing: 0.1em;
	margin-bottom: 35px;
}
#welcom .txtArea h2 .cTxt{
	color: #A4C88B;
}
#welcom .txtArea .txt{
	font-size: 0.14rem;
	line-height: 1.75;
	letter-spacing: 0.1em;
	color: #FFF;
	margin-bottom: 40px;
	text-align: center;
}
#welcom .txtArea .txt span{
	display: inline-block;
	text-align: left;
}
#welcom .txtArea .pic{
	text-align: center;
}
#welcom .txtArea .pic img{width: auto;}
.index #welcom .txtArea .pic img{height: 155px;}
.voice #welcom .txtArea .pic img{height: 120px;}

#welcom .bt_close{
	position: absolute;
	top:35px;
	right:35px;
	text-align: center;
}
#welcom .bt_close a{
	display: block;
	color: #FFF;
	text-decoration: none;
}
#welcom .bt_close span{
	display: block;
	text-align: center;
	font-size: 0.08rem;
	margin-top: 1.5em;
}
/*=============================
  topPage
=============================*/
.topPage #screen{
	background: url(../img/top/bg.jpg) no-repeat center center/cover;
}
.topPage .bt_back{
	display: none;
}

.topPage svg{
	position: absolute;
	z-index: 10;
	
}
.topPage #bt_royal{
	top:190px;
	left:338px;
}
.topPage #bt_voice{
	top:335px;
	left:740px;
}
.topPage #bt_info{
	top:550px;
	left:297px;
}
.topPage #bt_guide{
	top:475px;
	left:582px;
}
.topPage #bt_heli{
	top:240px;
	left:780px;
}
.topPage #bt_labo{
	top:472px;
	left:86px;
}
.topPage #bt_coastcity{
	top:243px;
	left:25px;
}
.topPage #bt_theater{
	top:380px;
	left:240px;
}
.topPage #bt_map{
	top:570px;
	left:560px;
}
.topPage svg .cls-1{
	fill:#000;
	fill-rule:evenodd;
	opacity: 0;
}






.topPage .txtScreen{
	display: inline-block;
	position: absolute;
	z-index: 20;
	pointer-events:none;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease;
	transition: opacity 0.35s ease;
}
.topPage .txtScreen::before{
	background: rgba(0,0,0,0.65);
}
.topPage .txtScreen.show{
	pointer-events:auto;
	opacity: 1;
}
.topPage .txtScreen#royal{
	top: 50%;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 50px;
}
.topPage .txtScreen#voice{
	top: 50%;
	left:50%;
	margin-top: 115px;
}
.topPage .txtScreen#info{
	top: 50%;
	left:50%;
	margin-top: 70px;
	margin-left: -265px;
}
.topPage .txtScreen#guide{
	top: 50%;
	left:50%;
	margin-top: 20px;
	margin-left: 30px;
}
.topPage .txtScreen#entry{
	top:85px;
	right:25px;
}
.topPage .txtScreen#labo{
	top:50%;
	left:25px;
}
.topPage .txtScreen#heli{
	top: 50%;
	left:50%;
	margin-top: -30px;
	margin-left: 30px;
}
.topPage .txtScreen#coastcity{
	top: 250px;
	left:200px;
}
.topPage .txtScreen#theater{
	top: 370px;
	left:345px;
}
.topPage .txtScreen#map{
	top: 430px;
	left:450px;
}
.topPage .txtScreen .inner{
	width: 100%;
	height: 100%;
	padding: 10px 15px;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.topPage .txtScreen .inner .pic{margin-right: 30px;}
.topPage .txtScreen .inner .pic img{
	height: 85px;
	width: auto;
}
.topPage .txtScreen .inner .txt{
	font-size: 0.14rem;
	line-height: 1.75;
	letter-spacing: 0.1em;
	color: #FFF;
}

.topPage .mapArea{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: none;
}
.topPage .mapArea .bg{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 0;
}
.topPage .mapArea a{
	text-decoration: none;
}
.topPage .mapArea .txtScreen{
	pointer-events:auto;
	opacity: 1;
}
.topPage .mapArea .txtScreen .inner{
	padding: 10px 25px;
}
.topPage .mapArea .txtScreen .inner .txt span{display: block; text-align: center;}
.topPage .mapArea .txtScreen .inner .txt .en{
	font-size: 0.16rem;
}
.topPage .mapArea .txtScreen .inner .txt .jp{
	font-size: 0.12rem;
}
.topPage .mapArea .txtScreen{
	opacity: 1;
}
.topPage .mapArea #mroyal{
	top:50%; left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin-left: 10px;
}
.topPage .mapArea #mvoice{top:365px; left:725px;}
.topPage .mapArea #minfo{top:565px; left:300px;}
.topPage .mapArea #mguide{top:485px; left:530px;}
.topPage .mapArea #mheli{top:230px; left:770px;}
.topPage .mapArea #mlabo{top:535px; left:105px;}
.topPage .mapArea #mcoastcity{top:270px; left:50px;}
.topPage .mapArea #mtheater{top:400px; left:185px;}
/*=============================
  royal
=============================*/
.royal #screen{
	background: url(../img/royal/royal_bg.jpg) no-repeat center center/cover;
	padding-top: 80px;
}
.royal h1{
	text-align: center;
	font-size: 0.35rem;
	color: #FFF;
	letter-spacing: 0.1em;
	margin-bottom: 35px;
}
.royal h1 .cTxt{
	color: #A4C88B;
}

.royal .txtScreen{
	width: 520px;
	margin-left: 105px;
}
.royal ul#txtList{
	position: relative;
	width: 100%;
}
.royal ul#txtList > li{
	min-height: 310px;
	pointer-events:none;
	display: none;
}
.royal ul#txtList > li.show{
	pointer-events:auto;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.royal ul#txtList > li .inner{
	width: 100%;
	/*padding: 40px 0 70px;*/
	padding: 0 0 30px;
}

.royal ul#txtList > li .tjtxt{
	font-size: 0.15rem;
	color: #FFF;
	line-height: 1.75;
	letter-spacing: 0.1em;
	visibility: hidden;
	padding-left: 45px;
}
.royal ul#txtList > li .arrow{
	position: absolute;
	bottom:20px;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.royal ul#txtList > li .fbox{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.royal ul#txtList > li .bt_list li a{
	display: inline-block;
	color: #FFF;
	font-size: 0.14rem;
	padding: 0.5em 1em 0.35em;
	border: 1px solid #FFF;
	background: rgba(0,0,0,0.5);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.royal ul#txtList > li .tj_endShow{
	pointer-events:none;
	opacity: 0;
}
.royal ul#txtList > li .tj_endShow.show{
	pointer-events:auto;
	opacity: 1;
}

.royal ul#txtList > li .pic{
	text-align: center;
	margin-top: 2em;
}
.royal ul#txtList > li .pic img{
	width: auto;
	height: 185px;
}


/*list02
=============================*/
.royal ul#txtList #list02 .bt_list{
	margin-top: 2em;
}
.royal ul#txtList #list02 .bt_list li{
	margin: 0 1em;
}

/*list13
=============================*/
.royal ul#txtList #list13 .bt_list{
	padding-left: 45px;
	margin-top: 2em;
}
.royal ul#txtList #list13 .bt_list li:nth-child(n+2){
	margin-top: 1em;
}


/*list14_4 list15_5
=============================*/
.royal ul#txtList #list14_4 .bt_list,
.royal ul#txtList #list15_5 .bt_list{
	padding-left: 45px;
	margin-top: 2em;
}
.royal ul#txtList #list14_4 .bt_list li:nth-child(n+2),
.royal ul#txtList #list15_5 .bt_list li:nth-child(n+2){
	margin-top: 1em;
}

/*list06
=============================*/
.royal ul#txtList #list06,
.royal ul#txtList #list14_2,
.royal ul#txtList #list15_2{
	min-height: 430px;
}


/*=============================
  voice
=============================*/
.voice #screen{
	background: url(../img/voice/voice_bg.jpg) no-repeat center center/cover;
}

.voice svg{
	position: absolute;
	z-index: 10;
	top:44px;
	left:70px;
	display: none;
}

.voice svg.show{
	display: block;
}
.voice svg .cls-1{
	fill-rule:evenodd;
	fill:#FFF;
	opacity: 0;
}
.voice svg .test{
	fill:#FF0000;
}


.voice .txtScreen{
	width: 690px;
	height: 120px;
	position: absolute;
	left:50%;
	bottom:65px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 20;
	pointer-events:none;
	opacity: 0;
	-webkit-transition: opacity 0.35s ease;
	transition: opacity 0.35s ease;
}
.voice .txtScreen::before{
	background: rgba(0,0,0,0.65);
}
.voice .txtScreen.show{
	pointer-events:auto;
	opacity: 1;
}
.voice .txtScreen .inner{
	width: 100%;
	height: 100%;
	padding: 0px 15px;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.voice .txtScreen .inner .pic{
	width: 90px;
	height: 100%;
	padding: 10px 0;
	text-align: center;
}
.voice .txtScreen .inner .pic img{
	height: 100%;
	width: auto;
}
.voice .txtScreen .inner .txtArea{
	padding-left: 10px;
}
.voice .txtScreen .inner .tjtxt{
	font-size: 0.14rem;
	line-height: 1.75;
	letter-spacing: 0.1em;
	display: none;
	visibility: hidden;
	color: #FFF;
}
.voice .txtScreen .inner .tjtxt.master{
	letter-spacing: 0.05em;
}
.voice .txtScreen .inner .tjtxt.show{
	display: block;
}

.voice .txtScreen .arrow{
	position: absolute;
	top:50%;
	right:20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
}
.voice .txtScreen .arrow a{
	display: block;
}
.voice .txtScreen .arrow a.hide{
	display: none;
}

.voice .txtScreen .fbox{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}
.voice .txtScreen .bt_list {
	margin-top: 1em;
}
.voice .txtScreen .bt_list li{
	margin:0 1em;
}
.voice .txtScreen .bt_list li a{
	display: inline-block;
	color: #FFF;
	font-size: 0.14rem;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.voice .txtScreen .tj_endShow{
	pointer-events:none;
	opacity: 0;
}
.voice .txtScreen .tj_endShow.show{
	pointer-events:auto;
	opacity: 1;
}


/*=============================
  game
=============================*/
.game #screen{
	background: url(../img/voice/voice_game_bg.jpg) no-repeat center center/cover;
}

.game .swArea{
	position: absolute;
	top:152px;
	padding-top: 123px;
}
.game .swArea#player{
	left:85px;
}
.game .swArea#aite{
	right:85px;
}
.game .swArea .sw{
	width: 300px;
	height: 132px;
	background: url(../img/voice/voice_game_swbg.png) no-repeat;
	position: relative;
	
}
.game .swArea .sw li{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	padding: 23px 39px 0 31px;
}
.game .swArea .sw span{
	display: block;
	width: 100px;
	height: 80px;
	background-image:url(../img/voice/num.png),url(../img/voice/num.png);
	background-repeat: no-repeat,no-repeat;
	position: relative;
	z-index: 1;
}
/*
.game .swArea .sw span{
	display: block;
	width: 100px;
	height: 80px;
	background-image:url(../img/voice/num.png),url(../img/voice/num.png);
	background-repeat: no-repeat,no-repeat;
	position: absolute;
	top:23px;
}*/
/*.game .swArea .sw span:nth-of-type(1){left:31px;}
.game .swArea .sw span:nth-of-type(2){right:39px;}*/
.game .swArea .sw span.sec00{background-position: 0px 0px,right 0px top 0px;}
.game .swArea .sw span.sec01{background-position: 0px 0px,right 0px top -80px;}
.game .swArea .sw span.sec02{background-position: 0px 0px,right 0px top -160px;}
.game .swArea .sw span.sec03{background-position: 0px 0px,right 0px top -240px;}
.game .swArea .sw span.sec04{background-position: 0px 0px,right 0px top -320px;}
.game .swArea .sw span.sec05{background-position: 0px 0px,right 0px top -400px;}
.game .swArea .sw span.sec06{background-position: 0px 0px,right 0px top -480px;}
.game .swArea .sw span.sec07{background-position: 0px 0px,right 0px top -560px;}
.game .swArea .sw span.sec08{background-position: 0px 0px,right 0px top -640px;}
.game .swArea .sw span.sec09{background-position: 0px 0px,right 0px top -720px;}
.game .swArea .sw span.sec10{background-position: 0px -80px,right 0px top 0px;}
.game .swArea .sw span.sec11{background-position: 0px -80px,right 0px top -80px;}
.game .swArea .sw span.sec12{background-position: 0px -80px,right 0px top -160px;}
.game .swArea .sw span.sec13{background-position: 0px -80px,right 0px top -240px;}
.game .swArea .sw span.sec14{background-position: 0px -80px,right 0px top -320px;}
.game .swArea .sw span.sec15{background-position: 0px -80px,right 0px top -400px;}
.game .swArea .sw span.sec16{background-position: 0px -80px,right 0px top -480px;}
.game .swArea .sw span.sec17{background-position: 0px -80px,right 0px top -560px;}
.game .swArea .sw span.sec18{background-position: 0px -80px,right 0px top -640px;}
.game .swArea .sw span.sec19{background-position: 0px -80px,right 0px top -720px;}
.game .swArea .sw span.sec20{background-position: 0px -160px,right 0px top 0px;}
.game .swArea .sw span.sec21{background-position: 0px -160px,right 0px top -80px;}
.game .swArea .sw span.sec22{background-position: 0px -160px,right 0px top -160px;}
.game .swArea .sw span.sec23{background-position: 0px -160px,right 0px top -240px;}
.game .swArea .sw span.sec24{background-position: 0px -160px,right 0px top -320px;}
.game .swArea .sw span.sec25{background-position: 0px -160px,right 0px top -400px;}
.game .swArea .sw span.sec26{background-position: 0px -160px,right 0px top -480px;}
.game .swArea .sw span.sec27{background-position: 0px -160px,right 0px top -560px;}
.game .swArea .sw span.sec28{background-position: 0px -160px,right 0px top -640px;}
.game .swArea .sw span.sec29{background-position: 0px -160px,right 0px top -720px;}
.game .swArea .sw span.sec30{background-position: 0px -240px,right 0px top 0px;}
.game .swArea .sw span.sec31{background-position: 0px -240px,right 0px top -80px;}
.game .swArea .sw span.sec32{background-position: 0px -240px,right 0px top -160px;}
.game .swArea .sw span.sec33{background-position: 0px -240px,right 0px top -240px;}
.game .swArea .sw span.sec34{background-position: 0px -240px,right 0px top -320px;}
.game .swArea .sw span.sec35{background-position: 0px -240px,right 0px top -400px;}
.game .swArea .sw span.sec36{background-position: 0px -240px,right 0px top -480px;}
.game .swArea .sw span.sec37{background-position: 0px -240px,right 0px top -560px;}
.game .swArea .sw span.sec38{background-position: 0px -240px,right 0px top -640px;}
.game .swArea .sw span.sec39{background-position: 0px -240px,right 0px top -720px;}
.game .swArea .sw span.sec40{background-position: 0px -320px,right 0px top 0px;}
.game .swArea .sw span.sec41{background-position: 0px -320px,right 0px top -80px;}
.game .swArea .sw span.sec42{background-position: 0px -320px,right 0px top -160px;}
.game .swArea .sw span.sec43{background-position: 0px -320px,right 0px top -240px;}
.game .swArea .sw span.sec44{background-position: 0px -320px,right 0px top -320px;}
.game .swArea .sw span.sec45{background-position: 0px -320px,right 0px top -400px;}
.game .swArea .sw span.sec46{background-position: 0px -320px,right 0px top -480px;}
.game .swArea .sw span.sec47{background-position: 0px -320px,right 0px top -560px;}
.game .swArea .sw span.sec48{background-position: 0px -320px,right 0px top -640px;}
.game .swArea .sw span.sec49{background-position: 0px -320px,right 0px top -720px;}
.game .swArea .sw span.sec50{background-position: 0px -400px,right 0px top 0px;}
.game .swArea .sw span.sec51{background-position: 0px -400px,right 0px top -80px;}
.game .swArea .sw span.sec52{background-position: 0px -400px,right 0px top -160px;}
.game .swArea .sw span.sec53{background-position: 0px -400px,right 0px top -240px;}
.game .swArea .sw span.sec54{background-position: 0px -400px,right 0px top -320px;}
.game .swArea .sw span.sec55{background-position: 0px -400px,right 0px top -400px;}
.game .swArea .sw span.sec56{background-position: 0px -400px,right 0px top -480px;}
.game .swArea .sw span.sec57{background-position: 0px -400px,right 0px top -560px;}
.game .swArea .sw span.sec58{background-position: 0px -400px,right 0px top -640px;}
.game .swArea .sw span.sec59{background-position: 0px -400px,right 0px top -720px;}

.game .swArea .sw span.ms00{background-position: 0px 0px,right 0px top 0px;}
.game .swArea .sw span.ms01{background-position: 0px 0px,right 0px top -80px;}
.game .swArea .sw span.ms02{background-position: 0px 0px,right 0px top -160px;}
.game .swArea .sw span.ms03{background-position: 0px 0px,right 0px top -240px;}
.game .swArea .sw span.ms04{background-position: 0px 0px,right 0px top -320px;}
.game .swArea .sw span.ms05{background-position: 0px 0px,right 0px top -400px;}
.game .swArea .sw span.ms06{background-position: 0px 0px,right 0px top -480px;}
.game .swArea .sw span.ms07{background-position: 0px 0px,right 0px top -560px;}
.game .swArea .sw span.ms08{background-position: 0px 0px,right 0px top -640px;}
.game .swArea .sw span.ms09{background-position: 0px 0px,right 0px top -720px;}
.game .swArea .sw span.ms10{background-position: 0px -80px,right 0px top 0px;}
.game .swArea .sw span.ms11{background-position: 0px -80px,right 0px top -80px;}
.game .swArea .sw span.ms12{background-position: 0px -80px,right 0px top -160px;}
.game .swArea .sw span.ms13{background-position: 0px -80px,right 0px top -240px;}
.game .swArea .sw span.ms14{background-position: 0px -80px,right 0px top -320px;}
.game .swArea .sw span.ms15{background-position: 0px -80px,right 0px top -400px;}
.game .swArea .sw span.ms16{background-position: 0px -80px,right 0px top -480px;}
.game .swArea .sw span.ms17{background-position: 0px -80px,right 0px top -560px;}
.game .swArea .sw span.ms18{background-position: 0px -80px,right 0px top -640px;}
.game .swArea .sw span.ms19{background-position: 0px -80px,right 0px top -720px;}
.game .swArea .sw span.ms20{background-position: 0px -160px,right 0px top 0px;}
.game .swArea .sw span.ms21{background-position: 0px -160px,right 0px top -80px;}
.game .swArea .sw span.ms22{background-position: 0px -160px,right 0px top -160px;}
.game .swArea .sw span.ms23{background-position: 0px -160px,right 0px top -240px;}
.game .swArea .sw span.ms24{background-position: 0px -160px,right 0px top -320px;}
.game .swArea .sw span.ms25{background-position: 0px -160px,right 0px top -400px;}
.game .swArea .sw span.ms26{background-position: 0px -160px,right 0px top -480px;}
.game .swArea .sw span.ms27{background-position: 0px -160px,right 0px top -560px;}
.game .swArea .sw span.ms28{background-position: 0px -160px,right 0px top -640px;}
.game .swArea .sw span.ms29{background-position: 0px -160px,right 0px top -720px;}
.game .swArea .sw span.ms30{background-position: 0px -240px,right 0px top 0px;}
.game .swArea .sw span.ms31{background-position: 0px -240px,right 0px top -80px;}
.game .swArea .sw span.ms32{background-position: 0px -240px,right 0px top -160px;}
.game .swArea .sw span.ms33{background-position: 0px -240px,right 0px top -240px;}
.game .swArea .sw span.ms34{background-position: 0px -240px,right 0px top -320px;}
.game .swArea .sw span.ms35{background-position: 0px -240px,right 0px top -400px;}
.game .swArea .sw span.ms36{background-position: 0px -240px,right 0px top -480px;}
.game .swArea .sw span.ms37{background-position: 0px -240px,right 0px top -560px;}
.game .swArea .sw span.ms38{background-position: 0px -240px,right 0px top -640px;}
.game .swArea .sw span.ms39{background-position: 0px -240px,right 0px top -720px;}
.game .swArea .sw span.ms40{background-position: 0px -320px,right 0px top 0px;}
.game .swArea .sw span.ms41{background-position: 0px -320px,right 0px top -80px;}
.game .swArea .sw span.ms42{background-position: 0px -320px,right 0px top -160px;}
.game .swArea .sw span.ms43{background-position: 0px -320px,right 0px top -240px;}
.game .swArea .sw span.ms44{background-position: 0px -320px,right 0px top -320px;}
.game .swArea .sw span.ms45{background-position: 0px -320px,right 0px top -400px;}
.game .swArea .sw span.ms46{background-position: 0px -320px,right 0px top -480px;}
.game .swArea .sw span.ms47{background-position: 0px -320px,right 0px top -560px;}
.game .swArea .sw span.ms48{background-position: 0px -320px,right 0px top -640px;}
.game .swArea .sw span.ms49{background-position: 0px -320px,right 0px top -720px;}
.game .swArea .sw span.ms50{background-position: 0px -400px,right 0px top 0px;}
.game .swArea .sw span.ms51{background-position: 0px -400px,right 0px top -80px;}
.game .swArea .sw span.ms52{background-position: 0px -400px,right 0px top -160px;}
.game .swArea .sw span.ms53{background-position: 0px -400px,right 0px top -240px;}
.game .swArea .sw span.ms54{background-position: 0px -400px,right 0px top -320px;}
.game .swArea .sw span.ms55{background-position: 0px -400px,right 0px top -400px;}
.game .swArea .sw span.ms56{background-position: 0px -400px,right 0px top -480px;}
.game .swArea .sw span.ms57{background-position: 0px -400px,right 0px top -560px;}
.game .swArea .sw span.ms58{background-position: 0px -400px,right 0px top -640px;}
.game .swArea .sw span.ms59{background-position: 0px -400px,right 0px top -720px;}
.game .swArea .sw span.ms60{background-position: 0px -480px,right 0px top 0px;}
.game .swArea .sw span.ms61{background-position: 0px -480px,right 0px top -80px;}
.game .swArea .sw span.ms62{background-position: 0px -480px,right 0px top -160px;}
.game .swArea .sw span.ms63{background-position: 0px -480px,right 0px top -240px;}
.game .swArea .sw span.ms64{background-position: 0px -480px,right 0px top -320px;}
.game .swArea .sw span.ms65{background-position: 0px -480px,right 0px top -400px;}
.game .swArea .sw span.ms66{background-position: 0px -480px,right 0px top -480px;}
.game .swArea .sw span.ms67{background-position: 0px -480px,right 0px top -560px;}
.game .swArea .sw span.ms68{background-position: 0px -480px,right 0px top -640px;}
.game .swArea .sw span.ms69{background-position: 0px -480px,right 0px top -720px;}
.game .swArea .sw span.ms70{background-position: 0px -560px,right 0px top 0px;}
.game .swArea .sw span.ms71{background-position: 0px -560px,right 0px top -80px;}
.game .swArea .sw span.ms72{background-position: 0px -560px,right 0px top -160px;}
.game .swArea .sw span.ms73{background-position: 0px -560px,right 0px top -240px;}
.game .swArea .sw span.ms74{background-position: 0px -560px,right 0px top -320px;}
.game .swArea .sw span.ms75{background-position: 0px -560px,right 0px top -400px;}
.game .swArea .sw span.ms76{background-position: 0px -560px,right 0px top -480px;}
.game .swArea .sw span.ms77{background-position: 0px -560px,right 0px top -560px;}
.game .swArea .sw span.ms78{background-position: 0px -560px,right 0px top -640px;}
.game .swArea .sw span.ms79{background-position: 0px -560px,right 0px top -720px;}
.game .swArea .sw span.ms80{background-position: 0px -640px,right 0px top 0px;}
.game .swArea .sw span.ms81{background-position: 0px -640px,right 0px top -80px;}
.game .swArea .sw span.ms82{background-position: 0px -640px,right 0px top -160px;}
.game .swArea .sw span.ms83{background-position: 0px -640px,right 0px top -240px;}
.game .swArea .sw span.ms84{background-position: 0px -640px,right 0px top -320px;}
.game .swArea .sw span.ms85{background-position: 0px -640px,right 0px top -400px;}
.game .swArea .sw span.ms86{background-position: 0px -640px,right 0px top -480px;}
.game .swArea .sw span.ms87{background-position: 0px -640px,right 0px top -560px;}
.game .swArea .sw span.ms88{background-position: 0px -640px,right 0px top -640px;}
.game .swArea .sw span.ms89{background-position: 0px -640px,right 0px top -720px;}
.game .swArea .sw span.ms90{background-position: 0px -720px,right 0px top 0px;}
.game .swArea .sw span.ms91{background-position: 0px -720px,right 0px top -80px;}
.game .swArea .sw span.ms92{background-position: 0px -720px,right 0px top -160px;}
.game .swArea .sw span.ms93{background-position: 0px -720px,right 0px top -240px;}
.game .swArea .sw span.ms94{background-position: 0px -720px,right 0px top -320px;}
.game .swArea .sw span.ms95{background-position: 0px -720px,right 0px top -400px;}
.game .swArea .sw span.ms96{background-position: 0px -720px,right 0px top -480px;}
.game .swArea .sw span.ms97{background-position: 0px -720px,right 0px top -560px;}
.game .swArea .sw span.ms98{background-position: 0px -720px,right 0px top -640px;}
.game .swArea .sw span.ms99{background-position: 0px -720px,right 0px top -720px;}


.game .swArea .sw li.hideTime{
	opacity: 0;
	-webkit-transition: opacity 0.35s ease;
	transition: opacity 0.35s ease;
	z-index: 2;
}
.game .swArea .sw.hide li.hideTime{
	opacity: 1;
}
.game .swArea .sw li.hideTime::before,
.game .swArea .sw li.hideTime::after{
	content: '';
	display: block;
	width: calc(40% - 12px);
	height: calc(100% - 24px);
	position: absolute;
	top:12px;
	z-index: 1;
	background-color: #000;
}
.game .swArea .sw li.hideTime::before{
	left:12px;
}
.game .swArea .sw li.hideTime::after{
	right:12px;
}
.game .swArea .sw li.hideTime span{
	position: relative;
	z-index: 10;
}
.game .swArea .sw li.hideTime span.sec00{animation: slot step-end 0.4s infinite}
.game .swArea .sw li.hideTime span.ms00{animation: slot step-end 0.4s infinite}
@-webkit-keyframes slot {
	0% {background-position: 0px 0px,right 0px top 0px;}
	10% {background-position: 0px -80px,right 0px top -80px;}
	20% {background-position: 0px -160px,right 0px top -160px;}
	30% {background-position: 0px -240px,right 0px top -240px;}
	40% {background-position: 0px -320px,right 0px top -320px;}
	50% {background-position: 0px -400px,right 0px top -400px;}
	60% {background-position: 0px -480px,right 0px top -480px;}
	70% {background-position: 0px -560px,right 0px top -560px;}
	80% {background-position: 0px -640px,right 0px top -640px;}
	90% {background-position: 0px -720px,right 0px top -720px;}
}
@keyframes         slot {
	0% {background-position: 0px 0px,right 0px top 0px;}
	10% {background-position: 0px -80px,right 0px top -80px;}
	20% {background-position: 0px -160px,right 0px top -160px;}
	30% {background-position: 0px -240px,right 0px top -240px;}
	40% {background-position: 0px -320px,right 0px top -320px;}
	50% {background-position: 0px -400px,right 0px top -400px;}
	60% {background-position: 0px -480px,right 0px top -480px;}
	70% {background-position: 0px -560px,right 0px top -560px;}
	80% {background-position: 0px -640px,right 0px top -640px;}
	90% {background-position: 0px -720px,right 0px top -720px;}
}

.game .swArea #sw01{
	margin-bottom: 70px;
}
.game #aite .pic{
	width: 115px;
	height: 123px;
	overflow: hidden;
	position: absolute;
	top:0;
	left:50%;
	margin-left: -58px;
}
.game.voice03 #aite .pic{
	width: 170px;
	height: 123px;
	margin-left: -85px;
}
.game #aite .pic img{
	width: 100%;
	height: auto;
}
.game .swArea .winlose{
	position: absolute;
	top:225px;
	width: 100%;
	text-align: center;
}
.game .swArea .winlose img{
	display: none;
}
.game .swArea .winlose img.show{
	display: inline-block;
}

.game .swArea .bt_list li{
	text-align: center;
}
.game .swArea .bt_list li:nth-child(n+2){
	margin-top: 1.5em;
}
.game .swArea .bt_list li a{
	display: none;
	width: 145px;
	color: #FFF;
	font-size: 0.15rem;
	padding: 0.5em 1em 0.5em;
	border: 1px solid #FFF;
	background: rgba(0,0,0,0.5);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.game .swArea .bt_list li a.show{
	display: inline-block;
}


.game #buttonArea{
	position: absolute;
	top:510px;
	left:50%;
	margin-left: -130px;
}
.game #buttonArea a{
	display: block;
}
.game #buttonArea a.hide{
	display: none;
}
.game #buttonArea a#stop.end:hover{
	opacity: 1;
}

/*=============================
  info
=============================*/
.info #pnav {
	width: 750px;
	position: absolute;
	bottom:100px;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.info #pnav ul{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	justify-content: space-between;
}
.info #pnav ul li a{
	display: block;
	width: 240px;
	height: 60px;
	position: relative;
	color: #FFF;
	font-size: 0.14rem;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.1em;
	border: 1px solid #FFF;
	background: rgba(155,189,131,0);
	-webkit-transition: background 0.35s ease, color 0.35s ease;
	transition: background 0.35s ease, color 0.35s ease;
}
.info #pnav ul li a:hover,
.info #pnav ul li a.current{
	color: #000;
	background: rgba(155,189,131,1);
}
.info #pnav ul li a::after,
.info #pnav ul li a::before{
	content: '';
	display: block;
	width: 5px;
	height: 12px;
	position: absolute;
	top:50%;
	right:10px;
	margin-top: -6px;
	-webkit-transition: opacity 0.35s ease;
	transition: opacity 0.35s ease;
}
.info #pnav ul li a::after{
	opacity: 0;
	background: url(../img/icon_arrow02_br.svg) no-repeat center center/contain;
}
.info #pnav ul li a::before{
	opacity: 1;
	background: url(../img/icon_arrow02_wr.svg) no-repeat center center/contain;
}
.info #pnav ul li a:hover::after,
.info #pnav ul li a.current::after{
	opacity: 1;
	background: url(../img/icon_arrow02_br.svg) no-repeat center center/contain;
}
.info #pnav ul li a:hover::before,
.info #pnav ul li a.current::before{
	opacity: 0;
	background: url(../img/icon_arrow02_wr.svg) no-repeat center center/contain;
}


.info #screen .txtScreen .tjtxt{
	font-size: 0.14rem;
	line-height: 1.75;
	letter-spacing: 0.1em;
	visibility: hidden;
	color: #FFF;
}


/*=============================
  infoTop
=============================*/
.infoTop #screen{
	padding-top: 80px;
	background: url(../img/info/info_bg.jpg) no-repeat center center/cover;
}
.infoTop #screen h1{
	text-align: center;
	font-size: 0.35rem;
	letter-spacing: 0.1em;
	color: #FFF;
}
.infoTop #screen h1 .cTxt{
	color: #A4C88B;
}

.infoTop #screen .txtScreen{
	width: 520px;
	height: 300px;
	position: absolute;
	top:160px;
	left:105px;
}
.infoTop #screen .txtScreen > .inner{
	padding: 35px 0 0 40px;
}

/*=============================
  infoAbout
=============================*/
.infoAbout #screen{
	padding-top: 55px;
	background: url(../img/info/info_bg.jpg) no-repeat center center/cover;
}
.infoAbout #screen h1{
	color: #FFF;
}
.infoAbout #screen h1 .cTxt{
	color: #A4C88B;
}
.infoAbout #screen h1 > span{
	display: block;
	letter-spacing: 0.1em;
	text-align: center;
}
.infoAbout #screen h1 .fen{
	font-size: 0.2rem;
	margin-bottom: 15px;
}
.infoAbout #screen h1 .jp{
	font-size: 0.27rem;
	font-weight: 700;
}


.infoAbout #screen .txtScreen{
	width: 520px;
	height: 300px;
	position: absolute;
	top:160px;
	left:105px;
}
.infoAbout #screen .txtScreen > .inner{
	width: 100%;
	height: 100%;
}

.infoAbout ul#txtList{
	position: relative;
	width: 100%;
	height: 100%;
}
.infoAbout ul#txtList > li{
	height: 100%;
	pointer-events:none;
	display: none;
}
.infoAbout ul#txtList > li.show{
	pointer-events:auto;
	display: block;
}
.infoAbout ul#txtList > li .inner{
	width: 100%;
	height: 100%;
	padding: 35px 0 0 40px;
}

.infoAbout ul#txtList > li .tjtxt{
	font-size: 0.15rem;
	color: #FFF;
	line-height: 1.75;
	letter-spacing: 0.1em;
	visibility: hidden;
}
.infoAbout ul#txtList > li .arrow{
	position: absolute;
	bottom:20px;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.infoAbout ul#txtList > li .tj_endShow{
	pointer-events:none;
	opacity: 0;
}
.infoAbout ul#txtList > li .tj_endShow.show{
	pointer-events:auto;
	opacity: 1;
}

.infoAbout ul#txtList > li .pic{
	width: 110px;
	height: 110px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	bottom:50px;
	right:35px;
}
.infoAbout ul#txtList > li .pic img{
	width: 115%;
	height: auto;
	position: absolute;
	top:45%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/*=============================
  infoNews
=============================*/
.infoNews #screen{
	padding-top: 55px;
	background: url(../img/info/info_news_recruit_bg.jpg) no-repeat center center/cover;
}
.infoNews #screen h1{
	color: #FFF;
}
.infoNews #screen h1 .cTxt{
	color: #A4C88B;
}
.infoNews #screen h1 > span{
	display: block;
	letter-spacing: 0.1em;
	text-align: center;
}
.infoNews #screen h1 .fen{
	font-size: 0.2rem;
	margin-bottom: 15px;
}
.infoNews #screen h1 .jp{
	font-size: 0.27rem;
	font-weight: 700;
}


.infoNews #screen .txtScreen{
	width: 520px;
	height: 300px;
	position: absolute;
	top:160px;
	right:105px;
}
.infoNews #screen .txtScreen > .inner{
	padding: 30px 15px 30px 30px;
	height: 100%;
	overflow: auto;
	color: #FFF;
}
.infoNews #screen .txtScreen > .inner a{
	color: #FFF;
	text-decoration: underline;
}
.infoNews #newsList{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	font-size: 0.15rem;
	letter-spacing: 0.1em;
	line-height: 1.75;
}
.infoNews #newsList dt{
	width: 7em;
}
.infoNews #newsList dd{
	width: calc(100% - 8em);
}
.infoNews #newsList dt:nth-of-type(n+2),
.infoNews #newsList dd:nth-of-type(n+2){
	margin-top: 10px;
}

.infoNews #screen h2.keiji{
	text-align: center;
	margin-bottom: 1.5em;
	line-height: 1.0 !important;
}
.infoNews #screen h2.keiji span{
	display: inline-block;
	padding: 0.5em 1em !important;
	color: #000;
	font-size: 0.15rem;
	background: #A4C88B;
	border: 1px solid #FFF;
	font-weight: 700;
}

.newsEnt #screen .data{
	font-size: 0.15rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}
.newsEnt #screen h2{
	font-size: 0.15rem;
	letter-spacing: 0.1em;
}
.newsEnt #screen h2,
.newsEnt #screen h3{
	line-height: 1.5;
	margin-bottom: 1em;
}


.newsEnt #screen h2 span,
.newsEnt #screen h3 span{
	display: inline-block;
	border-bottom: 1px solid #FFF;
}
.newsEnt #screen h2.tit span{display: inline;}

.newsEnt #screen .entArea{
	font-size: 0.13rem;
	line-height: 1.75;
}
.newsEnt #screen .entArea img{
	max-width: 100%;
	height: auto;
}
.newsEnt #screen .entArea  > *{
	margin-bottom: 15px;
}





/*=============================
  heliTop
=============================*/

.heliTop #screen{
	padding-top: 60px;
	background: url(../img/heli/helitop_bg.jpg) no-repeat center center/cover;
}
.heliTop #screen::before{
	content: '';
	display: block;
	width: 100%;
	height:100% ;
	position: absolute;
	top:0;
	left:0;
	background: rgba(0,0,0,0.6);
	z-index: 0;
}
.heliTop #screen h1{
	text-align: center;
	font-size: 0.35rem;
	letter-spacing: 0.1em;
	color: #FFF;
	position: relative;
	z-index: 1;
}
.heliTop #screen h1 .cTxt{
	color: #00aeb7;
}

.heliTop #screen .txtScreen{
	width: 570px;
	height: 275px;
	position: absolute;
	top:135px;
	left:105px;
}
.heliTop #screen .txtScreen > .inner{
	padding: 35px 0 0 40px;
	width: 100%;
	height: 100%;
}
.heliTop ul#txtList{
	position: relative;
	width: 100%;
	height: 100%;
}
.heliTop ul#txtList > li{
	height: 100%;
	pointer-events:none;
	display: none;
}
.heliTop ul#txtList > li.show{
	pointer-events:auto;
	display: block;
}

.heliTop ul#txtList > li .tjtxt{
	font-size: 0.15rem;
	color: #FFF;
	line-height: 1.75;
	letter-spacing: 0.1em;
	visibility: hidden;
}
.heliTop ul#txtList > li .arrow{
	position: absolute;
	bottom:20px;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.heliTop ul#txtList > li .tj_endShow{
	pointer-events:none;
	opacity: 0;
}
.heliTop ul#txtList > li .tj_endShow.show{
	pointer-events:auto;
	opacity: 1;
}

.heliTop ul#txtList > li p.skip{
	position: absolute;
	bottom:35px;
	right:40px;
}
.heliTop ul#txtList > li p.skip a{
	font-size: 0.15rem;
	letter-spacing: 0.1em;
	color: #FFF;
	text-decoration: none;
}


.heliTop #screen #instructor{
	position: absolute;
	top:225px;
	left:710px;
	z-index: 1;
}


.heliTop #pnav {
	width: 750px;
	position: absolute;
	bottom:60px;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.heliTop #pnav > ul{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	justify-content: space-between;
}
.heliTop #pnav > ul > li > p{
	text-align: center;
	font-size: 0.18rem;
	color: #FFF;
	margin-bottom: 0.75em;
}
.heliTop #pnav > ul > li > ul > li:nth-child(n+2){
	margin-top: 7px;
}
.heliTop #pnav > ul > li > ul > li a{
	display: block;
	width: 240px;
	height: 40px;
	position: relative;
	color: #FFF;
	font-size: 0.14rem;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.1em;
	border: 1px solid #FFF;
	background: rgba(90,188,193,0);
	-webkit-transition: background 0.35s ease, color 0.35s ease;
	transition: background 0.35s ease, color 0.35s ease;
}
.heliTop #pnav > ul > li > ul > li a .fs{
	display: block;
	text-align: center;
	font-size: 0.12rem;
	margin-bottom: 3px;
}
.heliTop #pnav > ul > li > ul > li a:hover,
.heliTop #pnav > ul > li > ul > li a.current{
	color: #000;
	background: rgba(90,188,193,1);
}
.heliTop #pnav > ul > li > ul > li a::after,
.heliTop #pnav > ul > li > ul > li a::before{
	content: '';
	display: block;
	width: 5px;
	height: 12px;
	position: absolute;
	top:50%;
	right:10px;
	margin-top: -6px;
	-webkit-transition: opacity 0.35s ease;
	transition: opacity 0.35s ease;
}
.heliTop #pnav > ul > li > ul > li a::after{
	opacity: 0;
	background: url(../img/icon_arrow02_br.svg) no-repeat center center/contain;
}
.heliTop #pnav > ul > li > ul > li a::before{
	opacity: 1;
	background: url(../img/icon_arrow02_wr.svg) no-repeat center center/contain;
}
.heliTop #pnav > ul > li > ul > li a:hover::after,
.heliTop #pnav > ul > li > ul > li a.current::after{
	opacity: 1;
	background: url(../img/icon_arrow02_br.svg) no-repeat center center/contain;
}
.heliTop #pnav > ul > li > ul > li a:hover::before,
.heliTop #pnav > ul > li > ul > li a.current::before{
	opacity: 0;
	background: url(../img/icon_arrow02_wr.svg) no-repeat center center/contain;
}



/*heligame
=============================*/
.heligame #mycanvas {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 1;
}
.heligame header .bt_entry a{
	box-shadow:none;
	text-shadow:none;
}


.heligame .pnav{
	width: 100%;
	position: absolute;
	bottom:270px;
	left:0;
	display: none;
	z-index: 10;
}
.heligame .pnav.show{
	-js-display: flex !important;
	display: -webkit-flex !important;
	display: flex !important;
	justify-content: center;
}
.heligame .pnav li:nth-child(n+2){
	margin-left: 10px;
}
.heligame .pnav li a{
	display: block;
	width: 225px;
	height: 40px;
	position: relative;
	color: #FFF;
	font-size: 0.14rem;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.1em;
	border: 1px solid #FFF;
	background: rgba(90,188,193,0);
	-webkit-transition: background 0.35s ease, color 0.35s ease;
	transition: background 0.35s ease, color 0.35s ease;
}
.heligame .pnav li a:hover,
.heligame .pnav li a.current{
	color: #000;
	background: rgba(90,188,193,1);
}
.heligame .pnav li a::after,
.heligame .pnav li a::before{
	content: '';
	display: block;
	width: 5px;
	height: 12px;
	position: absolute;
	top:50%;
	right:10px;
	margin-top: -6px;
	-webkit-transition: opacity 0.35s ease;
	transition: opacity 0.35s ease;
}
.heligame .pnav li a::after{
	opacity: 0;
	background: url(../img/icon_arrow02_br.svg) no-repeat center center/contain;
}
.heligame .pnav li a::before{
	opacity: 1;
	background: url(../img/icon_arrow02_wr.svg) no-repeat center center/contain;
}
.heligame .pnav li a:hover::after,
.heligame .pnav li a.current::after{
	opacity: 1;
	background: url(../img/icon_arrow02_br.svg) no-repeat center center/contain;
}
.heligame .pnav li a:hover::before,
.heligame .pnav li a.current::before{
	opacity: 0;
	background: url(../img/icon_arrow02_wr.svg) no-repeat center center/contain;
}

/*helip
=============================*/
.helip #screen{
	padding-top: 55px;
	background: #000048;
}
.helip #screen h1{
	color: #FFF;
	margin-bottom: 25px;
}
.helip #screen h1 .cTxt{
	color: #00af18;
}
.helip #screen h1 > span{
	display: block;
	letter-spacing: 0.1em;
	text-align: center;
}
.helip #screen h1 .fen{
	font-size: 0.24rem;
	margin-bottom: 10px;
}
.helip #screen h1 .jp{
	font-size: 0.18rem;
	font-weight: 700;
}

.helip #phArea{
	width: 880px;
	height: 320px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #FFF;
}
.helip #phArea > ul{
	height: 100%;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
}
.helip #phArea > ul > li{
	height: 100%;
	position: relative;
}


.helip #phArea > ul li#phMap{
	width: 405px;
	height: 100%;
	border-right: 2px solid #FFF;
	position: relative;
}
.helip #phArea > ul li#phMap a.point{
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	border: 2px solid #FFF;
	background: #e30011;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 0.12rem;
	color: #FFF;
	text-decoration: none;
}
.helip #phArea > ul li#phMap a.point.mapName{
	width: 45px;
	height: 45px;
	text-align: center;
}
.helip #phArea > ul li#phMap a.point.mapName span{white-space: nowrap;}
.page_m #phMap a#point01{top:220px; left:105px;}
.page_m #phMap a#point02{top:240px; left:230px;}
.page_m #phMap a#point03{top:100px; left:200px;}
.page_m #phMap a#point04{top:150px; left:325px;}

.page_v #phMap a#point01{top:180px; left:170px;}
.page_v #phMap a#point02{top:190px; left:315px;}
.page_v #phMap a#point03{top:100px; left:110px;}
.page_v #phMap a#point04{top:100px; left:290px;}

.page_a #phMap a#point01{top:230px; left:105px;}
.page_a #phMap a#point02{top:220px; left:210px;}

.page_ev #phMap a#point01{top:210px; left:150px;}
.page_ev #phMap a#point02{top:115px; left:180px;}
.page_ev #phMap a#point03{top:165px; left:275px;}
.page_ev #phMap a#point04{top:90px; left:230px;}
.page_ev #phMap a#point05{top:95px; left:45px;}
.page_ev #phMap a#point06{top:25px; left:70px;}
.page_ev #phMap a#point07{top:70px; left:105px;}

.page_emc #phMap a#point01{top:230px; left:120px;}
.page_emc #phMap a#point02{top:110px; left:295px;}
.page_emc #phMap a#point03{top:215px; left:305px;}

.page_et #phMap a#point01{top:235px; left:180px;}
.page_et #phMap a#point02{top:170px; left:180px;}
.page_et #phMap a#point03{top:100px; left:180px;}

.helip #phArea > ul li#phMap a#movieBt{
	position: absolute;
	bottom:10px;
	right:10px;
}


.helip #phArea > ul li#slideArea{
	width: 475px;
	background: #00af18;
}
.page_v #phArea > ul li#phMap  {background: url(../img/heli/page_v_mainph.jpg) no-repeat center center/cover;}
.page_m #phArea > ul li#phMap  {background: url(../img/heli/page_m_mainph.jpg) no-repeat center center/cover;}
.page_a #phArea > ul li#phMap  {background: url(../img/heli/page_a_mainph.jpg) no-repeat center center/cover;}
.page_ev #phArea > ul li#phMap {background: url(../img/heli/page_ev_mainph.jpg) no-repeat center center/cover;}
.page_emc #phArea > ul li#phMap{background: url(../img/heli/page_emc_mainph.jpg) no-repeat center center/cover;}
.page_et #phArea > ul li#phMap {background: url(../img/heli/page_et_mainph.jpg) no-repeat center center/cover;}

.helip #slideArea > ul{height: 100%;}
.helip #slideArea > ul > li{
	display: none;
	position: relative;
	height: 100%;
	text-align: center;
}
.helip #slideArea > ul > li.show{
	display: block;
}

.helip #slideArea > ul > li h3{
	position: absolute;
	top:20px;
	left:50%;
	font-size: 0.15rem;
	text-align: center;
	color: #FFF;
	letter-spacing: 0.1em;
	z-index: 10;
	background: #00af18;
	padding: 0.5em 1.5em;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-border-radius: 15px;
	border-radius: 15px;
	white-space: nowrap;
}

.helip .carouselArea{
	position: relative;
	width: 100%;
	height: 100%;
}
.helip #slideArea .slideScreen{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.85);
	overflow: hidden;
	position: relative;
}
.helip #slideArea .slideScreen p.search{
	position: absolute;
	top:50%;
	width: 100%;
	text-align: center;
	margin-top: -0.5em;
	color:rgba(255,255,255,0.5);
	font-size: 0.2rem;
	letter-spacing: 0.1em;
}
.helip  .carouselArea .caroufredsel_wrapper {
	width: 100% !important;
	height: 100% !important;
	overflow: hidden;
}
.helip .carousel{height: 100%;}
.helip .carousel li{
	width: 475px;
	height: 100%;
	float: left;
}
.page_m #phSlide01 li.ph01{background: url(../img/heli/page_m_ph01.jpg) no-repeat center center/cover;}
.page_m #phSlide01 li.ph02{background: url(../img/heli/page_m_ph02.jpg) no-repeat center center/cover;}
.page_m #phSlide01 li.ph03{background: url(../img/heli/page_m_ph03.jpg) no-repeat center center/cover;}
.page_m #phSlide02 li.ph01{background: url(../img/heli/page_m_ph04.jpg) no-repeat center center/cover;}
.page_m #phSlide02 li.ph02{background: url(../img/heli/page_m_ph05.jpg) no-repeat center center/cover;}
.page_m #phSlide02 li.ph03{background: url(../img/heli/page_m_ph06.jpg) no-repeat center center/cover;}
.page_m #phSlide02 li.ph04{background: url(../img/heli/page_m_ph07.jpg) no-repeat center center/cover;}
.page_m #phSlide03 li.ph01{background: url(../img/heli/page_m_ph08.jpg) no-repeat center center/cover;}
.page_m #phSlide03 li.ph02{background: url(../img/heli/page_m_ph09.jpg) no-repeat center center/cover;}


.page_v #phSlide01 li.ph01{background: url(../img/heli/page_v_ph01.jpg) no-repeat center center/cover;}
.page_v #phSlide01 li.ph02{background: url(../img/heli/page_v_ph02.jpg) no-repeat center center/cover;}
.page_v #phSlide01 li.ph03{background: url(../img/heli/page_v_ph03.jpg) no-repeat center center/cover;}
.page_v #phSlide01 li.ph04{background: url(../img/heli/page_v_ph04.jpg) no-repeat center center/cover;}
.page_v #phSlide01 li.ph05{background: url(../img/heli/page_v_ph05.jpg) no-repeat center center/cover;}
.page_v #phSlide01 li.ph06{background: url(../img/heli/page_v_ph06.jpg) no-repeat center center/cover;}
.page_v #phSlide02 li.ph01{background: url(../img/heli/page_v_ph07.jpg) no-repeat center center/cover;}
.page_v #phSlide02 li.ph02{background: url(../img/heli/page_v_ph08.jpg) no-repeat center center/cover;}
.page_v #phSlide02 li.ph03{background: url(../img/heli/page_v_ph09.jpg) no-repeat center center/cover;}
.page_v #phSlide03 li.ph01{background: url(../img/heli/page_v_ph10.jpg) no-repeat center center/cover;}
.page_v #phSlide03 li.ph02{background: url(../img/heli/page_v_ph11.jpg) no-repeat center center/cover;}
.page_v #phSlide03 li.ph03{background: url(../img/heli/page_v_ph12.jpg) no-repeat center center/cover;}
.page_v #phSlide04 li.ph01{background: url(../img/heli/page_v_ph13.jpg) no-repeat center center/cover;}
.page_v #phSlide04 li.ph02{background: url(../img/heli/page_v_ph14.jpg) no-repeat center center/cover;}


.page_a #phSlide01 li.ph01{background: url(../img/heli/page_a_ph01.jpg) no-repeat center center/cover;}
.page_a #phSlide01 li.ph02{background: url(../img/heli/page_a_ph02.jpg) no-repeat center center/cover;}
.page_a #phSlide02 li.ph01{background: url(../img/heli/page_a_ph03.jpg) no-repeat center center/cover;}
.page_a #phSlide02 li.ph02{background: url(../img/heli/page_a_ph04.jpg) no-repeat center center/cover;}

.page_ev #phSlide01 li.ph01{background: url(../img/heli/page_ev_ph01.jpg) no-repeat center center/cover;}
.page_ev #phSlide01 li.ph02{background: url(../img/heli/page_ev_ph02.jpg) no-repeat center center/cover;}
.page_ev #phSlide01 li.ph03{background: url(../img/heli/page_ev_ph03.jpg) no-repeat center center/cover;}
.page_ev #phSlide01 li.ph04{background: url(../img/heli/page_ev_ph04.jpg) no-repeat center center/cover;}
.page_ev #phSlide02 li.ph01{background: url(../img/heli/page_ev_ph05.jpg) no-repeat center center/cover;}
.page_ev #phSlide02 li.ph02{background: url(../img/heli/page_ev_ph06.jpg) no-repeat center center/cover;}
.page_ev #phSlide02 li.ph03{background: url(../img/heli/page_ev_ph07.jpg) no-repeat center center/cover;}
.page_ev #phSlide02 li.ph04{background: url(../img/heli/page_ev_ph08.jpg) no-repeat center center/cover;}
.page_ev #phSlide03 li.ph01{background: url(../img/heli/page_ev_ph09.jpg) no-repeat center center/cover;}
.page_ev #phSlide03 li.ph02{background: url(../img/heli/page_ev_ph10.jpg) no-repeat center center/cover;}
.page_ev #phSlide03 li.ph03{background: url(../img/heli/page_ev_ph11.jpg) no-repeat center center/cover;}
.page_ev #phSlide04 li.ph01{background: url(../img/heli/page_ev_ph12.jpg) no-repeat center center/cover;}
.page_ev #phSlide04 li.ph02{background: url(../img/heli/page_ev_ph13.jpg) no-repeat center center/cover;}
.page_ev #phSlide04 li.ph03{background: url(../img/heli/page_ev_ph14.jpg) no-repeat center center/cover;}
.page_ev #phSlide04 li.ph04{background: url(../img/heli/page_ev_ph15.jpg) no-repeat center center/cover;}
.page_ev #phSlide05 li.ph01{background: url(../img/heli/page_ev_ph16.jpg) no-repeat center center/cover;}
.page_ev #phSlide05 li.ph02{background: url(../img/heli/page_ev_ph17.jpg) no-repeat center center/cover;}
.page_ev #phSlide05 li.ph03{background: url(../img/heli/page_ev_ph18.jpg) no-repeat center center/cover;}
.page_ev #phSlide05 li.ph04{background: url(../img/heli/page_ev_ph19.jpg) no-repeat center center/cover;}
.page_ev #phSlide05 li.ph05{background: url(../img/heli/page_ev_ph20.jpg) no-repeat center center/cover;}
.page_ev #phSlide06 li.ph01{background: url(../img/heli/page_ev_ph21.jpg) no-repeat center center/cover;}
.page_ev #phSlide06 li.ph02{background: url(../img/heli/page_ev_ph22.jpg) no-repeat center center/cover;}
.page_ev #phSlide06 li.ph03{background: url(../img/heli/page_ev_ph23.jpg) no-repeat center center/cover;}
.page_ev #phSlide06 li.ph04{background: url(../img/heli/page_ev_ph24.jpg) no-repeat center center/cover;}
.page_ev #phSlide07 li.ph01{background: url(../img/heli/page_ev_ph25.jpg) no-repeat center center/cover;}
.page_ev #phSlide07 li.ph02{background: url(../img/heli/page_ev_ph26.jpg) no-repeat center center/cover;}
.page_ev #phSlide07 li.ph03{background: url(../img/heli/page_ev_ph27.jpg) no-repeat center center/cover;}
.page_ev #phSlide07 li.ph04{background: url(../img/heli/page_ev_ph28.jpg) no-repeat center center/cover;}


.page_emc #phSlide01 li.ph01{background: url(../img/heli/page_emc_ph01.jpg) no-repeat center center/cover;}
.page_emc #phSlide01 li.ph02{background: url(../img/heli/page_emc_ph02.jpg) no-repeat center center/cover;}
.page_emc #phSlide01 li.ph03{background: url(../img/heli/page_emc_ph03.jpg) no-repeat center center/cover;}
.page_emc #phSlide01 li.ph04{background: url(../img/heli/page_emc_ph04.jpg) no-repeat center center/cover;}
.page_emc #phSlide01 li.ph05{background: url(../img/heli/page_emc_ph05.jpg) no-repeat center center/cover;}
.page_emc #phSlide02 li.ph01{background: url(../img/heli/page_emc_ph06.jpg) no-repeat center center/cover;}
.page_emc #phSlide02 li.ph02{background: url(../img/heli/page_emc_ph07.jpg) no-repeat center center/cover;}
.page_emc #phSlide02 li.ph03{background: url(../img/heli/page_emc_ph08.jpg) no-repeat center center/cover;}
.page_emc #phSlide02 li.ph04{background: url(../img/heli/page_emc_ph09.jpg) no-repeat center center/cover;}
.page_emc #phSlide03 li.ph01{background: url(../img/heli/page_emc_ph10.jpg) no-repeat center center/cover;}
.page_emc #phSlide03 li.ph02{background: url(../img/heli/page_emc_ph11.jpg) no-repeat center center/cover;}
.page_emc #phSlide03 li.ph03{background: url(../img/heli/page_emc_ph12.jpg) no-repeat center center/cover;}
.page_emc #phSlide03 li.ph04{background: url(../img/heli/page_emc_ph13.jpg) no-repeat center center/cover;}


.page_et #phSlide01 li.ph01{background: url(../img/heli/page_et_ph01.jpg) no-repeat center center/cover;}
.page_et #phSlide01 li.ph02{background: url(../img/heli/page_et_ph02.jpg) no-repeat center center/cover;}
.page_et #phSlide01 li.ph03{background: url(../img/heli/page_et_ph03.jpg) no-repeat center center/cover;}
.page_et #phSlide01 li.ph04{background: url(../img/heli/page_et_ph04.jpg) no-repeat center center/cover;}
.page_et #phSlide02 li.ph01{background: url(../img/heli/page_et_ph05.jpg) no-repeat center center/cover;}
.page_et #phSlide02 li.ph02{background: url(../img/heli/page_et_ph06.jpg) no-repeat center center/cover;}
.page_et #phSlide02 li.ph03{background: url(../img/heli/page_et_ph07.jpg) no-repeat center center/cover;}
.page_et #phSlide02 li.ph04{background: url(../img/heli/page_et_ph08.jpg) no-repeat center center/cover;}
.page_et #phSlide03 li.ph01{background: url(../img/heli/page_et_ph09.jpg) no-repeat center center/cover;}
.page_et #phSlide03 li.ph02{background: url(../img/heli/page_et_ph10.jpg) no-repeat center center/cover;}
.page_et #phSlide03 li.ph03{background: url(../img/heli/page_et_ph11.jpg) no-repeat center center/cover;}
.page_et #phSlide03 li.ph04{background: url(../img/heli/page_et_ph12.jpg) no-repeat center center/cover;}
.page_et #phSlide03 li.ph05{background: url(../img/heli/page_et_ph13.jpg) no-repeat center center/cover;}


.helip .carouselArea .prev,
.helip .carouselArea .next{
	/*position: absolute;
	top:50%;
	width: 32px;
	height: 32px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
	display: none;
}
/*
.helip .carouselArea .prev{
	left:15px;
}
.helip .carouselArea .next{
	right:15px;
}
.helip .carouselArea .prev a,
.helip .carouselArea .next a{
	display: block;
}
.helip .carouselArea .prev a img,
.helip .carouselArea .next a img{
	width: 100%;
	height: auto;
}
.helip .carouselArea .pager {
	margin-top: 15px;
	text-align: center;
	position: absolute;
	bottom:15px;
	left:0;
	width: 100%;
}
.helip .carouselArea .pager a {
	background: rgba(255,255,255,0.5);
	text-decoration: none;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.helip .carouselArea .pager a:hover,
.helip .carouselArea .pager a.selected {
	background: rgba(255,255,255,1);
}*/



.helip #screen .txtScreen{
	width: 740px;
	height: 130px;
	position: absolute;
	bottom:70px;
	left:50%;
	margin-left: -370px;
}
.helip #screen .txtScreen > .inner{
	width: 100%;
	height: 100%;
	
}
.helip ul#txtList{
	position: relative;
	width: 100%;
	height: 100%;
}
.helip ul#txtList > li{
	height: 100%;
	pointer-events:none;
	display: none;
	padding-left: 110px;
	/*padding-bottom: 20px;*/
	background: url(../img/chara_tia.png) no-repeat left 20px center/auto 80px;
}
.helip ul#txtList > li.noArrow{padding-bottom: 0px;}
.helip ul#txtList > li.show{
	pointer-events:auto;
	display: block;
}
.helip ul#txtList > li .inner{
	width: 100%;
	height: 100%;
	padding: 0px 15px;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.helip ul#txtList > li .tjtxt{
	font-size: 0.15rem;
	color: #FFF;
	line-height: 1.75;
	letter-spacing: 0.1em;
	visibility: hidden;
}/*
.helip ul#txtList > li .arrow{
	position: absolute;
	bottom:10px;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}*/
.helip ul#txtList > li .arrow{
	position: absolute;
	top:50%;
	right:20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.helip ul#txtList > li .arrow a.synBt{
	display: none;
}
.helip ul#txtList > li .tj_endShow{
	pointer-events:none;
	opacity: 0;
}
.helip ul#txtList > li .tj_endShow.show{
	pointer-events:auto;
	opacity: 1;
}



.helip #movieArea{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(0,0,0,0.85);
	display: none;
}
.helip #movieArea video{
	display: inline-block;
	width: 800px;
	height: 450px;
	position: absolute;
	top: 50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
}
.helip #movieArea .close{
	position: absolute;
	top:10px;
	right:10px;
}
.helip #movieArea .close a{
	display: block;
	width: 60px;
	height: 60px;
}

.helip #movieArea .close a span{
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -1px;
	display: block;
	width: 60px;
	height: 2px;
}
.helip #movieArea .close a span::before,
.helip #movieArea .close a span::after {
	top: 0;
	content: "";
	display: block;
	width: 60px;
	height: 2px;
	background-color: #FFF;
	position: absolute;
	z-index: -1;
}
.helip #movieArea .close a span::before {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.helip #movieArea .close a span::after {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}



/*=============================
  labo
=============================*/
.laboTop #screen{
	background: url(../img/labo/laboTop_bg.jpg) no-repeat center center/cover;
	padding-top: 50px;
}
.laboTop #illArea{
	width: 230px;
	height: 330px;
	position: absolute;
	bottom: 90px;
	right: 40px;
}
.laboTop #illArea li{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: 0;
	overflow: hidden;
}
.laboTop #illArea li.show{
	opacity: 1;
}
.laboTop #illArea li{
	text-align: center;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.laboTop #illArea li img{
	width: auto;
	height: 100%;
}



.laboTop h1{
	text-align: center;
	font-size: 0.35rem;
	color: #FFF;
	letter-spacing: 0.1em;
	margin-bottom: 35px;
}
.laboTop h1 .cTxt{
	color: #A4C88B;
}
.laboTop h1 span.jp{
	display: block;
	text-align: center;
	font-size: 0.24rem;
	color: #FFF;
	letter-spacing: 0.2em;
	margin-top: 1em;
}

.laboTop .txtScreen{
	width: 580px;
	margin-left: 75px;
}
.labo ul#txtList{
	position: relative;
	width: 100%;
}
.laboTop ul#txtList > li{
	min-height: 400px;
	pointer-events:none;
	display: none;
}
.labo ul#txtList > li.show{
	pointer-events:auto;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.labo ul#txtList > li .inner{
	width: 100%;
	/*padding: 40px 0 70px;*/
	padding: 0 0 30px;
}
.laboDetail ul#txtList > li .inner{padding: 0;}

.labo ul#txtList > li .tjtxt{
	font-size: 0.15rem;
	color: #FFF;
	line-height: 1.75;
	letter-spacing: 0.1em;
	visibility: hidden;
}
.labo ul#txtList > li .tjtxt .fl{
	font-size: 0.2rem;
}
.laboTop ul#txtList > li .tjtxt{padding-left: 45px;}
.laboDetail ul#txtList > li .tjtxt{padding-left: 25px;}

.labo ul#txtList > li .arrow{
	position: absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.laboTop ul#txtList > li .arrow{bottom:20px;}
.laboDetail ul#txtList > li .arrow{bottom:10px;}

.laboTop ul#txtList > li .bt_list li a{
	display: inline-block;
	color: #FFF;
	font-size: 0.14rem;
	padding: 0.5em 1em 0.35em;
	border: 1px solid #FFF;
	background: rgba(0,0,0,0.5);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.laboDetail ul#txtList > li .bt_list li a{
	display: block;
	color: #000;
	font-size: 0.14rem;
	padding: 1em 1em 0.75em;
	background: url(../img/icon_arrow02_gr.svg) no-repeat rgba(255,255,255,1) right 10px center/8px auto;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.laboDetail ul#txtList > li .bt_list li a.active{
	opacity: 0.5!important;
}
.laboDetail ul#txtList > li .bt_list li a.hide01,
.laboDetail ul#txtList > li .bt_list li a.hide02{
	display: none;
}
.laboDetail ul#txtList > li .bt_list.bt_h li a{
	width: 280px;
	text-align: center;
}
.laboDetail ul#txtList > li .bt_list.bt{padding: 0 2em;}
.laboDetail ul#txtList > li .bt_list.bt li:nth-child(n+2){margin-top: 0.5em;}
.laboDetail ul#txtList > li .bt_list.bt li a{padding: 0.75em 1em 0.55em;}



.labo ul#txtList > li .fbox{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.labo ul#txtList > li .tj_endShow{
	pointer-events:none;
	opacity: 0;
}
.labo ul#txtList > li .tj_endShow.show{
	pointer-events:auto;
	opacity: 1;
}


.laboTop ul#txtList > li .techBtList{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.5em;
}
.laboTop ul#txtList > li .techBtList li:nth-child(n+2){margin-top: 15px;}
.laboTop ul#txtList > li .techBtList li a{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #FFF;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 1em 3em 0.75em 2em;
	font-size: 0.16rem;
	letter-spacing: 0.1em;
	background: url(../img/icon_arrow02_wr.svg) no-repeat right 15px center/7px auto;
}
.laboTop ul#txtList > li .techBtList li a span.fen{
	font-size: 0.21rem;
	letter-spacing: 0.3em;
	width: 6em;
}
.laboTop ul#txtList > li .techBtList li a span.jp{
	font-size: 0.13rem;
	letter-spacing: 0.1em;
	width: calc(100% - 6em);
}

.laboTop ul#txtList > li .bt_list{margin-top: 2em;}
.labo ul#txtList > li .bt_list.mt{margin-top: 1em;}
.labo ul#txtList > li .bt_list:not(.bt) li{margin: 0 1em;}

/*laboDetail
=============================*/
.laboDetail #main{
	height: 440px;
	padding-bottom: 30px;
	background: url(../img/labo/laboDetail_bg.jpg) no-repeat center center/cover;
	position: relative;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.laboDetail #main.ev_bg{background: url(../img/labo/ev_bg.jpg) no-repeat center center/cover;}
.laboDetail #main.adas_bg{background: url(../img/labo/adas_bg.jpg) no-repeat center center/cover;}
.laboDetail #main.emc_bg{background: url(../img/labo/emc_bg.jpg) no-repeat center center/cover;}
.laboDetail #main.can_bg01{background: url(../img/labo/can_bg01.jpg) no-repeat center center/cover;}
.laboDetail #main.can_bg02{background: url(../img/labo/can_bg02.jpg) no-repeat center center/cover;}
.laboDetail #main.cae_bg{background: url(../img/labo/cae_bg.jpg) no-repeat center center/cover;}
.laboDetail #main #phArea{
	width: 550px;
	height: 330px;
	position: relative;
}
.laboDetail #main #illArea{
	width: 250px;
	height: 330px;
	position: relative;
}

.laboDetail #main #phArea li,
.laboDetail #main #illArea li{
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.laboDetail #main #phArea li{
	width: auto;
	height: auto;
	text-align: center;
}
.laboDetail #main #phArea li.show,
.laboDetail #main #illArea li.show{
	opacity: 1;
}
.laboDetail #main #phArea li{}
.laboDetail #main #illArea li{
	text-align: center;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.laboDetail #main #phArea li *{
	width: 100%;
	height: auto;
	border: 4px solid #2B286D;
}
.laboDetail #main #illArea li img      {width: 200px;height: auto;}
.laboDetail #main #illArea li#tia03 img{width: 100%;height: auto;}
.laboDetail #main #phArea li img.w90      {width: 90%;height: auto;}

.laboCan #main #illArea li:not(#tia02):not(#tia03) img {width: 165px;height: auto;}

.laboDetail #main #phArea li p{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	text-align: center;
}
.laboDetail #main #phArea li p span{
	display: inline-block;
	color: #FFF;
	font-size: 0.4rem;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}


.laboDetail #screenArea{
	height: 235px;
	padding: 20px 0 60px;
	background: #2B286D;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.laboDetail #screenArea h1{
	width: 225px;
	text-align: center;
	font-size: 0.35rem;
	color: #FFF;
	letter-spacing: 0.1em;
}
.laboDetail h1 .cTxt{color: #00B9EC;}
.laboDetail h1 span.jp{
	display: block;
	text-align: center;
	font-size: 0.14rem;
	color: #FFF;
	letter-spacing: 0.2em;
	margin-top: 1em;
}


.laboDetail .txtScreen{
	width: 690px;
}
.laboDetail .txtScreen,
.laboDetail .txtScreen > .inner,
.laboDetail ul#txtList,
.laboDetail ul#txtList > li{height: 100%;}
.laboDetail ul#txtList > li{
	pointer-events:none;
	display: none;
}


/*=============================
  coastcity
=============================*/
.coastcity #screen{
	background: url(../img/coastcity/coastcity_bg.jpg) no-repeat center center/cover;
	padding-top: 50px;
}
.coastcity #illArea{
	width: 230px;
	height: 330px;
	position: absolute;
	bottom: 90px;
	right: 40px;
}
.coastcity #illArea li{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: 0;
	overflow: hidden;
}
.coastcity #illArea li.show{
	opacity: 1;
}
.coastcity #illArea li{
	text-align: center;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.coastcity #illArea li img{
	width: auto;
	height: 100%;
}



.coastcity h1{
	text-align: center;
	font-size: 0.35rem;
	color: #FFF;
	letter-spacing: 0.1em;
	margin-bottom: 35px;
}
.coastcity h1 .cTxt{
	color: #95B77E;
}
.coastcity h1 span.jp{
	display: block;
	text-align: center;
	font-size: 0.24rem;
	color: #FFF;
	letter-spacing: 0.2em;
	margin-top: 1em;
}

.coastcity .txtScreen{
	width: 580px;
	margin-left: 75px;
}
.coastcity ul#txtList{
	position: relative;
	width: 100%;
}
.coastcity ul#txtList > li{
	min-height: 400px;
	pointer-events:none;
	display: none;
}
.coastcity ul#txtList > li.show{
	pointer-events:auto;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.coastcity ul#txtList > li iframe{
	position: absolute;
	top:0;
	left:0;
	display: block;
	width: 100%!important;
	height: 100%!important;
}
.coastcity ul#txtList > li .inner{
	width: 100%;
	/*padding: 40px 0 70px;*/
	padding: 0 0 30px;
}

.coastcity ul#txtList > li .tjtxt{
	font-size: 0.15rem;
	color: #FFF;
	line-height: 1.75;
	letter-spacing: 0.1em;
	visibility: hidden;
}
.coastcity ul#txtList > li .tjtxt .fl{
	font-size: 0.2rem;
}
.coastcity ul#txtList > li .tjtxt{padding-left: 45px;}

.coastcity ul#txtList > li .arrow{
	position: absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.coastcity ul#txtList > li .arrow{bottom:20px;}



.coastcity ul#txtList > li .fbox{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
}

.coastcity ul#txtList > li .tj_endShow{
	pointer-events:none;
	opacity: 0;
}
.coastcity ul#txtList > li .tj_endShow.show{
	pointer-events:auto;
	opacity: 1;
}


.coastcity ul#txtList > li .bt_list{
	margin-top: 2em;
	padding: 0 45px;
	justify-content: space-between;
}
.coastcity ul#txtList > li .bt_list li{width: 225px;}
.coastcity ul#txtList > li .bt_list li a{
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 0.14rem;
	padding: 1.2em 0 1em;
	border: 1px solid #FFF;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	letter-spacing: 0.1em;
	background: url(../img/icon_arrow02_wr.svg) no-repeat right 15px center/7px auto;
}


.coastcity360 iframe{
	position: absolute;
	top:0;
	left:0;
	display: block;
	width: 100%!important;
	height: 100%!important;
}



/*=============================
  theater
=============================*/
.theaterTop #screen{
	background: url(../img/theater/theater_top_bg.jpg) no-repeat center center/cover;
	padding-top: 50px;
}
.theaterMovie #screen{
	background: url(../img/theater/theater_bg.jpg) no-repeat center center/cover;
	padding-top: 50px;
}
.theaterTop #illArea{
	width: 230px;
	height: 330px;
	position: absolute;
	bottom: 90px;
	right: 40px;
}
.theaterTop #illArea li{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: 0;
	overflow: hidden;
}
.theaterTop #illArea li.show{
	opacity: 1;
}
.theaterTop #illArea li{
	text-align: center;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.theaterTop #illArea li img{
	width: auto;
	height: 100%;
}



.theater h1{
	text-align: center;
	font-size: 0.35rem;
	color: #FFF;
	letter-spacing: 0.1em;
	margin-bottom: 35px;
}
.theater h1 .cTxt{
	color: #95B77E;
}
.theater h1 span.jp{
	display: block;
	text-align: center;
	font-size: 0.24rem;
	color: #FFF;
	letter-spacing: 0.2em;
	margin-top: 1em;
}

.theaterTop .txtScreen{
	width: 620px;
	height: 260px;
	margin-left: 45px;
}
.theaterTop ul#txtList{
	position: relative;
	width: 100%;
}
.theaterTop ul#txtList > li{
	min-height: 250px;
	pointer-events:none;
	display: none;
}
.theaterTop ul#txtList > li.show{
	pointer-events:auto;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.theaterTop ul#txtList > li iframe{
	position: absolute;
	top:0;
	left:0;
	display: block;
	width: 100%!important;
	height: 100%!important;
}
.theaterTop ul#txtList > li .inner{
	width: 100%;
	/*padding: 40px 0 70px;*/
	padding: 0 0 30px;
}

.theaterTop ul#txtList > li .tjtxt{
	font-size: 0.15rem;
	color: #FFF;
	line-height: 1.75;
	letter-spacing: 0.1em;
	visibility: hidden;
}
.theaterTop ul#txtList > li .tjtxt .fl{
	font-size: 0.2rem;
}
.theaterTop ul#txtList > li .tjtxt{padding-left: 45px;}

.theaterTop ul#txtList > li .arrow{
	position: absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.theaterTop ul#txtList > li .arrow{bottom:20px;}



.theaterTop ul#txtList > li .fbox{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
}

.theaterTop ul#txtList > li .tj_endShow{
	pointer-events:none;
	opacity: 0;
}
.theaterTop ul#txtList > li .tj_endShow.show{
	pointer-events:auto;
	opacity: 1;
}


.theaterTop ul#txtList > li .bt_list{
	margin-top: 2em;
	padding: 0 45px;
	justify-content: center;
}
.theaterTop ul#txtList > li .bt_list li{width: 185px;margin:0 12px;}
.theaterTop ul#txtList > li .bt_list li a{
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 0.14rem;
	padding: 1.2em 0 1em;
	border: 1px solid #FFF;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	letter-spacing: 0.1em;
	background: url(../img/icon_arrow02_wr.svg) no-repeat right 15px center/7px auto;
}




.theaterTop #pnav {
	width: 620px;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin-left: 45px;
	margin-top: 30px;
}
.theaterTop #pnav ul{
	width: 300px;
}
.theaterTop #pnav ul li a{
	width: 100%;
	color: #FFF;
	text-decoration: none;
	font-size: 0.14rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	height: 40px;
	border: 1px solid #FFF;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	padding-left: 1em;
	background: rgba(0,0,0,0.4);
	-webkit-transition:
		color 0.5s ease,
		background 0.5s ease;
	transition:
		color 0.5s ease,
		background 0.5s ease;
}
.theaterTop #pnav ul li a:not(.noLink):hover{
	color: #000;
	background: rgba(255,255,255,1);
}
.theaterTop #pnav ul li:nth-child(n+2){margin-top: 10px;}
.theaterTop #pnav ul li a .fen{
	font-size: 0.18rem;
	padding-top: 0.2em;
	margin-right: 0.5em;
}
.theaterTop #pnav ul li a .fs{
	font-size: 0.12rem;
	margin-left: 0.25em;
}
.theaterTop #pnav ul li a svg{
	width: 6px;
	height: auto;
	position: absolute;
	top:50%;
	right:10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.theaterTop #pnav ul li a svg .cls-1{
	fill:none;
	stroke:#FFF;
	stroke-miterlimit:10;
	-webkit-transition:
		stroke 0.5s ease;
	transition:
		stroke 0.5s ease;
}
.theaterTop #pnav ul li a:hover svg .cls-1{
	stroke:#000;
}


.theaterTop #pnav ul li a.noLink{
	color: rgba(255,255,255,0.5) !important;
}
.theaterTop #pnav ul li a.noLink svg .cls-1{
	stroke:rgba(255,255,255,0.5) !important;
}


.theaterMovie #main{
	width: 640px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: 1px solid #000;
}
.theaterMovie #movie video{
	width: 100%;
	height: auto;
}
.theaterMovie #endTxtArea{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: none;
}
.theaterMovie #endTxtArea .outer{
	width: 100%;
	height: 100%;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.theaterMovie #endTxtArea .inner{
	color: #FFF;
	font-weight: 700;
}
.theaterMovie #endTxtArea .txt{
	text-align: center;
	font-size: 0.14rem;
	line-height: 1.75;
	letter-spacing: 0.1em;
}
.theaterMovie #endTxtArea ul{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	margin-top: 1.5em;
}
.theaterMovie #endTxtArea ul li{
	margin:0 auto;
}
.theaterMovie #endTxtArea ul li a{
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	min-width: 120px;
	border: 1px solid #FFF;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}