@charset "utf-8";

/*==========================================================

==========================================================*/
html {
	background: #ffffff;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	position: relative;
}

html.popup {
	height: 100%;
	background: none;
	background-color: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
main, menu, nav, section, summary {
	display: block
}
iframe {
	overflow-y: hidden;
}
body {
	background: #06ded9 url(../img/bg.png) no-repeat center top;
	background-size: 100% auto;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	width: 100%;
	position: relative;
	z-index: 1;
}
body.top {
	background: #06ded9 url(../img/bg_top.png) no-repeat center top;
	background-size: 100% auto;
}
body.mv2 {
	background: #06ded9 url(../img/bg_02.png) no-repeat center top;
	background-size: 100% auto;
}
body.popup {
	height: 100%;
	background: none;
	background-color: transparent;
}

.modify {
	position: relative;
	padding: 0 3px 0 3px;
}
.modify:before {
	content: '';
	border-top: 1px solid #ff0000;
	position: absolute;
	top: 99%;
	left: 0;
	width: 100%;
}

.modify01 {
	text-decoration: line-through;
}
.modify02 {
	color: #ff0000;
	font-weight: bold;
}
					/*-sp-*/
					@media screen and (max-width: 1020px) {
body {
	background: #06ded9 url(../img/sp/bg.png) no-repeat center top;
	background-size: 100% auto;
}
body.top {
	background: #06ded9 url(../img/sp/bg_top.png) no-repeat center top;
	background-size: 100% auto;
}
					}
					
p { margin: 0 0 0 0; }
a { text-decoration: none; color: #d21277; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }
iframe { z-index: 1 !important; }

.pbr { display:block; }
.sbr { display:none; }
.pc { display: block !important; }
.sp { display: none !important; }
.movie {
	margin: 0 auto 0 auto;
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
}
h2 img ,
h3 img ,
h4 img ,
.img img {
	pointer-events : none !important;
}
.movie iframe, .movie object, .movie embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

					/*-sp-*/
					@media screen and (max-width: 1020px) {
.pbr { display:none; }
.sbr { display:block; }
.pc { display: none !important; }
.sp { display: block !important; }

					}

/*-----------------------------------------------------------
	header setting
-----------------------------------------------------------*/
header {
	width: 100%;
	position: absolute;
	margin: 0 0 0 0;
	top: 0;
	left: 0;
	z-index: 9;
	background: #ffffff;
}
	.tokyo header {
		background: #fff800;
	}
	.osaka header {
		background: #d21277;
	}
	.kumamoto header {
		background: #0096dc;
	}
	.special header {
		background: #b29550;
	}
	
	.headerWrap {
		width: 100%;
		padding: 0 0 0 0;
		position: relative;
		z-index: 9;
	}
	/*----------------------------------#g_menu setting----------*/
	#g_navi {
		background: #ffffff;
		margin: 0;
		width: 100%;
		height: auto;
		text-align: center;
		z-index: 9;
		position: fixed;
		padding: 2.5% 0 2.5% 0;
		top: 0;
	}
	.tokyo #g_navi {
		background: #fff800;
	}
	.osaka #g_navi {
		background: #d21277;
	}
	.kumamoto #g_navi {
		background: #0096dc;
	}
	.special #g_navi {
		background: #b29550;
	}
	#g_menu .hdBox {
		width: 100%;
		padding: 3% 0 2% 0;
		overflow: hidden;
		position: fixed;
		z-index: 9;
	}
	#g_menu .hdBox2 {
		width: 100%;
	}
	#g_navi .btn {
		width: 12.5%;
		float: left;
	}
	#g_navi .logo {
		width: 26%;
		margin: 0 0 0 6%;
	}
	#g_navi #menuBtn {
		width: 5%;
		margin: 2% 5% 0 0;
		float: right;
	}
	#g_navi #menuClose {
		width: 5%;
		margin: 2% 5% 0 0;
		float: right;
	}
	#g_navi .navi {
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
	#g_navi .nav {
		width: 100%;
		margin: 0 0 5% 0;
		font-size: 23px;
		color: #EEEEEE;
		overflow: hidden;
	}
	#g_navi .nav li {
		width: 100%;
		color: #FFFFFF;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		float: none;
		height: auto;
		border-left: none;
		line-height: 0;
		border-bottom: 1px solid #cbcbca;
	}
		#g_navi .nav li.nav_schedule_tokyo,
		#g_navi .nav li.nav_schedule_osaka,
		#g_navi .nav li.nav_schedule_kumamoto { border-bottom: none; }
		
	.hdBox2 {
		background: #ffffff;
		background-size: auto 100%;
		padding: 2.5% 0 2.5% 0;
		overflow: hidden;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
		position: relative;
		z-index: 2;
	}
		.tokyo .hdBox2 {
			background: #fff800;
		}
		.osaka .hdBox2 {
			background: #d21277;
		}
		.kumamoto .hdBox2 {
			background: #0096dc;
		}
		.special .hdBox2 {
			background: #b29550;
		}
		#g_navi .nav li a {
			height: auto !important;
			display: block;
		}
	#g_navi .nav li.txt {
		font-size: 14px;
		padding: 10px 0 0 0;
		color: #545454;
	}
	body div#g_navi a {
		color: #AAAAAA;
	}
	body div#g_navi a:hover {
		text-decoration: none;
		color: #CCCCCC;
	}
	#g_menu{
		background: rgba(255,  255,  255, 0.90);
		position: fixed;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		z-index: 10000;
		display: none;
		top: 0;
		bottom: 0;
	}
	#g_navi .navBox {
		width: 100%;
		margin: 0 auto 0 auto;
		overflow: hidden;
	}
		#g_navi .nav li.off { opacity: 0.5; }

	header .txt {
		width: 33%;
		float: right;
		margin: 1.4% 4% 0 0;
	}
	
#g_navi .nav li.nav_fb,
#g_navi .nav li.nav_tw { display: none;}

	/*----------------------------------header setting SP----------*/
											@media (min-width: 1020px) {
	header {
		width: 100%;
		height: 100px;
		position: fixed;
		padding: 0 0 0 0;
		z-index: 1000;
		background: #ffffff;
	}
	.headerWrap {
		width: 1020px;
		background: none;
		padding: 18px 0 20px 0;
		margin: 0 auto 0 auto;
		position: relative;
		z-index: 9999;
		overflow: hidden;
	}
	header .txt {
		width: 30%;
		float: right;
		margin: 0 0 0 0;
	}
	#g_navi {
		background: none;
		padding: 0 0 0 0;
		position: relative;
	}
	#g_menu{
		padding: 0 0 0 0;
		width: 100%;
		background: none;
		position: relative;
		display: block !important;
		overflow: auto;
		overflow-x: auto;
		overflow-y: auto;
	}
	#g_menu .hdBox {
		padding: 5px 0 5px 0;
		border-bottom: none;
		z-index: 99;
		overflow: hidden;
	}
		#g_menu .hdBox2 {
			width: auto;
			background: none;
			padding: 0 0 0 0;
			overflow: auto;
			float: left;
			box-shadow: none;
		}
			#g_navi .btn {
				width: 90px;
				float: left;
			}
			#g_navi .logo {
				background: url(../img/nav_logo.png) no-repeat center center;
				background-size: 100% auto;
				height: 73px;
				width: 206px;
				float: left;
				padding: 0 0 0 0;
				margin: 0 20px 0 0;
			}
			#g_navi .logo a { height: 73px; display: block; }
			#g_navi .logo:hover { 
				opacity: 0.5;
				filter: alpha(opacity=50);
				-ms-filter: "alpha(opacity=50)";
				-moz-opacity: 0.5;
				-khtml-opacity: 0.5;
			}
			#g_navi .logo img { display: none; }
			
	#g_navi .navBox {
		width: 100%;
		margin: 0 0 0 0;
		overflow: hidden;
		border: none;
		background: none;
	}
	#g_navi .nav {
		width: auto;
		float: left;
		border: none;
		margin: 3px 0 0 0;
	}
	#g_navi .nav li {
		color: #e3dac8;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		float: left;
		height: auto;
		border: none;
	}
	#g_navi .nav li.off {
		opacity: 0.5;
	}
	#g_navi .nav li img {
		display: none;
	}
	#g_navi .nav li a {
		display: block;
		height: 46px !important;
	}
	#g_navi .nav li.nav_special a {
		height: 46px !important;
	}
	#g_navi .nav li:hover {
		opacity: 0.5 !important;
		filter: alpha(opacity=50) !important;
		-ms-filter: "alpha(opacity=50)" !important;
		-moz-opacity: 0.5 !important;
		-khtml-opacity: 0.5 !important;
	}
	
		#g_navi .nav li.nav_schedule_tokyo {
			background: url(../img/nav_schedule_tokyo.png) no-repeat center center;
			width: 110px;
			height: 46px;
			margin: 5px 0 0 0;
		}
			#g_navi .nav li.nav_schedule_tokyo.cr,
			#g_navi .nav li.nav_schedule_tokyo:hover {
				background: url(../img/nav_schedule_tokyo.png) no-repeat center center;
			}
			.osaka #g_navi .nav li.nav_schedule_tokyo,
			.kumamoto #g_navi .nav li.nav_schedule_tokyo {
				background: url(../img/nav_schedule_tokyo_cr.png) no-repeat center center;
				width: 110px;
				height: 46px;
				margin: 5px 0 0 0;
			}
				.osaka #g_navi .nav li.nav_schedule_tokyo.cr,
				.osaka #g_navi .nav li.nav_schedule_tokyo:hover,
				.kumamoto #g_navi .nav li.nav_schedule_tokyo.cr,
				.kumamoto #g_navi .nav li.nav_schedule_tokyo:hover {
					background: url(../img/nav_schedule_tokyo_cr.png) no-repeat center center;
				}
			
		#g_navi .nav li.nav_schedule_osaka {
			background: url(../img/nav_schedule_osaka.png) no-repeat center center;
			width: 110px;
			height: 46px;
			margin: 5px 0 0 1px;
		}
			#g_navi .nav li.nav_schedule_osaka.cr,
			#g_navi .nav li.nav_schedule_osaka:hover {
				background: url(../img/nav_schedule_osaka.png) no-repeat center center;
			}
			.tokyo #g_navi .nav li.nav_schedule_osaka,
			.osaka #g_navi .nav li.nav_schedule_osaka,
			.kumamoto #g_navi .nav li.nav_schedule_osaka {
				background: url(../img/nav_schedule_osaka_cr.png) no-repeat center center;
				width: 110px;
				height: 46px;
				margin: 5px 0 0 1px;
			}
				.tokyo #g_navi .nav li.nav_schedule_osaka.cr,
				.tokyo #g_navi .nav li.nav_schedule_osaka:hover,
				.osaka #g_navi .nav li.nav_schedule_osaka.cr,
				.osaka #g_navi .nav li.nav_schedule_osaka:hover,
				.kumamoto #g_navi .nav li.nav_schedule_osaka.cr,
				.kumamoto #g_navi .nav li.nav_schedule_osaka:hover {
					background: url(../img/nav_schedule_osaka_cr.png) no-repeat center center;
				}
			
		#g_navi .nav li.nav_schedule_kumamoto {
			background: url(../img/nav_schedule_kumamoto.png) no-repeat center center;
			width: 170px;
			height: 46px;
			margin: 5px 0 0 1px;
		}
			#g_navi .nav li.nav_schedule_kumamoto.cr,
			#g_navi .nav li.nav_schedule_kumamoto:hover {
				background: url(../img/nav_schedule_kumamoto.png) no-repeat center center;
			}
			.tokyo #g_navi .nav li.nav_schedule_kumamoto,
			.osaka #g_navi .nav li.nav_schedule_kumamoto,
			.kumamoto #g_navi .nav li.nav_schedule_kumamoto {
				background: url(../img/nav_schedule_kumamoto_cr.png) no-repeat center center;
				width: 170px;
				height: 46px;
				margin: 5px 0 0 1px;
			}
				.tokyo #g_navi .nav li.nav_schedule_kumamoto.cr,
				.tokyo #g_navi .nav li.nav_schedule_kumamoto:hover,
				.osaka #g_navi .nav li.nav_schedule_kumamoto.cr,
				.osaka #g_navi .nav li.nav_schedule_kumamoto:hover,
				.kumamoto #g_navi .nav li.nav_schedule_kumamoto.cr,
				.kumamoto #g_navi .nav li.nav_schedule_kumamoto:hover {
					background: url(../img/nav_schedule_kumamoto_cr.png) no-repeat center center;
				}
				
		#g_navi .nav li.nav_special {
			background: url(../img/nav_special.png) no-repeat center center;
			width: 101px;
			height: 35px;
			margin: 3px 0 0 25px;
		}
			#g_navi .nav li.nav_special.cr,
			#g_navi .nav li.nav_special:hover {
				background: url(../img/nav_special.png) no-repeat center center;
			}
		.special #g_navi .nav li.nav_special {
			background: url(../img/nav_special_w.png) no-repeat center center;
			width: 101px;
			height: 35px;
			margin: 3px 0 0 25px;
		}
			.special #g_navi .nav li.nav_special.cr,
			.special #g_navi .nav li.nav_special:hover {
				background: url(../img/nav_special_w.png) no-repeat center center;
			}
		#g_navi .nav li.nav_story {
			background: url(../img/nav_story.png) no-repeat center center;
			width: 79px;
			height: 36px;
			margin: 0 0 0 30px;
		}
			#g_navi .nav li.nav_story.cr,
			#g_navi .nav li.nav_story:hover {
				background: url(../img/nav_story.png) no-repeat center center;
			}
		.special #g_navi .nav li.nav_story {
			background: url(../img/nav_story_w.png) no-repeat center center;
			width: 79px;
			height: 36px;
			margin: 0 0 0 30px;
		}
			.special #g_navi .nav li.nav_story.cr,
			.special #g_navi .nav li.nav_story:hover {
				background: url(../img/nav_story_w.png) no-repeat center center;
			}
		#g_navi .nav li.nav_play {
			background: url(../img/nav_play.png) no-repeat center center;
			width: 140px;
			height: 37px;
			margin: 0 0 0 25px;
		}
			#g_navi .nav li.nav_play.cr,
			#g_navi .nav li.nav_play:hover {
				background: url(../img/nav_play.png) no-repeat center center;
			}
			
		.special #g_navi .nav li.nav_play {
			background: url(../img/nav_play_w.png) no-repeat center center;
			width: 140px;
			height: 37px;
			margin: 0 0 0 25px;
		}
			.special #g_navi .nav li.nav_play.cr,
			.special #g_navi .nav li.nav_play:hover {
				background: url(../img/nav_play_w.png) no-repeat center center;
			}

		#g_navi .nav li.nav_fb {
			background: url(../img/nav_fb.png) no-repeat center center;
			width: 40px;
			height: 40px;
			margin: 5px 0 0 25px;
		}
			#g_navi .nav li.nav_fb:hover {
				background: url(../img/nav_fb.png) no-repeat center center;
			}
		#g_navi .nav li.nav_tw {
			background: url(../img/nav_tw.png) no-repeat center center;
			width: 40px;
			height: 40px;
			margin: 5px 0 0 6px;
		}
			#g_navi .nav li.nav_tw:hover {
				background: url(../img/nav_tw.png) no-repeat center center;
			}

