@charset "utf-8";

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

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html {
	background: #000000;
	font-family: 'Noto Sans Japanese', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	position: relative;
}
	body {
		line-height: 1;
		-webkit-text-size-adjust: 100%;
		margin: 0;
		width: 100%;
		position: relative;
		z-index: 1;
	}
	body.top {
		padding-bottom: 25%;
		background: url(../img/item_db_s.png) no-repeat center bottom;
		background-size: 30% auto;

	}
		article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
			display: block
		}
		iframe { overflow-y: hidden; z-index: 1 !important; }
		
		.movie {
			margin: 0 auto 0 auto;
			position: relative; 
			padding-bottom: 56.25%; 
			height: 0; 
			overflow: hidden; 
			max-width: 100%;
		}
		iframe { overflow-y: hidden; z-index: 1 !important; }
		
					/*===================sp=*/@media screen and (max-width: 860px) {
						
	body.top {
		padding-bottom: 30vw;
		background: url(../img/item_db_s.png) no-repeat center bottom;
		background-size: 50% auto;

	}

					}/*====================*/
					
/*-----------------------------------------------------------
	base setting
-----------------------------------------------------------*/
p { margin: 0 0 0 0; }

a { text-decoration: underline; color: #f0884a; }
	a:hover { text-decoration: none; }
	a:focus { outline: none; }
	
.pc { display: block !important; }
.sp { display: none !important; }

					/*===================sp=*/@media screen and (max-width: 860px) {

.pc { display: none !important; }
.sp { display: block !important; }

					}/*====================*/

/*-----------------------------------------------------------
	text setting
-----------------------------------------------------------*/
h2 img ,
h3 img ,
h4 img {
	pointer-events : none !important;
}

.flt {
	text-decoration: line-through;
}

.fcG { color: #a4a4a4; }
.fcB { color: #abebef; }
.fcY { color: #ffa282; }

.note {
	color: #858585;
	font-size: 12px;
}

					/*===================sp=*/@media screen and (max-width: 860px) {


					}/*====================*/


/*----------------------------------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: 30px;
		font-size: 13px;
		text-decoration: none;
		text-align: center;
		border-radius: 2px;
		line-height: 30px;
		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;
	}
	
					}

	
/*-----------------------------------------------------------
	header setting
-----------------------------------------------------------*/
#header {
	width: 100%;
	position: relative;
	margin: 0 0 0 0;
	top: 0;
	left: 0;
	z-index: 9;
	background: red;
}
	.headerWrap {
		width: 100%;
		padding: 0 0 0 0;
		position: relative;
		z-index: 9;
	}
	
	/*----------------------------------#g_menu setting----------*/
	#g_navi {
		margin: 0;
		width: 100%;
		height: auto;
		text-align: center;
		z-index: 9;
		padding: 0 0 0 0;
		top: 0;
		position: absolute;
	}
		#header.fix #g_navi {
			top: 0;
			position: fixed;
		}
	
	#g_menu .hdBox {
		width: 100%;
		padding: 0 0 0 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: 30%;
		margin: 5vw auto 10px auto;
		padding: 0% 0 0 0;
		display: none;
	}
	#g_navi .hdBox2 .logo {
		display: block;
	}
	#g_navi #menuBtn {
		width: 14%;
		margin: 10px 3% 10px 0;
		float: right;
		line-height: 0;
				border-radius: 50%;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
		box-shadow: 0 0 8px 3px rgba(0, 0, 0, 1);
/* 		background: #ed6c00; */
	}
	.f #g_navi #menuBtn {
		display: none;
	}
	#g_navi #menuClose {
		width: 14%;
		margin: 10px 3% 0 0;
		float: right;
	}
	#g_navi .navi {
/* 		height: 60px; */
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
/* 		background: #ed6c00; */
	}
	#g_navi .nav {
		width: 100%;
		margin: 5% 0 5% 0;
		font-size: 23px;
		color: #EEEEEE;
		overflow: hidden;
	}
	#g_navi .nav li {
		width: 100%;
		color: #ed6c00;
		margin: 0 auto 0 auto;
		height: auto;
		border-left: none;
		line-height: 0;
		font-weight: 900;
	}
	.hdBox2 {
/* 		height: 60px; */
		padding: 0 0 0 0;
		overflow: hidden;
		position: relative;
		z-index: 2;
		background: #ed6c00;
	}
		#g_navi .nav li a {
			height: auto !important;
			display: block;
			line-height: 1.0;
			padding: 3% 0 3% 0;
		}
	#g_navi .nav li.txt {
		font-size: 6.0vw;
		padding: 10px 0 0 0;
		color: #ed6c00;
	}
	#g_navi .nav li p {
		line-height: 1.0;
		padding: 3% 0 3% 0;
	}
	body div#g_navi a {
		color: #ed6c00;
		text-decoration: none;
	}
	body div#g_navi a:hover {
		text-decoration: none;
		opacity: 0.8;
	}
	#g_menu{
		position: absolute;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		z-index: 1000;
		display: none;
		top: 0;
		bottom: 0;
	}
	.fix #g_menu {
		top: 0;
	}
	#g_navi .navBox {
		background: #ed6c00;
		width: 100%;
		margin: 0 auto 0 auto;
		overflow: hidden;
		padding: 0 0 200vw 0;
	}
		#g_navi .nav li.off { opacity: 0.5; }

		.lang.s {
			position: absolute;
			top: 10px;
			z-index: 1111;
			width: 20%;
			left: 40%;
			margin: 0 0 0 0;
		}
		#g_menu .lang,
		 .lang {
			width: 30%;
			margin: 30px auto 0 auto;
			line-height: 0;
			background: #000000;
			position: relative;
				border-radius: 19px;
				-webkit-border-radius: 19px;
				-moz-border-radius: 19px;
		}
			#g_menu .lang .btn,
			 .lang .btn {
				width: auto;
				margin: 0 auto 0 auto;
				padding: 5px 5px 5px 5px;
				display: flex;
				float: none;
				justify-content: center;
			}
			#g_menu .lang .btn p,
			 .lang .btn p {
				width: 50%;
				margin: 0 0 0 0;
			}
				#g_menu .lang .btn p a,
				 .lang .btn p a {
					width: auto;
					float: none;
				}
				#g_menu .lang .btn p img,
				 .lang .btn p img {
					width: 100%;
					height: auto;
				}


/*
		#g_navi .shareBox {
			width: 50%;
			line-height: 0;
			margin: 0 auto 0 auto;
			padding-bottom: 20px;
		}
			#g_navi .shareBox .tit {
				width: 50%;
				margin: 0 auto 0 auto;
			}
				#g_navi .shareBox ul {
					width: 100%;
					display: flex;
					justify-content: center;
					margin: 15px 0 0 0;
				}
				#g_navi .shareBox ul li {
					width: 15%;
					margin: 0 2.5% 0 2.5% ;
				}
					#g_navi .shareBox ul li a {
						width: auto;
						float: none;
					}
					#g_navi .shareBox ul li img {
						width: 100%;
						height: auto;
					}
					
					
*/
				#g_navi .nav {
					width: 70%;
					margin: 0 auto 0 auto;
					padding: 0 5% 0 5%;
					text-align: left;
				}
				#g_navi .nav li {
					position: relative;
				}
				#g_navi .nav li.nav_home:before {
					content: "";
					width: 10%;
					height: 100%;
					top: 0;
					left: 0;
					position: absolute;
					background: url(../img/item_db_01.svg) no-repeat center center;
					background-size: 100% auto;
				}
				#g_navi .nav li.nav_home img {
					width: 22.6%;
					margin-left: 15%;
				}
				#g_navi .nav li.nav_event:before {
					content: "";
					width: 10%;
					height: 100%;
					top: 0;
					left: 0;
					position: absolute;
					background: url(../img/item_db_02.svg) no-repeat center center;
					background-size: 100% auto;
				}
				#g_navi .nav li.nav_event img {
					width: 67.4%;
					margin-left: 15%;
				}
				#g_navi .nav li.nav_game:before {
					content: "";
					width: 10%;
					height: 100%;
					top: 0;
					left: 0;
					position: absolute;
					background: url(../img/item_db_03.svg) no-repeat center center;
					background-size: 100% auto;
				}
				#g_navi .nav li.nav_game img {
					width: 76%;
					margin-left: 15%;
				}
				#g_navi .nav li.nav_about:before {
					content: "";
					width: 10%;
					height: 100%;
					top: 0;
					left: 0;
					position: absolute;
					background: url(../img/item_db_04.svg) no-repeat center center;
					background-size: 100% auto;
				}
				#g_navi .nav li.nav_about img {
					width: 68.4%;
					margin-left: 15%;
				}
				#g_navi .nav li.nav_faq:before {
					content: "";
					width: 10%;
					height: 100%;
					top: 0;
					left: 0;
					position: absolute;
					background: url(../img/item_db_05.svg) no-repeat center center;
					background-size: 100% auto;
				}
				#g_navi .nav li.nav_faq img {
					width: 53%;
					margin-left: 15%;
				}
				#g_navi .nav li.nav_goods:before {
					content: "";
					width: 10%;
					height: 100%;
					top: 0;
					left: 0;
					position: absolute;
					background: url(../img/item_db_06.svg) no-repeat center center;
					background-size: 100% auto;
				}
				#g_navi .nav li.nav_goods img {
					width: 24%;
					margin-left: 15%;
				}
				#g_navi .nav li.nav_special:before {
					content: "";
					width: 10%;
					height: 100%;
					top: 0;
					left: 0;
					position: absolute;
					background: url(../img/item_db_07.svg) no-repeat center center;
					background-size: 100% auto;
				}
				#g_navi .nav li.nav_special img {
					width: 38.4%;
					margin-left: 15%;
				}

	
					/*===================sp=*/@media (min-width: 860px) {
						
		.lang.s {
			display: none;
		}
		#header.fix {
			top: 0;
			position: fixed;
		}
		#header.fix #g_navi {
			top: 0;
			position: relative;
		}
		
	#g_navi #menuBtn {
		display: none;
	}
	#g_navi #menuClose {
		display: none;
	}
	#g_navi .navi {
		display: none;
	}
	#g_navi .shareBox {
		display: none;
	}
	
