@charset "utf-8";

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

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

html {
	background: #ffffff;
	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;
	}
		article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
			display: block
		}
		iframe { overflow-y: hidden; z-index: 1 !important; }
		.movie iframe, .movie object, .movie embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

		
#bikkuri_koujou {
	position: relative;
	z-index: 1;
	background: #06213f;
	overflow: hidden;
}

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

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


.fade:hover {
	opacity: 0.7;
}
					/*===================sp=*/@media screen and (max-width: 860px) {

.pc { display: none !important; }
.sp { display: block !important; }
.fade:hover {
	opacity: 1;
}

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

/*-----------------------------------------------------------
	text setting
-----------------------------------------------------------*/

h2 img ,
h3 img ,
h4 img ,
.img img {
	pointer-events : none !important;
}

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

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

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

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

.note {
	font-size: 2.4vw;
}

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

	


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

	.contentWrap {
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;

	}
	
	.line {
		width: 120%;
		height: 15px;
		margin-left: -10%;
		background: url(../img/line_main.png) no-repeat center top;
		background-size: 100% 100%;
		z-index: 2;
		position: absolute;
		top: -6px;
	}
	
	.contentWrap.slanting00 {
		padding: 0 0 4vw 0;
	}
	.contentWrap.slanting00.tyB {
		padding: 0 0 4vw 0;
		margin-top: -11vw !important;
		z-index: 1;
 	}

	.contentWrap.slanting01 {
		padding: 3vw 0 11vw 0;
		margin-top: 0 !important;
		-webkit-transform: skewY(2.74deg);
		-ms-transform: skewY(2.74deg);
		transform: skewY(2.74deg);
		-webkit-transform-origin: top right;
		-ms-transform-origin: top right;
		transform-origin: top right;
		z-index: 1;
	}
	.contentWrap.slanting02 {
		padding: 3vw 0 10vw 0;
		margin-top: -11vw !important;
		-webkit-transform: skewY(176.77deg);
		-ms-transform: skewY(176.77deg);
		transform: skewY(176.77deg);
		-webkit-transform-origin: top right;
		-ms-transform-origin: top right;
		transform-origin: top right;
		z-index: 1;
	}
	
	.contentWrap.slanting03 {
		padding: 4vw 0 11vw 0;
		margin-top: 0 !important;
		-webkit-transform: skewY(3.23deg);
		-ms-transform: skewY(3.23deg);
		transform: skewY(3.23deg);
		-webkit-transform-origin: top right;
		-ms-transform-origin: top right;
		transform-origin: top right;
		z-index: 1;
	}
	
		/*lead*/
		.contentWrap.contenbg01 {
			background: #06213f;
		}
		/*news*/
		.contentWrap.contenbg02 {
			background: #ffffff;
		}
		/*special*/
		.contentWrap.contenbg03 {
			background: #e62a05;
		}
		/*point*/
		.contentWrap.contenbg04 {
			background: #0771f9;
		}
		/*story*/
		.contentWrap.contenbg05 {
			background: url(../img/bg05.png) no-repeat left top;
			background-size: cover;
		}
		/*introduction*/
		.contentWrap.contenbg06 {
			background: #fa8604;
		}
		/*play*/
		.contentWrap.contenbg07 {
			background: #f7c003 url(../img/bg07.png) no-repeat center center !important;
			background-size: 83% auto;
		}
		/*introduction*/
		.contentWrap.contenbg08 {
			background: #fa8604 url(../img/bg08.png) repeat-y center top !important;
			background-size: 100% auto;
		}
		
		
		.contentBox {
			max-width: 700px;
			margin: 0 auto 0 auto;
			padding: 5vw 0 5vw 0;
			position: relative;
			z-index: 12;
		}
		
		.slanting01 .contentBox {
			-webkit-transform: skewY(-2.74deg);
			-ms-transform: skewY(-2.74deg);
			transform: skewY(-2.74deg);
			-webkit-transform-origin: top right;
			-ms-transform-origin: top right;
			transform-origin: top right;
		}
		
		.slanting02 .contentBox {
			-webkit-transform: skewY(-176.77deg);
			-ms-transform: skewY(-176.77deg);
			transform: skewY(-176.77deg);
			-webkit-transform-origin: top right;
			-ms-transform-origin: top right;
			transform-origin: top right;
		}
		
		.slanting03 .contentBox {
			-webkit-transform: skewY(-3.23deg);
			-ms-transform: skewY(-3.23deg);
			transform: skewY(-3.23deg);
			-webkit-transform-origin: top right;
			-ms-transform-origin: top right;
			transform-origin: top right;
		}
		
#content h2 {
	width: 100%;
	max-width: 700px;
	margin: 0 auto 0 auto;
	text-align: center;
}
	#content h2 img {
		width: 100%;
	}
	