#g_navi .nav li.nav_fb,
#g_navi .nav li.nav_tw { display: block;}
	#g_navi #menuBtn {
		display: none;
	}
	#g_navi #menuClose {
		display: none;
	}
	#g_navi .navi {
		display: none;
	}
										}

/*-----------------------------------------------------------
	#content setting
-----------------------------------------------------------*/
#content {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 30px 0;
	z-index: -1;
	position: relative;
	font-size: 16px;
	line-height: 1.8;
	color: #000000;
}
	#content.inner {
		
	}
	.contentBox {
		width: 90%;
		max-width: 1020px;
		margin: 0 auto 0 auto;
		overflow: hidden;
	}
	.contentWrap {
		max-width: 1020px;
		overflow: hidden;
		background: #ffffff url(../img/bg_inner.png) repeat;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
		z-index: -1;
		margin: 0 auto 0 auto;
		padding: 4% 0 3% 0;
	}
		.contentWrap .contentBox {
			width: 90%;
			max-width: 860px;
			margin: 0 auto 0 auto;
			overflow: hidden;
		}
		
	.contentBox .video {
		margin: 5% auto 0 auto;
		position: relative; 
		padding-bottom: 56.25%; 
		height: 0; 
		overflow: hidden; 
		max-width: 100%;
	}
	.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		
.navArea { display: none; }
	
	/*----------------------------------#content setting SP----------*/
					@media (min-width: 1000px) {
.contentBox .video {
	width: 451px;
	height: 254px;
	margin: 0 auto 0 auto;
	position: relative; 
	padding-bottom: 0; 
	overflow: hidden; 
	max-width: auto;
}
					}
					@media screen and (max-width: 1020px) {
#content { font-size: 12px; }
.navArea { display: block; margin: 0 0 0 0; }
#contentinner { font-size: 12px; }
	.inner .contentBox .txt {
		margin: 0 0 8% 0;
	}
	
	.contentWrap {
		width: 90%;
		margin: 0 auto 0 auto;
		padding: 8% 0 3% 0;
	}
		.contentWrap .contentBox {
			width: 90%;
			max-width: 860px;
			margin: 0 auto 0 auto;
			overflow: hidden;
		}
					}

/*----------------------------------pMenu setting----------*/

#menu,
.menu  {
	width: 100%;
	max-width: 1020px;
	margin: 70px auto 25px auto;
}
#menu ul,
.menu ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	-webkit-justify-content: space-between;
	justify-content:         space-between;
	-webkit-align-items: flex-start;
	align-items:         flex-start;
}
	#menu li,
	.menu li  {
		width: 32.7%;
		margin: 0 0 10px 0;
		line-height: 0;
		position: relative;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	}
	#menu .col2 li {
		width: 49.5%;
	}
	#menu li.co1,
	.menu li.co1,
	#menu .col1 li,
	.menu .col1 li {
		width: 100%;
	}
		#menu li .img {
			line-height: 0;
			margin: 0 0 0 0;
			position: relative;
			z-index: 1;
		}

		#menu li.menu_comm {
			line-height: 1.6;
			background: #ffffff;
			margin-bottom: 5%;
		}
			#menu li.menu_comm div {
				border: 5px solid #ec0000;
				padding: 0 5% 0 5%;
			}
			#menu li.menu_comm div .tit {
				color: #ec0000;
				font-size: 20px;
				font-weight: bold;
				padding: 20px 0 20px 0;
			}
			#menu li.menu_comm div .txt {
				font-size: 18px;
				padding: 20px 0 20px 0;
			}



		#menu li.menu_news .newsWrap {
			position: absolute;
			width: 90%;
			top: 25%;
			left: 5%;
			line-height: 1.8;
			color: #ffffff;
		}
			#menu li.menu_news p a {
				color: #ffffff;
				text-decoration: underline;
			}
			
			#menu li.menu_news p {
				display: block;
				padding-left: 5.5em;
			}
			#menu li.menu_news p.date {
				content: "";
				display: block;
				float: left;
				margin-left: -5.5em;
				width: 5.5em;
			}
			
		#menu li.menu_special,
		#menu li.menu_access {
			background: #c6ff00;
		}
		#menu li.menu_play,
		#menu li.menu_faq {
			background: #8600b5;
		}
		#menu li.menu_story {
			background: #d21277;
		}
		#menu li.menu_about {
			background: #fff800;
		}
		#menu li.menu_game {
			background: #3273c7;
		}
		#menu li.menu_ticket,
		#menu li.menu_photo {
			background: #b29550;
		}
		#menu li.menu_course {
			background: #58da71;
		}
		#menu li.menu_goods,
		#menu li.menu_foods {
			background: #e5e5e5;
		}
		#menu li.menu_privilege {
			background: #a1d9e3;
		}
		li.menu_nazo,
		li.menu_opmovie,
		li.menu_voice {
			background: #ffffff;
		}
		li.menu_interview {
			background: #e5e5e5;
		}
		
		
	.icon_new {
		width: 20%;
		max-width: 67px;
		position: absolute;
		right: -8px;
		top: -6px;
	}

	.icon_new.l {
		width: 20%;
		position: absolute;
		right: 0;
		left: -5px;
		top: -6px;
	}
		
a img.zoom {
	transition:all 0.1s linear;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-ms-transition:all 0.1s linear;
	filter:alpha(opacity=100);
 	}
a:hover img.zoom {
	filter:alpha(opacity=80);
 	}
a:hover img.zoom {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	}
	
	/*----------------------------------#news setting SP----------*/
					@media screen and (max-width: 1020px) {
#menu,
.menu  {
	width: 92%;
	margin: 8% auto 5% auto;
}
	#menu li {
		width: 48%;
		margin: 0 1% 2% 1%;
	}
	.menu .col1 li {
		width: 98%;
		margin: 0 1% 2% 1%;
	}
	#menu .col2 li {
		width: 48%;
		margin: 0 1% 2% 1%;
	}
		#menu li.co1 {
			width: 98%;
			margin: 0 1% 2% 1%;
		}
	
		#menu li.menu_news .newsWrap {
			position: absolute;
			width: 90%;
			top: 25%;
			left: 5%;
			line-height: 1.8;
			color: #ffffff;
		}
			#menu li.menu_news p a {
				color: #ffffff;
				text-decoration: underline;
			}
			
			#menu li.menu_news p {
				display: block;
				padding-left: 0;
				font-size: 2.5vw;
			}
			#menu li.menu_news p.date {
				content: "";
				display: block;
				float: none;
				margin-left: 0;
				width: 0;
			}
			#menu li.menu_opmovie {
				margin-bottom: 8%;
			}



		#menu li.menu_comm {
			line-height: 1.6;
			background: #ffffff;
			margin-bottom: 5%;
		}
			#menu li.menu_comm div {
				border: 5px solid #ec0000;
				padding: 0 5% 0 5%;
			}
			#menu li.menu_comm div .tit {
				color: #ec0000;
				font-size: 16px;
				font-weight: bold;
				padding: 20px 0 20px 0;
			}
			#menu li.menu_comm div .txt {
				font-size: 14px;
				padding: 20px 0 20px 0;
			}

	.co1 .icon_new {
		width: 10%;
		max-width: 67px;
		position: absolute;
		right: -8px;
		top: -6px;
	}
					}



/*----------------------------------table setting----------*/

#ticket .tableWrap {
	width: 84%;
	border: 1px solid #bfbfbf;
	margin: 0 auto 40px auto;
}
#ticket table {
	width: 100%;
	margin: 0 auto 0 auto;
}
#ticket table , #ticket td, #ticket  th {
	border-collapse: collapse;
	vertical-align: middle;
}
#ticket table .tit {
	background: #eee9d5;
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding: 1% 0 1% 0;
	border: none;
}
#ticket table .note {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	line-height: 1.6;
	font-weight: normal;
	font-size: 14px;
}

#ticket td, #ticket th {
	width: 40%;
	padding: 1%;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
	background: #ffffff;
}
#ticket td.box1 , #ticket th.box1 {
	width: 20%;
}
#ticket td.br , #ticket th.br  {
	border-right: none;
}
#ticket td.bb , #ticket th.bb {
	border-bottom: none;
}
#ticket td.bbd , #ticket th.bbd {
	border-bottom:1px dashed  #e0e0e0;
}
#ticket td.bc1 , #ticket th.bc1 {
	background: #fbfaf4;
}

	/*----------------------------------#news setting SP----------*/
					@media screen and (max-width: 1020px) {
#ticket .tableWrap {
	width: 98%;
	margin: 0 auto 8% auto;
}
#ticket table .tit {
	font-size: 14px;
}


					}


/*-----------------------------------------------------------
	mv setting
-----------------------------------------------------------*/

#main {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto 0 auto;
	padding: 100px 0 0 0;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	z-index: 1;
}
	#main .mainImg {
		width: 100%;
		margin: 0 auto 0 auto;
		line-height: 0;
	}
	#main .txt.maintxt img {
		transition:all 0.3s cubic-bezier(0.190, 1.000, 0.220, 1.000) 0.5s;
		transform: translateX(120%);
		filter: brightness(100%);
	}
		#main .txt.maintxt img.in{
			transform: translateX(0%);
			filter: brightness(400%);
		}
			#main .txt.maintxt img.in.fix{
				transition:all 0.1s ease-out;
				filter: brightness(100%);
			}
		
 	#main .detailsBox {
		margin: 0 auto 0 auto;
	}
 	.top #main .detailsBox {
		min-height: 150px;
	}
	
 	#main .detailsBox .details {
		width: 33.3333%;
	}
	#main .detailsBox .main_tokyo {
		background: #fff800 url(../img/mv_tokyo_bg.png) repeat center top;
		float: left;
		position: relative;
	}
	#main .detailsBox .main_osaka {
		background: #d21277 url(../img/mv_osaka_bg.png) repeat center top;
		float: left;
		position: relative;
	}
	#main .detailsBox .main_kumamoto {
		background: #0096dc url(../img/mv_kumamoto_bg.png) repeat center top;
		float: right;
		position: relative;
	}
	#main .detailsBox .main_special {
		background: #b29550 url(../img/mv_special_bg.png) repeat center top;
		width: 100%;
		float: right;
		position: relative;
	}
		#main .detailsBox .btn {
			width: 116px;
			position: absolute;
			bottom: 15px;
			left: 15px;
		}
		#main .detailsBox .btn.ticket {
			width: 188px;
			right: 15px;
			left: auto;
		}
		
	#main .txt.maintxt {
		position: absolute;
		left: 25px;
		bottom: 233px;
		max-width: 415px;
		width: 50%;
	}
		
	#main .txt02 {
		position: absolute;
		right: 25px;
		bottom: 233px;
		max-width: 292px;
		width: 30%;
	}
	
	
.mv2 #main {
	background: url(../img/mv_w_bg.png) repeat;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	-webkit-align-items: center;
	align-items:         center;
}
	.mv2 #main .mainImg {
		width: 50%;
	}
 	.mv2 #main .detailsBox {
		width: 50%;
		background: ;
	}
 	.mv2.schedule #main .detailsBox .details .tit,
 	.mv2.photo #main .detailsBox .details .tit,
 	.mv2.foods #main .detailsBox .details .tit,
 	.mv2.goods #main .detailsBox .details .tit,
 	.mv2.interview #main .detailsBox .details .tit {
		width: 80%;
		margin: 0 auto 0 auto;
		text-align: center;
	}
	.mv2.photo #main .detailsBox .details .tit img,
	.mv2.foods #main .detailsBox .details .tit img,
	.mv2.goods #main .detailsBox .details .tit img,
	.mv2.interview #main .detailsBox .details .tit img {
		padding: 0 0 0 0;
	}
	.mv2 #main .txt {
		width: 100%;
		padding: 30px 5% 30px 5%;
	}
		.mv2 #main .main_tokyo {
			background: #fff800 url(../img/mv_tokyo_bg.png) repeat center top;
			float: left;
			position: relative;
		}
		.mv2 #main .main_osaka {
			background: #d21277 url(../img/mv_osaka_bg.png) repeat center top;
			float: left;
			position: relative;
		}
		.mv2 #main .main_kumamoto {
			background: #0096dc url(../img/mv_kumamoto_bg.png) repeat center top;
			float: right;
			position: relative;
		}
		.mv2 #main  .main_special {
			background: #b29550 url(../img/mv_special_bg.png) repeat center top;
			width: 100%;
			float: right;
			position: relative;
		}
	.mv2.photo #main .detailsBox .details,
	.mv2.foods #main .detailsBox .details,
	.mv2.goods #main .detailsBox .details,
	.mv2.interview #main .detailsBox .details {
		padding: 0 0 0 0;
	}
	.mv2.schedule #main .detailsBox .details .tit img {
		padding: 0 0 0 0;
	}
	.mv2.schedule #main .detailsBox .details {
		padding: 0 0 0 0;
	}
	.mv2 #main .detailsBox .main_tokyo,
	.mv2 #main .detailsBox .main_osaka,
	.mv2 #main .detailsBox .main_kumamoto,
	.mv2 #main .detailsBox .main_special {
		background: none;
		width: 100%;
		float: none;
		position: relative;
	}

	/*----------------------------------#main setting SP----------*/
					@media screen and (max-width: 1020px) {
#main {
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
	#main .mainImg {
		width: 100%;
	}
	 	#main .detailsBox {
		 	width: 100%;
		 	margin: 0 auto 0 auto;
	 	}
 	#main .detailsBox .details {
		width: 100%;
	}
		#main .detailsBox .btn {
			width: 25.862068965517242%;
			bottom: 5%;
			left: 3%;
		}
		#main .detailsBox .btn.ticket {
			width: 65.51724137931035%;
			margin: 0 0 0 0;
			bottom: 5%;
			right: 3%;
			left: auto;
		}
	#main .txt.maintxt {
		right: 0;
		left: 50%;
		top: 33%;
		bottom: auto;
		max-width: 80%;
		width: 80%;
		margin: 0 0 0 -40%;
	}
		
	#main .txt02 {
		position: absolute;
		right: 1%;
		top: 14%;
		bottom: auto;
		max-width: 30%;
		width: 30%;
	}
	
 	.mv2.schedule #main .detailsBox .details .tit,
 	.mv2.photo #main .detailsBox .details .tit,
 	.mv2.foods #main .detailsBox .details .tit,
 	.mv2.goods #main .detailsBox .details .tit,
 	.mv2.interview #main .detailsBox .details .tit {
		width: 100%;
	}

					}
					