#header {
	width: 100%;
	position: relative;
	margin: 0 0 0 0;
	top: 0;
	left: 0;
	z-index: 9;
	background: none;
}
	.headerWrap {
		width: 100%;
		padding: 0 0 0 0;
		position: relative;
		z-index: 9;
	}

	#header {
		width: 100%;
/* 		height: 55px; */
		position: absolute;
		top: 0;
		padding: 0 0 0 0;
		z-index: 1000;
	}
	.headerWrap {
		width: 1050px;
		background: none;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		position: relative;
		z-index: 9999;
		overflow: hidden;
	}
		#header.fix {
			top: 0;
			position: fixed;
		}
		#header.fix #g_navi {
			top: 0;
			position: relative;
		}
	
	#g_navi {
		background: none;
		padding: 0 0 0 0;
		position: relative;
		top: 0;

	}
	#g_menu{
		padding: 0 0 0 0;
		width: 100%;
		background: none;
		position: relative;
		display: block !important;
		overflow: auto;
		overflow-x: auto;
		overflow-y: auto;
		top: 0;
	}
	#g_menu .hdBox {
		padding: 0 0 0 0;
		border-bottom: none;
		z-index: 99;
		overflow: hidden;
	}

		#g_menu .hdBox2 {
			display: none;
			width: 10%;
			background: none;
			padding: 1% 0 0 0;
			margin-right: 2%;
			overflow: auto;
			overflow: hidden;
		}
		.inner #g_menu .hdBox2 {
			display: block;
		}
	#g_navi .logo {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		display: block;
	}
			#g_navi .nav li.logo {
				width: 8%;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
			}
/* 			#g_navi .nav li.logo a { height: 55px !important; display: block; } */
			#g_navi .nav li.logo:hover { 
				opacity: 0.5;
				filter: alpha(opacity=50);
				-ms-filter: "alpha(opacity=50)";
				-moz-opacity: 0.5;
				-khtml-opacity: 0.5;
			}
/* 			#g_navi .nav li.logo img { display: none; } */
			
	#g_navi .navBox {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		overflow: hidden;
		border: none;
		background: none;

		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items:         center;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
	}
	#g_navi .nav {
		width: auto;
		height: 55px;
		border: none;
		margin: 0 auto 0 auto;
		
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items:         center;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
  
	}
	#g_navi .nav li {
		width: auto;
		color: #ffffff;
		padding: 0 0 0 0;
		margin: 0 0.5% 0 0.5%;
		height: auto;
		border: none;
		font-size: 14px;
	}
	#g_navi .nav li.off {
		opacity: 0.5;
		color: #000000;

		font-size: 14px;
		font-weight: bold;
	}
	#g_navi .nav li img {
	}
	#g_navi .nav li a {
		display: block;
		text-decoration: none;
		color: #000000;
		font-weight: bold;
	}
	#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 {
					background: none;
					width: auto;
					margin: 0 auto 0 auto;
					padding: 0 0 0 0;
					text-align: left;
				}
				#g_navi .nav li {
					position: relative;
				}
				
				#g_navi .nav li.nav_home:before {
					display: none;
				}
				#g_navi .nav li.nav_home {
					display: none;
				}
				#g_navi .nav li.nav_event:before {
					display: none;
				}
				#g_navi .nav li.nav_game:before {
					display: none;
				}
				#g_navi .nav li.nav_about:before {
					display: none;
				}
				#g_navi .nav li.nav_faq:before {
					display: none;
				}
				#g_navi .nav li.nav_goods:before {
					display: none;
				}
				#g_navi .nav li.nav_special:before {
					display: none;
				}
				
				#g_navi .nav li.nav_event {
					width: 16.6%;
					margin-left: 0;
				}
				#g_navi .nav li.nav_game {
					width: 18.5%;
					margin-left: 0;
				}
				#g_navi .nav li.nav_about {
					width: 16.6%;
					margin-left: 0;
				}
				#g_navi .nav li.nav_faq {
					width: 13.3%;
					margin-left: 0;
				}
				#g_navi .nav li.nav_goods {
					width: 6.1%;
					margin-left: 0;
				}
				#g_navi .nav li.nav_special {
					width: 9.7%;
					margin-left: 0;
				}

				#g_navi .nav li.nav_event img ,
				#g_navi .nav li.nav_game img ,
				#g_navi .nav li.nav_about img ,
				#g_navi .nav li.nav_faq img ,
				#g_navi .nav li.nav_goods img ,
				#g_navi .nav li.nav_special img {
					width: 100%;
					margin-left: 0;
				}
				
		#g_menu .lang,
		#main .lang {
			width: 115px;
			margin: 0 0 0 0;
			line-height: 0;
			background: #000000;
			
				border-radius: 19px;
				-webkit-border-radius: 19px;
				-moz-border-radius: 19px;
		}
			#g_menu .lang .btn,
			#main .lang .btn {
				width: auto;
				margin: 0 auto 0 auto;
				padding: 5px 5px 5px 5px;
				display: flex;
				float: none;
				justify-content: center;
			}
			#g_menu .lang .btn p,
			#main .lang .btn p {
				width: 50%;
				margin: 0 0 0 0;
			}
				#g_menu .lang .btn p a,
				#main .lang .btn p a {
					width: auto;
					float: none;
				}
				#g_menu .lang .btn p img,
				#main .lang .btn p img, {
					width: 100%;
					height: auto;
				}

					}/*====================*/


/*-----------------------------------------------------------
	#content setting
-----------------------------------------------------------*/
#content {
	font-family: 'Noto Sans Japanese', sans-serif;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 40px 0;
	z-index: -1;
	position: relative;
	
	font-size: 16px;
	line-height: 1.8;
	color: #ffffff;
	z-index: 1;
	
	background: #000000;
	
	overflow: hidden;
}

	.contentWrap {
		width: 100%;
		max-width: 100%;
		margin: 30px auto 0 auto;
		padding: 70px 0 70px 0;
		position: relative;
		z-index: 2;
	}
		.contentBox {
			width: 90%;
			max-width: 1050px;
			margin: 50px auto 0 auto;
			padding: 0 0 0 0;
		}
		
	.contentWrap.bg_o {
		background: #ed6c00;
	}
	.contentWrap.bg_sr {
		background: url(../img/bg_sr.png) repeat center top;
	}
	.contentWrap.bg_sy {
		background: url(../img/bg_sy.png) repeat center top;
	}
		

#content h2 {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}
	#content h2 img {
		width: 100%;
		max-width: 800px;
	}
	
.contentBox .bnr {
	width: 50%;
/* 	max-width: 236px; */
	margin: 30px auto 0 auto;
}
	.contentBox .bnr:hover {
		opacity: 0.7;
	}
	
.contentBox .bnrA {
	width: auto;
}
	.contentBox .bnrA img {
		display: block;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		box-shadow: 4px 4px 0 #f0884a;
	}
	.contentBox .bnrA:hover {
		opacity: 0.7;
	}

.contentBox .btn {
	width: 60%;
	max-width: 370px;
	margin: 0 auto 0 auto;
}

	.contentBox .btn.tyL {
		background: #46717a;
		text-align: center;
		width: 100%;
		max-width: 100%;
		margin: 40px auto 0 auto;
		padding: 15px 0 15px 0;
		display: block;
		font-size: 14px;

		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
		.contentBox .btn.tyL:hover {
			opacity: 0.7;
		}
		
		.contentBox .btn.tyL a {
			color: #ffffff;
			font-weight: bold;
			display: block;
			text-decoration: none !important;
		}
			.contentBox .btn.tyL a:hover {
				text-decoration: none;
			}
			.contentBox .btn.tyL p {
				padding: 5% 5% 5% 5%;
			}

	.movie {
		margin: 0 auto 0 auto;
		position: relative; 
		padding-bottom: 56.25%; 
		height: 0; 
		overflow: hidden; 
		max-width: 100%;
	}
		.movie iframe, .movie object, .movie embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	

.navArea { display: none; }

					/*===================sp=*/@media screen and (max-width: 860px) {


	.contentWrap {
		width: 100%;
		max-width: 960px;
		margin: 5vw auto 0 auto;
		padding: 5vw 0 10vw 0;
		position: relative;
	}
		.contentBox {
			margin: 5vw auto 0 auto;
			padding: 0 0 0 0;
		}
		
#content h2 {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}
	#content h2 img {
		width: 110%;
		margin-left: -5%;
		max-width: 110%;
	}
					}/*====================*/


	.inner .itemBox {
		height: 100%;
		overflow: hidden;
		z-index: 1;
	}
		.inner .itemBox .item_db_01 {
			width: 10%;
			position: absolute;
			top: 300px;
			right: 5%;
			z-index: 1;
			
/* 			filter: blur(5px); */
			
			-webkit-animation-name:fuwafuwa;
			-webkit-animation-duration:4s;
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-timing-function:ease;
			
			-moz-animation-name:fuwafuwa;
			-moz-animation-duration:4s;
			-moz-animation-iteration-count:infinite;
			-moz-animation-timing-function:ease;
		}
		.inner .itemBox .item_db_02 {
			width: 8%;
			position: absolute;
			top: 580px;
			left: -2%;
			-webkit-animation-name:fuwafuwa;
			-webkit-animation-duration:6s;
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-timing-function:ease;
			
			-moz-animation-name:fuwafuwa;
			-moz-animation-duration:6s;
			-moz-animation-iteration-count:infinite;
			-moz-animation-timing-function:ease;
		}
		.inner .itemBox .item_db_03 {
			width: 6%;
			position: absolute;
			top: 1200px;
			right: 2%;
			
			-webkit-animation-name:fuwafuwa;
			-webkit-animation-duration:4s;
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-timing-function:ease;
			
			-moz-animation-name:fuwafuwa;
			-moz-animation-duration:4s;
			-moz-animation-iteration-count:infinite;
			-moz-animation-timing-function:ease;
		}
		.inner .itemBox .item_db_04 {
			width: 10%;
			position: absolute;
			top: 1770px;
			left: 5%;
			z-index: -1;
			
/* 			filter: blur(5px); */
			
			-webkit-animation-name:fuwafuwa;
			-webkit-animation-duration:4s;
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-timing-function:ease;
			
			-moz-animation-name:fuwafuwa;
			-moz-animation-duration:4s;
			-moz-animation-iteration-count:infinite;
			-moz-animation-timing-function:ease;
		}
		.inner .itemBox .item_db_05 {
			width: 6%;
			position: absolute;
			top: 2700px;
			right: -2%;
			-webkit-animation-name:fuwafuwa;
			-webkit-animation-duration:6s;
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-timing-function:ease;
			
			-moz-animation-name:fuwafuwa;
			-moz-animation-duration:6s;
			-moz-animation-iteration-count:infinite;
			-moz-animation-timing-function:ease;
		}
		.inner .itemBox .item_db_06 {
			width: 6%;
			position: absolute;
			top: 3200px;
			left: 2%;
			
			-webkit-animation-name:fuwafuwa;
			-webkit-animation-duration:4s;
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-timing-function:ease;
			
			-moz-animation-name:fuwafuwa;
			-moz-animation-duration:4s;
			-moz-animation-iteration-count:infinite;
			-moz-animation-timing-function:ease;
		}
		.inner .itemBox .item_db_07 {
			width: 4%;
			position: absolute;
			top: 3800px;
			right: -2%;
			-webkit-animation-name:fuwafuwa;
			-webkit-animation-duration:6s;
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-timing-function:ease;
			
			-moz-animation-name:fuwafuwa;
			-moz-animation-duration:6s;
			-moz-animation-iteration-count:infinite;
			-moz-animation-timing-function:ease;
		}