#content h3 {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}
	#content h3 img {
		width: 100%;
		max-width: 600px;
	}
	
.contentBox .bnr {
	width: 50%;
	max-width: 300px;
	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: 80%;
	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: 34%; 
		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: 10vw 0 10vw 0;
		position: relative;
	}
		.contentBox {
			width: 90%;
			margin: 0 auto 0 auto;
			padding: 10vw 0 0 0;
		}
		
		/*story*/
		.contentWrap.contenbg05 {
			background: url(../img/sp/bg05.png) no-repeat left top;
			background-size: cover;
		}
		.contentWrap.contenbg07 {
			background: #f7c003 url(../img/bg07.png) no-repeat center top !important;
			background-size: 120% auto !important;
		}
			
	.line {
		height: 8px;
		top: -3px;
	}
	
#content h2 {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}
	#content h2 img {
		width: 130%;
		margin-left: -15%;
	}
	#content #news h2 img {
		width: 99%;
		margin-left: 0;
	}
	
					}/*====================*/
					



/*-----------------------------------------------------------
	#schedule setting
-----------------------------------------------------------*/
#shop {
	
}
	#shop .contentBox {
		max-width: 750px;
	}

#shop h3 {
	color: #051a32;
	font-size: 30px;
	text-align: center;
	margin-bottom: 40px;
}
		#ticket #shop .adBox {
			position: relative;
		}
		#ticket #shop .icon:before {
			content: "";
			position: absolute;
			right: -30px;
			top: -20px;
			width: 90px;
			height: 100%;
			background: url(../img/icon_add.png) no-repeat right top;
			background-size: 100% auto;
		}
		#ticket #schedule .iconnew:before {
			content: "";
			position: absolute;
			right: -30px;
			top: -20px;
			width: 90px;
			height: 100%;
			background: url(../img/icon_new.png) no-repeat right top;
			background-size: 100% auto;
		}

#shop .place {
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 12px;
}
#shop .date {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 16px;
/* 	line-height: 1.2; */
}

#shop .scheduledBox {
	width: 86%;
	margin: 0 auto 0 auto;
	padding: 0 0 30px 0;
	color: #ffffff;
}

	#shop .scheduledBox .maptxt {
		margin: 18px auto 0 auto;
		text-align: left;
		line-height: 1.3;
		font-size: 12px;
		padding-bottom: 20px;
		border-bottom: 2px solid #ffffff;
	}
		#shop .scheduledBox .maptxt a {
			color: #ffffff;
		}
	#shop .ticketbuyBox {
		padding: 20px 0 0 0;
	}
		#shop .ticketbuyBox .tictit {
			color: #ffffff;
			font-size: 18px;
			text-align: center;
			font-weight: bold;
		}
		#shop .ticketbuyBox2 .tictit {
			color: #ffffff;
			font-size: 18px;
			text-align: center;
			font-weight: bold;
		}
		
	#shop .scheduledBox .creditBox {
		margin: 20px auto 0 auto;
		text-align: left;
		line-height: 1.3;
		font-size: 12px;
	}
	
					/*===================sp=*/@media screen and (max-width: 860px) {

	#shop {

	}
		#shop .contentBox {
			max-width: 750px;
		}
	
	#shop h3 {
		color: #051a32;
		font-size: 5vw;
		text-align: center;
		margin-bottom: 20px;
	}

	#shop .scheduledBox {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 30px 0;
		color: #ffffff;
	}
			#ticket #shop .adBox {
				position: relative;
			}
			#ticket #shop .icon:before {
				content: "";
				position: absolute;
				right: -30px;
				top: -20px;
				width: 90px;
				height: 100%;
				background: url(../img/icon_add.png) no-repeat right top;
				background-size: 100% auto;
			}
			#ticket #schedule .iconnew:before {
				content: "";
				position: absolute;
				right: -30px;
				top: -20px;
				width: 90px;
				height: 100%;
				background: url(../img/icon_new.png) no-repeat right top;
				background-size: 100% auto;
			}
	
	#shop .place {
		color: #ffffff;
		font-size: 4.4vw;
		font-weight: bold;
		text-align: center;
		margin-top: 8px;
		margin-bottom: 12px;
	}
	#shop .date {
		color: #ffffff;
		font-size: 3.4vw;
		font-weight: bold;
		text-align: center;
		margin-bottom: 16px;
	/* 	line-height: 1.2; */
	}
	
	#shop .scheduledBox {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 30px 0;
		color: #ffffff;
	}
	
		#shop .scheduledBox .maptxt {
			margin: 18px auto 0 auto;
			text-align: left;
			line-height: 1.3;
			font-size: 12px;
			padding-bottom: 20px;
			border-bottom: 2px solid #ffffff;
		}
			#shop .scheduledBox .maptxt a {
				color: #ffffff;
			}
		#shop .ticketbuyBox {
			padding: 20px 0 0 0;
		}
			#shop .ticketbuyBox .tictit {
				color: #ffffff;
				font-size: 18px;
				text-align: center;
				font-weight: bold;
			}
			#shop .ticketbuyBox2 .tictit {
				color: #ffffff;
				font-size: 18px;
				text-align: center;
				font-weight: bold;
			}
			
		#shop .scheduledBox .creditBox {
			margin: 20px auto 0 auto;
			text-align: left;
			line-height: 1.3;
			font-size: 12px;
		}
		

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