/*----------------------------------#main schedule setting SP----------*/
	
	.schedule #main .detailsBox .details {
		width: 100%;
		float: none;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-around;
		justify-content:         space-around;
		-webkit-align-items: center;
		align-items:         center;
	}
		.schedule #main .detailsBox .details .txtBox {
			width: 47%;
			margin: 0 0 0 3%;
			float: none;
			color: #000000;
		}
			.schedule #main .detailsBox .details .tit {
				width: 50%;
				margin: 0 auto 0 auto;
				text-align: center;
			}
			.schedule #main .detailsBox .details .tit.l {
				width: 70%;
				max-width: 700px;
			}
				.schedule #main .detailsBox .details .tit img {
					padding: 5% 0 5% 0;
				}
				.schedule #main .detailsBox .details .tit.l img {
					padding: 4% 0 4% 0;
				}
			.schedule #main .detailsBox .details .txtBox .txt {
				line-height: 1.8;
				font-weight: bold;
				font-size: 16px;
				padding: 0 3% 0 3%;
			}
			.schedule #main .detailsBox .details .txtBox .note {
				opacity: 0.6;
				filter: alpha(opacity=60);
				-ms-filter: "alpha(opacity=60)";
				-moz-opacity: 0.6;
				-khtml-opacity: 0.6;
				line-height: 1.6;
				font-weight: normal;
				font-size: 14px;
				margin: 10px 0 0 0;
				padding: 0 3% 0 3%;
			}
	
	/*----------------------------------#main setting SP----------*/
					@media screen and (max-width: 1020px) {

	.schedule #main .detailsBox .details {
		display: block;
		padding: 20px 0 0 0;
	}
		.schedule #main .detailsBox .details .txtBox {
			width: 80%;
			margin: 0 auto 0 auto;
			padding: 0 0 3% 0;
		}
			.schedule #main .detailsBox .details .tit {
				width: 80%;
				margin: 0 auto 0 auto;
				padding: 0 0 1% 0;
				padding: 0 0 0 0;
			}
				.schedule #main .detailsBox .details .tit img {
					padding: 0 0 20px 0;
				}
			.schedule #main .detailsBox .details .txtBox .txt {
				padding: 0 12% 0 12%;
				font-size: 14px;
			}
			.schedule #main .detailsBox .details .txtBox .note {
				padding: 0 12% 0 12%;
				font-size: 12px;
			}

					}
					
/*----------------------------------#main photo setting ----------*/
	
	.photo #main .detailsBox .details {
		width: 100%;
		float: none;
	}
		.photo #main .detailsBox .details .txtBox {
			width: 100%;
			margin: 0 0 0 0;
			float: none;
			color: #000000;
		}
			.photo #main .detailsBox .details .tit {
				width: 100%;
				max-width: 729px;
				margin: 0 auto 0 auto;
				text-align: center;
			}
			.kumamoto.photo #main .detailsBox .details .tit {
				max-width: 829px;
			}
				.photo #main .detailsBox .details .tit img {
					padding: 30px 0 3% 0;
				}
			.photo #main .detailsBox .details .txt {
				width: 100%;
				line-height: 1.8;
				font-weight: bold;
				font-size: 16px;
				padding: 0 0 3% 0;
			}
			
		#photospot {
			width: 100%;
			max-width: 1020px;
			margin: 0 auto 0 auto;
			padding: 50px 0 0 0;
		}
		.schedule #photospot {
			margin: 0 auto 60px auto;
		}
			#photospot ul {
				
			}
			#photospot ul li {
				width: 100%;
				background: #ffffff;
				box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
				margin: 0 0 20px 0;

				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content:         space-between;
				-webkit-align-items: center;
				align-items:         center;
			}
				#photospot ul li .img {
					width: 37%;
					line-height: 0;
				}
				#photospot ul li .txtBox {
					width: 63%;
				}
					#photospot ul li .txtBox .tit {
						width: 80%;
						margin: 0 auto 0 auto;
					}
					#photospot ul li .txtBox .txt {
						width: 80%;
						margin: 10px auto 0 auto;
						font-size: 18px;
						font-weight: bold;
					}

			#photospot ul.col3 {
				display: -webkit-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				flex-wrap:         wrap;
				-webkit-justify-content: space-between;
				justify-content:         space-between;
				-webkit-align-items: flex-start;
				align-items:         flex-start;
			}
			.schedule #photospot ul.col3 {
				margin: 10px auto 0 auto;
			}
				#photospot .col3 li {
					width: 32.6%;
					margin: 10px 0 0 0;
					line-height: 0;
					position: relative;
					box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
					background: none;
				}
				
				#photospot .col3 .menu_phototokyo {
					background: #fff800;
					background: #c7c7c7;
				}
				#photospot .col3 .menu_photoosaka {
					background: #d21277;
					background: #c7c7c7;
				}
				#photospot .col3 .menu_photokumamoto {
					background: #0096dc;
					background: #c7c7c7;
				}
			
		.photo #menu {
			margin-bottom: 60px;
		}
			
	/*----------------------------------#main setting SP----------*/
					@media screen and (max-width: 1020px) {

	.photo #main .detailsBox .details {
		display: block;
		padding: 3% 0 3% 0;
	}
		.photo #main .detailsBox .details .txtBox {
			width: 80%;
			margin: 0 auto 0 auto;
			padding: 0 0 3% 0;
		}
			.photo #main .detailsBox .details .tit {
				width: 80%;
				margin: 0 auto 0 auto;
				padding: 1% 0 0 0;
			}
			.photo #main .detailsBox .details .txt {
				padding: 2% 0 2% 0;
				font-size: 14px;
			}
				.photo #main .detailsBox .details .tit img {
					padding: 0 0 0 0;
				}
			
		#photospot {
			width: 90%;
			margin: 0 auto 0 auto;
			padding: 5% 0 0 0;
		}
		.schedule #photospot {
			margin: 0 auto 3% auto;
		}
			#photospot ul li {
				width: 100%;
				display: block;
			}
				#photospot ul li .img {
					width: 100%;
					line-height: 0;
				}
				#photospot ul li .txtBox {
					width: 100%;
					padding: 5% 0 5% 0;
				}
					#photospot ul li .txtBox .tit {
						width: 90%;
						margin: 0 auto 0 auto;
					}
					#photospot ul li .txtBox .tit img {
						width: 80%;
					}
					#photospot ul li .txtBox .txt {
						width: 90%;
						margin: 5px auto 0 auto;
						font-size: 14px;
						font-weight: bold;
					}
			#photospot ul.col3 {
				width: 102%;
				margin: 10px 0 0 -1%;
			}
			.schedule #photospot ul.col3 {
				margin: 10px 0 0 -1%;
			}
				#photospot .col3 li {
					width: 48%;
					margin: 0 1% 2% 1%;
				}

					}
					
					
/*----------------------------------#main photo setting ----------*/
	
	.goods #main .detailsBox .details {
		width: 100%;
		float: none;
	}
		.goods #main .detailsBox .details .txtBox {
			width: 100%;
			margin: 0 0 0 0;
			float: none;
			color: #000000;
		}
			.goods #main .detailsBox .details .tit {
				width: 100%;
				max-width: 729px;
				margin: 0 auto 0 auto;
				text-align: center;
			}
				.goods #main .detailsBox .details .tit img {
					padding: 30px 0 3% 0;
				}
				
	#goods .noteBox {
		color: #333333;
		text-align: right;
		padding: 20px 0 20px 0;
	}


			
	/*----------------------------------#main setting SP----------*/
					@media screen and (max-width: 1020px) {

	#goods .noteBox {
		padding: 15px 0 15px 0;
	}

					}
					
					
/*----------------------------------#main photo setting ----------*/
	
	.foods #main .detailsBox .details {
		width: 100%;
		float: none;
	}
		.foods #main .detailsBox .details .txtBox {
			width: 100%;
			margin: 0 0 0 0;
			float: none;
			color: #000000;
		}
			.foods #main .detailsBox .details .tit {
				width: 100%;
				max-width: 729px;
				margin: 0 auto 0 auto;
				text-align: center;
			}
				.foods #main .detailsBox .details .tit img {
					padding: 30px 0 3% 0;
				}
				
	#foods .noteBox {
		color: #333333;
		text-align: right;
		padding: 10px 0 20px 0;
	}


			
	/*----------------------------------#main setting SP----------*/
					@media screen and (max-width: 1020px) {

	#goods .noteBox {
		padding: 15px 0 15px 0;
	}

					}


/*----------------------------------#main interview setting ----------*/
	
	.interview #main .detailsBox .details {
		width: 100%;
		float: none;
	}
		.interview #main .detailsBox .details .txtBox {
			width: 100%;
			margin: 0 0 0 0;
			float: none;
			color: #000000;
		}
			.interview #main .detailsBox .details .tit {
				width: 100%;
				max-width: 729px;
				margin: 0 auto 0 auto;
				text-align: center;
			}
				.interview #main .detailsBox .details .tit img {
					padding: 30px 0 3% 0;
				}

	#interview {
		width: 100%;
		max-width: 1020px;
		margin: 50px auto 0 auto;
		padding: 0 0 0 0;
	}
		#interview .interviewWrap {
				width: 100%;
				background: url(../img/bg_inner.png) repeat;
				box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
				margin: 0 0 20px 0;
				padding: 50px 0 50px 0;
		}
			#interview .interviewWrap .txtBox {
				width: 90%;
				max-width: 800px;
				margin: 0 auto 60px auto;
				padding: 0 30px 70px 30px;
				border-bottom: 1px solid #b2b2b2;
			}
			#interview .interviewWrap .txtBox.nn {
				border-bottom: none;
				margin: 0 auto 0 auto;
			}
				#interview .interviewWrap .txtBox .txt {
					font-size: 18px;
					color: #000000;
					margin: 40px auto 0 auto;
				}
				#interview .interviewWrap .txtBox .txt2 {
					font-size: 18px;
					color: #000000;
					margin: 40px auto 0 auto;
				}
					#interview .interviewWrap .txtBox .txt2 .p1 {
						color: #890db7;
					}
					#interview .interviewWrap .txtBox .txt2 .p2 {
						color: #000000;
					}
				
				#interview .interviewWrap .txtBox .img {
					width: 90%;
					max-width: 600px;
					margin: 40px auto 0 auto;
					line-height: 0;
				}

			
	/*----------------------------------#main setting SP----------*/
					@media screen and (max-width: 1020px) {

	#interview {
		margin: 8% auto 0 auto;
	}
		#interview .interviewWrap {
				width: 90%;
				margin: 0 auto 0 auto;
				padding: 0 0 0 0;
		}
			#interview .interviewWrap .txtBox {
				width: 86%;
				max-width: 90%;
				margin: 0 auto 8% auto;
				padding: 0 3% 8% 3%;
			}
				#interview .interviewWrap .txtBox .txt {
					font-size: 16px;
					margin: 5% auto 0 auto;
				}
				#interview .interviewWrap .txtBox .img {
					width: 90%;
					margin: 8% auto 0 auto;
				}
				#interview .interviewWrap .txtBox .txt2 {
					font-size: 16px;
					margin: 8% auto 0 auto;
				}
					#interview .interviewWrap .txtBox .txt2 .p1 {
						color: #890db7;
					}
					#interview .interviewWrap .txtBox .txt2 .p2 {
						color: #000000;
					}
					}