/*
		.inner .itemBox .item_db_07 {
			width: 8%;
			position: absolute;
			top: 4700px;
			left: 2%;
			
			-webkit-animation-name:fuwafuwa;
			-webkit-animation-duration:4s;
			-webkit-animation-iteration-count:infinite;
			-webkit-animation-timing-function:ease;
			
			-moz-animation-name:fuwafuwa;
			-moz-animation-duration:4s;
			-moz-animation-iteration-count:infinite;
			-moz-animation-timing-function:ease;
		}
*/

	@-webkit-keyframes fuwafuwa {
		0% {-webkit-transform:translate(0, 0);}
		50% {-webkit-transform:translate(0, -10px);}
		100% {-webkit-transform:translate(0, 0);}
	}
	@-moz-keyframes fuwafuwa {
		0% {-moz-transform:translate(0, 0);}
		50% {-moz-transform:translate(0, -10px);}
		100% {-moz-transform:translate(0, 0);}
	}
	
	
					/*===================sp=*/@media screen and (max-width: 860px) {
		.inner .itemBox .item_db_01 {
			width: 10%;
			position: absolute;
			top: 300px;
			right: -4%;
			z-index: 1;
		}
		.inner .itemBox .item_db_02 {
			width: 8%;
			position: absolute;
			top: 580px;
			left: -2%;
		}
		.inner .itemBox .item_db_03 {
			width: 6%;
			position: absolute;
			top: 1200px;
			right: -2%;
		}
		.inner .itemBox .item_db_04 {
			width: 10%;
			position: absolute;
			top: 1770px;
			left: -5%;
		}
		.inner .itemBox .item_db_05 {
			width: 6%;
			position: absolute;
			top: 2700px;
			right: -2%;
		}
		.inner .itemBox .item_db_06 {
			width: 6%;
			position: absolute;
			top: 3200px;
			left: -2%;
		}
		.inner .itemBox .item_db_07 {
			width: 4%;
			position: absolute;
			top: 3800px;
			right: -2%;
		}
					}/*====================*/

/*-----------------------------------------------------------
	mv setting
-----------------------------------------------------------*/
#main {
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	overflow: hidden;
	position: relative;
	background: #ed6c00;
	z-index: 1;
	
}
	#main .mainWrap {
		width: 100%;
		max-width: 1280px;
		
		height: 100%;
		margin: 0 auto 0 auto;
		line-height: 0;
		z-index: 2;
		position: relative;
		
		display: flex;
		flex-wrap: wrap;
		
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		justify-content: space-between;
	}
	.inner #main .mainWrap {
		width: 100%;
		max-width: 1050px;
		}
	#main .bgBox {
		position: relative;
		width: 57%;
	}
		.inner #main .bgBox {
			position: relative;
			width: 57%;
		}
		#main .bg {
			position: relative;
			width: 100%;
			max-width: 1280px;
			z-index: -1;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
			line-height: 0;
		}
		#main .lead {
			width: 200px;
			margin: 0 0 0 0;
			position: absolute;
			right: 6%;
			top: 28%;
		}
		#main .lang {
			width: 20%;
			margin: 0 0 0 0;
			position: absolute;
			left: 40%;
			top: 10px;
			display: none;
		}
		
	#main .mainBox {
		width: 43%;
		position: relative;
		
		display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	}
	
	.inner #main .mainBox {
 -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
	}
	
		#main .mainBox .tit {
			width: 74%;
			line-height: 0;
			margin-top: 50px;
		}
			#main .mainBox .tit img {
				margin-bottom: 0;
			}
			
		#main .mainBox .logoBox {
			width: 43%;
			line-height: 0;
			margin: 20px auto 50px auto;
			
			display: flex;
			flex-wrap: wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;

		}
			#main .mainBox .logo {
				width: 44%;
			}
			#main .mainBox .note {
				width: 100%;
				line-height: 1.8;
				color: #000000;
				font-size: 14px;
				text-align: center;
			}
			
	#main .sub {
		display: none;
	}
			
					/*===================sp=*/@media screen and (max-width: 860px) {
						
#main { margin-top: 0; }


	
	#main .mainWrap {
		width: 100%;

	}
	.inner #main .mainWrap {
		width: 100%;
		}
		
	#main .bgBox {
		position: relative;
		width: 100%;
	}
		.inner #main .bgBox {
			position: relative;
			width: 57%;
		}
		#main .bg {
			position: relative;
			width: 100%;
			max-width: 1280px;
			z-index: -1;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
			line-height: 0;
		}
		#main .lead {
			width: 29%;
			margin: 0 0 0 0;
			position: absolute;
			right: 0%;
			top: 21%;
		}
		#main .lang {
			display: block;
		}
		
	#main .sub {
		display: none;
		position: absolute;
		top: 10px;
		left: 0;
		width: 90%;
		margin: 0 5% 0 5%;

	}
		#main .sub img {
			filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.2)) drop-shadow(-1px -1px 10px rgba(0, 0, 0, 0.2)) drop-shadow(1px -1px 10px rgba(0, 0, 0, 0.2)) drop-shadow(-1px 1px 10px rgba(0, 0, 0, 0.2)) drop-shadow(1px 0px 5px rgba(0, 0, 0, 0.1)) drop-shadow(-1px 0px 5px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.1)) drop-shadow(0px -1px 5px rgba(0, 0, 0, 0.1));
		}
		
	#main .mainBox {
		width: 100%;
		position: absolute;
		z-index: 2;
		bottom: 0;
		left: 0;
		
		display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	}
	
	.inner #main .mainBox {
 -webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
  -webkit-box-align: end;
     -ms-flex-align: end;
        align-items: flex-end;
	}
	
		.top #main .mainBox .tit {
			width: 50%;
			line-height: 0;
			display: none;
		}
		
		#main .mainBox .tit {
			width: 50%;
			line-height: 0;
			margin-top: 0;
			margin-bottom: 5vw;
		}
			#main .mainBox .tit img {
				margin-bottom: 0;
			}
		#main .mainBox .logoBox {
			width: 36%;
			line-height: 0;
			margin: 0 auto 3vw auto;
			padding:  0 0 0 4%;
			
			display: flex;
			flex-wrap: wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;

		}
			#main .mainBox .logo {
				width: 44%;
			}
			
			.noteWrap {
				margin: 5vw 0 0 0;
				width: 100%;
				line-height: 1.8;
				color: #ffffff;
				font-size: 14px;
				text-align: center;
				position: relative;
				
			}


					}/*====================*/


					/*===================sp=*/@media screen and (max-width: 320px) {


					}/*====================*/

/*-----------------------------------------------------------
	#photo setting
-----------------------------------------------------------*/

#photo {
	width: 100%;
	padding: 30px 0 0 0;
	overflow: hidden;
}
#photo .section_wrap {
	width: 100%;
	position: relative;
}
#photo .images {
	width: 100%;
	position: relative;
	height: 180px;
}
#photo ul {
	list-style: none;
	position: absolute;
	top: 0;
	
	left: 0;
	width: 2080px;
	height: 100%;
	margin-left: -115px;
}
#photo ul li {
	width: 230px;
	line-height: 0;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow:0px 0px 8px -2px #000000;
}
#photo ul li img {
	width: 100%;
	height: auto;
/* 	box-shadow: 0px 8px 15px 0px rgba(8, 1, 3, 0.5); */
}
#photo ul li:nth-child(1) { left: 0; }
#photo ul li:nth-child(2) { left: 260px; }
#photo ul li:nth-child(3) { left: 520px; }
#photo ul li:nth-child(4) { left: 780px; }
#photo ul li:nth-child(5) { left: 1040px; }
#photo ul li:nth-child(6) { left: 1300px; }
#photo ul li:nth-child(7) { left: 1560px; }
#photo ul li:nth-child(8) { left: 1820px; }