/*----------------------------------tab setting----------*/
.tabWrap {
	width: 100%;
	height: auto;
}

input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}

	.tabbtn {
		width: auto;
		font-size: 20px;
/* 		transition: all 0.2s ease; */
	}
	input[name="tabbtn"] { display: none !important; }
	
	.tabBox {
		width: 100%;
		background: #ffffff;
		display: none;
	}
	#area01:checked ~ #area01Box,
	#area02:checked ~ #area02Box,
	#area03:checked ~ #area03Box,
	#area04:checked ~ #area04Box {
		display: block;
	}
	.tabWrap input:checked + .tabbtn {
		background: #000000;
		color: #ffffff;
	}

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

	.tabWrap {
		width: 100%;
		height: auto;
	}
	
	input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	}
	
		.tabbtn {
			width: auto;
			font-size: 20px;
	/* 		transition: all 0.2s ease; */
		}
		input[name="tabbtn"] { display: none !important; }
		
		.tabBox {
			width: 100%;
			background: #ffffff;
			display: none;
		}
		#area01:checked ~ #area01Box,
		#area02:checked ~ #area02Box,
		#area03:checked ~ #area03Box,
		#area04:checked ~ #area04Box {
			display: block;
		}
		.tabWrap input:checked + .tabbtn {
			background: #000000;
			color: #ffffff;
		}

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

/*----------------------------------adWrap setting----------*/
.box {
	text-align: center;
}
	.box .adBox {
		margin: 0 0 30px 0;
		background: #e62a05;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
/* 		overflow: hidden; */
	}
	
	.box .adBtn {
		cursor: pointer;
		padding: 10px;

	}

		.box {
		margin: 0 0 30px 0;
		padding: 20px;
		background: #e62a05;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
/* 		overflow: hidden; */
	}
	

					/*===================sp=*/@media screen and (max-width: 860px) {
	
	.box {
		text-align: center;
	}
		.box .adBox {
			margin: 0 0 30px 0;
			background: #e62a05;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
	/* 		overflow: hidden; */
		}
		
		.box .adBtn {
			cursor: pointer;
			padding: 10px;
	
		}
	
			.box {
			margin: 0 0 30px 0;
			padding: 20px;
			background: #e62a05;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
	/* 		overflow: hidden; */
		}
						
						}/*====================*/


/*-----------------------------------------------------------
	#event setting
-----------------------------------------------------------*/

#shop #ticket_api .contentBox {
	width: 100%;
	padding: 0 0 0 0;
}

#shop #ticket_api .date {
	color: #000000;
}

#shop #ticket_api {
	color: #000000;
}

#shop h4 {
	color: #ffffff;
}

#shop a {
	color: #000000;
}

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

#shop h4 {
	color: #ffffff;
	font-size: 0.1vw;
}

					}/*====================*/
/*
#event {
}

._scheduler_container ._calendar_container ._calendar_main .preMonth {
	color: #2975e2 !important;
}
._scheduler_container ._calendar_container ._calendar_main .nextMonth {
	color: #2975e2 !important;
}
._scheduler_container ._scheduler_event_wrapper ._scheduler_event_timeSet_pc {
	margin-bottom: 15px;
}
._scheduler_container {
	margin-bottom: 60px !important;
}
*/
					/*===================sp=*/@media screen and (max-width: 860px) {

/*
._scheduler_container {
	margin-bottom: 30px !important;
}
*/

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



/*-----------------------------------------------------------
	#pagetopBtn setting
-----------------------------------------------------------*/

#pagetopBtn {
	width: 100%;
	background: #ffffff;
	display: block;
	position: relative;
}
	#pagetopBtn p {
		width: 100%;
		padding-top: 19%;
		background: #ffffff url(../img/top_btn.svg) no-repeat center center;
		background-size: auto 40%;
	}

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

	#pagetopBtn p {
		padding-top: 38%;
	}
					}/*====================*/