/*----------------------------------#main list setting ----------*/
			
		.listWrap {
			width: 100%;
			max-width: 1020px;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
		}
			.listWrap ul.typeA {
				
			}
			.listWrap ul.typeA li {
				width: 100%;
				background: #ffffff;
				box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
				margin: 0 0 20px 0;

				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content:         space-between;
				-webkit-align-items: center;
				align-items:         center;
			}
				.listWrap ul.typeA li .img {
					width: 37%;
					line-height: 0;
				}
				.listWrap ul.typeA li .txtBox {
					width: 63%;
				}
					.listWrap ul.typeA li .txtBox .tit {
						width: 80%;
						margin: 0 auto 0 auto;
					}
					.listWrap ul.typeA li .txtBox .tit img {
						max-width: 500px;
					}
					.listWrap ul.typeA li .txtBox .tit.l {
						width: 90%;
						padding: 0 0 0 10%;
					}
					.listWrap ul.typeA li .txtBox .tit.l img {
						max-width: 580px;
					}
					.listWrap ul.typeA li .txtBox .txt {
						width: 80%;
						margin: 10px auto 0 auto;
						font-size: 15px;
						color: #333333;
						font-weight: bold;
					}

					.listWrap ul.typeA li .txtBox .txt01 {
						width: 85%;
						margin: 10px 0 0 10%;
						font-size: 15px;
						color: #333333;
						font-weight: normal;
					}
					.listWrap ul.typeA li .txtBox .txt02 {
						width: 85%;
						margin: 10px 0 0 10%;
						font-size: 18px;
						color: #000000;
						font-weight: bold;
					}
					.listWrap ul.typeA li .txtBox .btn {
						width: 80%;
						margin: 15px auto 0 auto;
						font-size: 15px;
						color: #333333;
						font-weight: bold;
						line-height: 0;
					}
					.listWrap ul.typeA li .txtBox .btn img {
						max-width: 260px;
					}
					
					.listWrap ul.typeA li .txtBox .icon {
						width: 80%;
						margin: 20px auto 0 auto;
						line-height: 0;
					}
					.listWrap ul.typeA li .txtBox .icon img {
						max-width: 200px;
					}
					.listWrap ul.typeA li .txtBox .icon {
						font-size: 14px;
						color: #333333;
						line-height: 2.0;
						font-weight: bold;
					}
					.listWrap ul.typeA li .txtBox .icon .i {
						background: #a0a0a0;
						color: #ffffff;
						padding: 3px 3px 3px 3px;
					}
					
			.listWrap ul.typeB {

			}

			.listWrap ul.typeB li {
				width: 100%;
				background: url(../img/bg_inner.png) repeat;
				box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
				margin: 0 0 20px 0;
				padding: 50px 0 50px 0;
			}
				.listWrap ul.typeB li .img {
					width: 80%;
					margin: 0 auto 0 auto;
					line-height: 0;
				}
			
				.listWrap ul.typeB li .img.l {
					width: 86%;
					
				}

				.listWrap ul.typeB li .txtBox {
					width: 82%;
					margin: 0 auto 0 auto;
				}
					.listWrap ul.typeB li .txtBox .tit {
						width: 100%;
						margin: 0 auto 0 auto;
					}
					.listWrap ul.typeB li .txtBox .txt01 {
						width: 92%;
						margin: 30px auto 0 auto;
						font-size: 20px;
						font-weight: bold;
					}
					.listWrap ul.typeB li .txtBox .txt02 {
						width: 92%;
						margin: 10px auto 0 auto;
						font-size: 14px;
					}
						.listWrap ul.typeB li .txtBox .txt02 span {
							color: #535353;
							font-size: 14px;
						}
					.listWrap ul.typeB li .txtBox .txt03 {
						width: 95%;
						margin: 30px auto 0 auto;
						font-size: 20px;
						font-weight: bold;
					}
					.listWrap ul.typeB li .txtBox .txt04 {
						width: 95%;
						margin: 10px auto 0 auto;
						font-size: 14px;
					}
						.listWrap ul.typeB li .txtBox .txt04 span {
							color: #535353;
							font-size: 14px;
						}
						

	/*----------------------------------#main setting SP----------*/
					@media screen and (max-width: 1020px) {


		.listWrap {
			width: 90%;
			max-width: 90%;
		}
			.listWrap ul.typeA li {
				display: block;
				padding: 0 0 20px 0;
			}
				.listWrap ul.typeA li .img {
					width: 100%;
					margin: 0 auto 0 auto;
					margin-bottom: 20px;
				}
				.listWrap ul.typeA li .txtBox {
					width: 90%;
					margin: 0 auto 0 auto;
				}
					.listWrap ul.typeA li .txtBox .tit {
						width: 90%;
						margin: 0 0 0 0;
					}
					.listWrap ul.typeA li .txtBox .tit.l {
						width: 100%;
						padding: 0 0 0 0;
					}
					.listWrap ul.typeA li .txtBox .txt {
						width: 90%;
						margin: 10px 0 0 0;
					}
					
					.listWrap ul.typeA li .txtBox .txt01 {
						width: 100%;
						font-size: 14px;
						margin: 10px auto 0 auto;
					}
					.listWrap ul.typeA li .txtBox .txt02 {
						width: 100%;
						font-size: 16px;
						margin: 10px auto 0 auto;
					}
					.listWrap ul.typeA li .txtBox .btn {
						width: 70%;
						margin: 20px auto 0 auto;
					}
					.listWrap ul.typeA li .txtBox .btn img {
						max-width: 100%;
					}
					.listWrap ul.typeA li .txtBox .icon {
						width: 60%;
						margin: 20px auto 0 auto;
					}
					.listWrap ul.typeA li .txtBox .icon img {
						max-width: 100%;
					}
					
			.listWrap ul.typeB.mt80 {
				margin-top: 8% !important;
			}
				.listWrap ul.typeB li .img {
					width: 94%;
					margin: 0 auto 0 auto;
					line-height: 0;
				}
					
					.listWrap ul.typeB li .txtBox .tit {
						width: 100%;
						margin: 0 auto 0 auto;
						overflow: hidden;
					}
					.listWrap ul.typeB li .txtBox .tit img {
						width: 200%;
					}
					
				.listWrap ul.typeB li .txtBox {
					width: 90%;
				}

					.listWrap ul.typeB li .txtBox .txt01 {
						font-size: 16px;
					}
					.listWrap ul.typeB li .txtBox .txt02 {
						font-size: 14px;
					}
						.listWrap ul.typeB li .txtBox .txt02 span {
							font-size: 14px;
						}
					.listWrap ul.typeB li .txtBox .txt03 {
						font-size: 14px;
					}

					}

					
/*----------------------------------headline setting----------*/

.headline {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}
	.headline .main_special {
		background: #ffffff url(../img/mv_w_bg.png) repeat center top;
		width: 100%;
		position: relative;
		padding: 3% 0 3% 0;
	}

	.headline .tit {
		width: 50%;
		margin: 0 auto 0 auto;
		text-align: center;
	}
	.headline .txt {
		width: 100%;
		margin: 2% auto 0 auto;
		text-align: center;
	}
	
	/*----------------------------------#main setting SP----------*/
					@media screen and (max-width: 1020px) {


	.headline .main_special {
		padding: 3% 0 4% 0;
	}
	.headline .tit {
		width: 80%;
		margin: 0 auto 0 auto;
		padding: 1% 0 1% 0;
	}

					
					}


/*----------------------------------#about setting----------*/
#about {
	width: 96%;
	height: 92%;
	position: relative;
	padding: 2% 2% 2% 2%;
}
	#about .contentBox {
		width: 100%;
		height: 100%;
		background: #fff800 url(../../about/img/about_bg.png) repeat left bottom;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	}
	#about h2 {
		width: 30%;
		margin: 5% 0 0 5%;
	}
	#about .txtBox {
		margin: 6% 0 0 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
		-webkit-align-items: center;
		align-items:         center;
	}
	#about .txt {
		width: 40%;
		margin: 0 10% 0 0;
		font-size: 16px;
		font-weight: bold;
		color: #000000;
		line-height: 1.8;
	}
	#about .img {
		width: 30%;
		margin: 0 10% 0 10%;
	}

	/*----------------------------------#play setting SP----------*/
					@media screen and (max-width: 860px) {

	#about h2 {
		width: 40%;
		margin: 8% 0 0 5%;
	}
	#about .txtBox {
		margin: 6% 0 0 0;
		display: block;
	}
	#about .txt {
		width: 90%;
		margin: 5% 5% 0 5%;
		font-size: 12px;
	}
	#about .img {
		width: 50%;
		margin: 0 25% 0 25%;
	}

					}
					
	
/*----------------------------------#game setting----------*/
#game {
	width: 96%;
	height: 92%;
	position: relative;
	padding: 2% 2% 2% 2%;
}
	#game .contentBox {
		width: 100%;
		height: 100%;
		background: #3273c7;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	}
		#game .colBox {
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: space-between;
			justify-content:         space-between;
			-webkit-align-items: center;
			align-items:         center;
			margin: 5% 0 0 0;
		}
			#game .colBox .movieBox {
					width: 50%;
					margin: 0 0 0 4%;
			}
				#game .colBox .movieBox h2 {
					width: 60%;
					margin: 0 0 8% 0;
				}
			#game .colBox .txtBox {
				width: 34%;
				margin: 0 5% 0 0;
			}
				#game .colBox .txtBox .logo {
					width: 53%;
					margin: 0 auto 5% auto;
				}
				#game .colBox .txtBox .txt {
					color: #ffffff;
					line-height: 1.8;
					font-size: 16px;
				}

	
	/*----------------------------------#reg setting SP----------*/

					@media screen and (max-width: 860px) {

		#game .colBox {
			display: block;
		}
					#game .colBox .movieBox {
						width: 100%;
						margin: 0 0 0 0;
					}
				#game .colBox .movieBox h2 {
					width: 50%;
					margin: 8% 0 5% 5%;
				}

	#game .contentBox .video {
		max-width: 90%;
		margin-top: 0;
	}
			#game .colBox .txtBox {
				width: 90%;
				margin: 0 auto 0 auto;
			}
				#game .colBox .txtBox .logo {
					width: 30%;
					margin: 5% auto 5% auto;
				}
				#game .colBox .txtBox .txt {
					color: #ffffff;
					line-height: 1.6;
					font-size: 12px;
				}

					}

/*----------------------------------btn setting----------*/
	ul.link2site {
		width: 100%;
		display: table;
		margin: 30px 0 0 0;
		padding: 0;
		list-style: none;
	}
	ul.link2site li {
		width: 32%;
		float: left;
		margin-right: 2%;
	}
	ul.link2site li:last-child{
		margin-right: 0;
	}
	ul.link2site li a {
		display: block;
		padding: 3% 0 4% 0;
		color: #fff;
		height: 20px;
		font-size: 13px;
		text-decoration: none;
		text-align: center;
		border-radius: 2px;
		line-height: 20px;
		font-weight: normal;
	}
	ul.link2site li.link-item-web a {
		background: #32b16c;
		font-size: 11px;
	}
	ul.link2site li.link-item-twitter a {
		background: #55acee;
	}
	ul.link2site li.link-item-twitter img {
		width: 10%;
		height: auto;
	}
	ul.link2site li.link-item-facebook a {
		background: #3b5a9a;
	}
	ul.link2site li.link-item-facebook img {
		width: 5%;
		height: auto;
	}
	ul.link2site li a:hover{
		opacity: 0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
	}

	/*----------------------------------btn setting SP----------*/
					@media screen and (max-width: 860px) {
						
	ul.link2site {
		width: 90%;
		margin: 3% auto 0 auto;
	}
	
					}

/*----------------------------------#contact setting----------*/
#contact {
	text-align: center;
	padding: 50px 0 20px 0;
}
	#contact h2 {
		width: 146px;
		margin: 0 auto 0 auto;
	}
	#contact .txt {
		font-weight: bold;
		margin-bottom: 60px;
		margin-top: 15px;
	}

	/*----------------------------------#contact setting SP----------*/
					@media screen and (max-width: 860px) {
#contact {
	padding: 5% 0 0 0;
}
	#contact h2 {
		width: 30%;
		margin: 0 auto 5% auto;
	}
	#contact .txt {
		font-weight: bold;
		margin-bottom: 8%;
		margin-top: 3%;
	}
					}
					
					
/*----------------------------------twbox setting----------*/
.twbox {
	width: 520px;
	text-align: center;
	margin: 50px auto 20px auto;
}
.twbox h2 {
	width: 92px;
	margin: 0 auto 10px auto;
}

	@media (max-width: 860px) {
		.twbox {
			width: 84%;
			margin: 2% auto 5% auto;
		}
		.twbox h2 {
			width: 20%;
			margin: 0 auto 3% auto;
		}
	}
	
	
/*----------------------------------#story setting----------*/
#story {
	width: 96%;
	height: 92%;
	position: relative;
	padding: 2% 2% 2% 2%;
}
	#story .contentBox {
		width: 100%;
		height: 100%;
		background: #d21377 url(../../story/img/story_bg.png) no-repeat center center;
		background-size: 100% auto;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	}
	#story h2 {
		display: none;
	}
	#story .txt {
		width: 55%;
		position: absolute;
		left: 7%;
		bottom: 10%;
		color: #ffffff;
		font-size: 16px;
		line-height: 2.2;
		font-weight: bold;
	}
	#story .item01 {
		width: 57%;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	/*----------------------------------#story setting SP----------*/
					@media screen and (max-width: 1020px) {
						
	#story .pc {
		display: block !important;
	}
	#story .sp {
		display: none !important;
	}

					}
					

	/*----------------------------------#story setting SP----------*/
					@media screen and (max-width: 860px) {

	#story .contentBox {
		background: #d21377 url(../../story/img/sp_story_bg.png) no-repeat center top;
		background-size: 100% auto;
	}
	#story .txt {
		width: 90%;
		position: absolute;
		left: 5%;
		top: 18%;
		font-size: 12px;
	}
	#story .item01 {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: -2%;
	}
	#story .pc {
		display: none !important;
	}
	#story .sp {
		display: block !important;
	}
	
					}
					
	/*----------------------------------#story setting SP----------*/
					@media screen and (max-width: 360px) {
						
	#story .item01 {
		width: 70%;
		bottom: -5%;
		left: 2%;
	}

					}
					
					
/*----------------------------------#play setting----------*/
#play {
	width: 96%;
	height: 92%;
	position: relative;
	padding: 2% 2% 2% 2%;
}
	#play .contentBox {
		width: 100%;
		height: 100%;
		background: #8600b5 url(../../play/img/play_bg.png) no-repeat left bottom;
		background-size: 100% auto;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	}
	#play h2 {
		display: none;
	}
	#play .txt {
		width: 46%;
		position: absolute;
		right: 7%;
		bottom: 10%;
		color: #ffffff;
		font-size: 16px;
		line-height: 1.8;
		font-weight: bold;
	}
	#play .item01 {
		width: 43%;
		position: absolute;
		left: 0;
		bottom: 3%;
	}

	/*----------------------------------#play setting SP----------*/
					@media screen and (max-width: 860px) {

	#play .contentBox {
		background: #8600b5 url(../../play/img/sp_play_bg.png) no-repeat left top;
		background-size: auto 100% ;
	}
	#play .txt {
		width: 80%;
		left: 10%;
		top: 17%;
	}
	#play .item01 {
width: 60%;
left: 50%;
bottom: 0.8%;
margin-left: -30%;
	}

					}
					