/*

#photo ul li:nth-child(9) { left: 2640px; }
#photo ul li:nth-child(10) { left: 2970px; }
#photo ul li:nth-child(11) { left: 3300px; }
#photo ul li:nth-child(12) { left: 3630px; }
#photo ul li:nth-child(13) { left: 3960px; }
#photo ul li:nth-child(14) { left: 4290px; }
#photo ul li:nth-child(15) { left: 4620px; }
#photo ul li:nth-child(16) { left: 4950px; }
#photo ul li:nth-child(17) { left: 5280px; }
*/


#photo .loopanime {
	-webkit-animation: image_list_animation 60s linear infinite;
    animation: image_list_animation 50s linear infinite;
}
@-webkit-keyframes image_list_animation {
    0%{ transform: translateX(0%); }
    100%{ transform: translateX(-1560px); }
}
@keyframes image_list_animation {
    0%{ transform: translateX(0%); }
    100%{ transform: translateX(-1560px); }
}

					/*===================sp=*/@media screen and (max-width: 860px) {

					}/*====================*/


/*-----------------------------------------------------------
	#news setting
-----------------------------------------------------------*/
#news {
	margin: 0 auto 0 auto;
	padding-bottom: 30px;
	text-align: center;
	padding-top: 30px;
}
	#news .listA {
		width: 100%;
		text-align: center;
	}
		#news .listA li {
			width: 100%;
			font-size: 18px;
		}
			#news .listA li {
				margin: 0 0 10px 0;
				
				display: flex;
				justify-content: center;
				align-items: stretch;
				text-align: left;
				
				line-height: 1.8;
			}
				#news .listA li .date {
					margin-right: 2%;
				}
				#news .listA li .txt {
					padding-left: 43px;
					position: relative;
				}
				#news .listA li .txt::before {
					content: "";
					width: 30px;
					height: 100%;
					background: url(../img/item_db_01.svg) no-repeat top left;
					background-size: 100% auto;
					position: absolute;
					left: 0;
					top: 0;
				}
				

			
					/*===================sp=*/@media screen and (max-width: 860px) {
#news {
	margin-top: 0;
}

		#news .listA li {
			width: 100%;
			font-size: 3.4vw;
			
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
		}
				#news .listA li .txt {
					padding-left: 8%;
					position: relative;
				}
				#news .listA li .date {
					min-width: 10%;
				}
				#news .listA li .txt::before {
					content: "";
					width: 5vw;
					height: 100%;
					background: url(../img/item_db_01.svg) no-repeat top left;
					background-size: 100% auto;
					position: absolute;
					left: 0;
					top: 0;
				}


					}/*====================*/
					
					
					
#special {
		padding: 30px 0 20px 0;
		background: #fdef00;
		background: linear-gradient(#fdef00, #bdb300);
}

	#special .bnrBox {
		width: 100%;
		margin: 30px auto 0 auto;

		display: flex;
		justify-content: center;
		align-items: stretch;
		text-align: left;
		
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
		
		

	}
		#special .bnrBox li {
			width: 230px;
			width: 22%;
			margin: 0 1.5% 20px 1.5%;
		}
		
		
			
					/*===================sp=*/@media screen and (max-width: 860px) {
						
		#special .bnrBox {
			margin: 2vw auto 0 auto;
			padding: 2vw 0 0 0;
			
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
		}
		#special .bnrBox li {
			width: 46%;
			margin: 0 2% 10px 2%;
		}


					}/*====================*/

					

/*-----------------------------------------------------------
	#cm setting
-----------------------------------------------------------*/

#cm {
		padding: 0 0 0 0;
}

		#cm .contentBox {
			width: 90%;
			max-width: 580px;
			margin: 50px auto 0 auto;
			padding: 0 0 0 0;
		}


					/*===================sp=*/@media screen and (max-width: 860px) {
						
		#cm {
			
		}

		#cm .contentBox {
			width: 70%;
			margin: 7vw auto 0 auto;

		}



					}/*====================*/



/*-----------------------------------------------------------
	#story setting
-----------------------------------------------------------*/
#story {
	margin: 0 auto 0 auto;
	padding-bottom: 33vw;
	text-align: center;
	
	background: url(../img/bg_earth.jpg) no-repeat center bottom;
	background-size: 100% auto;
}
	#story .txtBox {
		width: 63%;
		font-size: 18px;
		color: #ffffff;
		line-height: 1;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
		#story .txtBox p {
			position: relative;
			z-index: 2;
			margin-top: 30px;
		}

#story .contentBox {
	position: relative;
}
	#story .itemBox {
		
	}
		#story .itemBox .item_db_01 {
			width: 3%;
			position: absolute;
			top: 0;
			right: 0;
		-webkit-animation-name:fuwafuwa;
		-webkit-animation-duration:8s;
		-webkit-animation-iteration-count:infinite;
		-webkit-animation-timing-function:ease;
		
		-moz-animation-name:fuwafuwa;
		-moz-animation-duration:8s;
		-moz-animation-iteration-count:infinite;
		-moz-animation-timing-function:ease;
		}
		#story .itemBox .item_db_02 {
			width: 8%;
			position: absolute;
			top: 50%;
			left: -2%;
		-webkit-animation-name:fuwafuwa;
		-webkit-animation-duration:6s;
		-webkit-animation-iteration-count:infinite;
		-webkit-animation-timing-function:ease;
		
		-moz-animation-name:fuwafuwa;
		-moz-animation-duration:6s;
		-moz-animation-iteration-count:infinite;
		-moz-animation-timing-function:ease;
		}
		#story .itemBox .item_db_03 {
			width: 12%;
			position: absolute;
			bottom: -60%;
			right: -5%;
			
/* 			filter: blur(5px); */
			
		-webkit-animation-name:fuwafuwa;
		-webkit-animation-duration:4s;
		-webkit-animation-iteration-count:infinite;
		-webkit-animation-timing-function:ease;
		
		-moz-animation-name:fuwafuwa;
		-moz-animation-duration:4s;
		-moz-animation-iteration-count:infinite;
		-moz-animation-timing-function:ease;
		}

	@-webkit-keyframes fuwafuwa {
		0% {-webkit-transform:translate(0, 0);}
		50% {-webkit-transform:translate(0, -10px);}
		100% {-webkit-transform:translate(0, 0);}
	}
	@-moz-keyframes fuwafuwa {
		0% {-moz-transform:translate(0, 0);}
		50% {-moz-transform:translate(0, -10px);}
		100% {-moz-transform:translate(0, 0);}
	}
	
					/*===================sp=*/@media screen and (max-width: 860px) {

#story {
	margin: 5vw auto 0 auto;
}
	#story .txtBox {
		font-size: 3.4vw;
		padding: 0 6% 0 6%;
	}
		#story .txtBox span {
			font-size: 4.0vw;
		}
		
	#story .txtBox {
		width: 90%;
		z-index: 2;
		position: relative;
	}
		#story .itemBox .item_db_03 {
			width: 12%;
			position: absolute;
			bottom: -40%;
		}
					}/*====================*/


/*-----------------------------------------------------------
	#play setting
-----------------------------------------------------------*/
#play {
	margin: 0 auto 0 auto;
	text-align: center;
	padding-top: 50px;
}
	#play .pointBox {
		width: 100%;
		
		display: flex;
		justify-content: space-between;
	}
		#play .pointBox li {
			width: 22%;
			position: relative;
		}
			#play .pointBox li .details {
				position: relative;
			}
			#play .pointBox .comm {
				width: 22%;
				position: absolute;
				left: 4%;
				top: 2%;
				z-index: 2;
			}
				#play .pointBox .comm img {
					width: 100%;
					height: auto;
				}
			#play .pointBox .img {
				margin: 0 5% 0 5%;
				z-index: 1;
			}
			#play .pointBox .tit {
				font-size: 18px;
				line-height: 0;
				text-align: center;
				margin: 0 5% 0 5%;
				bottom: 2%;
				left: 0;
				position: absolute;
				z-index: 2;
			}
				#play .pointBox .tit img {
					margin: 0 auto 0 auto;
				}
			#play .pointBox .txt {
				font-size: 17px;
				line-height: 1.6;
				text-align: center;
				margin: 20px 0 0 0;
			}
	
	#play .cap {
		width: 47%;
		margin: 80px auto 0 auto;
	}
	
					/*===================sp=*/@media screen and (max-width: 860px) {

	#play .pointBox {
		width: 100%;
		
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		#play .pointBox li {
			width: 48%;
			margin: 0 auto 5vw auto;
			position: relative;
		}
		#play .pointBox .comm {
			position: absolute;
			left: 0;
			top: 0;
		}
		#play .pointBox .img {
			margin: 3vw 5% 0 5%;
		}
		
		#play .pointBox .tit {
			width: 90%;
			margin: 0 auto 0 auto;
		}
		#play .pointBox .txt {
			font-size: 3.4vw;
			line-height: 2.0;
			text-align: center;
			margin: 10px 0 0 0;
		}
		#play .cap {
			width: 100%;
			margin-top: 20px;
		}


					}/*====================*/
		