/*-----------------------------------------------------------
	#footer setting
-----------------------------------------------------------*/
#footer {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 80px 0px 80px 0px;
	position: relative;
	line-height: 1.6;
	color: #e5e5e4;
	background: #000000;
	z-index: 2;
}
	.footerWrap {
		max-width: 960px;
		margin: 0 auto 0 auto;
	}
	
		#footer .logoBox {
			width: 90%;
			margin: 40px auto 30px auto;
			
		}
			#footer .logoBox .logo {
				width: 40%;
				max-width: 180px;
				margin: 0 auto 20px auto;
				font-size: 22px;
				color: #ffffff;
			}

		#footer .copyright {
			font-size: 15px;
			margin: 30px auto 0 auto;
			color: #ffffff;
		}


					/*===================sp=*/@media screen and (max-width: 860px) {
						
#footer {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 15vw 0 45vw 0;
}
	.footerWrap {
		width: 90%;
		margin: 0 auto 0 auto;
	}
	#footer .copyright {
		margin-top: 0px;
		font-size: 12px;
	}
		#footer .logoBox {
			width: 80%;
		}
			#footer .logoBox .logo01 {
			}
				
						
					}/*====================*/


/*-----------------------------------------------------------
	mailmagazine setting
-----------------------------------------------------------*/
.mailmagazine {
	margin: 0 auto 0 auto;
}
	.mailmagazine .bnr {
		width: 90%;
		max-width: 400px;
		margin: 0 auto 0 auto;
	}

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

	.mailmagazine .bnr {
		width: 80%;
	}

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

/*----------------------------------#popup setting----------*/
#popup {
	display: none;
}
	#popupBtn {
		width: 17%;
		max-width: 200px;
		position: fixed;
		right: 0;
		bottom: -3px;
		z-index: 100;
		cursor: pointer;
	}
		#popupBtn img {
			width: 100%;
			border-style:none;
		}


					/*===================sp=*/@media screen and (max-width: 860px) {
					
#popupBtn {
	width: 27%;
	right: 0;
	bottom: 0;
}
#popupBtn img {
	width: 100%;
	border-style:none;
}
					
					}/*====================*/


/*----------------------------------#popup setting----------*/
#share {
	width: 75px;
	line-height: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: fixed;
	bottom: 37%;
	left: 20px;
	z-index: 15;
}
		#share ul {
			width: 100%;
			margin: 20px 0 0 0;
		}
		#share ul li {
			width: 100%;
			margin: 0 0 5px 0 ;
		}
		#share ul li img {
			width: 100%;
			height: auto;
		}

					/*===================sp=*/@media screen and (max-width: 860px) {
					
#share {
	width: 10%;
	left: auto;
	right: 1%;
	bottom: 40%;
}
					
					}/*====================*/

/*----------------------------------deco setting----------*/