/*----------------------------------#faq setting----------*/
#faq {

}
	#faq h2 {
		width: 105px;
		margin: 0 auto 0 auto;
	}
	#faq .btnBox {
		width: 100%;
		margin: 3% 0 0 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
	}
	#faq .btnBox .btn {
		width: 50%;
	}
	#faq .faqWrap {
		margin: 8% auto 0 auto;
	}
		#faq .faqWrap ul {
			width: 80%;
			max-width: 620px;
			margin: 3% auto 0 auto;
		}
			#faq .faqWrap ul li {
				margin: 0 0 5% 0;
			}
			#faq .faqWrap ul li .q {
				font-size: 20px;
				color: #8600b5;
				font-weight: bold;
				display: block;
				padding-left: 2em;
				margin: 0 0 2% 0;
			}
			#faq .faqWrap ul li .q::before {
				content: "Q：";
				display: block;
				float: left;
				margin-left: -2em;
				width: 2em;
				text-align: center;
			}
			#faq .faqWrap ul li .a {
				font-size: 16px;
				line-height: 1.8;
				color: #000000;
				display: block;
				padding-left: 2.5em;
			}
			#faq .faqWrap ul li .a::before {
				content: "A：";
				font-size: 20px;
				font-weight: bold;
				display: block;
				float: left;
				margin-left: -2em;
				margin-top: -3px;
				width: 2em;
				text-align: center;
			}
			
			#faq .faqWrap ul li .n {
				font-size: 16px;
				line-height: 1.8;
				color: #000000;
				display: block;
				padding-left: 1em;
			}
			#faq .faqWrap ul li .n::before {
				content: "・";
				font-size: 16px;
				font-weight: bold;
				display: block;
				float: left;
				margin-left: -1em;
				width: 1em;
				text-align: center;
			}
				#faq .faqWrap .bnr {
					width: 100%;
					max-width: 250px;
					margin: 0 auto 0 auto;
				}
				#faq .faqWrap .note {
					font-size: 14px;
					color: #333333;
				}


	#faq01_06,
	#faq01_08 {
		margin-top: -120px !important;
		padding-top: 120px !important;
	}
	/*----------------------------------#faq setting SP----------*/
					@media screen and (max-width: 1020px) {
	#faq h2 {
		width: 16%;
		margin: 0 auto 0 auto;
	}
	#faq .btnBox {
		width: 100%;
		margin: 3% 0 0 0;
		display: block;
	}
	#faq .btnBox .btn {
		width: 100%;
	}
	#faq h3 img {
		width: 180%;
	}
		#faq .faqWrap ul {
			width: 100%;
		}
			#faq .faqWrap ul li .q {
				font-size: 14px;
			}
			#faq .faqWrap ul li .a {
				font-size: 14px;
				padding-left: 2em;
			}
			#faq .faqWrap ul li .a::before {
				font-size: 14px;
				margin-left: -2em;
				margin-top: 0;
			}
			#faq .faqWrap ul li .n {
				font-size: 14px;
			}
			#faq .faqWrap ul li .n::before {
				font-size: 14px;
			}
				#faq .faqWrap .bnr {
					width: 60%;
					max-width: 200px;
					margin: 0 auto 5% auto;
				}
	#faq01_06,
	#faq01_08 {
		margin-top: -70px !important;
		padding-top: 70px !important;
	}
					}

/*----------------------------------#ticket setting----------*/
#ticket {

}
	#ticket h2 {
		width: 130px;
		margin: 0 auto 0 auto;
	}
	#ticket .ticketWrap {
		margin: 5% 0 0 0;
	}
		#ticket .ticketWrap h3 {
			
		}
		#ticket .ticketWrap .ticketBox {
			margin: 40px auto 0 auto;
		}
			#ticket .ticketWrap .colWrap {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content:         space-between;
				-webkit-flex-wrap: wrap;
				flex-wrap:         wrap;
			}
			#ticket .ticketWrap .colWrap.colB {
				width: 90%;
				margin: 0 auto 0 auto;
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content:         space-between;
				-webkit-flex-wrap: wrap;
				flex-wrap:         wrap;
			}
			#ticket .ticketWrap .colWrap .colBox {
				width: 49%;
				margin: 0 0 40px 0;
			}
			#ticket .ticketWrap .colWrap.colB .colBox {
				margin: 0 0 20px 0;
			}
				#ticket .ticketWrap .colWrap .colBox.colA h4 {
					background: #b29550;
					width: 100%;
					text-align: center;
					font-size: 20px;
					font-weight: bold;
					padding: 1% 0 1% 0;
				}
				#ticket .ticketWrap .colWrap.colB .colBox h4 {
					width: 100%;
					font-size: 20px;
					font-weight: bold;
					padding: 1% 0 1% 0;
				}
			#ticket .ticketWrap .colWrap .colBox.colA .txtBox {
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-around;
				justify-content:         space-around;
				margin: 5% auto 0 auto;
			}
				#ticket .ticketWrap .colWrap .colBox.colA .txtBox img {
					margin: 0 1% 0 1%;
				}
			#ticket .ticketWrap .colWrap.colB .colBox .txt {
				font-size: 16px;
			}
				
			#ticket .ticketWrap .txtBox {
				margin: 0 auto 10% auto;
				font-size: 18px;
				font-weight: bold;
				line-height: 1.4;
			}
				#ticket .ticketWrap .txtBox.w80 {
					width: 84%;
				}
				#ticket .ticketWrap .txtBox .note {
					opacity: 0.6;
					font-size: 14px;
				}
			#ticket .ticketWrap .colBox.colA .txt {
				width: 90%;
				margin: 5% auto 0 auto;
				font-size: 16px;
				line-height: 1.6;
			}
				#ticket .ticketWrap .colBox.colA .txt .btn {
					width: 90%;
					margin: 0 auto ;
				}
				#ticket .ticketWrap .colBox.colA .txt .btn.off {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
pointer-events:none;
opacity: 0.3;
				}
				#ticket .ticketWrap .colBox.colA .txt .note {
					opacity: 0.6;
					font-size: 14px;
				}


	/*----------------------------------#play setting SP----------*/
					@media screen and (max-width: 1020px) {
						
	#ticket h2 {
		width: 20%;
		margin: 0 auto 0 auto;
	}
	#ticket h3 img {
		width: 180%;
	}
		#ticket .ticketWrap .ticketBox {
			margin: 5% auto 0 auto;
		}
			#ticket .ticketWrap .colWrap {
				display: block;
			}
			#ticket .ticketWrap .colWrap .colBox {
				width: 100%;
				margin: 0 0 5% 0;
			}
				#ticket .ticketWrap .colWrap .colBox.colA h4 {
					font-size: 14px;
				}
				#ticket .ticketWrap .colWrap .colBox.colA .txtBox img {
					margin: 0 1% 0 1%;
					width: 48%;
				}
			#ticket .ticketWrap .txtBox {
				font-size: 14px;
			}
				#ticket .ticketWrap .txtBox.w80 {
					width: 100%;
				}
				#ticket .ticketWrap .txtBox .note {
					font-size: 12px;
				}
				#ticket .ticketWrap .colWrap.colB .colBox h4 {
					font-size: 16px;
				}
			#ticket .ticketWrap .colWrap.colB .colBox .txt {
				font-size: 14px;
			}
			#ticket .ticketWrap .colBox.colA .txt {
				font-size: 14px;
			}
				#ticket .ticketWrap .colBox.colA .txt .note {
					font-size: 12px;
				}
				
					}

/*----------------------------------#access setting----------*/
#access {
	width: 96%;
	height: 92%;
	position: relative;
	padding: 2% 2% 2% 2%;
}
	#access .contentBox {
		width: 100%;
		height: 100%;
		background: #c6ff00;
		background-size: 100% auto;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	}
	#access h2 {
		width: 167px;
		margin: 0 0 15% 0;
	}
	#access .txtBox {
		margin: 6% 0 0 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
		-webkit-align-items: center;
		align-items:         center;
	}
	#access .txt {
		width: 30%;
		margin: 0 5% 0 5%;
		font-size: 16px;
		font-weight: bold;
		color: #000000;
		line-height: 1.8;
	}
	#access .txt .btn {
		width: 80%;
		margin: 50% 0 0 0;
	}
	#access .map {
		width: 55%;
		margin: 5% 3% 0 0;
	}
		#access .map iframe {
			width: 100%;
			min-height: 75%;
		}

	/*----------------------------------#access setting SP----------*/
					@media screen and (max-width: 860px) {
						
	#access h2 {
		width: 30%;
		margin: 5% 0 3% 0;
	}
	#access .txtBox {
		margin: 6% 0 0 0;
		display: block;
	}
	#access .txt {
		width: 94%;
		margin: 0 3% 0 3%;
	}
	#access .txt .btn {
		width: 30%;
		margin: 5% 0 0 0;
	}
	#access .map {
		width: 94%;
		margin: 5% 3% 0 3%;
	}
		#access .map iframe {
			width: 100%;
			min-height: 50%;
		}
					#ticket .ticketWrap .colWrap .colBox.colA .txtBox img.col1 {
						margin: 0 1% 0 1%;
						width: 98%;
					}
					
					}

/*----------------------------------#course setting----------*/
#course {
	width: 96%;
	height: 92%;
	position: relative;
	padding: 2% 2% 2% 2%;
}
	#course .contentBox {
		width: 100%;
		height: 100%;
		background: #58da71 url(../../course/img/course_bg.png) no-repeat right bottom;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	}
	#course h2 {
		width: 26%;
		margin: 5% 0 0 5%;
	}
	#course .txtBox {
		margin: 6% 0 0 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
		-webkit-align-items: center;
		align-items:         center;
	}
	#course .txt {
		width: 50%;
		margin: 0 0 0 5%;
		font-size: 16px;
		font-weight: bold;
		color: #000000;
		line-height: 1.8;
	}
	#course .txt a {
		color: #605028;
		text-decoration: underline;
	}
	#course .txt a:hover {
		color: #605028;
		text-decoration: none;
	}
	/*----------------------------------#play setting SP----------*/
					@media screen and (max-width: 860px) {

	#course .contentBox {
		background: #58da71 url(../../course/img/course_bg.png) no-repeat right bottom;
		background-size: 55% auto;
	}
	#course h2 {
		width: 40%;
		margin: 5% 0 0 5%;
	}
	#course .txtBox {
		margin: 6% 0 0 0;
		display: block;
	}
	#course .txt {
		width: 90%;
		margin: 5% 5% 0 5%;
		font-size: 12px;
	}

					}

/*----------------------------------#privilege setting----------*/
#privilege {
	width: 96%;
	height: 92%;
	position: relative;
	padding: 2% 2% 2% 2%;
}
	#privilege .contentBox {
		width: 100%;
		height: 100%;
		background: #a1d9e3;
		background-size: 100% auto;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	}

	#privilege .txtBox {
		margin: 10% 0 0 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
		-webkit-align-items: center;
		align-items:         center;
	}
	#privilege .txt {
		width: 38%;
		margin: 0 15% 0 0;
	}
	#privilege .img {
		width: 40%;
		margin: 0 5% 0 5%;
	}

	/*----------------------------------#privilege setting SP----------*/
					@media screen and (max-width: 860px) {

	#privilege .txtBox {
		margin: 10% 0 0 0;
		display: block;
	}
	#privilege .txt {
		width: 80%;
		margin: 10% 10% 0 10%;
		font-size: 12px;
	}
	#privilege .img {
		width: 60%;
		margin: 15% 20% 0 20%;
	}

					}


/*----------------------------------#nazo setting----------*/
#nazo {
	margin: 0 0 60px 0;
}
	#nazo .contentWrap {
		background: #ffffff;
		background-image: none;
		margin: 70px auto 0 auto;
		padding: 0 0 0 0;
		overflow: visible;
	}
		#nazo .contentWrap .nazoWrap {
			position: relative;
		}
		#nazo .contentWrap .questionBox {
			background: url(../img/nazo_t_bg.png) no-repeat center top;
			background-size: 100% auto;
			min-height: 515px;
		}
			#nazo .contentWrap .questionBox .img {
				width: 45%;
				position: absolute;
				right: 0;
				top: -60px;
				z-index: 2;
			}
			#nazo .contentWrap .questionBox .txtBox {
				padding: 40px 0 0 35px;
				margin: 0 0 0 0;
			}
				#nazo .contentWrap .questionBox .txtBox .txt01 {
					width: 100%;
					max-width: 446px;
				}
				#nazo .contentWrap .questionBox .txtBox .txt02 {
					width: 100%;
					margin: 20px 0 0 0;
					max-width: 721px;
				}
				#nazo .contentWrap .questionBox .txtBox .btn {
					margin: 30px 0 0 0 ;
					width: 400px;
				}

		#nazo .contentWrap .correctBox {
			background: url(../img/nazo_o_bg.png) no-repeat center top;
			background-size: 100% auto;
			min-height: 483px;
		}
			#nazo .contentWrap .correctBox .img {
				width: 54%;
				position: absolute;
				right: 0;
				bottom: 0;
				z-index: 1;
				line-height: 0;
			}
				#nazo .contentWrap .correctBox .txtBox .txt {
					width: 100%;
					max-width: 407px;
					padding: 60px 0 0 40px;
				}
				
		#nazo .contentWrap .incorrectBox {
			background: url(../img/nazo_x_bg.png) no-repeat center top;
			background-size: 100% auto;
			min-height: 483px;
		}

				#nazo .contentWrap .incorrectBox .txtBox .txt {
					width: 100%;
					max-width: 443px;
					padding: 60px 0 0 40px;
				}
				#nazo .contentWrap .incorrectBox .txtBox .btn {
					margin: 50px 0 0 40px ;
					width: 300px;
				}
				
		#nazo .contentWrap .answerBox {
			width: 730px;
			margin: 0 auto 0 auto;
			padding: 40px 0 40px 0;
		}
		#nazo .inputBox {
			margin: 30px auto 0 auto;
			z-index: 1;
			position: relative;
		}
		
		#nazo .inputBox div {
			width: 100%;
			
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content:         center;
			-webkit-flex-wrap: wrap;
			flex-wrap:         wrap;
		}
					 #nazo input[type="text"] {
						width: 64%;
						border: 0;
						margin: 0 0 0 0;
						padding: 15px 3% 15px 3%;
						
						border: solid 3px #dcdcdc;
						font-size: 20px;
						outline: none;
						color: #000000;
					}
						 #nazo input:focus {
							border:solid 3px #522164;
							
						}
						
				input[type="submit"] {
					border: none;
					outline: none;
					width: 25%;
					color: #ffffff;
					text-align: center;
					background: #522164;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
					padding: 0 0 0 0;
					margin: 0 0 0 3%;
				}
				input[type="submit"][disabled]{
					opacity: 0.5;
				}
				#submit:hover {
					opacity: 0.5;
				}
				
		#nazo .contentWrap .correctBox .inputBox {
			width: 80%;
		}
					 #nazo .correctBox input[type="text"] {
						width: 40%;
					}
				.correctBox input[type="submit"] {
					width: 40%;
				}
				
				
	/*----------------------------------#privilege setting SP----------*/
					@media screen and (max-width: 1020px) {
						

input[type="button"],input[type="text"],input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}
						