/*-----------------------------------------------------------
	#enjoy setting
-----------------------------------------------------------*/
#enjoy {
	margin: 0 auto 0 auto;
	text-align: center;
	padding-bottom: 0;
}
	#enjoy .pointBox {
		width: 80%;
		margin: 0 auto 0 auto;
		display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
		justify-content: space-between;
	}
		#enjoy .pointBox li {
			width: 47%;
			position: relative;
			margin-bottom: 70px;
		}
			#enjoy .pointBox .details {
				background: #1b1b1b;
				border-radius: 10px;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
			}
				#enjoy .pointBox .no3 .details  {
					background: url(../img/enjoy_point_03_bg.jpg) no-repeat left top;
					background-size: cover;
				}
			#enjoy .pointBox .comm {
				width: 30%;
				position: absolute;
				left: 0;
				top: 0;
			}
				#enjoy .pointBox .comm img {
					width: 100%;
					height: auto;
				}
			#enjoy .pointBox .img {
				margin: 0 2% 0 2%;
				padding: 20px 0 0 0;
				position: relative;
				z-index: 2;
			}
			#enjoy .pointBox .tit {
				font-size: 18px;
				line-height: 2.0;
				text-align: center;
				margin: -10px 0 0 0;
			}
			#enjoy .pointBox .txt {
				font-size: 18px;
				line-height: 1.6;
				text-align: center;
				margin: 25px 0 0 0;
			}
			#enjoy .pointBox .icon {
				width: 25%;
				position: absolute;
				left: -5%;
				top: -10%;
				z-index: 1;
			}
	
	#enjoy .cap {
		
	}
	
					/*===================sp=*/@media screen and (max-width: 860px) {
#enjoy {
	margin: 5vw auto 0 auto;
}

	#enjoy .pointBox {
		width: 100%;
		
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		#enjoy .pointBox li {
			width: 80%;
			margin: 0 auto 4vw auto;
			position: relative;
		}
		#enjoy .pointBox .comm {
			position: absolute;
			left: 0;
			top: 0;
		}
		#enjoy .pointBox .img {
			margin: 0 2% 0 2%;
		}
		#enjoy .pointBox .txt {
			font-size: 3.4vw;
			line-height: 2.0;
			text-align: center;
			margin: 10px 0 0 0;
		}
			#enjoy .pointBox .icon {
				width: 30%;
				position: absolute;
				left: -10%;
				top: -7%;
				z-index: 1;
			}


					}/*====================*/
					
					
				
/*-----------------------------------------------------------
	#ticket setting
-----------------------------------------------------------*/
#ticket {
	color: #000000;
	padding-top: 30px;
}

	#ticket .ticketList {
		width: 70%;
		margin: 0 auto 0 auto;
		display: flex;
		-ms-flex-wrap: wrap;
		  flex-wrap: wrap;
			justify-content: space-between;
	}
		#ticket .ticketList li {
			width: 31%;
			position: relative;
			background: #ffffff;
			padding: 30px 0 10px 0;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15);

			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
		}
		#ticket .ticketList li .sold {
			width: 100%;
			height: 100%;
			font-size: 20px;
			font-weight: bold;
			color: #ffffff;
			background: rgba(48, 48, 48, 0.90);
			position: absolute;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			top: 0;
			left: 0;
			 display: -webkit-box;
			  display: -ms-flexbox;
			  display: flex;
			  -webkit-box-pack: center;
			     -ms-flex-pack: center;
			   justify-content: center;
			 -webkit-box-align: center;
			     -ms-flex-align: center;
			        align-items: center;
		}
			#ticket .ticketList li .comm {
				position: absolute;
				width: 26%;
				right: -9%;
				top: -12%;
			}
			#ticket .ticketList li .txtBox{
				text-align: center;
			}
				#ticket .ticketList li .txtBox .kind {
					font-size: 16px;
					line-height: 1.2;
					color: #ed6c00;
					font-weight: 600;
				}
				#ticket .ticketList li .txtBox .price {
					font-size: 40px;
					font-weight: 900;
				}
				#ticket .ticketList li .txtBox .cap {
					font-size: 15px;
					color: #d42125;
					font-weight: 600;
					margin: 0 0 0 0;
				}
					#ticket .ticketList li .txtBox .cap a {
						color: #d42125;
						text-decoration: none;
						font-size: 15px;
					}
					#ticket .ticketList li .txtBox .cap a:hover {
						text-decoration: underline;
					}
				
			#ticket .cap {
				text-align: center;
				font-size: 16px;
				font-weight: 400;
				margin: 20px auto 0 auto;
			}
			
	#ticket .ticketBox {
		margin-top: 50px;
	}
	#ticket h3 {
		width: 100%;
		max-width: 800px;
		margin: 0 auto 0 auto;
	}
	#ticket .ticketBox .bnr {
		max-width: 304px;
	}
	#ticket .ticketBox .img {
		width: 100%;
		max-width: 800px;
		margin: 0 auto 0 auto;
	}
	#privilege .cap {
		margin-top: -20px;
	}
	#ticket #privilege.ticketBox .img {
		width: 90%;
		max-width: 540px;
		margin: 25px auto 0 auto;
	}
	#sale .txt {
		margin-top: 20px;
	}
	#ticket .ticketBox .tit {
		font-size: 30px;
		font-weight: 600;
		line-height: 1.4;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 25px;
	}
	#ticket .ticketBox .txt {
		font-size: 25px;
		font-weight: 600;
		line-height: 1.4;
		text-align: center;
	}
		#ticket .ticketBox .txt span {
			font-size: 16px;
			font-weight: 400;
		}
		#ticket .ticketBox .txtBox {
			
		}
		#ticket .ticketBox .txtBox .txt {
			
		}
		#ticket .ticketBox .txtBox .bnr {
			
		}
	
					/*===================sp=*/@media screen and (max-width: 860px) {

#ticket {
	padding-bottom: 5vw;
}

	#ticket .ticketList {
		width: 80%;
		margin: 0 auto 0 auto;
		display: flex;
		-ms-flex-wrap: wrap;
		  flex-wrap: wrap;
			justify-content: space-between;
	}
		#ticket .ticketBox {
			margin-top: 5vw;
			margin-bottom: 8vw;
		}
		#ticket .ticketList li {
			width: 100%;
			margin: 0 auto 5vw auto;
			position: relative;
			background: #ffffff;
			padding: 4vw 0 2vw 0;
		}
			#ticket .ticketList li .comm {
				position: absolute;
				width: 14%;
				right: -5%;
				top: -4%;
			}
			#ticket .ticketList li .txtBox{
				text-align: center;
			}
				#ticket .ticketList li .txtBox .kind {
					font-size: 3.4vw;
					line-height: 1.2;
					color: #ed6c00;
					font-weight: 600;
				}
				#ticket .ticketList li .txtBox .price {
					font-size: 8vw;
					font-weight: 900;
				}
				#ticket .ticketList li .txtBox .cap {
					font-size: 4.0vw;
					color: #d42125;
					font-weight: 600;
					margin: 0 0 0 0;
				}
					#ticket .ticketList li .txtBox .cap a {
						color: #d42125;
						text-decoration: none;
						font-size: 4.0vw;
					}
			#ticket .cap {
				font-size: 3.4vw;
				margin-top: 0;
			}
	#ticket h3 {
		width: 130%;
		margin: 0 auto 0 auto;
		margin-left: -15%;
	}
	#ticket .ticketBox .tit {
		font-size: 4.2vw;
	}
	#ticket .ticketBox .txt {
		font-size: 3.4vw;
	}
		#ticket .ticketBox .txt span {
			font-size: 3.4vw;
		}
	#ticket .ticketBox .txtBox .bnr {
		width: 60%;
		margin: 2vw auto 0 auto;
	}
	#ticket #privilege.ticketBox .img {
		width: 74%;
		max-width: 540px;
		margin: 5vw auto 5vw auto;
	}
		#ticket .ticketList li .sold {
			font-size: 4.0vw;
		}
					
					}/*====================*/
					
					

/*-----------------------------------------------------------
	#event setting
-----------------------------------------------------------*/
#event {
	width: 100%;
	position: relative;
	text-align: center;
	padding: 10px 0 20px 0;
	margin-top: 0;
}
	#event h3 {
		font-size: 25px;
		font-weight: bold;
		color: #000000;
		margin: 15px auto 0 auto;
	}
	#event .scheduleList {
		width: 100%;
		margin: 40px auto 0 auto;
		
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap:         wrap;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
	}
		#event .scheduleList li {
			width: 22%;
			max-width: 22%;
			padding: 0 0 0 0;
			margin: 0 0 50px 0;

			
			position: relative;
		}
			#event .scheduleList li .details:hover  {
				opacity: 0.7;
			}
			#event .scheduleList li .details {

				position: relative;
				margin-bottom: 20px;
			}
			#event .scheduleList li .fs {
				content: "";
				position: relative;
				width: 100%;
				height: 100%;
				padding-top: 100%;
				background: url(../img/bg_db.svg) no-repeat top center;
				background-size: 100% auto;

				border-radius: 50%;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.37);
			}
			#event .scheduleList li div {
				position: absolute;
				bottom: 0;
				width: 100%;
				
		display: -webkit-flex;
		display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
  -webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
			}
									
									#event .scheduleList li a {
										text-decoration: none;
									}
									#event .scheduleList li a:hover {
										text-decoration: none;
									}

			#event .scheduleList li .place {
				margin: 0 0 0 0;
				font-size: 40px;
				color: #db5325;
				font-weight: bold;
				line-height: 1.6;
			}
			#event .scheduleList li .park {
				font-size: 16px;
				line-height: 1.2;
				font-weight: 700;
				color: #000000;
				margin: 0 0 6px 0;
			}
			#event .scheduleList li .date {
				font-size: 16px;
				font-weight: 700;
				line-height: 1.4;
				color: #000000;
				margin-bottom:30px;
			}
			#event .scheduleList li .btn {
				width: 80%;
				margin: 0 auto 0 auto;
			}
			#event .scheduleList li .icon {
				width: 64%;
				margin: 0 auto 0 auto;
				
		display: -webkit-flex;
		display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
			}
				#event .scheduleList li .icon .icon_new {
					width: 47%;
					margin: 0 2% 0 0;
				}
				#event .scheduleList li .icon .icon_en {
					width: 50%;
					margin: 0 0 0 0;
				}