.dcp {
	position: relative;
}
.decoBox {
	z-index: 10;
	position: relative;
}
.inner .decoBox {
	z-index: 10;
	position: static;
}
	.decoBox div {
		position: absolute;
		width: 100%;
		z-index: 5;
	}
		.decoBox div p {
			background-position: left top !important;
			background-size: 100% auto !important;
		}
		
	.decoBox .deco01 {
		width: 28.2%;
		left: -7%;
		top: -14%;
	}
	.faq .decoBox .deco01 {
		width: 28.2%;
		left: -10%;
		top: 5%;
	}
	.goods .decoBox .deco01 {
		width: 28.2%;
		left: -10%;
		top: 5%;
	}
		.decoBox .deco01 p {
			background: url(../img/item_01.png) no-repeat left top;
			padding-top: 97%;
		}
	.decoBox .deco02 {
		width: 13%;
		left: -1%;
		top: -11.5%;
	}
	.faq .decoBox .deco02 {
		width: 13%;
		left: -2%;
		top: 7.5%;
	}
	.goods .decoBox .deco02 {
		width: 13%;
		left: -2%;
		top: 7.5%;
	}
		.decoBox .deco02 p {
			background: url(../img/item_02.png) no-repeat left top;
			padding-top: 318%;
		}
	.decoBox .deco03 {
		width: 18.5%;
		left: 0;
		top: 35%;
	}
	#sale .decoBox .deco03 {
		width: 18.5%;
		left: -4%;
		top: -37%;
	}
		.decoBox .deco03 p {
			background: url(../img/item_03.png) no-repeat left top;
			padding-top: 205%;
		}
	#introduction .decoBox .deco03 {
		left: -3%;
		bottom: 200px;
		top: auto;
	}
	
	.decoBox .deco04 {
		width: 16.08%;
		right: -5%;
		top: 12%;
	}
	.faq .decoBox .deco04 {
		width: 16.08%;
		right: -5%;
		top: 15%;
	}
	.goods .decoBox .deco04 {
		width: 16.08%;
		right: -5%;
		top: 15%;
	}
		.decoBox .deco04 p {
			background: url(../img/item_04.png) no-repeat left top;
			padding-top: 102%;
		}
	.decoBox .deco05 {
		width: 41.3%;
		left: -13.5%;
		top: 4%;
	}
	#schedule .decoBox .deco05 {
		width: 41.3%;
		left: -19%;
		top: -150px;
	}
		.decoBox .deco05 p {
			background: url(../img/item_05.png) no-repeat left top;
			padding-top: 119%;
		}
		
	.decoBox .deco06 {
		width: 30.5%;
		right: -8%;
		top: -5%;
	}
		.decoBox .deco06 p {
			background: url(../img/item_06.png) no-repeat left top;
			padding-top: 186%;
		}

	.decoBox .deco07 {
		width: 23.3%;
		right: -5.5%;
		top: 27%;
	}
	#sale .decoBox .deco07 {
		width: 23.3%;
		right: -8%;
		top: -20%;
	}
	.faq .decoBox .deco07 {
		width: 23.3%;
		right: -5.5%;
		top: -10%;
	}
	.goods .decoBox .deco07 {
		width: 23.3%;
		right: -5.5%;
		top: -10%;
	}
		.decoBox .deco07 p {
			background: url(../img/item_07.png) no-repeat left top;
			padding-top: 330%;
		}
		

	.decoBox .deco08 {
		width: 14.2%;
		left: 2%;
		top: -24%;
	}
	#howto .decoBox .deco08 {
		width: 14.2%;
		left: auto;
		right: 0;
		top: auto;
		bottom: 5%;
	}
	.faq .decoBox .deco08 {
		width: 14.2%;
		left: 2%;
		top: -4%;
	}
	.goods .decoBox .deco08 {
		width: 14.2%;
		left: 2%;
		top: -4%;
	}
		.decoBox .deco08 p {
			background: url(../img/item_08.png) no-repeat left top;
			padding-top: 267%;
		}
	.decoBox .deco09 {
		width: 20%;
		left: -2%;
		top: -130px;
	}
	#ticket .decoBox .deco09 {
		width: 20%;
		left: 0%;
		top: -24%;
	}
		.decoBox .deco09 p {
			background: url(../img/item_09.png) no-repeat left top;
			padding-top: 396%;
		}
	.decoBox .deco10 {
		width: 20%;
		right: -8.5%;
		top: -120px;
	}
		.decoBox .deco10 p {
			background: url(../img/item_10.png) no-repeat left top;
			padding-top: 396%;
		}
	.decoBox .deco11 {
		width: 28.2%;
		right: -6%;
		top: -15%;
	}
		.decoBox .deco11 p {
			background: url(../img/item_11.png) no-repeat left top;
			padding-top: 97%;
		}
	.decoBox .deco12 {
		width: 11.6%;
		left: -4.2%;
		top: 4%;
	}
		.decoBox .deco12 p {
			background: url(../img/item_12.png) no-repeat left top;
			padding-top: 532%;
		}
	.decoBox .deco13 {
		width: 10.5%;
		right: 2%;
		bottom: 40%;
	}
		.decoBox .deco13 p {
			background: url(../img/item_13.png) no-repeat left top;
			padding-top: 233%;
		}
		
/*
	.decoBox .deco14 {
		width: 19.4%;
		left: 1%;
		bottom: 10%;
	}
		.decoBox .deco14 p {
			background: url(../img/item_14.png) no-repeat left top;
			padding-top: 121%;
		}
*/
		
		

					/*===================sp=*/@media screen and (max-width: 860px) {
					
.decoBox {
	display: none;
}
					
					}/*====================*/	
					
					
#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: 1500;
	
	transition: all .7s ease;
}

#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 0 auto;
	text-align: left;
	z-index: 1045;
	cursor: auto;
	line-height: 0;
	width: 90%;
	max-width: 740px;
	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 .btn {
		position: absolute;
		top: -45px;
		right: 0;
		width: 30px;
	}