#nazo {
	margin: 0 0 5% 0;
}
	#nazo .contentWrap {
		background: none;
		box-shadow: none;
		margin: 5% auto 0 auto;
	}
		#nazo .contentWrap .questionBox {
			background: url(../img/sp/nazo_t_bg.png) no-repeat center top;
			background-size: 100% 100%;
			min-height: auto;
			padding: 0 0 5% 0;
			box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
		}
			#nazo .contentWrap .questionBox .img {
				width: 65%;
				position: relative;
				right: 0;
				top: 0;
				z-index: 2;
				margin: 0 auto 0 auto;
				padding: 0 0 0 5%;
			}
			#nazo .contentWrap .questionBox .txtBox {
				width: 90%;
				padding: 5% 0 0 5%;
				margin: 0 0 0 0;
			}
				#nazo .contentWrap .questionBox .txtBox .txt01 {
					width: 85%;
					max-width: 85%;
				}
				#nazo .contentWrap .questionBox .txtBox .txt02 {
					width: 100%;
					margin: -15% 0 0 0;
					max-width: 100%;
					overflow: hidden;
				}
					#nazo .contentWrap .questionBox .txtBox .txt02 img {
						width: 135%;
					}
				#nazo .contentWrap .questionBox .txtBox .btn {
					margin: 5% auto 0 auto;
					width: 80%;
				}
		#nazo .contentWrap .answerBox {
			width: 90%;
			background: #ffffff;
			margin: 5% auto 0 auto;
			padding: 20px 5% 20px 5%;
			box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
		}
					 #nazo input[type="text"] {
						padding: 3% 3% 3% 3%;
					}
					
		#nazo .contentWrap .correctBox {
			background: #ffffff url(../img/sp/nazo_o_bg.png) no-repeat center top;
			background-size: 100% 100%;
			padding: 0 0 0 0;
			min-height: 100%;
			box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
		}
			#nazo .contentWrap .correctBox .img {
				width: 70%;
				position: relative;
				right: 0;
				left: 15%;
				bottom: 0;
				z-index: 1;
				line-height: 0;
				margin: 5% 0 0 0;
			}
				#nazo .contentWrap .correctBox .txtBox .txt {
					width: 70%;
					max-width: 100%;
					padding: 5% 0 0 4%;
				}
		
		#nazo .contentWrap .incorrectBox {
			background: #ffffff url(../img/sp/nazo_x_bg.png) no-repeat center top;
			background-size: 100% auto;
			padding: 0 0 0 0;
			min-height: 100%;
			box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
		}

				#nazo .contentWrap .incorrectBox .txtBox .txt {
					width: 75%;
					max-width: 100%;
					padding: 5% 0 0 4%;
				}
				#nazo .contentWrap .incorrectBox .txtBox .btn {
					width: 42%;
					position: absolute;
					right: 4%;
					bottom: 4%;
				}
				#nazo .contentWrap .incorrectBox .txtBox .img {
					line-height: 0;
				}
				
		#nazo .contentWrap .correctBox .inputBox {
			width: 100%;
			bottom: 3%;
			left: 0;
			margin: 0 0 0 0;
			position: absolute;
		}
					 #nazo .correctBox input[type="text"] {
						width: 34%;
						font-size: 16px;
						padding: 2% 5% 2% 5%;
					}
				.correctBox input[type="submit"] {
					width: 48%;
					padding: 2% 4% 2% 4%;
					font-size: 3vw;
					margin: 0 0 0 2%;
				}
					
					}

/*----------------------------------nazo share setting----------*/
.pop {
	display: none;
}

.pop .bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #ffffff;
	opacity: 0.8;
}
.pop .popWrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
	overflow-y: auto;
	overflow-x: hidden;
}
	.pop .popBox {
		text-align: center;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		padding: 0 8px;
		box-sizing: border-box;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 6px;
		padding-right: 6px;
	}
		.pop .popBox:before {
			content: '';
			display: inline-block;
			height: 100%;
			vertical-align: middle;
		}
		
		.popItem {
			position: relative;
			display: inline-block;
			vertical-align: middle;
			margin: 0 auto;
			text-align: left;
			z-index: 1045;
			cursor: auto;
			line-height: 0;
			width: 98%;
			max-width: 1020px;
			opacity: 0;
			-webkit-transition: all 0.15s ease-out;
			-moz-transition: all 0.15s ease-out;
			transition: all 0.15s ease-out;
			opacity: 1;
		}

.nazoshare {
	background: #ffffff url(../img/bg_inner_02.png) repeat;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	padding: 50px 0 50px 0;
}
	.nazoshare .tit {
		width: 90%;
		max-width: 720px;
		margin: 0 auto;
	}
	.nazoshare .img {
		width: 90%;
		max-width: 720px;
		margin: 20px auto 0 auto;
	}
	.nazoshare .comm {
		background: url(../img/nazo_share_bg.png) no-repeat center center;
		background-size: 100% 100%;
		width: 84%;
		max-width: 620px;
		margin: -70px auto 0 auto;
		padding: 110px 3% 30px 3%;
		line-height: 1.8;
		font-size: 18px;
		color: #fdfdfd;
		font-weight: bold;
		z-index: 1;
		position: relative;
	}
	.nazoshare .btn {
		width: 90%;
		max-width: 580px;
		margin: 20px auto 0 auto;
	}


.nazoshare button.close {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

.nazoshare button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.nazoshare .close {
  position: absolute;
  right: 5%;
  top: 20px;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  padding: 0 0 0 0;
  color: #FFF;
  font-style: normal;
  font-size: 70px;
  font-family: Arial, Baskerville, monospace; }
  .nazoshare .close:hover,
  .nazoshare .close:focus {
    opacity: 1; }
  .nazoshare .close:active {
    top: 20px; }
	.nazoshare .close {
	  color: #522164 !important;
	}
	
	/*---------------------------------- setting SP----------*/
					@media screen and (max-width: 1020px) {
						
	.nazoshare .comm {
		width: 84%;
		max-width: 84%;
margin: -18% auto 0 auto;
padding: 25% 3% 5% 3%;
		font-size: 14px;
		color: #fdfdfd;
		font-weight: bold;
		z-index: 1;
		position: relative;
	}
						
						
					
.nazoshare .close {
	right: 2%;
	top: -2%;
}
  .nazoshare .close:active {
    top: -2%; }
					
					
					}
	

/*----------------------------------#stand setting----------*/
#stand {
	margin: 0 0 60px 0;
}
	#stand .contentWrap {
		margin: 70px auto 0 auto;
		padding: 0 0 0 0;
	}
		#stand .contentWrap .standWrap {
			position: relative;
			padding: 30px 0 30px 0;
			min-height: 340px;
		}
		
		#stand .contentWrap .characterBox {
			padding: 0 0 50px 0;
		}

		#stand .contentWrap .txtBox {
			width: 100%;
		}
		#stand .contentWrap .standBox .txtBox {
			text-align: right;
		}
		
			#stand .contentWrap .txt {
				margin: 0 auto 0 auto;
				padding: 40px 0 0 0;
				font-size: 17px;
				font-weight: bold;
				z-index: 2;
				position: relative;
			}
				#stand .contentWrap .characterBox .txt {
					padding-left: 20%;
					padding-right: 5%;
				}
				#stand .contentWrap .standBox .txt {
					padding-right: 20%;
					padding-left: 5%;
				}
			
		#stand .contentWrap .img {
			width: 200px;
			position: absolute;
			z-index: 3;
			line-height: 0;
		}
			#stand .contentWrap .characterBox .img {
				left: 0;
				top: 0;
			}
			#stand .contentWrap .standBox .img {
				right: 0;
				bottom: 0;
			}
			
		#stand .btn {
			margin: 60px auto 0 auto;
			width: 300px;
			max-width: 90%;
		}
			

			
	/*----------------------------------#privilege setting SP----------*/
					@media screen and (max-width: 1020px) {
						
	#stand .contentWrap {
		min-width: 90%;
		margin: 5% auto 0 auto;
	}
		#stand .contentWrap .characterBox {
			position: relative;
		}
		#stand .contentWrap .standBox {
			position: relative;
		}

				#stand .contentWrap .characterBox .txt {
					padding-left: 20%;
					padding-right: 20%;
				}
				#stand .contentWrap .standBox .txt {
					padding-right: 20%;
					padding-left: 20%;
				}
			#stand .characterBox .txtBox {
				background-size: 50% auto !important;
			}
			#stand .standBox .txtBox {
				background-size: 50% auto !important;
			}
			
		#stand .contentWrap .standBox .txtBox {
			text-align: left;
		}
			#stand .contentWrap .txt {
				font-size: 14px;
				padding: 30px 0 0 0;
			}
			
		#stand .contentWrap .img {
			width: 15%;
			position: absolute;
			z-index: 3;
		}
			#stand .contentWrap .characterBox .img {
				left: 2%;
				top: -10px;
			}
			#stand .contentWrap .standBox .img {
				right: 2%;
				bottom: 0;
			}

		#stand .btn {
			margin: 30px auto 0 auto;
			width: 70%;
			max-width: 70%;
		}

					}
					
	/*----------------------------------#privilege setting SP----------*/
					@media screen and (max-width: 430px) {
						
				#stand .contentWrap .characterBox .txt {
					padding-left: 33%;
					padding-right: 5%;
				}
				#stand .contentWrap .standBox .txt {
					padding-right: 33%;
					padding-left: 8%;
				}
			#stand .characterBox .txtBox {
				background-size: 90% auto !important;
			}
			#stand .standBox .txtBox {
				background-size: 90% auto !important;
			}
			
		#stand .contentWrap .img {
			width: 30%;
			position: absolute;
			z-index: 3;
		}
			#stand .contentWrap .characterBox .img {
				left: 2%;
				top: 0;
			}
			#stand .contentWrap .standBox .img {
				right: 2%;
				bottom: 0;
			}
				}


/*----------------------------------#questionnaire setting----------*/

/*----------------------------------formBox setting----------*/
#questionnaire {
	margin-top: 8%;
	margin-bottom: 8%;
}

.formBox {
	width: 90%;
	margin: 0 auto 8% auto;
}
.formBox .fBox {
}
	.formBox h1 {
		margin: 0 0 4% 0;
	}
			.formBox form .note {
				font-size: 12px;
				line-height: 1.5;
				font-weight: normal;
				margin: 1% 0 2% 0;
				color: #b29550;
			}
			.formBox form .note span {
				color: #eb1004;
			}
			.required {
				color: #eb1004;
			}
			.formBox form .q {
				font-size: 14px;
				line-height: 1.5;
				color: #333333;
				font-weight: bold;
				margin: 8% 0 4% 0;
			}
			.formBox form .a {
				width: 100%;
				font-size: 14px;
				line-height: 1.6;
				padding: 0 2px 0 0;
				margin: 0 0 0 0;
				overflow: hidden;
				color: #333333;
			}
				.formBox form table {
					width: 100%;
				}
				.formBox form .w50 select {
					width: 30%;
				}
				.formBox form input[type="text"] {
					width: 96%;
					border: 0;
					padding: 5px 2% 5px 2%;
					color: #b29550;
					font-size: 14px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #b29550;
					outline: none;
				}
				.formBox form input.typeB[type="text"] {
					width: 96%;
					border: 0;
					padding: 5px 2% 5px 2%;
					color: #b29550;
					font-size: 14px;
					margin: 0 0 5% 0;
					outline: none;
					border: 1px dotted #b29550;
				}
				.formBox textarea {
					width: 96%;
					border: 0;
					outline: none;
					padding: 5px 2% 5px 2%;
					color: #b29550;
					font-size: 14px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #b29550;
				}
				.formBox input[type="radio"] {
					display: none;
					outline: none;
				}
				.formBox input[type="radio"] + label {
					position: relative;
					display: inline-block;
					padding: 0 3px 3px 30px;
					cursor: pointer;
					float: left;
					margin: 0 20px 10px 0;
					outline: none;
				}
				.formBox input[type="radio"] + label.fc {
					clear: left;
				}
				.formBox input[type="radio"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -13px;
					background: #ffffff;
					border: 1px solid #b29550;
					border-radius: 100%;
				}
				.formBox input[type="radio"]:checked + label::after {
					position: absolute;
					content: '';
					top: 50%;
					left: 3px;
					width: 16px;
					height: 16px;
					margin-top: -10px;
					background: #b29550;
					border-radius: 100%;
				}
				
				.formBox input[type="checkbox"] {
					display: none;
				}
				.formBox input[type="checkbox"] + label {
					width: 100%;
					position: relative;
					display: inline-block;
					padding: 0 3px 0 30px;
					cursor: pointer;
					font-size: 14px;
					margin: 5px 20px 8px 0;
				}
				.formBox input[type="checkbox"] + label.fc {
					width: auto;
				}
				.formBox input[type="checkbox"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -11px;
					background: #ffffff;
					border: 1px solid #b29550;
					border-radius: 0%;
				}
				.formBox input[type="checkbox"]:checked + label::after {
					position: absolute;
					content: '';
					top: 0;
					left: 2px;
					width: 15px;
					height: 6px;
					border-left: 4px solid #b29550;
					border-bottom: 4px solid #b29550;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
				.formBox select {
					outline: none;
					width: 100%;
					min-height: 30px;
					padding: 3px 2% 3px 2%;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					font-size: 14px;
					border: 1px solid #b29550;
					background: #ffffff;
					background: url(../img/arrow_01.png) right 50% no-repeat;
					background: url(../img/arrow_01.png) right 50% no-repeat;
					background-size: 33px, 100%;
					color: #b29550;
				}
				.formBox select option {
					background: #000000;
				}
				
				.formBox #mailBox {
					background: rgba(204,118,0,0.14);
					padding: 30px 5% 30px 5%;
					margin: 80px auto 0 auto;
				}
				.formBox #mailBox .tit {
					text-align: center;
					font-weight: bold;
					margin: 0 0 0 0 !important;
					font-size: 16px;
				}
				.formBox #mailBox .txt {
					text-align: center;
					margin: 5px auto 15px auto;
				}
				.formBox #mailBox .q {
					margin: 15px 0 0 0;
				}
				.formBox #mailBox .a input {
					width: 96%;
					margin: 5px 0 0 0;
					outline: none;
				}
				.formBox #mailBox .note {
					margin: 20px 0 0 0;
				}
				.formBox .privacyBox {
					margin: 50px auto 0 auto;
					text-align: center;
					font-size: 12px;
					line-height: 1.6;
				}
				.formBox #submitBtn {
					background: url(../../q/img/btn_send.png) no-repeat center center;
					background-size: 200px auto;
					margin: 50px auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					height: 49px;
					text-align: center;
					cursor: pointer;
				}
				.formBox .align-center {
					text-align: center;
					margin: 30px 0 0 0;
				}
				.formBox input[type="submit"] {
					border: none;
					outline: none;
					width: 50%;
					color: #ffffff;
					text-align: center;
					background: #522164;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
					padding: 2% 10px 2% 10px;
					margin: 0 auto 0 auto;
				}
				.formBox input[type="submit"][disabled]{
					opacity: 0.5;
				}
				.formBox #submitBtn:hover {
					opacity: 0.5;
				}
				.formBox .resultBox {
				}
				.formBox .result {
					text-align: center;
					font-size: 16px;
					line-height: 1.8;
					margin: 10% auto 10% auto;
				}
				.formBox .btn {
					margin: 8% auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					text-align: center;
					background: #b29550;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					color: #000000;
					padding: 5% 0 5% 0;
				}
				.formBox a {
					width: 100%;
					height: 100%;
					display: block;
					color: #000000;
				}
				.formBox a:hover {
					text-decoration: none;
				}
				.formBox #submitBtn:hover {
					opacity: 0.5;
				}

				
										@media (min-width: 1000px) {
											
#questionnaire {
	margin-top: 80px;
	margin-bottom: 80px;
}