/*
			#event .scheduleList li .btn {
				width: 70%;
				margin: 40px auto 15px auto;
				padding: 5px 0 5px 0;
				background: #e55356;
				color: #ffffff;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
			}
			#event .scheduleList li a .btn {
				width: 70%;
				margin: 40px auto 15px auto;
				padding: 5px 0 5px 0;
				background: rgba(3, 0, 0, 0.30);
				color: #1ae3f0;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
			}
*/
					/*===================sp=*/@media screen and (max-width: 1050px) {

			#event .scheduleList li .place {
				font-size: 3.8vw;
			}
			#event .scheduleList li .park {
				font-size: 1.4vw;
				margin-bottom: 1vw;
			}
			#event .scheduleList li .date {
				font-size: 1.2vw;
				margin-bottom: 2vw;
			}
					}/*====================*/
					
					/*===================sp=*/@media screen and (max-width: 860px) {
#event {
	padding: 5vw 0 5vw 0;
}
	#event h3 {
		font-size: 4.0vw;
	}
	#event .scheduleList {
		margin: 5vw auto 0 auto;
	}
		#event .scheduleList li {
			width: 44%;
			max-width: 44%;
			margin-bottom: 2%;
			margin-left: 2%;
			margin-right: 2%;
		}
			#event .scheduleList li .place {
				font-size: 7vw;
			}
			#event .scheduleList li .park {
				font-size: 2.8vw;
				margin-bottom: 0;
			}
			#event .scheduleList li .date {
				font-size: 2.6vw;
				margin-bottom: 4vw;
			}
			
			#event .scheduleList li .btn {
				margin: 0.5vw auto 0.5vw auto;
			}
			#event .scheduleList li a .btn {
				margin: 0.5vw auto 0.5vw auto;
			}
			
					}/*====================*/
					


/*-----------------------------------------------------------
	#game setting
-----------------------------------------------------------*/
#game {
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 80px;
	border-bottom: 2px solid #313131;
}
		#game .colBox {
			width: 90%;
			max-width: 960px;
			display: -webkit-flex;
			display: flex;
			
			-webkit-justify-content: space-between;
			justify-content:         space-between;
			margin: 0 auto 0 auto;
		}
			#game .colBox .movieBox {
				width: 47%;
				margin: 0 0 0 0;
			}
			#game .colBox .txtBox {
				width: 47%;
				margin: 0 0 0 0;
				font-weight: normal;
			}
				#game .colBox .txtBox .logo {
					width: 30%;
					max-width: 130px;
					margin: 0 auto 20px auto;
				}
				#game .colBox .txtBox .txt {
					line-height: 2.0;
					font-size: 16px;
					text-align: left;
				}
				
		#game ul {
			width: 47%;
			margin: 40px auto 0 auto;
		}

					/*===================sp=*/@media screen and (max-width: 860px) {
						
#game {
	margin-top: 5vw;
	padding: 5vw 0 8vw 0;
}
		#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: 100%;
		margin-top: 0;
	}
			#game .colBox .txtBox {
				width: 100%;
				margin: 0 auto 30px auto;
			}
				#game .colBox .txtBox .logo {
					width: 30%;
					margin: 10% auto 5% auto;
				}
				#game .colBox .txtBox .txt {
					line-height: 1.6;
					font-size: 14px;
				}
				
		#game ul {
			width: 90%;
			margin: 30px auto 0 auto;
		}
					}/*====================*/
					



/*-----------------------------------------------------------
	#about setting
-----------------------------------------------------------*/
#about {
	width: 100%;
	position: relative;
	padding-top: 50px;
	border-bottom: 2px solid #313131;
}
		#about .colBox {
			width: 90%;
			max-width: 960px;
			display: -webkit-flex;
			display: flex;
			
			-webkit-justify-content: space-between;
			justify-content:         space-between;
			-webkit-align-items: center;
			align-items:         center;
			margin: 0 auto 0 auto;
		}
			#about .colBox .imgBox {
				width: 47%;
				margin: 0 0 0 0;
				text-align: center;
			}
			#about .colBox .imgBox .img {
				width: 70%;
				margin: 0 auto;
				padding: 0 0 0 10%;
			}
			#about .colBox .txtBox {
				width: 47%;
				line-height: 2.0;
				margin: 0 0 0 0;
				font-weight: normal;
			}
			#about ul {
				width: 100%;
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content:         space-between;
				margin: 50px auto 0 auto;
			}
				#about ul li {
					width:48%;
				}
					#about ul li.bnr01 {
						width: 44%;
					}
					#about ul li.bnr02 {
						width: 52%;
					}
			#about .colBox .txtBox .bnr {
				width: 44%;
				margin: 30px 0 0 0;
			}
							
					/*===================sp=*/@media screen and (max-width: 860px) {
						
#about {
	padding: 5vw 0 8vw 0;
}
	#about .colBox {
		display: block;
	}
		#about .colBox .imgBox {
			width: 100%;
			margin: 0 auto 0 auto;
		}
			#about .colBox .imgBox .img {
				padding: 0 0 0 0;
			}
		#about .colBox .txtBox {
			width: 100%;
			margin: 5% auto 0 auto;
					line-height: 1.6;
					font-size: 14px;
		}
		#about ul {
			width: 100%;
			margin: 8% auto 0 auto;
		}
		#about ul li {
		}
			#about .colBox .txtBox .bnr {
				width: 60%;
				margin: 8vw auto 0 auto;
			}
					}/*====================*/
					


/*-----------------------------------------------------------
	faq setting
-----------------------------------------------------------*/
#attention {
	border-bottom: 2px solid #313131;
}
	.faqWrap {
		width: 100%;
		max-width: 600px;
		margin: 30px auto 0 auto;
	}
		.faqWrap h3 {
			width: 100%;
			font-size: 25px;
			margin: 0 auto;
			text-align: center;
		}
		.faqWrap h4 {
			width: 100%;
			font-size: 20px;
			margin: 30px auto 0 auto;
			color: #ed6c00;
		}
		.faqWrap h5 {
			width: 100%;
			font-size: 20px;
			margin: 30px auto 0 auto;
			color: #ffe682;
		}
		.faqWrap a {
			color: #ffffff;
			
		}
		.faqWrap ul {
			width: 100%;
			margin: 3% auto 0 auto;
		}
			.faqWrap ul li {
				margin: 0 0 5px 0;
			}
			.faqWrap ul li .q {
				font-size: 22px;
				color: #ed6c00;
				font-weight: bold;
				display: block;
				padding-left: 2em;
				margin: 0 0 2% 0;
			}
			.faqWrap ul li .q::before {
				content: "Q：";
				display: block;
				float: left;
				margin-left: -2em;
				width: 2em;
				text-align: center;
			}
			.faqWrap ul li .a {
				font-size: 20px;
				line-height: 1.8;
				color: #FFFFFF;
				display: block;
				padding-left: 2.2em;
				margin-bottom: 50px;
			}
			.faqWrap ul li .a::before {
				content: "A：";
				font-size: 20px;
				font-weight: bold;
				display: block;
				float: left;
				margin-left: -2em;
				width: 2em;
				text-align: center;
			}
			.faqWrap ul li .n {
				font-size: 20px;
				line-height: 1.8;
				display: block;
				padding-left: 1em;
			}
			.faqWrap ul li .n::before {
				content: "・";
				font-size: 20px;
				font-weight: bold;
				display: block;
				float: left;
				margin-left: -1em;
				width: 1em;
				text-align: center;
			}

					/*===================sp=*/@media screen and (max-width: 860px) {
		
		.faqWrap h4 {
			font-size: 14px;
		}
	.btnBox {
		margin: 3% 0 0 0;
	}
	h3 img {
		width: 100%;
	}
	.faqWrap {
		width: 90%;
		margin: 5vw auto 0 auto;
	}
		.faqWrap ul {
			width: 100%;
		}
			.faqWrap ul li .q {
				font-size: 3.4vw;
			}
			.faqWrap ul li .a {
				font-size: 14px;
				padding-left: 2em;
				margin-bottom: 8vw;
			}
			.faqWrap ul li .a::before {
				font-size: 14px;
				margin-left: -2em;
				margin-top: 0;
			}
			.faqWrap ul li .n {
				font-size: 14px;
			}
			.faqWrap ul li .n::before {
				font-size: 14px;
			}
	#attention {
		margin-top: 0;
		padding-top: 0;
	}
					}/*====================*/
					

/*-----------------------------------------------------------
	#goods setting
-----------------------------------------------------------*/
#goods {
	border-bottom: 2px solid #313131;
	padding-bottom: 100px;
}
	.goodsWrap {
		width: 100%;
		max-width: 600px;
		margin: 30px auto 0 auto;
	}
		.goodsWrap h4 {
			width: 100%;
			font-size: 20px;
			margin: 30px auto 0 auto;
			color: #ed6c00;
		}
		.goodsWrap .txt {
			width: 100%;
			font-size: 20px;
			font-weight: 400;
			margin: 5px auto 0 auto;
		}
			.goodsWrap .noteBox p {
				font-size: 20px;
				line-height: 1.8;
				display: block;
				padding-left: 1em;
				margin: 5px auto 0 auto;
			}
			.goodsWrap .noteBox p::before {
				content: "※";
				font-size: 20px;
				font-weight: bold;
				display: block;
				float: left;
				margin-left: -1em;
				width: 1em;
				text-align: center;
			}
		.goodsWrap .cs {
			margin: 80px auto 0 auto;
			text-align: center;
		}
		
		#goods .img {
			position: relative;
			line-height: 0;
		}
		#goods .img .comm {
			width: 100%;
			height: 100%;
			font-size: 25px;
			font-weight: bold;
			background: rgba(23, 23, 23, 0.90);
			position: absolute;
			top: 0;
 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
		}
		
	.goodsBox {
		width: 100%;
		max-width: 600px;
		margin: 60px auto 0 auto;
	}
	#content h2#goods01,
	#content h2#goods02 {
		margin: 100px auto 0 auto;
		padding: 80px 0 0 0;
	}
		.goodsBox h4 {
			width: 100%;
			font-size: 23px;
			margin: 0 auto 0 auto;
			color: #ed6c00;
		}
		.goodsBox .img {
			width: 100%;
			line-height: 0;
			margin: 20px auto 0 auto;
		}
		.goodsBox .txt {
			width: 100%;
			font-size: 20px;
			font-weight: 500;
			margin: 20px auto 0 auto;
		}
			.goodsBox .txt span {
				font-weight: 700;
				line-height: 3;
			}
			.goodsBox .txt span.note {
				font-weight: 500;
				font-size: 16px;
				line-height: 1.2;
				color: #a4a4a4;
			}
			
		.goodsBox .btn {
			width: 100%;
			max-width: 100%;
			font-size: 22px;
			font-weight: 900;
			margin: 40px auto 0 auto;
		}
		.goodsBox .btn:hover {
			opacity: 0.7;
		}
			.goodsBox .btn p {
				width: 100%;
				padding: 20px 0 18px 0;
				text-align: center;
				background: #beb300;
				background: linear-gradient(#fdef00,#fdef00, #beb300);
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			}
				.goodsBox .btn a {
					text-decoration: none;
					color: #000000;
				}

					/*===================sp=*/@media screen and (max-width: 860px) {

	.goodsWrap {
		width: 90%;
		margin: 10px auto 0 auto;
	}
		.goodsWrap h4 {
			font-size: 3.6vw;
			margin: 30px auto 0 auto;
			color: #ed6c00;
		}
		.goodsWrap .txt {
			font-size: 3.4vw;
		}
			.goodsWrap .noteBox p {
				font-size: 3.4vw;
				line-height: 1.8;
				display: block;
				padding-left: 1em;
			}
			.goodsWrap .noteBox p::before {
				content: "※";
				font-size: 3.4vw;
				font-weight: bold;
				display: block;
				float: left;
				margin-left: -1em;
				width: 1em;
				text-align: center;
			}
		.goodsWrap .cs {
			margin: 15vw auto 0 auto;
			text-align: center;
			font-size: 4.4vw;
			font-weight: bold;
		}
		
	.goodsBox {
		width: 100%;
		max-width: 600px;
		margin: 50px auto 0 auto;
	}
	#content h2#goods01,
	#content h2#goods02 {
		margin: 100px auto 0 auto;
		padding: 0 0 0 0 ;
	}
		.goodsBox h4 {
			width: 100%;
			font-size: 3.8vw;
			margin: 0 auto 0 auto;
			color: #ed6c00;
		}
		.goodsBox .img {
			width: 100%;
			line-height: 0;
			margin: 15px auto 0 auto;
		}
		.goodsBox .txt {
			width: 100%;
			font-size: 3.4vw;
			font-weight: 500;
			margin: 10px auto 0 auto;
		}
			.goodsBox .txt span {
				font-weight: 700;
			}
			.goodsBox .txt span.note {
				font-weight: 500;
				font-size: 3.0vw;
				line-height: 1.4;
				color: #a4a4a4;
			}
		.goodsBox .btn {
			width: 100%;
			max-width: 100%;
			font-size: 4.0vw;
			font-weight: 900;
			margin: 20px auto 0 auto;
		}
		.goodsBox .btn:hover {
			opacity: 0.7;
		}
			.goodsBox .btn p {
				width: 100%;
				padding: 15px 0 13px 0;
				text-align: center;
				background: #beb300;
				background: linear-gradient(#fdef00,#fdef00, #beb300);
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			}
				.goodsBox .btn a {
					text-decoration: none;
					color: #000000;
				}
				
		#goods .img .comm {
			font-size: 4.0vw;
		}
					}/*====================*/



/*-----------------------------------------------------------
	q setting
-----------------------------------------------------------*/
.formBox {
	width: 60%;
	max-width: 500px;
	margin: 0 auto 0 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: #ffffff;
			}
			.formBox form .note span {
				color: #eb1004;
				font-weight: bold;
				font-size: 150%;
			}
			.required {
				color: #eb1004;
				font-weight: bold;
				font-size: 150%;
			}
			.formBox form .q {
				font-size: 14px;
				line-height: 1.5;
				color: #ffffff;
				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: #ffffff;
			}
				.formBox form table {
					width: 99%;
				}
				.formBox form .w50 select {
					width: 30%;
				}
				.formBox form input[type="text"] {
					width: 96%;
					border: 0;
					padding: 5px 2% 5px 2%;
					color: #ed6c00;
					font-size: 14px;
					margin: 0 0 0 0;
					background: #000000;
					border: 1px solid #ed6c00;
					outline: none;
				}
				.formBox form input.typeB[type="text"] {
					width: 96%;
					border: 0;
					padding: 5px 2% 5px 2%;
					color: #ed6c00;
					font-size: 14px;
					margin: 0 0 5% 0;
					outline: none;
					border: 1px dotted #ed6c00;
				}
				.formBox textarea {
					width: 96%;
					border: 0;
					outline: none;
					padding: 5px 2% 5px 2%;
					color: #000000;
					font-size: 14px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #ed6c00;
				}
				.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: -12px;
					background: #000000;
					border: 1px solid #ed6c00;
					border-radius: 100%;
				}
				.formBox input[type="radio"]:checked + label::after {
					position: absolute;
					content: '';
					top: 50%;
					left: 3px;
					width: 16px;
					height: 16px;
					margin-top: -9px;
					background: #ed6c00;
					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: -14px;
					background: #000000;
					border: 1px solid #ed6c00;
					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 #ed6c00;
					border-bottom: 4px solid #ed6c00;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
				.formBox .notes {
					margin-top: 12px;
				}
				.formBox .comm {
					text-align: center;
					font-weight: bold;
					margin-top: 50px;
				}
					.formBox .comm span {
						font-weight: bold;
					}
				.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 #ed6c00;
					background: #ffffff;
					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: #000000;
				}
				.formBox select option {
					background: #ffffff;
				}
				
				.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: #000000;
					text-align: center;
					background:  #ed6c00;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					padding: 2% 10px 2% 10px;
					margin: 0 auto 0 auto;
				}
				.formBox input[type="submit"][disabled]{
					opacity: 0.5;
				}
				.formBox #submit: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: #ed6c00;
					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;
				}

				
					/*===================sp=*/@media screen and (max-width: 860px) {
											
.formBox {
	width: 90%;
	margin: 0 auto 0 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: 3.8vw;
				line-height: 1.5;
				margin: 50px 0 10px 0;
			}
			.formBox form .a {
				width: 100%;
				font-size: 3.8vw;
				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: 100%;
					border: 0;
					padding: 5px 10px 5px 10px;
					color: #ffffff;
					font-size: 18px;
					margin: 0 0 0 0;
					background: #000000;
					border: 1px solid #ed6c00;
				}
				.formBox form input.typeB[type="text"] {
					width: 508px;
					border: 0;
					padding: 5px 10px 5px 10px;
					color: #ffffff;
					font-size: 18px;
					margin: 0 0 12px 30px;
					outline: none;
					border: 1px dotted #ed6c00;
				}
				.formBox textarea {
					width: 99%;
					border: 0;
					outline: none;
					padding: 5px 10px 5px 10px;
					color: #000000;
					font-size: 18px;
					margin: 0 0 0 0;
					background: #ffffff;
					border: 1px solid #ed6c00;
				}
				.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 3vw 0;
					outline: none;
					line-height: 20px;
				}
				.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: -10px;
					background: #000000;
					border: 1px solid #ed6c00;
					border-radius: 100%;
					height: 20px;
					line-height: 20px;
				}
				.formBox input[type="radio"]:checked + label::after {
					position: absolute;
					content: '';
					top: 50%;
					left: 3px;
					width: 16px;
					height: 16px;
					margin-top: -7px;
					background: #ed6c00;
					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: 3,8vw;
					margin: 5px 20px 8px 0;
				}
				.formBox input[type="checkbox"] + label.fc {
					width: auto;
				}
				.formBox input[type="checkbox"] + label::before {
					position: absolute;
					content: '';
					top: 10px;
					left: 0;
					width: 20px;
					height: 20px;
					margin-top: -11px;
					background: #000000;
					border: 1px solid #ed6c00;
					border-radius: 0%;
					line-height: 20px;
				}
				.formBox input[type="checkbox"]:checked + label::after {
					position: absolute;
					content: '';
					top: 2px;
					left: 2px;
					width: 15px;
					height: 6px;
					border-left: 4px solid #ed6c00;
					border-bottom: 4px solid #ed6c00;
					-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 #ed6c00;
					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: #000000;
				}
				.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: #ed6c00;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
					color: #ffffff;
					line-height: 50px;
					padding: 0 0 0 0;
				}
				.formBox #submitBtn:hover {
					opacity: 0.5;
				}
				.formBox .comm {
					text-align: center;
					font-weight: bold;
					margin-top: 10vw;
					font-size: 3.8vw;
				}
					.formBox .comm span {
						font-weight: bold;
					}
				.formBox input[type="submit"] {
					width: 70%;
				}
					}/*====================*/

#stamp {
	
}
	#stamp .txt1 {
		text-align: center;
	}
	#stamp .bnr {
		width: 50%;
		margin: 20px auto 15px auto;
	}
	#stamp .btn {
		width: 28%;
		margin: 40px auto 15px auto;
		
			background: #ffffff;
			
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			box-shadow: 4px 4px 0 rgba(238, 108, 0, 1.00);
			
			text-align: center;
			font-weight: 600;
			font-size: 18px;
	}
		#stamp .btn a {
			padding: 20px 0 20px 0;
			display: block;
			text-decoration: none;
			font-weight: bold;
		}
		
	#stamp .btn:hover {
		opacity: 0.7;
	}
					/*===================sp=*/@media screen and (max-width: 860px) {
						
#stamp {
	
}
	#stamp .txt1 {
		font-size: 3.4vw;
	}
	#stamp .btn {
		width: 60%;
		margin: 40px auto 15px auto;
		
			background: #ffffff;
			
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			box-shadow: 4px 4px 0 rgba(238, 108, 0, 1.00);
			
			text-align: center;
			font-weight: 600;
			font-size: 3.4vw;
	}
	#stamp .txt2 {
		
	}


					}/*====================*/