.formBox {
	width: 560px;
	margin: 0 auto 80px auto;
}
		.formBox form {
			margin: 20px auto 0 auto;
		}
			.formBox form .note {
				font-size: 14px;
				line-height: 1.5;
				font-weight: normal;
				margin: 15px 0 15px 0;
			}
			.formBox form .q {
				font-size: 18px;
				line-height: 1.5;
				margin: 50px 0 10px 0;
			}
			.formBox form .a {
				width: 100%;
				font-size: 18px;
				line-height: 1.6;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				overflow: hidden;
			}
				.formBox form .w50 select {
					width: 20%;
				}
				.formBox form input[type="text"] {
					width: 538px;
					border: 0;
					padding: 5px 10px 5px 10px;
					color: #333333;
					font-size: 18px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #b29550;
				}
				.formBox form input.typeB[type="text"] {
					width: 508px;
					border: 0;
					padding: 5px 10px 5px 10px;
					color: #333333;
					font-size: 18px;
					margin: 0 0 12px 30px;
					outline: none;
					border: 1px dotted #b29550;
				}
				.formBox textarea {
					width: 538px;
					border: 0;
					outline: none;
					padding: 5px 10px 5px 10px;
					color: #333333;
					font-size: 18px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #b29550;
				}
				.formBox input[type="radio"] {
					display: none;
					outline: none;
				}
				.formBox input[type="radio"] + label {
					position: relative;
					display: inline-block;
					padding: 0 3px 3px 30px;
					cursor: pointer;
					float: left;
					margin: 0 20px 10px 0;
					outline: none;
				}
				.formBox input[type="radio"] + label.fc {
					clear: left;
				}
				.formBox input[type="radio"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -13px;
					background: #ffffff;
					border: 1px solid #b29550;
					border-radius: 100%;
				}
				.formBox input[type="radio"]:checked + label::after {
					position: absolute;
					content: '';
					top: 50%;
					left: 3px;
					width: 16px;
					height: 16px;
					margin-top: -10px;
					background: #b29550;
					border-radius: 100%;
				}
				
				.formBox input[type="checkbox"] {
					display: none;
				}
				.formBox input[type="checkbox"] + label {
					width: 100%;
					position: relative;
					display: inline-block;
					padding: 0 3px 0 30px;
					cursor: pointer;
					font-size: 18px;
					margin: 5px 20px 8px 0;
				}
				.formBox input[type="checkbox"] + label.fc {
					width: auto;
				}
				.formBox input[type="checkbox"] + label::before {
					position: absolute;
					content: '';
					top: 50%;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -11px;
					background: #ffffff;
					border: 1px solid #b29550;
					border-radius: 0%;
				}
				.formBox input[type="checkbox"]:checked + label::after {
					position: absolute;
					content: '';
					top: 7px;
					left: 2px;
					width: 15px;
					height: 6px;
					border-left: 4px solid #b29550;
					border-bottom: 4px solid #b29550;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
				.formBox select {
					outline: none;
					width: 100%;
					min-height: 30px;
					padding: 3px 10px 3px 10px;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					font-size: 15px;
					border: 1px solid #b29550;
					background: #ffffff url(../img/arrow_01.png) right 50% no-repeat;
					background: #ffffff url(../img/arrow_01.png) right 50% no-repeat;
					background-size: 33px, 100%;
					color: #333333;
				}
				.formBox #mailBox {
					background: rgba(204,118,0,0.14);
					padding: 30px 30px 30px 30px;
					margin: 80px auto 0 auto;
				}
				.formBox #mailBox .tit {
					text-align: center;
					font-weight: bold;
					margin: 0 0 0 0 !important;
					font-size: 20px;
				}
				.formBox #mailBox .txt {
					text-align: center;
					margin: 5px auto 15px auto;
				}
				.formBox #mailBox .q {
					margin: 15px 0 0 0;
				}
				.formBox #mailBox .a input {
					width: 478px;
					margin: 5px 0 0 0;
					outline: none;
				}
				.formBox #mailBox .note {
					margin: 20px 0 0 0;
				}
				.formBox .privacyBox {
					margin: 50px auto 0 auto;
					text-align: center;
					font-size: 14px;
					line-height: 1.6;
				}
				.formBox #submitBtn {
					background-size: 283px auto;
					margin: 50px auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					height: 70px;
					text-align: center;
					cursor: pointer;
				}
				.formBox #submitBtn:hover {
					opacity: 0.5;
				}
				.formBox .resultBox {
					min-height: 700px;
				}
				.formBox .result {
					text-align: center;
					font-size: 16px;
					line-height: 1.8;
					margin: 100px auto 100px auto;
				}
				.formBox .btn {
					margin: 50px auto 0 auto;
					border: none;
					outline: none;
					width: 100%;
					height: 50px;
					text-align: center;
					background: #b29550;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					color: #ffffff;
					line-height: 50px;
					padding: 0 0 0 0;
				}
				.formBox #submitBtn:hover {
					opacity: 0.5;
				}
										}
				
				
/*----------------------------------q thanks setting----------*/

		#questionnaire #stamp {
			padding: 30px 0 30px 0; 
			text-align: center;
		}
		#questionnaire #stamp h2 {
			align-items: center;
			text-align: center;
			font-size: 30px;
			margin: 0 auto 0 auto;
		}
			#questionnaire #stamp h2 img {
				max-width: 313px;
			}
			#questionnaire #stamp .contentBox {
				margin: 80px auto 0 auto;
			}
				#questionnaire #stamp .txt1 {
					margin: 20px auto 0 auto;
					width: 100%;
				}
				#questionnaire #stamp .txt2 {
					margin: 50px auto 0 auto;
					width: 100%;
				}

				#questionnaire #stamp .bnr {
					width: 100%;
					max-width: 260px;
					margin: 15px auto 0 auto;
				}
				#questionnaire #stamp .img {
					margin: 20px auto 0 auto;
					width: 50%;
					max-width: 300px;
				}
				
	/*---------------------------------- setting SP----------*/
					@media screen and (max-width: 860px) {
			#questionnaire #stamp h2 img {
				width: 90%;
			}
				#questionnaire #stamp .txt1 {
					width: 90%;
					text-align: left;
				}
				#questionnaire #stamp .txt2 {
					width: 90%;
					text-align: left;
				}
					}




/*----------------------------------#hint setting----------*/
.hint #g_menu .hdBox2 {
	width: 100%;
}
.hint #header .logo {
	float: none;
	margin: 0 auto 0 auto;
}
.hint #share {
	background: #ffffff;
	background-image: none;
padding: 100px 0 30px 0;
}
.hint #footer {
	padding: 90px 0 50px 0;
	margin: -80px auto 0 auto;
}
	.hint #g_navi #backBtn {
		width: 8%;
		margin: 1% 0 0 5%;
		float: left;
	}
	/*---------------------------------- setting SP----------*/
					@media screen and (max-width: 1020px) {
.hint #share {
	padding: 10% 0 0 0;
}
.hint #footer {
padding: 12% 0 50px 0;
margin: -6% auto 0 auto;
}

					}



#hint {
	margin: 0 0 80px 0;
}
	#hint .contentWrap {
		margin: 70px auto 0 auto;
		padding: 0 0 0 0;
		overflow: visible;
	}
	#hint .hintWrap {
		width: 80%;
		max-width: 440px;
		padding: 30px 0 30px 0;
		margin: 0 auto 0 auto;
	}
	
	#hint00 {
		
	}
	
		#hint .txtBox {
			margin: 30px auto 0 auto;
		}
		#hint .btnBox {
			margin: 20px auto 0 auto;
			
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap:         wrap;
			-webkit-justify-content: space-between;
			justify-content:         space-between;
		}
			#hint .btnBox.col2 .btn {
				width: 48%;
				margin: 0 0 15px 0;
				line-height: 0;
			}
			#hint .btnBox .btn {
				width: 100%;
				margin: 0 0 15px 0;
				line-height: 0;
			}
			
			#hint .btnBox .btn:hover {
					opacity: 0.5;
			}
			
		#hint .inputBox {
			margin: 20px auto 0 auto;
			z-index: 1;
			position: relative;
		}
		#hint .inputBox div {
			width: 100%;
		}
					 #hint input[type="text"] {
						width: 93%;
						border: 0;
						margin: 0 0 0 0;
						padding: 10px 3% 10px 3%;
						
						border: solid 3px #dcdcdc;
						font-size: 20px;
						outline: none;
						color: #000000;
					}
						 #hint input:focus {
							border:solid 3px #522164;
							
						}
						
				#hint input[type="submit"] {
					border: none;
					outline: none;
					width: 100%;
					color: #ffffff;
					text-align: center;
					background: #522164;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
					padding: 10px 0 10px 0;
					margin: 5% 0 0 0;
				}
				#hint input[type="submit"][disabled]{
					opacity: 0.5;
				}
				#hint #submit:hover {
					opacity: 0.5;
				}
				
	#stage {

	}
		#stage h2 {
			margin: 0 auto 0 auto;
		}
		#stage .txtBox {
			border-top: 1px solid #cccccc;
			margin: 15px 0 0 0;
			padding: 15px 0 15px 0;
			font-size: 14px;
			font-weight: bold;
			color: #000000;
		}
				
	/*----------------------------------#privilege setting SP----------*/
					@media screen and (max-width: 1020px) {
						

#hint input[type="button"],#hint input[type="text"],#hint input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}

					 #hint input[type="text"] {
						font-size: 20px;
						font-size: 5vw;
					}
				#hint input[type="submit"] {
					font-size: 20px;
					font-size: 5vw;
				}

#hint {
	margin: 0 0 5% 0;
}
	#hint .contentWrap {
		margin: 5% auto 0 auto;
	}
					}




/*----------------------------------#dl setting----------*/
#download {

}
	#download h2 {
		width: 279px;
		margin: 0 auto 0 auto;
	}
	#download .downloadWrap {
		margin: 5% 0 10% 0;
	}
		#download .downloadWrap h3 {
			
		}
		#download .downloadWrap .downloadBox {
			margin: 5% 0 0 0;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  -webkit-align-items: center; /* Safari */
  align-items:         center;
		}
		#download .downloadWrap .imgBox {
			width: 300px;
			margin: 0 20px 0 20px;
		}
			#download .downloadWrap .imgBox .img {
				line-height: 0;
			}
		#download .downloadWrap .btnBox {
			width: 400px;
			margin: 0 20px 0 20px;
			padding: 20px 0 0 0;
		}
			#download .downloadWrap .btnBox .btn {
				line-height: 0;
				margin: 0 0 20px 0;
			}
			
		#download #download_pc.downloadWrap .downloadBox {
			display: block;
			width: 480px;
			margin: 5% auto 0 auto;
		}
			#download #download_pc.downloadWrap .imgBox {
				width: 100%;
				margin: 0 0 20px 0;
			}
			#download #download_pc.downloadWrap .btnBox {
				width: 100%;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}

	/*----------------------------------#play setting SP----------*/
					@media screen and (max-width: 1020px) {

	#download h2 {
		width: 40%;
		margin: 0 auto 0 auto;
	}
	#download h3 img {
		width: 180%;
	}
	
		#download .downloadWrap .downloadBox {
			margin: 5% auto 0 auto;
			width: 80%;
			display: block;
		}
		#download .downloadWrap .imgBox {
			width: 100%;
			margin: 0 0 0 0;
		}
			#download .downloadWrap .imgBox .img {
				line-height: 0;
			}
		#download .downloadWrap .btnBox {
			width: 100%;
			margin: 0 0 0 0;
			padding: 10px 0 0 0;
		}
			#download .downloadWrap .btnBox .btn {
				line-height: 0;
				margin: 0 0 10px 0;
			}
			
		#download #download_pc.downloadWrap .downloadBox {
			display: block;
			width: 80%;
			margin: 5% auto 0 auto;
		}
			#download #download_pc.downloadWrap .imgBox {
				width: 100%;
				margin: 0 0 0 0;
			}
			#download #download_pc.downloadWrap .btnBox {
				width: 100%;
				margin: 0 0 0 0;
				padding: 10px 0 0 0;
			}
					}

/*-----------------------------------------------------------
	#movie setting
-----------------------------------------------------------*/
#movie {
	margin: 70px auto 0 auto;
}

			#movie .movieBox {
				background: url(../img/bg_inner_03.png) repeat;
				width: 100%;
				margin: 0 0 0 0;
				padding: 30px 0 30px 0;
			}
			#movie .txt {
				width: 416px;
				height: auto;
				margin: 0 auto 12px auto;
			}
			#movie .movieBox .video {
				width: 620px;
				height: 349px;
			}

	
	/*----------------------------------#reg setting SP----------*/

					@media screen and (max-width: 860px) {

#movie {
	margin: 8% auto 0 auto;
}
			#movie .movieBox {
				width: 94%;
				margin: 0 0 0 0;
				padding: 5% 3% 5% 3%;
			}
			#movie .txt {
				width: 90%;
				height: auto;
				margin: 0 auto 3% auto;
			}

	#movie .contentBox .video {
		margin: 0 auto 0 auto;
		position: relative; 
		padding-bottom: 56.25%; 
		height: 0; 
		overflow: hidden; 
		max-width: 100%;
		height: auto;
	}


					}
					
					