/*-----------------------------------------------------------
	#footer setting
-----------------------------------------------------------*/
#footer {
	width: 100%;
	text-align: center;
	margin: 80px auto 0 auto;
	padding: 0 0 30px 0;
	position: relative;
	line-height: 1.6;
	color: #e5e5e4;
}
	.footerWrap {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto 0 auto;
	}
		#footer .copyright {
			font-size: 15px;
			margin: 0 0 8px 0;
			color: #ffffff;
		}
		#footer .logoBox {
			width: 60%;
			margin: 40px auto 0 auto;
			
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
		}
			#footer .logoBox .logo01 {
				width: 40%;
				max-width: 158px;
				margin: 0 30px 0 30px;
			}
			#footer .logoBox .logo02 {
				width: 56%;
				max-width: 224px;
				margin: 0 30px 0 30px;
			}
					/*===================sp=*/@media screen and (max-width: 860px) {
						
#footer {
	width: 90%;
	margin: 30px auto 0 auto;
}
	#footer .copyright {
		font-size: 12px;
	}
		#footer .logoBox {
			width: 80%;
		}
			#footer .logoBox .logo01 {
				width: 40%;
				max-width: 158px;
				margin: 0 2% 0 2%;
			}
			#footer .logoBox .logo02 {
				width: 56%;
				max-width: 224px;
				margin: 0 2% 0 5%;
			}
						
					}/*====================*/

	#footer .bnrBox {
		width: 100%;
		margin: 0 auto 30px auto;
		display: flex;
		justify-content: center;
		align-items: stretch;
		text-align: left;
	}
		#footer .bnrBox .bnr {
			width: 190px;
			margin: 0 1% 0 1%;
		}
		
		
			
					/*===================sp=*/@media screen and (max-width: 860px) {
						
		#footer .bnrBox {
			width: 80%;
			margin: 0 auto 5vw auto;
			padding: 0 0 0 0;
		}
		#footer .bnrBox .bnr {
			width: 44%;
			margin: 0 3% 0 3%;
		}


					}/*====================*/

					
/*-----------------------------------------------------------
	#share setting
-----------------------------------------------------------*/
#share {
	width: 100%;
	margin: 30px auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	text-align: center;
}
	#share .contentBox {
		overflow: hidden;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
	#share ul {
		width: 100%;
		width: 520px;
		margin: 20px auto 0 auto;
	}
		#share ul li {
			width: 162px;
			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 ul li.li {
			position: relative;
		}
			#share ul li.li:hover {
				opacity: 0.5;
			}
			#share .line-it-button {
				position: absolute !important;
				top: 0;
				left: 0;
				width: 100% !important;
				height: 100% !important;
				z-index: -1;
				opacity: 0;
			}
			#share ul li.li a {
				height: 100%;
				width: 100%;
				display: block;
			}

			
					/*===================sp=*/@media screen and (max-width: 860px) {
						
#share {
	padding: 0 0 30px 0;
	margin-top: 0;
}
	#share .contentBox {
		width: 100%;
		padding: 0 0 0 ;
	}
		#share ul {
			width: 80%;
		}
		#share ul li {
			width: 33.3%;
			margin: 0 0 0 0;
		}

					}/*====================*/


/*----------------------------------#popup setting----------*/
#popup {
	display: none;
}
#popupBtn {
	width: 15%;
	max-width: 130px;
	position: fixed;
	right: 2%;
	bottom: 10px;
	z-index: 100;
	cursor: pointer;
}
#popupBtn img {
	width: 100%;
	border-style:none;
}


					/*===================sp=*/@media screen and (max-width: 860px) {
						
#popupBtn {
	width: 24%;
	position: fixed;
	right: 2%;
	bottom: 5px;
	z-index: 100;
	cursor: pointer;
}
#popupBtn img {
	width: 100%;
	border-style:none;
}
						
					}/*====================*/
				
					

    
#intro {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1001;
}
#intro .bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
/* 	opacity: 0.8; */
}
#intro .introWrap {
	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;
}
	
#intro .introBox {
	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;
}
#intro .introBox:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
  
#intro .introBox .dbBox {
	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: 900px;
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	opacity: 1;
}
	#intro .introBox .db  {
		width: 50%;
		margin: 0 auto 0 auto;
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  -webkit-box-pack: center;
		     -ms-flex-pack: center;
		   justify-content: center;
		  -webkit-box-align: center;
		     -ms-flex-align: center;
		        align-items: center;
	}
	#intro .introBox .dbBox p.bd {
		background: #f5ab2d;
		width: 80%;
		margin: 15% 0 15% 0;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		box-shadow: 0 0 20px rgba(220, 85, 35, 0.90);
			
	}
		#intro .introBox .dbBox .db_l,
		#intro .introBox .dbBox .db_c,
		#intro .introBox .dbBox .db_r {
			width: 32%;
			margin: 0 1% 0 1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
		}
	
	#intro .introBox .dbBox p.txt01 {
		width: 80%;
		margin: 0 auto 0 auto;
	}
	#intro .introBox .dbBox p.txt02 {
		width: 55%;
		margin: 0 auto 0 auto;
	}
	
	
	#intro #intro01 {
		display: none;
	}
	#intro #intro02 {
		display: none;
	}
	#intro #intro03 {
		display: none;
	}
	
	








	#intro{
		display: none;
		overflow: hidden;
	}
		#intro .bg {
			opacity: 1;
		}
		#intro.show{
			display: block;
		}
		#intro.play{
			
		}
		#intro.end{
			animation: intro_q4 1s ease-out forwards;
		}
	
	#intro .introWrap{
		overflow-y: hidden;
		overflow-x: hidden;
	}
	
	#intro .introBox{
		display: flex;
		align-items: center;
	}
	#intro #intro01{
		display: none;
		opacity: 0;
	}
		#intro #intro01.play{
			display: block;
			animation: intro_q1 2s 0s forwards;
		}
	#intro #intro02{
		display: none;
		opacity: 0;
	}
		#intro #intro02.play{
			display: block;
			animation: intro_q1 2s 0s forwards;
		}
	#intro #intro03{
		display: none;
		transform: scale(4) rotate(180deg);
	}
		#intro #intro03.play{
			display: block;
			animation: intro_q2 1s forwards ease-out;
		}
			#intro #intro03 .db .bd{
				transform: scale(0.25) rotate(-180deg);
			}
				#intro #intro03.play .db .bd{
					animation: intro_q2 1s forwards ease-out;
				}
				#intro #intro03.play .db .bd.item_db_01{ }
				#intro #intro03.play .db .bd.item_db_02{ }
				#intro #intro03.play .db .bd.item_db_03{ }
				#intro #intro03.play .db .bd.item_db_04{ }
				#intro #intro03 .db .bd.item_db_05{ opacity: 0; }
				#intro #intro03.play .db .bd.item_db_05{ animation: intro_q3 1s 1s forwards; }
				#intro #intro03.play .db .bd.item_db_06{ }
				#intro #intro03.play .db .bd.item_db_07{ }
	
	@keyframes intro_q1{
		0%{
			opacity: 0;
			transform: scale(0.5);
			animation-timing-function: ease-out;
		}
		10%{
			opacity: 1;
			transform: scale(1);
			animation-timing-function: linear;
		}
		80%{
			opacity: 1;
			transform: scale(1.1);
			animation-timing-function: ease-out;
		}
		100%{
			opacity: 0;
			transform: scale(1.5);
		}
	}
	@keyframes intro_q2{
		0%{
			opacity: 0;
			animation-timing-function: ease-out;
		}
		100%{
			opacity: 1;
			transform: scale(1) rotate(0deg);
		}
	}
	@keyframes intro_q3{
		0%{
			opacity: 0;
			transform: scale(1.3) rotate(0deg);
		}
		100%{
			opacity: 1;
			transform: scale(1) rotate(0deg);
		}
	}
	@keyframes intro_q4{
		0%{
			opacity: 1;
			transform: scale(1);
			height: 100%;
		}
		99%{
			opacity: 0;
			transform: scale(1.5);
			height: 100%;
		}
		100%{
			opacity: 0;
			transform: scale(1.5);
			height: 0;
		}
	}



#topmovie .bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: absolute;
	background: #0b0b0b;
	opacity: 0.8;
}
    
#topmovie {
	position: fixed;
	width: 100%;
/*	height: 100%;	*/
	top: 0;
	left: 0;
	z-index: 1001;
	overflow: hidden;
	
	height: 0;
	opacity: 0;
}
	#topmovie.show{
		animation: bnr_show 0.4s 1s forwards;
	}
	#topmovie.show.hide{
		animation: bnr_hide 0.4s forwards;
	}
	
	@keyframes bnr_show{
		0%{
			opacity: 0;
			height: 100%;
		}
		99%{
			opacity: 1;
			height: 100%;
		}
		100%{
			opacity: 1;
			height: 100%;
		}
	}
	@keyframes bnr_hide{
		0%{
			opacity: 1;
			height: 100%;
		}
		99%{
			opacity: 0;
			height: 100%;
		}
		100%{
			opacity: 0;
			height: 0%;
		}
	}

#topmovie .movieWrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: absolute;
	outline: none !important;
	-webkit-backface-visibility: hidden;
	overflow-y: auto;
	overflow-x: hidden;
}
	
	
	
#topmovie .movieBox {
	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;
}
#topmovie .movieBox:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
  
#topmovie .movieBox .mov {
	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: 682px;
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	opacity: 1;
}

	#topmovie .mov .video {
		width: 100%;
		height: 0;
		overflow: hidden;
		padding-top: 56.25%;
	}
	#topmovie iframe { position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
		background: #000;
		z-index: 1 !important;
	}