/*----------------------------------#sankasyakoe setting----------*/
#sankasyakoe {
	margin: 0 0 60px 0;
}
	#sankasyakoe .contentWrap {
		margin: 70px auto 0 auto;
		padding: 0 0 60px 0;
	}
		#sankasyakoe .contentWrap {
				background: url(../img/bg_inner.png) repeat;
		}

	#sankasyakoe .contentWrap .imgBox  {
		line-height: 0;
	}
	#sankasyakoe .contentWrap .commBox {
		line-height: 0;
		background: #b29550 url(../img/mv_special_bg.png) repeat center top;
		width: 100%;
		position: relative;
	}
		#sankasyakoe .contentWrap .txtBox {
			width: 82%;
			margin: 0 auto 0 auto;
			font-weight: bold;
		}
		#sankasyakoe .contentWrap .lead {
			color: #886d2b;
			font-size: 18px;
			border-bottom: 1px solid #b2b2b2;
			padding: 60px 3% 50px 3%;
			line-height: 2.0;
		}
		#sankasyakoe .contentWrap .place {
			color: #2b2b2b;
			font-size: 24px;
			font-weight: bold;
			padding: 100px 3% 0 3%;
			line-height: 1.6;
		}
		#sankasyakoe .contentWrap .place.tokyo {
			padding-top: 50px;
		}
		
		#sankasyakoe .contentWrap .fc00 {
			color: #7a7a7a;
			font-size: 15px;
			padding: 50px 3% 0 3%;
			line-height: 1.6;
		}

		#sankasyakoe .contentWrap .fc01 {
			color: #bd0775;
			font-size: 25px;
			padding: 50px 3% 0 3%;
			line-height: 1.6;
			width: 92%;
		}
		#sankasyakoe .contentWrap .fc01.fs {
			padding-top: 30px;
		}
		#sankasyakoe .contentWrap .fc02 {
			color: #0941a8;
			font-size: 25px;
			padding: 50px 3% 0 3%;
			line-height: 1.6;
		}
		#sankasyakoe .contentWrap .fc03 {
			color: #886d2b;
			font-size: 18px;
			padding: 10px 3% 0 3%;
			line-height: 1.8;
		}
		#sankasyakoe .contentWrap span {
			color: #000000;
			font-size: 15px;
		}

	/*---------------------------------- setting SP----------*/
					@media screen and (max-width: 860px) {

#sankasyakoe {
	margin: 0 0 5% 0;
}
	#sankasyakoe .contentWrap {
		margin: 5% auto 0 auto;
		padding: 0 0 10% 0;
	}
		#sankasyakoe .contentWrap {
				background: url(../img/bg_inner.png) repeat;
		}

	#sankasyakoe .contentWrap .commBox {
		padding: 0 0 0 0;
	}
	
		#sankasyakoe .contentWrap .txtBox {
			width: 90%;
			margin: 0 auto 0 auto;
			font-weight: bold;
		}
		#sankasyakoe .contentWrap .lead {
			color: #886d2b;
			font-size: 14px;
			border-bottom: 1px solid #b2b2b2;
			padding: 8% 3% 8% 3%;
			line-height: 2.0;
		}
		
		#sankasyakoe .contentWrap .place {
			color: #2b2b2b;
			font-size: 24px;
			font-weight: bold;
			padding: 12% 3% 0 3%;
			line-height: 1.6;
			overflow: hidden;
		}
		#sankasyakoe .contentWrap .place img {
			width: 140%;
		}
		#sankasyakoe .contentWrap .place.tokyo {
			padding-top: 8%;
		}
		
		#sankasyakoe .contentWrap .fc00 {
			color: #7a7a7a;
			font-size: 12px;
			padding: 8% 3% 0 3%;
			line-height: 1.6;
		}

		#sankasyakoe .contentWrap .fc01 {
			color: #bd0775;
			font-size: 16px;
			padding: 10% 3% 0 3%;
		}
		#sankasyakoe .contentWrap .fc01.fs {
			padding-top: 6%;
		}

		#sankasyakoe .contentWrap .fc02 {
			color: #0941a8;
			font-size: 16px;
			padding: 10% 3% 0 3%;
		}
		#sankasyakoe .contentWrap .fc03 {
			color: #886d2b;
			font-size: 16px;
			padding: 2% 3% 0 3%;
		}
		#sankasyakoe .contentWrap span {
			color: #000000;
			font-size: 12px;
		}

					}

/*-----------------------------------------------------------
	#share setting
-----------------------------------------------------------*/
#share {
	background: #fff800 url(../img/share_bg.png);
	width: 100%;
	margin: 20px auto 0 auto;
	padding: 100px 0 80px 0;
	position: relative;
	text-align: center;
	-webkit-transform: skewY(2.8deg);
	-ms-transform: skewY(2.8deg);
	transform: skewY(2.8deg);
}
	#share .contentBox {
		margin: 0 auto 0 auto;
		-webkit-transform: skewY(-2.8deg);
		-ms-transform: skewY(-2.8deg);
		transform: skewY(-2.8deg);
	}
	#share .item {
		position: absolute;
		width: 85px;
		margin: 0 0 0 -42px;
		top: -60px;
		left: 50%;
		-webkit-transform: skewY(-2.8deg);
		-ms-transform: skewY(-2.8deg);
		transform: skewY(-2.8deg);
	}
	#share h2 {
		width: 110px;
		margin: 0 auto 30px auto;
	}
	#share ul {
		width: 100%;
		width: 330px;
		margin: 0 auto 0 auto;
	}
		#share ul li {
			width: 150px;
			margin: 0 5px 0 5px;
			float: left;
			line-height: 0;
		}
		#share ul li img {
			width: 100%;
			height: auto;
		}
		#share ul li a {
			display: block;
		}
	/*----------------------------------#share setting SP----------*/
					@media screen and (max-width: 1020px) {
#share {
	padding: 10% 0 10% 0;
}
	#share .contentBox {
		width: 80%;
	}
	#share .item {
		width: 8%;
		margin: 0 0 0 -4%;
		top: -38px;
		left: 50%;
		-webkit-transform: skewY(-2.8deg);
		-ms-transform: skewY(-2.8deg);
		transform: skewY(-2.8deg);
	}
		#share ul {
			width: 50%;
		}
		#share ul li {
			width: 50%;
			margin: 0 0 0 0;
		}
					}

					@media screen and (max-width: 860px) {
						
	#share h2 {
		width: 25%;
		float: none;
		margin: 5% auto 5% auto;
	}
		#share ul {
			width: 90%;
		}
	#share .item {
		width: 12%;
		margin: 0 0 0 -6%;
		top: -38px;
		left: 50%;
		-webkit-transform: skewY(-2.8deg);
		-ms-transform: skewY(-2.8deg);
		transform: skewY(-2.8deg);
	}
						
					}
					
					
/*-----------------------------------------------------------
	#footer setting
-----------------------------------------------------------*/
#footer {
	background: #ffffff;
	width: 100%;
	text-align: center;
	margin: -80px auto 0 auto;
	padding: 120px 0 50px 0;
	position: relative;
	line-height: 1.6;
	color: #e5e5e4;
	z-index: -1;
	font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.footerWrap {
}

#footer #banner {
	width: 100%;
	max-width: 1010px;
	margin: 0 auto 0 auto;
	padding: 20px 0 40px 0;
}
	#footer #banner ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content:         center;
	}
		#footer #banner ul li {
			width: 186px;
			margin: 0 10px 0 10px;
		}
		
#footer .logo {
	margin: 0 0 30px 0;
}
#footer .logo img {
	width: 30%;
	max-width: 140px;
	margin: 0 15px 15px 15px;
}
	#footer .logo .logo02 {
		margin: 0 20px 0 20px;
		width: 20%;
		max-width: 95px;
	}
#footer .copyright01 {
	font-size: 14px;
	margin: 0 0 15px 0;
	color: #333333;
}
#footer .copyright02 {
	font-size: 12px;
	color: #999999;
}

	/*----------------------------------#privilege setting SP----------*/
					@media screen and (max-width: 860px) {
						

#footer #banner {
	width: 88%;
	padding: 0 0 8% 0;
}
	#footer #banner ul {
		
  -webkit-justify-content: space-between;
  justify-content:         space-between;
	}
		#footer #banner ul li {
			width: 47%;
			margin: 0 0 0 0;
		}
						
					}


/*----------------------------------#popup setting----------*/
#popup {
	display: none;
}
#popupBtn {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100;
	cursor: pointer;
}
#popupBtn img {
	width: 100%;
	border-style:none;
}
	/*----------------------------------#popup setting SP----------*/
					@media screen and (max-width: 860px) {
						
#popupBtn {
	width: 20%;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 100;
	cursor: pointer;
}
#popupBtn img {
	width: 100%;
	border-style:none;
}
					}
					

/*-----------------------------------------------------------
	#intro setting
-----------------------------------------------------------*/
#intro{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('../img/intro_bg1.png') top center repeat-y;
	background-color: #FFFFFF;
	background-size: 100% auto;
	overflow: hidden;
	z-index: 9999;
	transition: all 0.2s ease-out;
}
	#intro.out{
		opacity: 0;
	}
	#intro.out.end{
		display: none;
	}
	#intro .intro_kira{
		position: absolute;
		top: 8vh;
		left: 10%;
		width: 33%;
		height: 95vw;
		background: url('../img/intro_kira.png') top left no-repeat;
		background-size: 100% 100%;
		filter: brightness(0%);
		transform: translateY(10px);
		opacity: 0;
		
		transition: all 1.2s ease-out;
	}
		#intro .intro_kira.in{
			transform: translateY(0px);
			opacity: 1;
		}
			#intro .intro_kira.in.end{
				filter: brightness(100%);
				transition: all 0.4s ease-out 0.5s;
			}
				#intro .intro_kira.in.end.out{
					filter: brightness(0%);
					opacity: 0;
					transition: all 0.4s ease-out 3s;
				}
	
	#intro .intro_text{
		position: absolute;
		top: 40vh;
		left: 42%;
		width: 48%;
		height: 14vw;
		background: url('../img/intro_text.png') top left no-repeat;
		background-size: 100% 100%;
		filter: brightness(0%);
		transform: translateY(-10px);
		opacity: 0;
		
		transition: all 1.2s ease-out;
	}
		#intro .intro_text.in{
			transform: translateY(0px);
			opacity: 1;
		}
			#intro .intro_text.in.end{
				filter: brightness(100%);
				transition: all 0.4s ease-out 0.5s;
			}
				#intro .intro_text.in.end.out{
					filter: brightness(0%);
					opacity: 0;
					transition: all 0.4s ease-out 3s;
				}
	
	#intro .intro_bg1{
		width: 0%;
		height: 20vw;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		
		transition: all 0.3s ease-out 3s;
	}
		#intro .intro_bg1 .bgimg{
			width: 100%;
			height: 100%;
			background: url('../img/intro_bg2.png') top left no-repeat;
			background-size: 100% auto;
			position: absolute;
			left: 0;
		}
		#intro .intro_bg1.in{
			width: 100%;
		}
	
	#intro .intro_bg2{
		width: 0%;
		height: 70vw;
		position: absolute;
		top: 51.5vw;
		right: 0;
		overflow: hidden;
		
		transition: all 0.3s ease-out 3s;
	}
		#intro .intro_bg2 .bgimg{
			width: 100%;
			height: 100%;
			background: url('../img/intro_bg3.png') top left no-repeat;
			background-size: 100% auto;
			position: absolute;
			right: 0;
		}
		#intro .intro_bg2.in{
			width: 100%;
		}

/* intro SP */
					@media screen and (max-width: 860px) {
#intro{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('../img/sp/intro_bg1.png') top center repeat-y;
	background-color: #FFFFFF;
	background-size: 100% auto;
	overflow: hidden;
	z-index: 9999;
	transition: all 0.2s ease-out;
}
	#intro.out{
		opacity: 0;
	}
	#intro.out.end{
		display: none;
	}
	#intro .intro_kira{
		position: absolute;
		top: 10vh;
		left: 0.5%;
		width: 52%;
		height: 142vw;
		background: url('../img/sp/intro_kira.png') top left no-repeat;
		background-size: 100% 100%;
		filter: brightness(0%);
		transform: translateY(10px);
		opacity: 0;
		
		transition: all 1.2s ease-out;
	}
		#intro .intro_kira.in{
			transform: translateY(0px);
			opacity: 1;
		}
			#intro .intro_kira.in.end{
				filter: brightness(100%);
				transition: all 0.4s ease-out 0.5s;
			}
				#intro .intro_kira.in.end.out{
					filter: brightness(0%);
					opacity: 0;
					transition: all 0.4s ease-out 3s;
				}
	
	#intro .intro_text{
		position: absolute;
		top: 30vh;
		left: 48%;
		width: 48%;
		height: 52vw;
		background: url('../img/sp/intro_text.png') top left no-repeat;
		background-size: 100% 100%;
		filter: brightness(0%);
		transform: translateY(-10px);
		opacity: 0;
		
		transition: all 1.2s ease-out;
	}
		#intro .intro_text.in{
			transform: translateY(0px);
			opacity: 1;
		}
			#intro .intro_text.in.end{
				filter: brightness(100%);
				transition: all 0.4s ease-out 0.5s;
			}
				#intro .intro_text.in.end.out{
					filter: brightness(0%);
					opacity: 0;
					transition: all 0.4s ease-out 3s;
				}
	
	
	#intro .intro_bg1{
		width: 0%;
		height: 40vw;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		
		transition: all 0.3s ease-out 3s;
	}
		#intro .intro_bg1 .bgimg{
			width: 100%;
			height: 100%;
			background: url('../img/sp/intro_bg2.png') top left no-repeat;
			background-size: 100% auto;
			position: absolute;
			left: 0;
		}
		#intro .intro_bg1.in{
			width: 100%;
		}
	
	#intro .intro_bg2{
		width: 0%;
		height: 135vw;
		position: absolute;
		top: 88vw;
		right: 0;
		
		transition: all 0.3s ease-out 3s;
	}
		#intro .intro_bg2 .bgimg{
			width: 100%;
			height: 100%;
			background: url('../img/sp/intro_bg3.png') top left no-repeat;
			background-size: 100% auto;
			position: absolute;
			right: 0;
		}
		#intro .intro_bg2.in{
			width: 100%;
		}
					}
					
					
					
#infopop .bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
}

#infopop {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1001;
}
					
#infopop .infoWrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
	overflow-y: auto;
	overflow-x: hidden;
}
	
	
	
#infopop .infoBox {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 6px;
	padding-right: 6px;
}
#infopop .infoBox:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
  
#infopop .infoBox .info {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
	cursor: auto;
	line-height: 0;
	width: 80%;
	max-width: 600px;
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	opacity: 1;
}

	#infopop .infoBox .info .img {
		width: 100%;
		overflow: hidden;
	}
	#infopop .infoBox .info .img a {
		display: block;
	}
	#infopop .infoBox .info .img:hover {
		opacity: 0.7;
	}
	#infopop .btn {
		position: absolute;
		top: -40px;
		right: 0;
		width: 30px;
	}