@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700;900&display=swap');

html {
	background: #000000;
	color: #ffffff;
	font-family: 'Noto Serif JP' , Osaka, 'MS PGothic', arial, helvetica, 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.f {
		max-width: 100%;
		width: 100%;
	}
		article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
			display: block
		}
		.movieBox {
			width: 90%;
			max-width: 640px;
			margin: 35px auto 0 auto;
		}
		.movie iframe, .movie object, .movie embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		
#wizardpark {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	overflow: hidden;
}
.maind {

}
.maind:before {
	/* content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: red;
	z-index: 1000;
	opacity: .5; */
}

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

#wizardpark {
	padding: 0 0 0 0;
}

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

.preload* {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}

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

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

.fade {
	transition: opacity 0.3s cubic-bezier(0,.72,.62,1);
}

.fade:hover {
	opacity: 0.8;
}
.tc {
	text-align: center !important;
}
					/*===================sp=*/@media screen and (max-width: 860px) {

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

.tcenter{
	text-align: center !important;
}

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

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

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

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

/* .fcR { color: #B52619 !important; } */
.fcR { color: #e3210f !important; }
b.fcR { color: #B52619 !important;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); }
.fcG { color: #a4a4a4; }
.fcB { color: #abebef; }
.fcY { color: #ffa282; }
.fb {
	font-weight: bold !important;
}

				.indent {
					
				}
					.indent.note::before {
						content: "※";
						display: block;
						float: left;
						margin-left: -1em;
						width: 1em;
					}

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

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


/*-----------------------------------------------------------
	#announce setting
-----------------------------------------------------------*/
#announce {
	background: url(../img/bg_05_y.png) repeat;
	background-size: 500px auto;
}
	#announce p {
		width: 100%;
	}
		#announce p a {
			width: 100%;
			background: linear-gradient(90deg, rgba(227, 181, 122, 1) 0%, rgba(142, 114, 77, 1) 100%);
			display: block;
			padding: 5px;
			box-sizing: border-box;
			text-decoration: none;
			font-weight: 700;
			font-size: 15px;
			line-height: 1.6;
			text-align: center;
			letter-spacing: 0.05em;
			color: #000000;
		}

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

#announce {
}
	#announce p {
	}
		#announce p a {
			font-size: 12px;
		}

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

/*-----------------------------------------------------------
	mv setting
-----------------------------------------------------------*/
#mv {
	background: url(../img/mv_img.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
	z-index: 1;
}
	.maind #mv {
		background: url(../img/mv_img_d.jpg) no-repeat center top;
		background-size: cover;
	}

#mv:before {
	content: "";
	width: 100%;
	padding-top: 54.65%;
	display: block;
}
	#mv .mvBox:first-child:before,
	#mv .mvBox:first-child:after {
		content: "";
		position: absolute;
		width: 8.33vw;
		padding-top: 8.33vw;
		background: url(../img/dc_01.svg) no-repeat center center;
		background-size: contain;
		z-index: 3;
	}
	#mv .mvBox:first-child:before {
		top: 2.80%;
		left: 1.53%;
		background: url(../img/dc_02.svg) no-repeat center center;
		background-size: contain;
	}
	#mv .mvBox:first-child:after {
		top: 3.15%;
		right: 1.72%;
		transform: rotate(180deg);
		display: none;
	}
	#mv .mvBox:nth-child(2):before,
	#mv .mvBox:nth-child(2):after {
		content: "";
		position: absolute;
		width: 8.33vw;
		padding-top: 8.33vw;
		background: url(../img/dc_01.svg) no-repeat center center;
		background-size: contain;
		z-index: 3;
	}
	#mv .mvBox:nth-child(2):before {
		bottom: 2.54%;
		left: 1.39%;
		transform: rotate(0deg);
	}
	#mv .mvBox:nth-child(2):after {
		bottom: 2.54%;
		right: 1.39%;
		transform: rotate(270deg);
	}
	#mv .logo {
		width: 5.42%;
		position: absolute;
		left: 1.11%;
		top: 2.29%;
		z-index: 2;
	}
	#mv .mvBox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
		#mv .mvBox .txt {
			width: 100%;
			max-width: 100%;
			height: 100%;
			display: flex;
			margin: 0 auto 0 auto;
			justify-content: space-between;
			align-items: flex-start;
		}
			#mv .mvBox .txt .txt01 {
				width: 11.23%;
				/* max-width: 163px; */
				position: absolute;
				right: 6.67%;
				top: 13.7%;
			}

		#mv .mvBox .tit {
			width: 46.25%;
			position: absolute;
			left: 0.694%;
			top: 12.71%;
		}
		

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

#mv {
	background-image: url(../img/sp/mv_img.jpg);
	background-size: cover;
}
.maind #mv {
	background-image: url(../img/sp/mv_img_d.jpg);
	background-size: cover;
}
#mv:before {
	padding-top: 141.03%;
}
	#mv .mvBox:first-child:before,
	#mv .mvBox:first-child:after {
		width: 19.23vw;
		height: 13.64%;
		padding-top: 0;
	}
	#mv .mvBox:first-child:before {
		top: 1.82%;
		left: 2.56%;
		padding-top: 0;
	}
	#mv .mvBox:first-child:after {
		top: 1.82%;
		right: 2.56%;
	}
	#mv .mvBox:nth-child(2):before,
	#mv .mvBox:nth-child(2):after {
		width: 19.74vw;
		height: 19.74vw;
		padding-top: 0;
	}
	#mv .mvBox:nth-child(2):before {
		bottom: 1.82%;
		left: 2.56%;
		padding-top: 0;
	}
	#mv .mvBox:nth-child(2):after {
		bottom: 1.82%;
		right: 2.56%;
	}
	#mv .logo {
		width: 13.08%;
		max-width: 13.08%;
		left: 3.33%;
		top: 2.18%;
	}
	#mv .mvBox {
	}
		#mv .mvBox .txt {
			width: 100%;
			max-width: 100%;
			justify-content: flex-end;
			align-items: flex-start;
			/* margin-top: 16.15%; */
		}
			#mv .mvBox .txt .txt01 {
				width: 75%;
				/* max-width: none; */
				position: absolute;
				left: 11.3%;
				top: 9.3%;
				margin: 0;
			}
			#mv .mvBox .txt .txt02 {
				width: 6.5%;
				margin-top: 15.38%;
				margin-left: 0;
			}
		#mv .mvBox .tit {
			width: 85.9%;
			max-width: none;
			top: auto;
			bottom: 3.64%;
			left: 50%;
			transform: translateX(-50%);
		}

					}/*====================*/
				
/*-----------------------------------------------------------
	head setting
-----------------------------------------------------------*/
#head {
	background: url(../img/bg_c.png) no-repeat center center;
	background-size: cover;
	position: relative;
	z-index: 1;
}
	#head:before {
		content: "";
		width: 100%;
		display: block;
		min-height: 300px;
		max-height: 213px;
		box-sizing: border-box;
		/* background: linear-gradient(0, #000 0%, rgba(0, 0, 0, 0.00) 50%); */
	}
	.howto #head:before {
		background: linear-gradient(0, #000 0%, rgba(0, 0, 0, 0.00) 50%);
	}
	#head .logo {
		width: 24.79%;
		position: absolute;
		left: 2.08%;
		top: 30px;
		z-index: 2;
		display: flex;
		justify-content: space-around;
	}
		#head .logo a.logo_n {
			width: 54.62%;
		}
		#head .logo a.logo_d {
			width: 40.06%;
		}
	#head .mvBox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}
		#head .mvBox .tit {
			width: 90%;
			max-width: 630px;
			text-align: center;
			margin: 0 auto;
		}
			#head .mvBox .tit span {
				text-align: center;
				letter-spacing: 0.05em;
				display: block;
			}
				#head .mvBox .tit span.prefecture {
					font-size: 24px;
					line-height: 1;
					margin-top: 20px;
					margin-bottom: 5px;
					font-weight: 700;
				}
					#head .mvBox .tit span.prefecture img {
						margin-bottom: 3px;
					}
				#head .mvBox .tit span.place {
					font-size: 18px;
					line-height: 1;
					margin-bottom: 15px;
					font-weight: 500;
				}
				#head .mvBox .tit span.date {
					font-size: 16px;
					line-height: 1.4;
					font-weight: 500;
					margin-bottom: 2%;
				}
				#head .mvBox .tit span.date2 {
					font-size: 16px;
					line-height: 1.4;
					font-weight: 700;
					color: #B52619;
					margin-top: -2%;
					margin-bottom: 2%;
				}
				

#head.bgn {
	background: none;
}
	#head.bgn:after,
	#head.bgn:before,
	#head.bgn .mvBox:before {
		display: none;
	}

	
					/*===================sp=*/@media screen and (max-width: 860px) {
							
#head {
	/* background: url(../img/bg_b_2.jpg) no-repeat center top;
	background-size: auto 120%; */
}
	#head:after {
	}
	#head:before {
		
	}
	.howto #head:before {
		min-height: 250px;
	}
	.howto #head .mvBox {
		justify-content: flex-end;
	}
	.howto #head .mvBox .tit {
		margin: 5% auto 5% auto;
	}

	#head .logo {
		width: 60%;
		left: 5.13%;
		top: 15px;
	}
	#head .mvBox {
	}
		#head .mvBox:before {
			content: "";
			width: 79.23%;
			margin-bottom: -5px;
			right: -10.59%;
		}
		#head .mvBox .tit {
			width: 89.74%;
			max-width: 89.74%;
			margin: 5% auto 0 auto;
		}
			#head .mvBox .tit span {
			}
				#head .mvBox .tit span.prefecture {
					font-size: 24px;
					margin-top: 15px;
					margin-bottom: 5px;
				}
					#head .mvBox .tit span.prefecture img {
						width: 140%;
						margin-left: -20%;
						margin-bottom: 10px;
					}
					#head .mvBox .tit img {
						width: 140%;
						margin-left: -20%;
						margin-bottom: 0;
					}
					#head .mvBox .tit picture img {
						width: 100%;
						margin-left: auto;
						margin-bottom: 0;
					}
				#head .mvBox .tit span.place {
					font-size: 14px;
					margin-bottom: 20px;
				}
				#head .mvBox .tit span.date {
					font-size: 16px;
					margin-bottom: 0;
				}
				#head .mvBox .tit span.date2 {
					font-size: 16px;
					margin-top: 0;
				}
#head.bgy {
}
	#head.bgy .mvBox:before {
	}

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


/*-----------------------------------------------------------
	gnavi setting
-----------------------------------------------------------*/

.gnavi {
	width: 100%;
	margin: 0 auto 0 auto;
	z-index: 200;
	top: 0;
	left: 0;
	position: fixed;
	transition: top 0.3s ease;
}
.gnavi.fixed {
	position: fixed;
	top: 0;
}
.gnavi.op {
	position: fixed;
}

#navbtn {
	width: 56px;
	height: 77px;
	z-index: 201;
	cursor: pointer;
	text-align: center;
	position: fixed;
	margin: 0 0 0 auto;
	padding: 0;
	background: url('../img/nav_bg.png') no-repeat;
	background-size: 100% 100%;
	right: 20px;
	top: 10px;
	opacity: 0;
	transition: top 0.3s ease, opacity 0.5s ease;
	filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.50));
}
#navbtn.in {
	opacity: 1;
}
#navbtn:before {
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	#navbtn span {
		display: block;
		position: absolute;
		width: 22px;
		height: 2px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		background: linear-gradient(90deg, #F6ECA5 0%, #B0955C 43.75%, #BE9D5D 100%);
		border-radius: 94.34px;
	}
	#navbtn span:nth-child(1) {
		top: 32px;
	}
	#navbtn span:nth-child(2) {
		top: 39px;
	}
	#navbtn span:nth-child(3) {
		top: 46px;
	}

	#navbtn.op span:nth-child(1) {
		top: 39px;
		left: 50%;
		transform: translateX(-50%) rotate(-45deg);
		-ms-transform: translateX(-50%) rotate(-45deg);
		-webkit-transform: translateX(-50%) rotate(-45deg);
		-moz-transform: translateX(-50%) rotate(-45deg);
	}
	#navbtn.op span:nth-child(2),
	#navbtn.op span:nth-child(3) {
		top: 39px;
		left: 50%;
		transform: translateX(-50%) rotate(45deg);
		-ms-transform: translateX(-50%) rotate(45deg);
		-webkit-transform: translateX(-50%) rotate(45deg);
		-moz-transform: translateX(-50%) rotate(45deg);
	}
					/*===================sp=*/@media screen and (max-width: 860px) {
					#navbtn {
						width: 47px;
						height: 64px;
						right: 10px;
					}
					#navbtn span:nth-child(1) {
						top: 27px;
					}
					#navbtn span:nth-child(2) {
						top: 32px;
					}
					#navbtn span:nth-child(3) {
						top: 38px;
					}
					#navbtn.op span:nth-child(1),
					#navbtn.op span:nth-child(2),
					#navbtn.op span:nth-child(3) {
						top: 32px;
					}
					}/*====================*/

#navpop {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11;
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s ease, visibility .5s ease;
}
.gnavi.op #navpop {
	opacity: 1;
	visibility: visible;
}
	#navpop .bg {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9;
		overflow: hidden;
		position: fixed;
		background: #000000 url(../img/bg_d.png) no-repeat center center;
		background-size: cover;
	}
	#navpop .navpopwrap {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		position: fixed;
		outline: none !important;
		-webkit-backface-visibility: hidden;
		overflow-y: auto;
		overflow-x: hidden;
	}
		#navpop .navpopwrap .navbox {
			padding: 0 0 0 0;
			margin: 0 auto 0 auto;
			display: flex;
			justify-content: center;
			width: 100%;
			height: 100%;
		}
			#navpop .navpopwrap .navbox ul {
				width: 100%;
				max-width: 690px;
				margin: 35px auto 0 auto;
				padding: 0;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				align-items: flex-start;
				align-content: flex-start;
			}
				#navpop .navpopwrap .navbox li {
					width: 47.83%;
					padding: 0;
					border-bottom: 1px solid rgba(255, 255, 255, 0.10);
					box-sizing: border-box;
				}
				#navpop .navpopwrap .navbox li.day,
				#navpop .navpopwrap .navbox li.l {
					border-bottom: none;
					margin-top: 30px;
				}
				#navpop .navpopwrap .navbox li.day a:before {
					display: none;
				}
					#navpop .navpopwrap .navbox li.logo {
						flex-basis: 100%;
						display: flex;
						justify-content: center;
						margin: 0 auto 30px auto;
						border: none;
						padding: 0;
					}
					#navpop .navpopwrap .navbox li.logo a {
						width: 64.1vw;
						max-width: 340px;
						padding: 0;
					}
						#navpop .navpopwrap .navbox li.logo a:before {
							display: none;
						}
					#navpop .navpopwrap .navbox li a,
					#navpop .navpopwrap .navbox li p {
						color: #ffffff;
						font-weight: 700;
						text-decoration: none;
						font-size: 16px;
						line-height: 1;
						transition: all .4s;
						padding: 10px 0 9px 0;
						box-sizing: border-box;
						display: block;
						display: flex;
						align-items: center;
					}
					.maind #navpop .navpopwrap .navbox li a,
					.maind #navpop .navpopwrap .navbox li p {
						color: #000000;
					}
					#navpop .navpopwrap .navbox li.l a {
						line-height: 1.4;
						align-items: baseline;
					}
					#navpop .navpopwrap .navbox li a:before,
					#navpop .navpopwrap .navbox li p:before {
						content: "";
						width: 7px;
						height: 12px;
						margin-right: 8px;
						background: url(../img/arrow_1.png) no-repeat center center;
						background-size: contain;
					}
					#navpop .navpopwrap .navbox li a img {
						width: 100%;
						height: auto;
					}
					#navpop .navpopwrap .navbox li a.img:before {
						display: none;
					}
					#navpop .navpopwrap .navbox li a.img:before {
						display: none;
					}

					#navpop .navpopwrap .navbox li span.cs {
						opacity: .43;
					}
					
			#navpop .navpopwrap .navbox ul ul {
				width: 100%;
				padding: 0 45px 3px 45px;
				margin-top: 0;
				box-sizing: border-box;
			}
				#navpop .navpopwrap .navbox ul ul li {
					width: 100%;
					border-bottom: none;
					display: flex;
					align-items: center;
					color: #ffffff;
					margin: 5px 0 17px 0;
				}
					#navpop .navpopwrap .navbox ul ul li a,
					#navpop .navpopwrap .navbox ul ul li p {
						font-size: 14px;
						padding: 0;
						margin: 0;
						color: #ffffff;
					}
					#navpop .navpopwrap .navbox ul ul li:before,
					#navpop .navpopwrap .navbox ul ul li:before {
						content: "";
						width: 15px;
						height: 1px;
						background: #C8AB72;
						display: block;
						margin: 0;
						margin-right: 8px;
					}
					#navpop .navpopwrap .navbox ul ul li.img:before {
						display: none;
					}
					#navpop .navpopwrap .navbox ul ul li a:before,
					#navpop .navpopwrap .navbox ul ul li p:before {
						display: none;
					}
					
					
					#navpop .navpopwrap .navbox ul li p,
					#navpop .navpopwrap .navbox ul ul li p {
						opacity: .43;
					}

					#navpop .navpopwrap .navbox .nav a:hover {
						opacity: .5;
					}

					/*===================sp=*/@media screen and (max-width: 860px) {
					#navpop .navpopwrap {
						overflow-y: auto;
					}
					#navpop .navpopwrap .navbox ul {
						justify-content: flex-start;
						align-content: center;
						flex-direction: column;
						flex-wrap: nowrap;
					}
					#navpop .navpopwrap .navbox li {
						width: 84.62vw;
						max-width: 330px;
						margin-left: auto;
						margin-right: auto;
					}
					#navpop .navpopwrap .navbox li:nth-child(2),
					#navpop .navpopwrap .navbox li:nth-child(3) {
						border-top: none;
					}
					#navpop .navpopwrap .navbox li.logo {
						flex-basis: auto;
					}
					#navpop .navpopwrap .navbox li.day,
					#navpop .navpopwrap .navbox li.l {
						margin-top: 0;
					}

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

#navpop .navpopwrap .navbox ul li a {
	transition: opacity 0.3s cubic-bezier(0,.72,.62,1);
}
#navpop .navpopwrap .navbox ul li a:hover {
	opacity: 0.7;
}
					/*===================sp=*/@media screen and (max-width: 860px) {
#navpop .navpopwrap .navbox ul li a:hover {
	opacity: 1;
}
					}/*====================*/

/*-----------------------------------------------------------
	#content setting
-----------------------------------------------------------*/
#content {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	font-size: 16px;
	line-height: 1.8;
	overflow: hidden;
}
	.contentWrap {
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
		.contentBox {
			max-width: 1280px;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
			position: relative;
		}

	.movie {
		margin: 0 auto 0 auto;
		position: relative; 
		padding-bottom: 56.5%; 
		height: 0; 
		overflow: hidden; 
		max-width: 100%;
	}
		.movie iframe, .movie object, .movie embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
					/*===================sp=*/@media screen and (max-width: 860px) {

#content {
}
	.contentWrap {
	}
		.contentBox {
			max-width: 100%;
		}
					}/*====================*/
					
					

/*-----------------------------------------------------------
	endannounce setting
-----------------------------------------------------------*/
.endannounce {
	margin: 20px auto 80px auto;
}
.endannounce p {
	display: inline-block;
	margin: 0 auto;
	padding: 30px 50px;
	border-radius: 5px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.3);
	font-weight: 500;
	font-size: 28px;
	line-height: 150%;
	text-align: center;
	letter-spacing: 0.05em;
}

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

.endannounce {
	margin: 10px auto 40px auto;
}
.endannounce p {
	font-size: 20px;
	padding: 20px 40px;
}
					}/*====================*/


/*-----------------------------------------------------------
	#intro setting
-----------------------------------------------------------*/
#intro {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	background: linear-gradient(180deg, #000 0%, #5E5514 100%);
}	

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

						#intro {
							padding: 0 0 0 0;
						}
										
					}/*====================*/

/*-----------------------------------------------------------
	#lead setting
-----------------------------------------------------------*/

	#lead {
		padding: 37px 0 40px 0;
		position: relative;
		z-index: 1;
	}
		#lead .mtxt {
			width: 100%;
			max-width: 1028px;
			margin: 0 auto;
			line-height: 0;
		}

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

	#lead {
		padding: 0 0 10px 0;
	}
		#lead .mtxt {
			width: 96.03%;
			max-width: 96.03%;
		}
				
					}/*====================*/

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

	#photo {
		padding: 5px 0 5px 0;
		z-index: 1;
		position: relative;
	}
		#photo .slide {
			display: none;
		}
		#photo .slide.slick-initialized {
			display: block;
		}
		#photo .slide .slick-slide {
			margin: 0 2px 0 2px;
		}

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

	#photo {
	}
				
					}/*====================*/


	#menu {
		position: relative;
		z-index: 100;
		opacity: 1;
	}
	#menu.fixed {
		opacity: 1;
	}
		#menu .menuWrap {
			position: fixed;
			bottom: -100px;
			transition: all .3s ease-out;
			width: 100%;
		}
		#menu.fixed .menuWrap {
			bottom: 10px;
		}
			#menu ul {
				width: 98%;
				max-width: 1280px;
				margin: 0 auto;
				background: url(../img/bg_gr.png) repeat center center;
				background-size: 500px 500px;
				display: flex;
				align-items: center;
				box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.60);
				border-radius: 3px;
				position: relative;
			}
			
			#menu ul::before {
				content: "";
				display: block;
				width: 13px;
				height: 13px;
				background: url(../img/dc_05.svg) no-repeat center center;
				background-size: 100% auto;
				position: absolute;
				left: 20px;
			}
			#menu ul::after {
				content: "";
				display: block;
				width: 13px;
				height: 13px;
				background: url(../img/dc_05.svg) no-repeat center center;
				background-size: 100% auto;
				position: absolute;
				right: 20px;
			}
				#menu ul li {
					width: 100%;
					position: relative;
					border-right: 1px solid rgba(0, 0, 0, 0.25);
				}
					#menu ul li a,
					#menu ul li p {
						display: block;
						line-height: 0;
						position: relative;
						padding-top: 21%;
						width: 100%;
						
						transition: all 0.3s cubic-bezier(0,.72,.62,1);
					}
						#menu ul li a:hover {
							background: rgba(255, 255, 255, 0.30);
							opacity: 1;
						}
						#menu ul li a img,
						#menu ul li p img {
							position: absolute;
							bottom: 0;
							left: 0;
							width: 100%;
						}
						#menu ul li p {
							background: rgba(0, 0, 0, 0.1);
						}
						#menu ul li p img {
							opacity: .15;
						}
				
				#menu ul li:last-child {
					border-right: none;
				}
				#menu ul li:last-child a {
					border-radius: 0 5px 5px 0;
				}
				#menu ul li:first-child a {
					border-radius: 5px 0 0 5px;
				}

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

	#menu {
	}
		#menu:before {
			padding-top: 5%;
		}
		
	#menu.fixed {
		opacity: 1;
	}
		#menu .menuWrap {
			bottom: -300px;
		}
		#menu.fixed .menuWrap {
			bottom: -0px;
		}
			#menu ul {
				width: 94%;
				padding: 0 4% 0 2%;
				box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.40);
				border-radius: 0px;
			}
			#menu ul::before {
				content: "";
				display: block;
				width: 13px;
				height: 13px;
				background: url(../img/dc_05.svg) no-repeat center center;
				background-size: 100% auto;
				position: absolute;
				left: 10px;
			}
			#menu ul::after {
				content: "";
				display: block;
				width: 13px;
				height: 13px;
				background: url(../img/dc_05.svg) no-repeat center center;
				background-size: 100% auto;
				position: absolute;
				right: 10px;
			}

				#menu ul li {
				}
					#menu ul li a,
					#menu ul li p {
						padding-top: 61.47%;
					}
						#menu ul li a:hover {
							background: none;
							opacity: 1;
						}
						#menu ul li a img,
						#menu ul li p img {
						}
						#menu ul li p {
						}
						#menu ul li p img {
						}
				
					}/*====================*/

/*-----------------------------------------------------------
	#news setting
-----------------------------------------------------------*/
#news {
	background: url(../img/bg_a.png) repeat-y center center;
	background-size: 120% auto;
	margin: 0 auto 0 auto;
	padding: min(8.33vw, 90px) 0 min(8.33vw, 90px) 0;
	z-index: 1;
	position: relative;
}
#news::before,
#news::after {
	content: "";
	position: absolute;
	width: min(8.33vw, 120px);
	height: min(8.33vw, 120px);
	display: block;
	background: url(../img/dc_03.svg) no-repeat center center;
	background-size: contain;
}
#news::before {
	top: 0;
	left: 0;
	transform: rotate(90deg);
}
#news::after {
	top: 0;
	right: 0;
	transform: rotate(180deg);
}

	#news .contentBox {
		position: static;
	}
	#news .contentBox::before,
	#news .contentBox::after {
		content: "";
		position: absolute;
		width: min(8.33vw, 120px);
		height: min(8.33vw, 120px);
		display: block;
		background: url(../img/dc_03.svg) no-repeat center center;
		background-size: contain;
	}
	#news .contentBox::before {
		bottom: 0;
		left: 0;
		transform: rotate(0deg);
	}
	#news .contentBox::after {
		bottom: 0;
		right: 0;
		transform: rotate(270deg);
	}
	#news .newsBox {
		width: 90.63%;
		max-width: 1160px;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		display: flex;
		justify-content: space-between;
	}
		#news .mtit {
			width: 8.88%;
			line-height: 0;
		}
			#news .mtit h3 {
				margin: 0 0 0 0;
			}
				#news .mtit h3 img {
				}
				
		#news .list {
			width: 80.17%;
			margin: 10px 0 0 0;
			padding: 0 0 0 0;
			box-sizing: border-box;
			height: auto;
			overflow-y: scroll;
			display: inline-block;
		}
			#news .list li {
				width: auto;
				position: relative;
				text-align: left;
				font-size: 16px;
				line-height: 1.4;
				font-weight: 500;
				margin-bottom: 10px;
				display: flex;
			}
				#news .list li a {
				}
				#news .list li .date {
					margin: 0 20px 0 0;
					flex: 0 0 auto;
				}
				#news .list li .txt {
					width: 100%;
				}
				#news .list li .popbtn {
					text-decoration: underline;
					cursor: pointer;
				}
					#news .list li .popbtn:hover {
						text-decoration: none;
					}
				
	#news .list::-webkit-scrollbar {
		width: 2px;
	}
	#news .list::-webkit-scrollbar-track {
		border-radius: 0;
	}
	#news .list::-webkit-scrollbar-thumb {
		background-color: rgba(255, 255, 255, 0.67);
		border-radius: 0;
	}
		
					/*===================sp=*/@media screen and (max-width: 860px) {

#news {
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	min-height: 300px;
}
#news::before,
#news::after {
	width: 24.36vw;
	height: 24.36vw;
}
#news .contentBox::before,
#news .contentBox::after {
	width: 24.36vw;
	height: 24.36vw;
}
	#news .mtit {
		width: 100%;
	}
		#news .mtit h3 {
		}
			#news .mtit h3 img {
			}
			
	#news .newsBox {
		width: 89.74%;
		max-width: 89.74%;
		margin: 0 auto 0 auto;
		padding: 0px 0 0 0;
		display: block;
		background: none;
	}
		#news .list {
			height: 110px;
			min-width: 100%;
			max-width: 100%;
			margin: 15px auto 0 auto;
			padding: 0 20px 0 20px;
		}
			#news .list li {
				width: 100%;
				font-size: 14px;
				margin-bottom: 15px;
				margin-right: 0;
				display: block;
			}
				#news .list li a {
				}
				#news .list li .date {
				}
				#news .list li .txt {
				}
				
					}/*====================*/


/*-----------------------------------------------------------
	#about setting
-----------------------------------------------------------*/
#about {
	width: 100%;
	background: url(../img/bg_b.png) repeat center center;
	background-size: 720px auto;
	text-align: center;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 0 0 0 0;
	/* padding: 50px 0 100px 0; */
}
.inner #about {
	background: none;
	padding: 0 0 0 0;
}
	#about .mtit {
		margin: 35px auto 0;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index: 2;
	}
		#about h3 {
			width: 77.97%;
			max-width: 998px;
			margin: 0 auto;
		}
	
	#about .mtxt {
		font-weight: 500;
		font-size: 18px;
		line-height: 150%;
		text-align: center;
		letter-spacing: 0.05em;
		margin-top: 8px;
	}
	
		#about .popbtnBox {
			width: 64.45%;
			margin: 3.4% auto 3.4% auto;
			display: flex;
			justify-content: center;
		}
			#about .popbtnBox .btn {
				width: 40.9%;
				margin: 0 2.47%;
				line-height: 0;
				overflow: hidden;
				cursor: pointer;
			}
				#about .popbtnBox .btn p,
				#about .popbtnBox .btn a {
					position: relative;
					line-height: 0;
					overflow: hidden;
					display: block;
					cursor: pointer;
					border: #000000 3px solid;
				}
					#about .popbtnBox .btn p,
					#about .popbtnBox .btn a {
						border-color: #448D92;
					}
					#about .aboutB .popbtnBox .btn p,
					#about .aboutB .popbtnBox .btn a,
					#about .aboutC .popbtnBox .btn p,
					#about .aboutC .popbtnBox .btn a {
						border-color: #85791F;
					}

				#about .popbtnBox .btn p:after,
				#about .popbtnBox .btn a:after {

				}
				#about .popbtnBox .btn p:before,
				#about .popbtnBox .btn a:before {
					content: "";
					width: 33px;
					height: 33px;
					display: block;
					position: absolute;
					right: -5px;
					bottom: -5px;
					background: #448D92 url(../img/dc_05.svg) no-repeat center center;
					background-size: 17px auto;
					box-sizing: border-box;
					z-index: 1;
				}
				#about .aboutB .popbtnBox .btn p:before,
				#about .aboutB .popbtnBox .btn a:before,
				#about .aboutC .popbtnBox .btn p:before,
				#about .aboutC .popbtnBox .btn a:before {
					background: #85791F url(../img/dc_05.svg) no-repeat center center;
					background-size: 17px auto;
				}
				#about .popbtnBox .btn,
				#about .popbtnBox .btn.cs p {
					cursor: default;
				}
				#about .popbtnBox .btn.cs p:before {
					background: none;
				}
				#about .popbtnBox .btn p:after,
				#about .popbtnBox .btn a:after {
					transition: all 0.7s cubic-bezier(0,.71,.38,1);
				}
				#about .popbtnBox .btn p:hover:after,
				#about .popbtnBox .btn a:hover:after {
					background-color: rgba(0, 0, 0, 0.30);
				}
				#about .popbtnBox .btn.cs p:after,
				#about .popbtnBox .btn.cs a:after {
					display: none;
				}
				
		#about .point {
			width: 29.80%;
			flex: 0 0 auto;
			line-height: 0;
			position: relative;
			z-index: 2;
		}
		
	#about .aboutWrap {
		max-width: 1100px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 2;
	}
	
	#about .aboutWrap.aboutA {
		margin: 0 0 0 0;
		padding: 1px 0;
	}
		#about .aboutWrap.about01 {
			margin: 5px 90px 5px 90px;
		}

	#about .aboutWrap.aboutB {
		margin: 50px 40px 0 40px;
		background: url(../img/bg_e.png) no-repeat center center;
		background-size: cover;
		padding: 1px 0;
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.60);
		border-top: 5px solid #85791F;
	}
	.maind #about .aboutWrap.aboutB {
		background: url(../img/bg_e_d.png) repeat center center;
		background-size: cover;
	}

	.maind #mv .mvBox .tit {
		width: 42.64%;
		top: 5.72%;
		right: 6.74%;
		left: auto;
	}
	.maind #mv .mvBox .txt .txt01 {
		width: 34.38%;
		max-width: 495px;
		top: 57.69%;
		right: 7.36%;
	}
	.maind #about .aboutWrap.about02 .point {
		margin-right: 3.91%;
	}
	.maind #about .aboutWrap.about03 .point {
		width: 30.18%;
		/* margin-right: 6.18%; */
	}
	.maind #special {
		background: none;
		padding: 1px 0 1px 0;
	}

		#about .aboutWrap.about02 {
			margin: 30px 40px 0 140px;
			position: relative;
		}
			#about .aboutWrap.about02 .point {
				width: 31.64%;
				margin-right: 1.91%;
				z-index: 1;
				order: 1;
			}
			#about .aboutWrap.about02:after {
				content: "";
				background: url(../img/dc_08.png) no-repeat left top;
				background-size: contain;
				width: 13.18%;
				right: 1.91%;
				top: -20.44%;
				position: absolute;
				display: block;
				height: 56%;
			}		
			
		#about .aboutWrap.about03 {
			margin: 55px 140px 0 40px;
		}
			#about .aboutWrap.about03 .point {
				width: 27.27%;
				margin-left: 7.91%;
				z-index: 1;
			}
			#about .aboutWrap.about03:after {
				content: "";
				background: url(../img/dc_09.png) no-repeat left top;
				background-size: contain;
				width: 12.09%;
				left: 1.82%;
				top: -28.44%;
				position: absolute;
				display: block;
				height: 61.78%;
			}

	#about .aboutWrap.aboutC {
		padding: 1px 0;
	}
		#about .aboutWrap.aboutC .popbtnBox {
			width: 100%;
			margin: 20px auto 0 auto;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			flex-direction: row;
			align-items: center;
		}
		#about .aboutWrap.about04 {
			margin: 30px auto 50px auto;
			display: block;
		}
			#about .aboutWrap.about04 .btn {
				width: 33%;
				max-width: 330px;
				max-width: 0 auto;
				/* margin: 10px 5px 10px 5px; */
			}
			#about .aboutWrap.about04 .btn.btnl {
				width: 46.36%;
				max-width: 46.36%;
				/* margin: 10px 5px 10px 5px; */
			}

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

#about {
	/* padding: 30px 0 40px 0; */
}
.inner #about {
	padding: 0 0 0 0;
}
	#about:after {
		height: 22px;
		background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
	}
	
	#about .mtit {
	}
		#about h3 {
			width: 89.74%;
			max-width: 89.74%;
			margin: 0 0 0 0;
		}
	#about .mtxt {
		width: 95%;
		margin: 10px auto 0 auto;
		font-size: 16px;
		line-height: 150%;
	}
	#about .aboutWrap {
		max-width: 94.87%;
		margin: 40px auto 0 auto;
		display: block;
	}
		#about .point {
			width: 91.08%;
			margin: 0 auto;
		}
	
		#about .popbtnBox {
			width: 95%;
			margin: 17px auto 17px auto;
		}
			#about .popbtnBox .btn {
				width: 100%;
				max-width: 100%;
				margin: 0 7px;
			}
				#about .popbtnBox .btn p,
				#about .popbtnBox .btn a {
					border-width: 2px;
				}
				#about .popbtnBox .btn p:before,
				#about .popbtnBox .btn a:before {
					width: 18px;
					height: 18px;
					right: -2px;
					bottom: -2px;
				}
				#about .popbtnBox .btn.popbtn p:before,
				#about .popbtnBox .btn.popbtn a:before {
					width: 19px;
					height: 19px;
					background-size: 8px auto;
				}

	#about .aboutWrap.aboutA {
		margin: 50px auto 0 auto;
		padding: 0 0 0 0;
	}
	
		#about .aboutWrap.about01 {
			margin: 0 auto 40px auto;
		}
			#about .aboutWrap.about01 .popbtn:last-child {
				margin-top: 0;
			}

	#about .aboutWrap.aboutB {
		margin: 30px auto 0 auto;
		padding: 20px 0 1px 0;
	}
		
		#about .aboutWrap.about02 {
			margin: 15px auto 0 auto;
		}
			#about .aboutWrap.about02:after {
				width: 27.69%;
				height: 39.17%;
				right: 2.56%;
				top: -12.5%;
			}
			#about .aboutWrap.about02 .point {
				width: 90%;
				margin-right: auto;
			}
			
		#about .aboutWrap.about03 {
			margin: 30px auto 0 auto;
			padding: 20px 0 1px 0;
		}
			#about .aboutWrap.about03:after {
				width: 26.15%;
				height: 44.58%;
				left: 5.9%;
				top: -17%;
				right: auto;
			}
			#about .aboutWrap.about03 .point {
				width: 90%;
				margin-left: auto;
			}
			
	#about .aboutWrap.aboutC {
		margin: 50px auto 0 auto;
		padding: 1px 0;
	}
		#about .aboutWrap.about04 {
			margin: 10px auto 20px auto;
		}
			#about .aboutWrap.about04 .btn.btnl {
				width: 94%;
				max-width: 94%;
				margin: 0 auto 10px auto;
			}
			#about .aboutWrap.about04 .btn {
				width: 87%;
				margin: 0 auto;
			}
			#about #play .popbtnBox .popbtn {
				width: 60%;
				margin-bottom: 10px;
				margin-right: auto;
				margin-left: auto;
			}
			
					}/*====================*/



#story_n.mtit {
	width: 100%;
}
#story_n.mtit h3 {
	width: 72.34%;
	max-width: 926px;
}

.maind #story_d.mtit {
	width: 100%;
}
.maind #story_d.mtit h3 {
	width: 74.22%;
	max-width: 950px;
}


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

#story_n.mtit {
	width: 100%;
	margin-top: 30px;
	z-index: 0;
}
#story_n.mtit h3 {
	width: 88%;
	max-width: 88%;
}


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

/*-----------------------------------------------------------
	#night setting
-----------------------------------------------------------*/

#night {
	padding: 50px 0 100px 0
}
#night .contentBox {
	z-index: 1;
}


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

#night {
	padding: 30px 0 40px 0;
}

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

/*-----------------------------------------------------------
	#day setting
-----------------------------------------------------------*/

#day {
	padding: 50px 0 100px 0
}
#day .contentBox {
	z-index: 1;
}


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

#day {
	padding: 30px 0 40px 0;
}

					}/*====================*/
					
/*-----------------------------------------------------------
	#another setting
-----------------------------------------------------------*/

#another {
	padding: 80px 0 0 0;
	background: #38767B;
	position: relative;
	z-index: 1;
}
.maind #another {
	background: linear-gradient(180deg, #000 0%, #5E5514 100%), #000;
	color: #fff;
}
#another::before,
#another::after {
	content: "";
	position: absolute;
	width: min(8.33vw, 120px);
	height: min(8.33vw, 120px);
	background: url(../img/dc_04.svg) no-repeat center center;
	background-size: contain;
}
#another::before {
	top: 20px;
	left: 20px;
	transform: rotate(0deg);
}
#another::after {
	top: 20px;
	right: 20px;
	transform: rotate(90deg);
}
#another .contentBox {
	position: static;
	background: url(../img/dc_07.png) no-repeat center bottom;
	background-size: contain;
	padding-bottom: 1px;
	position: relative;
}

#another .mtit {
	text-align: left;
}
#another .detail .mtit h3 {
	width: 100%;
	max-width: 100%;
	display: inline-block;
}

	#another .contentItem {
		display: flex;
		justify-content: space-between;
		width: 44.14%;
		margin: 0 auto 130px;
	}
	#another .contentItem .detail {
		width: 61.95%;
		text-align: left;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	#another .contentItem .detail .mtit {
	}
	#another .contentItem .detail .mtxt {
		text-align: left;
	}
	#another .contentItem .detail .btn {
		width: 50%;
		position: relative;
		left: -3px;
		margin-top: 10px;
	}
	#another .contentItem .img {
		width: 31.86%;
		filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.25));
	}



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

#another {
	padding: 14.82vw 0 0 0;
	background: #38767B url(../img/sp/about_another_tit_bg.png) no-repeat center 5.13vw;
	background-size: auto 5.13vw;
}
.maind #another {
	padding: 14.82vw 0 0 0;
}
.maind #another .contentBox:before {
	content: "";
	display: block;
	position: absolute;
	top: -14.82vw;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/sp/about_another_tit_d_bg.png) no-repeat center 5.13vw;
	background-size: auto 5.13vw;
}

.maind #another {

}
.top #another .mtit h3,
.top .maind #another .mtit h3 {
	/* display: none; */
}
#another::before,
#another::after {
	width: 16.92vw;
	height: 16.92vw;
}
#another::before {
	top: 2.56%;
	left: 2.56%;
}
#another::after {
	top: 2.56%;
	right: 2.56%;
}
#another .contentBox {
	background-image: url(../img/sp/dc_07.png);
}
#another .contentItem {
	width: 83.33%;
	margin-bottom: 8vw;
}
#another .contentItem .detail {
	width: 64.62%;
}
#another .contentItem .detail .mtit {
}
#another .contentItem .detail .mtxt {
	width: 100%;
	font-size: 14px;
}
#another .contentItem .detail .btn {
	width: 78%;
}
#another .contentItem .img {
	width: 30.77%;
}

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



/*-----------------------------------------------------------
	#play setting
-----------------------------------------------------------*/
#play {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	background: url(../img/bg_a.png) repeat-y center center;
	background-size: 120% auto;
	margin: 0 auto 0 auto;
	z-index: 1;
}
.inner #play {
	padding: 30px 0 60px 0;
}
.top #another .mtit {
	text-align: left;
	margin-top: 0;
}
.top #another .mtit h3 {
	margin: 0 auto;
}
#play::before,
#play::after {
	content: "";
	position: absolute;
	width: min(8.33vw, 120px);
	height: min(8.33vw, 120px);
	background: url(../img/dc_03.svg) no-repeat center center;
	background-size: contain;
}
#play::before {
	top: 0;
	left: 0;
	transform: rotate(90deg);
}
#play::after {
	top: 0;
	right: 0;
	transform: rotate(180deg);
}
#play .contentBox {
	position: static;
}
#play .contentBox::before,
#play .contentBox::after {
	content: "";
	position: absolute;
	width: min(8.33vw, 120px);
	height: min(8.33vw, 120px);
	background: url(../img/dc_03.svg) no-repeat center center;
	background-size: contain;
}
#play .contentBox::before {
	bottom: 0;
	left: 0;
	transform: rotate(0deg);
}
#play .contentBox::after {
	bottom: 0;
	right: 0;
	transform: rotate(270deg);
}

	#play .system {
		max-width: 960px;
		margin: 0 auto 0 auto;
		padding: 40px 0 105px 0;
	}
		#play .system h3 {
			width: auto;
			max-width: 272px;
		}
		.maind #play .system h3 {
			width: auto;
			max-width: 272px;
		}
				
			#play .system ul {
				width: 95.21%;
				margin: 25px auto 0 auto;
				display: flex;
				justify-content: center;
			}
				#play .system ul li {
					width: 25%;
					text-align: center;
				}
					#play .system ul li .icon {
						width: 40.07%;
						margin: -10px auto 0 auto;
					}
					#play .system ul li .tit {
						font-weight: 700;
						font-size: 21px;
						line-height: 160%;
						letter-spacing: 0.05em;
					}
					#play .system ul li .txt {
						font-weight: 500;
						font-size: 19px;
						line-height: 160%;
						letter-spacing: 0.05em;
						margin-top: -15px;
					}
						#play .system ul li .txt .note {
							font-size: 10px;
							line-height: 1.4;
							opacity: .7;
							display: block;
						}

		#play .popbtnBox {
			width: 100%;
			margin: 40px auto 0 auto;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			
			flex-direction: column;
			align-items: center;
		}
			#play .popbtnBox .popbtn {
				width: 45%;
				max-width: 330px;
				margin: 0 25px;
				overflow: hidden;
				cursor: pointer;
			}
				#play .popbtnBox .popbtn p,
				#play .popbtnBox .popbtn a {
					position: relative;
					line-height: 0;
					overflow: hidden;
					display: block;
				}
				#play .popbtnBox .popbtn p:after,
				#play .popbtnBox .popbtn a:after {
					content: "";
					width: 100%;
					height: 100%;
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					border: 5px solid #000000;
					box-sizing: border-box;
					z-index: 1;
				}
				#play .popbtnBox .popbtn a:before {
					content: "";
					width: 33px;
					height: 33px;
					display: block;
					position: absolute;
					right: 0;
					bottom: 0;
					box-sizing: border-box;
					z-index: 1;
				}
				
				#play .popbtnBox .popbtn p:before {
					content: "";
					width: 33px;
					height: 33px;
					display: block;
					position: absolute;
					right: 0;
					bottom: 0;
					z-index: 1;
				}
			
					/*===================sp=*/@media screen and (max-width: 860px) {

#play {
	padding: 30px 0 30px 0;
}
#play::before,
#play::after {
	width: 24.36vw;
	height: 24.36vw;
}
#play .contentBox::before,
#play .contentBox::after {
	width: 24.36vw;
	height: 24.36vw;
}
	#play .system {
		max-width: 89.74%;
		margin: 0 auto;
		padding: 0;
	}
		#play .system .mtit {
			margin: 0 auto 0 auto;
		}
			#play .system .mtit h3 {
				width: 54.29%;
				margin: 0 auto 0 auto;
			}
				#play .system .mtit h3 img {
				}
				
			#play .system ul {
				width: 90%;
				margin: 5px auto 5px auto;
				flex-wrap: wrap;
			}
				#play .system ul li {
					width: 50%;
					margin-bottom: 30px;
				}
					#play .system ul li .icon {
						width: 50%;
						margin: -10px auto 0 auto;
					}
					#play .system ul li .tit {
						font-size: 16px;
					}
					#play .system ul li .txt {
						font-size: 14px;
						line-height: 1.2;
						margin-top: -15px;
					}
				#play .popbtnBox {
					display: block;
				}
				#play .popbtnBox .btn.themesong {
					width: 60%;
					margin-bottom: 10px;
				}
					
					}/*====================*/

/*-----------------------------------------------------------
	#special setting
-----------------------------------------------------------*/
#special {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 1px 0 0 0;
	position: relative;
	background: #000000;
}


/*-----------------------------------------------------------
	#ticket setting
-----------------------------------------------------------*/
.top #ticket {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 50px 0 60px 0;
	position: relative;
	color: #ffffff;
	background: url(../img/bg_c.png) repeat-y center center;
	background-size: 100% auto;
}
/*
	.top #ticket:after {
		content: "";
		width: 100%;
		height: 250px;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, #000 100% );
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}
*/
	.top #ticket .contentBox {
		z-index: 2;
	}
	.top #ticket .mtit {
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.top #ticket h3 {
			width: 525px;
		}
		#ticket .listBox {
			width: 100%;
			max-width: 1000px;
			margin: 10px auto 20px auto;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			position: relative;
		}
		/* #ticket .listBox:before {
			width: 33%;
			max-width: 248px;
			margin: 40px 32.5px 0 32.5px;
			padding: 35px 14px 20px 10px;
			box-sizing: border-box;
			content: "";
			display: block;
			order: 1;
		} */
/*
		#ticket .listBox:before {
			content: "";
			background: url(../img/ticket_cs.png) no-repeat center center;
			background-size: 65% auto;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			z-index: 2;
		}
*/
			#ticket .listBox .item {
				width: 33%;
				max-width: 248px;
				min-height: 256px;
				margin: 40px 32.5px 0 32.5px;
				padding: 0 0 0 0;
				box-sizing: border-box;
				background: url(../img/bg_ticket.png) no-repeat center center;
				background-size: 100% 100%;
				position: relative;
				display: flex;
				flex-direction: column;
				box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.50);
			}
			#ticket .listBox .item div {
				margin: 7px;
				border: 1px solid #B99A5D;
				height: 100%;
				display: flex;
				flex-direction: column;
			}
			#ticket .listBox .item.cs {
				opacity: .5;
				margin: 40px auto 0 auto;
			}
			#ticket .listBox .cs {
				width: 100%;
				margin: 60px auto 0px auto;
			}
				#ticket .listBox .cs img {
					max-width: 250px;
					margin: 0 auto;
				}

			#ticket .listBox .item:before {
				
			}
			#ticket .listBox .item.close {
				opacity: .5;
			}
			#ticket .listBox .item.close:before {
			}
			#ticket .listBox .item.close {
				
			}
					#ticket .listBox .item.close .btn a {
						background: rgba(0, 0, 0, 0.8);
					}
				
				#ticket .listBox .item .prefecture {
					margin: 25px 0 0 0;
					line-height: 1;
					z-index: 1;
				}
					#ticket .listBox .item .prefecture span {
						font-weight: 700;
						font-size: 24px;
						display: block;
						margin-top: 3px;
					}
				#ticket .listBox .item .place {
					margin: 5px 0 0 0;
					font-weight: 500;
					font-size: 18px;
					line-height: 1.2;
				}
				#ticket .listBox .item .date {
					margin: 5px 0 15px 0;
					font-weight: 500;
					font-size: 15px;
					line-height: 1.2;
				}
				#ticket .listBox .item .txt {
					margin: 25px 0 15px 0;
					font-weight: 500;
					font-size: 15px;
					line-height: 1.2;
				}
				#ticket .listBox .item .btn {
					margin: auto 5px 5px 5px;
					z-index: 1;
				}
					#ticket .listBox .item .btn a {
						display: block;
						background: rgba(0, 0, 0, 0.30);
						color: #ffffff;
						font-weight: 700;
						font-size: 14px;
						line-height: 120%;
						text-decoration: none;
						width: 100%;
						padding: 11px 2px;
						box-sizing: border-box;
						letter-spacing: -1px;
						font-feature-settings: 'palt' on;
					}
					#ticket .listBox .item .btn span {
						display: block;
						background: #000000;
						color: #ffffff;
						font-weight: 700;
						font-size: 14px;
						line-height: 120%;
						text-decoration: none;
						width: 100%;
						padding: 11px 2px;
						box-sizing: border-box;
						letter-spacing: -1px;
						font-feature-settings: 'palt' on;
						opacity: .5;
					}

		#ticket .fcBox {
			width: 100%;
			max-width: 862px;
			margin: 0 auto 0 auto;
			padding: 15px 70px 20px 70px;
			box-sizing: border-box;
			/* background: rgba(0, 0, 0, 0.3); */
			background: rgba(243, 226, 184, 0.05);
			border: 1px solid rgba(243, 226, 184, 0.40);
			
		}
		#ticket .fcBox span {
			font-size: 22px;
			font-weight: 500;
			margin-bottom: 20px;
			display: block;
			color: #fff;
		}
		#ticket .fcBox .txt {
			text-align: left;
			color: #fff;
		}
		#ticket .fcBox .bnr {
			width: 50%;
			max-width: 320px;
			margin: 0 auto;
			line-height: 0;
		}
					
		#ticket .u22Box {
			width: 100%;
			max-width: 862px;
			margin: 5px auto 0 auto;
			padding: 17px 70px;
			box-sizing: border-box;
			display: flex;
			justify-content: space-between;
			align-items: center;
			background: rgba(0, 0, 0, 0.3);
		}
			#ticket .u22Box .logo {
				width: 40%;
				max-width: 176px;
				margin-right: 7%;
				flex: 0 0 auto;
				line-height: 0;
			}
			#ticket .u22Box .txt {
				width: 100%;
				font-weight: 700;
				font-size: 16px;
				line-height: 1.6;
				letter-spacing: 0.05em;
				color: #CBBA3A;
				text-align: left;
				text-align: center;
			}
				#ticket .u22Box .txt a {
					color: #CBBA3A;
					text-decoration: underline;
				}
				#ticket .u22Box .txt a:hover {
					opacity: 0.7;
				}
				#ticket .u22Box .txt span {
					font-size: 18px;
					color: #ffffff;
				}
				#ticket .u22Box .txt span.note {
					font-size: 14px;
					color: #CBBA3A;
					font-weight: 500;
					line-height: 1.4;
					display: block;
				}

.top #campaign {
	position: relative;
}
.top #campaign::before {
	content: "";
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 100px;
	background: url(../img/dc_06.png) no-repeat center center;
	background-size: contain;
}

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

.top #ticket {
	padding: 30px 0 20px 0;
	background: url(../img/bg_c.png) no-repeat center center;
	background-size: auto 120%;
}
.top #campaign::before {
	width: 72px;
	height: 72px;
	top: -36px;
}
	.top #ticket .mtit {
		width: 92%;
	}
		.top #ticket h3 {
			width: 100%;
			max-width: 100%;
			margin: 0 10px;
		}
		#ticket .listBox {
			max-width: 100%;
			margin: 0 auto 20px auto;
		}
		#ticket .listBox:before {
			width: 43.85%;
			max-width: 43.85%;
			margin: 20px 10px 0 10px;
			padding: 25px 10px 13px 10px;
		}
		
/*
		#ticket .listBox:before {
			content: "";
			background: url(../img/ticket_cs.png) no-repeat center 25%;
			background-size: 115% auto;
		}
*/
			#ticket .listBox .item {
				width: 43.85%;
				max-width: 43.85%;
/* 				min-height: 190px; */
				min-height: 150px;
				margin: 20px 10px 0 10px;
				padding: 0;
			}
			#ticket .listBox .item div {
				margin: 4px;
			}
			#ticket .listBox .item.cs {
				margin: 20px 10px 0 10px;
			}

				#ticket .listBox .item .prefecture {
				}
					#ticket .listBox .item .prefecture span {
						font-size: 17px;
					}
				#ticket .listBox .item .place {
					margin: 0px 0 0 0;
					font-size: 13px;
				}
				#ticket .listBox .item .date {
					margin: 5px 0 10px 0;
					font-size: 10px;
					line-height: 1.4;
				}
				#ticket .listBox .item .txt {
					margin: 15px 0 10px 0;
					font-size: 10px;
					line-height: 1.4;
				}
				#ticket .listBox .item .btn {
				}
					#ticket .listBox .item .btn a {
						font-size: 10px;
						padding: 7px 2px 7px 2px;
					}
					#ticket .listBox .item .btn span {
						font-size: 9px;
						padding: 8px 0;
						width: 100%;
					}
			
		#ticket .fcBox {
			width: 100%;
			max-width: 100%;
			padding: 18px 10px 20px 10px;
		}
		#ticket .fcBox span {
			font-size: 16px;
		}
		#ticket .u22Box {
			width: 92.82%;
			max-width: 92.82%;
			margin: -10px auto 0 auto;
			padding: 18px 10px 20px 10px;
			display: block;
			
		}
			#ticket .u22Box .logo {
				width: 38.67%;
				max-width: 38.67%;
				margin: 0 auto 10px auto;
			}
			#ticket .u22Box .txt {
				width: 90%;
				margin: 0 auto;
				font-size: 14px;
				text-align: left;
			}
				#ticket .u22Box .txt span {
					font-size: 16px;
					
				}
				
		#ticket .listBox .cs {
				width: 100%;
				margin: 60px auto 40px auto;
			}
				#ticket .listBox .cs img {
					max-width: 52%;
					margin: 0 auto;
				}

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

/*-----------------------------------------------------------
	.inner setting
-----------------------------------------------------------*/
.inner {
}
.inner .innerWrap {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 50px 0 1px 0;
	position: relative;
}
	.inner .contentWrap {
		margin-bottom: 50px;
	}
	.inner .contentWrap .contentBox {
	}

.innerWrap1 {

}
.innerWrap2 {
    background: url(../img/bg_b.png) repeat center center;
    background-size: 720px auto;
}
.innerWrap3 {
	background: url(../img/bg_a.png) repeat-y center center;
	background-size: 120% auto;
}
/* .innerWrap3:before{
	content: "";
	display: block;
	width: 100%;
	height: 210px;
	bottom: 0;
	left: 0;
	position: absolute;
	background: linear-gradient(0, #000 0%, rgba(0, 0, 0, 0.00) 50%);
} */

.innerWrap4 {
    background: url(../img/bg_b.png) repeat center center;
    background-size: 720px auto;
}
		
					/*===================sp=*/@media screen and (max-width: 860px) {

.inner {
}
.inner .innerWrap {
	padding: 35px 0 1px 0;
}
	.inner .contentWrap {
		margin-bottom: 30px;
	}
	.inner .contentWrap .contentBox {
		max-width: 94.87%;
		margin: 0 auto;
	} 
	.innerWrap.hds,
	.contentWrap.hds {
		/* padding-top: 0 !important; */
	}

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

	.inner .innerWrap .mtit {
		margin: 0 auto;
		padding-top: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.inner .innerWrap h3 {
			margin: 0 20px;
			display: inline-block;
			width: 100%;
			font-weight: 900;
			font-size: 27px;
			line-height: 160%;
			text-align: center;
			letter-spacing: 0.05em;
			color: #CBBA3A;
			width: auto;
			flex: 0 0 auto;
			max-width: 100%;
		}
		.inner.ticket .innerWrap h3 {
			color: #CBBA3A;
		}
		.inner .innerWrap h3 span {
			font-size: 20px;
		}
		.inner .innerWrap .mtit:after {
			background-position: left center;
		}

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

	.inner .innerWrap .mtit {
	}
		.inner .innerWrap h3 {
			margin: 0 10px;
			font-weight: 900;
			font-size: 22px;
			line-height: 1.2;
			max-width: 70%;
		}
		.inner .innerWrap h3.s {
			font-size: 18px;
		}
		.inner .innerWrap h3 span {
			font-size: 18px;
		}
		.inner .innerWrap .mtit:after {
		}
		.inner .innerWrap2 h3 {
		}
		.inner .innerWrap2 .mtit:before,
		.inner .innerWrap2 .mtit:after {
		}
		.inner .innerWrap3 h3 {
		}
		.inner .innerWrap3 .mtit:before,
		.inner .innerWrap3 .mtit:after {
		}

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

		.inner .innerWrap .txtWrap {
			max-width: 860px;
			margin: 0 auto;
		}
		.inner .innerWrap2 .txtWrap {
		}
			.inner .innerWrap .txtWrap .txt {
				font-weight: 500;
				font-size: 16px;
				line-height: 160%;
				letter-spacing: 0.05em;
				color: #FFFFFF;
			}
			.inner .innerWrap2 .txtWrap .txt {
				color: #000000;
			}
				.inner .innerWrap .txtWrap .txt span {
					font-weight: 900;
				}
			
			.inner .innerWrap .txtWrap .note,
			.inner .innerWrap .txtWrap .note a {
				font-weight: 500;
				font-size: 14px;
				line-height: 1.6;
				text-align: left;
				letter-spacing: 0.05em;
				color: #ffffff;
				text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
			}
			.inner .innerWrap2 .txtWrap .note,
			.inner .innerWrap2 .txtWrap .note a {
				color: #ffffff;
			}
			.inner .innerWrap2 .txtWrap .note span {
				font-weight: 700;
			}
	

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

		.inner .innerWrap .txtWrap {
			max-width: 94.87%;
		}
			.inner .innerWrap .txtWrap .txt {
				font-size: 15px;
			}
			.inner .innerWrap .txtWrap .note,
			.inner .innerWrap .txtWrap .note a {
				font-size: 13px;
			}

					}/*====================*/
					
		.inner .innerWrap .imgWrap {
			max-width: 860px;
			margin: 30px auto;
		}
		.inner .innerWrap2 .imgWrap {
		}
			.inner .innerWrap .imgWrap .img {
			}

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

		.inner .innerWrap .imgWrap {
			max-width: 89.74%;
			margin: 20px auto;
		}

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


	.tab {
		width: 100%;
		margin: 0 auto 15px auto;
		display: flex;
		flex-wrap: wrap;
	}
		.tab li {
			margin-right: 10px;
		}
			.tab li a {
				min-width: 140px;
				font-weight: 700;
				font-size: 18px;
				line-height: 160%;
				color: #CBBA3A;
				display: block;
				padding: 6px 10px;
				box-sizing: border-box;
				text-decoration: none;
				border: 2px solid #CBBA3A;
			}
			.tab li.ac a {
				color: #000000;
				background: #CBBA3A;
			}

	.tabbox {
		display: none;
		opacity: 0;
		transition: opacity 1s cubic-bezier(0,.72,.62,1);
	}
	.tabbox.on {
		display: block;
		opacity: 1;
	}
	
					/*===================sp=*/@media screen and (min-width: 860px) {

	#price .tabbox {
		display: block;
		opacity: 1;
	}
	#price .tab {
		display: none;
	}

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

.calendarWrap {
	width: 100%;
	max-width: 1000px;
	margin: 20px auto 40px auto;
}
	.calendarWrap .calendarBox {
		width: 100%;
		margin: 0 auto;
		background: rgba(26, 23, 16, 0.80);
		display: flex;
		flex-wrap: wrap;
		border: 0.5px solid #403B2E;
		box-sizing: border-box;
	}
		.calendarWrap .calendarBox div {
			width: 14.285714285714286%;
			border: 0.5px solid #403B2E;
			box-sizing: border-box;
			position: relative;
			
			font-weight: 500;
			font-size: 14px;
			line-height: 1;
			color: #CBBA3A;
			padding: 7px 0;
		}

		.calendarWrap .calendarBox div p {
			max-width: 36px;
			margin: 0 auto;
		}
		.calendarWrap .calendarBox div p span {
			width: 100%;
			height: 100%;
			font-weight: 500;
			font-size: 17px;
			line-height: 1;
			text-align: center;
			letter-spacing: 0.05em;
			color: #CBBA3A;
			position: absolute;
			top: 0;
			left: 0;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.calendarWrap .calendarBox div p:before {
			content: "";
			width: 100%;
			padding-top: 100%;
			display: block;
			position: relative;
			border-radius: 50%;
			overflow: hidden;
		}
			.calendarWrap .calendarBox div.on p:before {
				background: #B52619;
			}
			.calendarWrap .calendarBox div.spon p:before {
				background: #B52619;
			}
			
		.calendarWrap .calendarBox div.spd {
			padding: 4px 0 0 0;
		}
		.calendarWrap .calendarBox div.spd p {
			max-width: 43px;
		}
			.calendarWrap .calendarBox div.spd p:before {
				background: url(../img/calendar_icon_sp.png) no-repeat center center;
				background-size: contain;
				border-radius: 0;
			}
			.calendarWrap .calendarBox div.spd p span {
				color: #000000;
				text-shadow:1px 1px 0 #FADF50, -1px -1px 0 #FADF50,
				-1px 1px 0 #FADF50, 1px -1px 0 #FADF50,
				0px 1px 0 #FADF50,  0 -1px 0 #FADF50,
				-1px 0 0 #FADF50, 1px 0 0 #FADF50;
			}
		
			
	.calendarWrap .txtWrap {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 40px auto;
	}
		
					/*===================sp=*/@media screen and (max-width: 860px) {

.calendarWrap {
	width: 94.59%;
	max-width: 94.59%;
	margin: 30px auto 40px auto;
}
	.calendarWrap .tab {
		margin: 0 auto 0 auto;
		flex-wrap: nowrap;
	}
		.calendarWrap .tab li {
			margin-right: 15px;
			margin-bottom: 15px;
		}
		.calendarWrap .tab li:last-child {
			margin-right: 0;
		}
			.calendarWrap .tab li.ac {
			}
			.calendarWrap .tab li a {
				min-width: 100%;
				font-size: 16px;
				padding: 6px 8px;
			}
	.calendarWrap .tabbox {
	}
	.calendarWrap .tabbox.on {
	}
	.calendarWrap .calendarBox {
	}
		.calendarWrap .calendarBox div {
		}
		.calendarWrap .calendarBox div p {
		}
		.calendarWrap .calendarBox div p span {
			
		}
		.calendarWrap .calendarBox div p:before {
		}
			.calendarWrap .calendarBox div.on p:before {
			}

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


.listWrap {
	max-width: 860px;
	margin: 30px auto 70px auto;
}
	.listWrap.list01 {
	}
		.listWrap.list01 ul {
			width: 100%;
			color: #ffffff;
		}
			.listWrap.list01 ul li {
				width: 100%;
				background: rgba(0, 0, 0, 0.50);
				border: 1px solid rgba(243, 226, 184, 0.40);
				border-radius: 5px;
				font-weight: 500;
				font-size: 18px;
				line-height: 1.2;
				text-align: center;
				letter-spacing: 0.05em;
				padding: 20px 0 20px 0;
			}
				.listWrap.list01 ul li span {
					font-weight: 700;
					display: block;
					margin-bottom: 10px;
				}
				.listWrap.list01 ul li span.pc {
					display: inline !important;
				}
		.listWrap.list02 ul {
			width: 100%;
			color: #ffffff;
			border-top: 1px solid rgba(243, 226, 184, 0.40);
		}
			.listWrap.list02 ul li {
				width: 100%;
				border-bottom: 1px solid rgba(243, 226, 184, 0.40);
				padding: 0 0 20px 0;
			}
			.listWrap.list02 ul li p {
				color: #FFFFFF;
				text-align: center;
				letter-spacing: 0.05em;
				font-weight: 500;
				font-size: 16px;
				line-height: 160%;
			}
			.listWrap.list02 ul li .txt01 {
				font-weight: 700;
				font-size: 18px;
				margin-top: 20px;
			}
			.listWrap.list02 ul li .tit {
				font-weight: 700;
				font-size: 18px;
				background: #4b4639;
				padding: 5px 0 7px 0;
			}

		.listWrap.list03 {
			width: 100%;
			max-width: 1000px;
			margin: 0 auto 40px auto;
		}
			.listWrap.list03 ul {
				width: 100%;
				color: #ffffff;
				background: rgba(0, 0, 0, 0.50);
				background: rgba(255, 255, 255, 0.04);
				/* border: 0.5px solid #CBBA3A; */
				border: 0.5px solid #403B2E;
				padding: 20px;
				box-sizing: border-box;
			}
			.listWrap.list03 ul span {
				color: #CBBA3A;
				font-size: 24px;
				font-weight: 700;
				display: block;
				margin-bottom: 5px;
			}
			.listWrap.list03 ul span.note {
				margin-top: 20px;
				font-weight: 500;
				font-size: 14px;
				line-height: 1.6;
				letter-spacing: 0.05em;
				color: #ffffff;
				text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
			}


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

.listWrap {
	max-width: 100%;
	margin: 30px auto 50px auto;
}
	.listWrap.list01 {
	}
		.listWrap.list01 ul {
		}
			.listWrap.list01 ul li {
				font-size: 15px;
				padding: 30px 0 30px 0;
			}
		.listWrap.list02 ul {
		}
			.listWrap.list02 ul li {
			}
			.listWrap.list02 ul li p {
				font-size: 14px;
			}
				.listWrap.list01 ul li span.pc {
					display: none !important;
				}
			.listWrap.list02 ul li .txt01 {
				font-size: 15px;
			}
			.listWrap.list03 ul span {
				font-size: 22px;
			}
			.listWrap.list03 ul span.note {
				font-size: 13px;
				margin-top: 10px;
				text-align: left;
			}

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

.tableWrap {
	max-width: 990px;
	margin: 35px auto 40px auto;
}
	.tableWrap.table01 .tabBox {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
		.tableWrap.table01 .tabBox .tabbox {
			width: 48.5%;
		}
		.tableWrap.table01 table {
			width: 100%;
			position: relative;
			margin: 0;
			border-collapse: collapse !important;
			background: #ffffff;
			border: 1px solid #B52619;
			color: #000000;
		}
		.tableWrap.table01 .tabbox:last-child table {
			border: 1px solid #343434;
		}
			.tableWrap.table01 table thead {
				background: #B52619;
				color: #ffffff;
				font-weight: 500;
				font-size: 15px;
				line-height: 1.2;
				letter-spacing: 0.05em;
			}
			.tableWrap.table01 .tabbox:last-child table thead {
				background: #343434;
			}
				.tableWrap.table01 thead th {
					padding: 5px 10px;
					height: 35px;
					font-weight: 500;
					font-size: 15px;
					text-align: center;
					vertical-align: middle;
					letter-spacing: 0.05em;
				}
					.tableWrap.table01 thead th:first-child {
						font-weight: 700;
						text-align: left;
						font-size: 16px;
					}
				.tableWrap.table01 thead th span {
					font-size: 10px;
					display: block;
					line-height: 1.2;
				}
				
			.tableWrap.table01 table tbody tr:nth-child(odd) {
/* 				background: #ffffff; */
			}
			.tableWrap.table01 table tbody tr.tr01,
			.tableWrap.table01 table tbody tr.tr02,
			.tableWrap.table01 table tbody tr.tr03 {
				background: #464141;
				color: #ffffff;
				font-weight: 500;
			}
			.tableWrap.table01 table tbody tr.tr01 td,
			.tableWrap.table01 table tbody tr.tr02 td,
			.tableWrap.table01 table tbody tr.tr03 td {
				font-size: 16px;
				padding: 0 10px;
			}
			.tableWrap.table01 table tbody tr.tr02 {
				background: #102D66;
			}
			.tableWrap.table01 table tbody tr.tr03 {
				background: #D76411;
			}
				.tableWrap.table01 table tbody th,
				.tableWrap.table01 table tbody td {
					padding: 10px 10px;
					font-weight: 500;
					font-size: 16px;
					line-height: 1.2;
					letter-spacing: 0.05em;
					text-align: center;
					vertical-align: middle;
					border: 1px solid #B52619;
					height: 35px;
					box-sizing: border-box;
				}
				.tableWrap.table01 .tabbox:last-child table tbody th,
				.tableWrap.table01 .tabbox:last-child table tbody td {
					border: 1px solid #343434;
				}
				.tableWrap.table01 table tbody th {
					text-align: left;
					font-weight: 500;
				}
					.tableWrap.table01 table tbody td {
						font-weight: 500;
						font-size: 14px;
						line-height: 1.4;
					}
						.tableWrap.table01 table tbody td span {
							font-weight: 700;
							font-size: 20px;
						}
						.tableWrap.table01 table tbody th span {
							font-size: 14px;
						}
				
					/*===================sp=*/@media screen and (max-width: 860px) {

.tableWrap {
	max-width: 100%;
	margin: 25px auto 40px auto;
}
	.tableWrap.table01 .tabBox {
		display: block;
		margin-bottom: 30px;
	}
		.tableWrap.table01 .tabBox .tabbox {
			width: 100%;
		}
		.tableWrap.table01 table {
			width: 100%;
			margin-bottom: 20px;
		}
		.tableWrap.table01 table:last-child {
		}
			.tableWrap.table01 table thead {
				font-size: 15px;
			}
			.tableWrap.table01 table:last-child thead {
			}
				.tableWrap.table01 thead th {
					padding: 4px 10px;
					height: 30px;
					font-size: 13px;
					line-height: 1.2;
				}
					.tableWrap.table01 thead th:first-child {
						width: 32%;
					}
				
			.tableWrap.table01 table tbody tr:nth-child(odd) {
			}
			.tableWrap.table01 table tbody tr.tr01,
			.tableWrap.table01 table tbody tr.tr02,
			.tableWrap.table01 table tbody tr.tr03 {
			}
			.tableWrap.table01 table tbody tr.tr01 td,
			.tableWrap.table01 table tbody tr.tr02 td,
			.tableWrap.table01 table tbody tr.tr03 td {
				font-size: 15px;
				padding: 9px 10px;
				text-align: left;
			}
				.tableWrap.table01 table tbody th,
				.tableWrap.table01 table tbody td {
					padding: 13px 6px 13px 6px;
					font-size: 15px;
					height: auto;
				}
				.tableWrap.table01 table:last-child tbody th,
				.tableWrap.table01 table:last-child tbody td {
				}
				.tableWrap.table01 table tbody th {
				}
					.tableWrap.table01 table tbody td {
						font-size: 14px;
					}
						.tableWrap.table01 table tbody td span {
							font-size: 18px;
						}
						
				.tableWrap.table01 thead th span {
					font-size: 9px;
				}


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

.apiWrap {
	max-width: 990px;
/* 	margin: 40px auto 30px auto; */
	margin: 0px auto 0px auto;
}
.ticketWrap {
	margin: 10px auto 0 auto !important;
}
#ticket_api {
	margin: 10px auto 0 auto !important;
}

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

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

.btnWrap {
	width: 100%;
	margin: 30px auto 10px auto;
	display: block;
}
	.btnWrap .btn {
		width: 48%;
		margin: 10px auto 0 auto;
		max-width: 300px;
	}
		.btnWrap .btn .img {
			width: 80%;
			display: block;
			margin: 10px auto 0 auto;
			line-height: 0;
		}
		.btnWrap a {
			color: #ffffff;
			text-decoration: underline;
		}
		.btnWrap a:hover {
			opacity: 0.7;
		}
		.btnWrap .stit {
			margin: 30px auto 0 auto;
			font-weight: 500;
			font-size: 16px;
			line-height: 160%;
			text-align: center;
			color: #ffffff;
			display: block;
/*
			display: inline-block;
			border-bottom: 2px solid #ffffff;
			padding: 0 5px 3px 5px;
*/
		}
		.btnWrap .btn.cs,
		.btnWrap .btn p.cs {
			opacity: .4;
		}
		
		.btnWrap .txt span {
			font-size: 12px;
			color: #ffffff;
		}
		
	.btnWrap .btntxt {
		width: 100%;
		max-width: 100%;
		margin: 20px 0 20px 0;
	}
		.btnWrap .btntxt p {
			color: #ffffff;
		}
		.btnWrap .btntxt p a {
			color: #ffffff;
		}
		.btnWrap .btntxt p.cs {
			opacity: .4;
		}

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

.btnWrap {
	width: 100%;
	margin: 30px auto 10px auto;
	display: block;
}
	.btnWrap .btn {
		width: 94.87%;
		max-width: 94.87%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.btnWrap .btn .img {
		width: 70%;
		max-width: 70%;
		margin: 10px auto 0 auto;
	}
	.btnWrap .btn:last-child {
		margin-bottom: 0;
	}
	.btnWrap .stit {
		font-size: 16px;
	}
		.btnWrap .txt span {
			font-size: 14px;
		}
		
	.btnWrap .btntxt {
		width: 94.87%;
		text-align: left;
		font-size: 15px;
		margin: 20px auto 20px auto;
	}


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

/*-----------------------------------------------------------
	#ticket setting
-----------------------------------------------------------*/
#ticket {
	position: relative;
}
	#ticket #price {
		padding-top: 0;
		padding-bottom: 20px;
	}
		#ticket #price .txtWrap {
			margin-top: 40px;
		}
		#ticket #price .u22Box {
			margin-top: 30px;
			background: rgba(0, 0, 0, 0.40);
		}
			#ticket #price .u22Box .txt,
			#ticket #price .u22Box .txt a {
				color: #CBBA3A;
			}
			#ticket #price .note span.t {
				font-size: 18px;
				display: block;
				margin: 0 0 10px 0;
				border-bottom: 2px solid #ffffff;
			}
			.ti {
				font-size: 1em;
				margin-left: 1.1em;
				font-weight: normal;
				text-align: left;
			}
			.ti span {
				font-size: 1em;
				display: block;
				width: 1em;
				margin: 0 0 0 0;
				border-bottom: none;
				font-weight: normal;
				margin-left: -1.1em;
				height: 100%;
				float: left;
				text-align: left;
			}
			
			#ticket .adWrap .adbtn {
				background: #CBBA3A;
				border-radius: 5px;
				overflow: hidden;
				padding: 15px 30px 15px 30px;
				box-sizing: border-box;
				position: relative;
				text-align: left;
				font-size: 18px;
				line-height: 1.2;
				cursor: pointer;
				color: #000;
			}
			#ticket .adWrap .adbtn span {
				display: block;
				font-size: 12px;
			}
				#ticket .adWrap .adbtn:before {
					content: "";
					width: 33px;
					height: 100%;
					display: block;
					right: 16px;
					top: 0;
					position: absolute;
					background: url(../img/arrow_2.png) no-repeat center center;
					background-size: 100% auto;
				}
				#ticket .adWrap.op .adbtn:before {
					-ms-transform:rotate(-180deg);
					-webkit-transform:rotate(-180deg);
					-moz-transform:rotate(-180deg);
				}
			#ticket .adWrap .note {
				height: 0;
				overflow: hidden;
				-webkit-transition: opacity .3s;
				transition: opacity .3s;
				opacity: 0;
				font-size: 14px;
				margin-bottom: 30px;
			}
			#ticket .adWrap.op .note {
				height: auto;
				opacity: 1;
				padding: 20px 0 0 0;
			}


	#ticket #privilege {
		padding-bottom: 10px;
	}
		#ticket #privilege .mtit {
			padding-top: 30px;
		}
		#ticket #privilege .imgWrap {
			margin-bottom: 15px;
			width: 100%;
			max-width: 860px;
		}
			#ticket #privilege .imgWrap:last-child {
				margin-bottom: 10px;
			}
		#ticket #privilege .txtWrap {
			color: rgba(255, 255, 255, 0.8);
			margin-bottom: 40px;
		}
			#ticket #privilege .txtWrap .stit {
				font-weight: 700;
				font-size: 16px;
				line-height: 160%;
				letter-spacing: 0.05em;
				color: rgba(255, 255, 255, 0.8);
				text-align: center;
				margin-bottom: 15px;
				margin-top: 25px;
			}
			#ticket #privilege .txtWrap .txt {
				font-weight: 500;
				font-size: 16px;
				line-height: 160%;
				letter-spacing: 0.05em;
				color: rgba(255, 255, 255, 0.8);
				text-align: left;
				margin-bottom: 15px;
			}
			#ticket #privilege .txtWrap .note {
				color: rgba(255, 255, 255, 0.8);
			}
			#ticket #privilege .txtWrap .txt.cs {
				font-size: 18px;
				text-align: center;
				color: #FFFFFF;
				padding: 20px 0 40px 0;
			}
			#ticket #privilege .txtWrap .btn {
				font-weight: 500;
				font-size: 16px;
				line-height: 160%;
				letter-spacing: 0.05em;
				color: rgba(255, 255, 255, 0.8);
				text-align: left;
				margin-top: 15px;
			}
				#ticket #privilege .txtWrap .btn a {
					color: rgba(255, 255, 255, 0.8);
				}
		
	#ticket #access {
		background: url(../img/bg_a.png) repeat-y center center;
		background-size: 120% auto;
		margin: 0 auto 0 auto;
		padding: 80px 0 80px 0;
		z-index: 1;
		position: relative;
	}
	#ticket #access::before,
	#ticket #access::after {
		content: "";
		position: absolute;
		width: min(8.33vw, 120px);
		height: min(8.33vw, 120px);
		background: url(../img/dc_03.svg) no-repeat center center;
		background-size: contain;
	}
	#ticket #access::before {
		top: 0;
		left: 0;
		transform: rotate(90deg);
	}
	#ticket #access::after {
		top: 0;
		right: 0;
		transform: rotate(180deg);
	}
		#ticket #access .contentBox {
			position: static;
		}
		#ticket #access .contentBox::before,
		#ticket #access .contentBox::after {
			content: "";
			position: absolute;
			width: min(8.33vw, 120px);
			height: min(8.33vw, 120px);
			background: url(../img/dc_03.svg) no-repeat center center;
			background-size: contain;
		}
		#ticket #access .contentBox::before {
			bottom: 0;
			left: 0;
			transform: rotate(0deg);
		}
		#ticket #access .contentBox::after {
			bottom: 0;
			right: 0;
			transform: rotate(270deg);
		}
		.mapWrap {
			max-width: 860px;
			margin: 30px auto 20px auto;
		}
			.mapWrap .txt {
				font-weight: 500;
				font-size: 16px;
				line-height: 160%;
				letter-spacing: 0.05em;
				color: #FFFFFF;
				text-align: left;
			}
				.mapWrap .txt a {
					color: #FFFFFF;
				}
				.mapWrap .txt span {
					font-weight: 700;
					font-size: 18px;
					display: block;
					margin-bottom: 15px;
				}
			.mapWrap .mapBox {
				width: 100%;
				margin: 40px auto 0 auto;
			}
			
	#ticket #contact {
		margin-top: 30px;
		margin-bottom: 0;
	}
		#ticket #contact a {
			color: #ffffff;
			text-decoration: none;
		}
		
					/*===================sp=*/@media screen and (max-width: 860px) {

#ticket {
}
	#ticket #price {
		padding-top: 20px;
		padding-bottom: 10px;
	}
		#ticket #price .txtWrap {
			margin-top: 30px;
		}
		#ticket #price .u22Box {
			width: 100%;
			max-width: 94.87%;
			margin-top: 20px;
		}
	#ticket #privilege {
		padding-bottom: 1px;
	}
		#ticket #privilege .mtit {
		}
			#ticket #privilege .mtit:first-child {
				padding-top: 10px;
			}
		#ticket #privilege .imgWrap {
			width: 94.87%;
			max-width: 94.87%;
			overflow: hidden;
		}
			#ticket #privilege .imgWrap .img.cs {
				width: 140%;
				margin-left: -20%;
			}
		#ticket #privilege .txtWrap {
			margin-bottom: 10px;
		}
			#ticket #privilege .txtWrap .txt {
				font-size: 15px;
				margin-bottom: 15px;
			}
			#ticket #privilege .txtWrap .txt.cs {
				font-size: 15px;
				padding: 20px 0 40px 0;
			}
	#ticket #access {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
		#ticket #access .contentBox {
			padding: 50px 0 100px 0;
		}
	#ticket #access::before,
	#ticket #access::after,
	#ticket #access .contentBox::before,
	#ticket #access .contentBox::after {
		width: 24.36vw;
		height: 24.36vw;
	}
		.mapWrap {
		}
			.mapWrap .txt {
				font-size: 14px;
			}
				.mapWrap .txt a {
				}
				.mapWrap .txt span {
					font-size: 16px;
				}
			.mapWrap .mapBox {
			}
			
	#ticket #contact {
	}

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


/*-----------------------------------------------------------
	#howto setting
-----------------------------------------------------------*/
#howto {
	padding: 0 0 0 0;
}
	#howto .innerWrap {
		padding-top: 30px;
	}

	#howto .txtWrap {
		max-width: 1280px;
		margin: 0 auto 0 auto;
	}
	
	#howto #about {
		margin-top: 0;
		margin-bottom: 30px;
	}
		#howto #aboutrealdgame {
		}
		#howto #aboutseries {
		}
			#howto #aboutrealdgame .movieBox {
				margin-top: 30px;
				margin-bottom: 45px;
			}
			#howto #aboutrealdgame .txtWrap ,
			#howto #aboutseries .txtWrap {
				margin-top: 35px;
			}
			#howto .btn {
				background: red !important;
				width: 92%;
				max-width: 510px;
				margin: 30px auto 0 auto;
				line-height: 0;
				overflow: hidden;
				cursor: pointer;
				box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
			}
			
		#howto #howtolist {
			padding-bottom: 20px;
		}
		#howto #howtolist {
			 
		}
			#howto #howtolist .mainimg {
				width: 94%;
				max-width: 690px;
				margin: 80px auto 0 auto;
			}

	#howto #system {
		margin-top: 20px;
	}
		#howto .systemWrap {
			max-width: 860px;
			margin: 35px auto 80px auto;
		}
			#howto .systemWrap li {
				margin: 0 auto 40px auto;
				padding: 0 0 40px 0;
				background: rgba(255, 255, 255, 0.9);
				border: 5px solid #000000;
				box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
				border-radius: 5px;
				box-sizing: border-box;
			}
				#howto .systemWrap li .tit {
					font-weight: 700;
					font-size: 20px;
					line-height: 1.6;
					letter-spacing: 0.05em;
					color: #CBBA3A;
					background: #000000;
					padding: 5px 10px 10px 10px;
					box-sizing: border-box;
				}
				#howto .systemWrap li .img {
					width: 90%;
					max-width: 500px;
					margin: 30px auto 0 auto;
					line-height: 0;
				}
				#howto .systemWrap li .txt {
					width: 94%;
					margin: 20px auto 0 auto;
					font-weight: 500;
					font-size: 15px;
					line-height: 1.4;
					color: #000000;
					text-align: left;
				}
				#howto .systemWrap li .txt a {
					color: #000;
				}

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

#howto {
}
	#howto .innerWrap {
	}

	#howto .txtWrap {
		max-width: 94.59%;
		text-align: left;
	}
	#howto #about {
		margin-bottom: 40px;
	}
		#howto #aboutrealdgame {
			margin-bottom: 40px;
		}
		#howto #aboutseries {
			margin-bottom: 40px;
		}
			#howto #aboutrealdgame .movieBox {
				width: 94.59%;
				margin-bottom: 25px;
			}
			#howto #aboutrealdgame .txtWrap ,
			#howto #aboutseries .txtWrap {
			}
			
	#howto #system {
	}
		#howto .systemWrap {
			max-width: 860px;
			margin: 30px auto 80px auto;
		}
			#howto .systemWrap li {
				margin: 0 auto 20px auto;
				padding: 0 0 20px 0;
			}
				#howto .systemWrap li .tit {
					font-size: 16px;
				}
				#howto .systemWrap li .img {
					margin: 20px auto 0 auto;
				}
				#howto .systemWrap li .txt {
					width: 90%;
					margin: 10px auto 0 auto;
					font-size: 14px;
				}
				
		#howto #howtolist {
			 
		}
			#howto #howtolist .mainimg {
				width: 94%;
				max-width: 690px;
				margin: 50px auto 0 auto;
			}

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


#howto .slideWrap {
	width: 100%;
}
	#howto .slideWrap {
		background: #6C6428;
		background-size: 500px auto;
		border-radius: 20px;
		overflow: hidden;
		padding: 20px 20px 20px 20px;
		margin: 25px auto 50px auto;
		width: 100%;
		box-sizing: border-box;
	}
	#howto .slideWrap:last-child {
		background: #41777B;
		background-size: 500px auto;
	}
	#howto .slideWrap .tit {
		width: 100%;
		box-sizing: border-box;
		padding: 0 20px 20px 20px;
		text-align: left;
		color: #CBBA3A;
		font-size: 24px;
		font-weight: 900;
		line-height: 160%; /* 38.4px */
		letter-spacing: 1.2px;
	}
		#howto .slideWrap .slidelist {
			margin: 0;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		#howto .slideWrap .slidelist li {
			margin: 0 17px;
		}
			#howto .slideWrap .slidelist li .img {
				width: 100%;
			}
			#howto .slideWrap .slidelist li .txt {
				width: 100%;
				color: #FFF;
				font-size: 16px;
				font-weight: 500;
				line-height: 160%; /* 25.6px */
				letter-spacing: 0.8px;
				text-align: left;
				margin: 15px 0 0 0;
			}
				#howto .slideWrap .slidelist li .txt .note {
					font-size: 12px;
					line-height: 160%;
					display: block;
				}
				#howto .slick-prev {
					width: 35px;
					height: 35px;
					margin-right: 50px;
					position: relative;
					left: 0;
					top: 0;
					
				}
				#howto .slick-next {
					width: 35px;
					height: 35px;
					margin-left: 50px;
					position: relative;
					right: 0;
					top: 0;
				}
				#howto .slick-prev:before, #howto .slick-next:before {
					font-size: 0;
					content: "";
					display: block;
					width: 35px;
					height: 35px;
				}
				#howto .slick-prev:before {
					background: url(../img/arrow_3.png) no-repeat center center;
					background-size: 100% 100%;
					-ms-transform:rotate(-180deg);
					-webkit-transform:rotate(-180deg);
					-moz-transform:rotate(-180deg);
				}
				#howto .slick-next:before {
					background: url(../img/arrow_3.png) no-repeat center center;
					background-size: 100% 100%;
				}

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

	#howto .slideWrap {
		padding: 20px 10px 20px 10px;
		margin: 25px auto 25px auto;
	}
	#howto .slideWrap .tit {
		padding: 0 30px 20px 30px;
		font-size: 18px;
	}
	
		#howto .slideWrap .slidelist {
			align-items: flex-start;
		}
		#howto .slideWrap .slidelist li {
			margin: 0;
			
		}
				#howto .slick-prev {
					width: 26px;
					height: 26px;
					margin-right: 26px;
					margin-top: 20%;
				}
				#howto .slick-next {
					width: 26px;
					height: 26px;
					margin-left: 26px;
					margin-top: 20%;
				}
				#howto .slick-prev:before, #howto .slick-next:before {
					width: 26px;
					height: 26px;
				}

					}/*====================*/
					
		#howto .adWrap .adbtn {
			cursor: pointer;
		}
			#howto .adWrap .adbtn h3 {
				margin: 0 0 0 0;
			}
				#howto .adWrap .adbtn:before {
					width: 32px;
					height: 32px;
					flex: 0 0 auto;
				}
				#howto .adWrap .adbtn:after {
					content: "";
					width: 32px;
					height: 32px;
					display: block;
					background: url(../img/ad_1.png) no-repeat center center;
					background-size: contain;
					margin-left: 10px;
					flex: 0 0 auto;
				}
				#howto .adWrap.op .adbtn:after {
					background: url(../img/ad_1_c.png) no-repeat center center;
					background-size: contain;
				}
				
			#howto .adWrap .adbox {
				height: 0;
				overflow: hidden;
				-webkit-transition: opacity .3s;
				transition: opacity .3s;
				opacity: 0;
				font-weight: 500;
				font-size: 16px;
				line-height: 160%;
				text-align: center;
				letter-spacing: 0.05em;
				color: #FFFFFF;
			}
			#howto .adWrap.op .adbox {
				height: auto;
				opacity: 1;
			}
			
					/*===================sp=*/@media screen and (max-width: 860px) {

				#howto .adWrap .adbtn:before {
					content: "";
					width: 20px;
					height: 20px;
				}
				#howto .adWrap .adbtn:after {
					content: "";
					width: 20px;
					height: 20px;
				}

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

/*-----------------------------------------------------------
	#note setting
-----------------------------------------------------------*/
#note {
	padding: 0 0 0 0;
}
	#note .notesWrap {
		width: 94%;
		max-width: 860px;
		padding: 0 0 0 0;
		margin: 40px auto 0 auto;
		text-align: left;
		color: #000000;
	}
		#note .notesWrap .notesAdWrap {
			margin-bottom: 20px;
		}
		#note .notesWrap .notesAdWrap > .adbtn {
			background: #CBBA3A;
			border-radius: 5px;
			overflow: hidden;
			padding: 15px 50px 15px 30px;
			box-sizing: border-box;
			position: relative;
			text-align: left;
			font-size: 18px;
			line-height: 1.2;
			cursor: pointer;
			color: #000;
		}
			#note .notesWrap .notesAdWrap > .adbtn:before {
				content: "";
				width: 33px;
				height: 100%;
				display: block;
				right: 16px;
				top: 0;
				position: absolute;
				background: url(../img/arrow_2.png) no-repeat center center;
				background-size: 100% auto;
			}
			#note .notesWrap .notesAdWrap.op > .adbtn:before {
				transform: rotate(-180deg);
			}
		#note .notesWrap .notesAdWrap div.note {
			height: 0;
			overflow: hidden;
			transition: opacity .3s;
			opacity: 0;
		}
		#note .notesWrap .notesAdWrap.op div.note {
			height: auto;
			opacity: 1;
			padding: 0;
		}
		#note .notesWrap .notesBox {
			width: 100%;
			margin: 0 auto 0 auto;
			padding: 0px 0 0 0;
		}
			#note .notesWrap .tit {
				width: 100%;
				margin: 10px auto 15px auto;
				padding: 0 0 0 0;
				font-size: 20px;
				font-weight: 700;
				color: #CA9002;
			}
			#note .notesWrap ul {
				width: 100%;
				max-width: 860px;
				margin: 35px auto 0 auto;
			}
				#note .notesWrap ul li {
					background: #ffffff;
					padding: 18px 35px 28px 35px;
					box-sizing: border-box;
					border-radius: 5px;
					margin-bottom: 33px;
				}
				#note .notesWrap ul li:last-child {
					margin-bottom: 0;
				}
				#note .notesWrap ul li .txt {
					font-size: 15px;
				}
				#note .notesWrap ul li p {
					font-size: 15px;
				}
				#note .notesWrap ul li .q {
					font-size: 20px;
					display: block;
					padding-left: 25px;
					font-weight: 700;
					line-height: 1.6;
					margin: 0 0 10px 0;
					color: #CA9002;
				}
					#note .notesWrap ul li .q::before {
						content: "Q.";
						display: block;
						float: left;
						margin-left: -25px;
						width: 25px;
					}
				#note .notesWrap ul li .a {
					font-size: 15px;
					line-height: 1.4;
					font-weight: 500;
					display: block;
					padding-left: 20px;
					margin: 0 0 0 0;
					color: #000000;
				}
					#note .notesWrap ul li .a::before {
						content: "A.";
						display: block;
						float: left;
						margin-left: -20px;
						width: 20px;
					}
				#note .notesWrap ul li .n {
					font-size: 15px;
					font-weight: 500;
					line-height: 1.4;
					display: block;
					padding-left: 15px;
					margin: 0 0 20px 0;
				}
					#note .notesWrap ul li .n::before {
						content: "・";
						display: block;
						float: left;
						margin-left: -15px;
						width: 15px;
					}
					#note .notesWrap ul li .n:last-child {
						margin-bottom: 0;
					}
					
				#note .notesWrap ul li p.note {
					font-size: 15px;
					font-weight: 500;
					line-height: 1.4;
					display: block;
					padding-left: 15px;
					margin: 0 0 20px 0;
				}
					#note .notesWrap ul li p.note::before {
						content: "※";
						display: block;
						float: left;
						margin-left: -15px;
						width: 15px;
					}
					#note .notesWrap ul li p.note:last-child {
						margin-bottom: 0;
					}
					
				#note .notesWrap ul li p.n {
					font-size: 15px;
					font-weight: 500;
				}
					#note .notesWrap ul li p.n span {
						margin-bottom: 10px;
						font-weight: 700;
					}
				#note .notesWrap ul li p.txt {
					margin: 0 0 20px 0;
				}
					#note .notesWrap ul li p.txt span {

					}
					#note .notesWrap ul li .txt:last-child {
						margin-bottom: 0;
					}
				#note .notesWrap ul li .txt_tit {
					font-size: 16px;
					font-weight: 700;
					margin: 20px 0 10px 0;
				}
				#note .notesWrap a {
					text-decoration: underline;
					color: #000;
				}
				
	#note .notesWrap .restrictBox {
		background: none;
	}
		#note .notesWrap .restrictBox ul {
			background: none;
			padding: 0;
		}
			#note .notesWrap .restrictBox li {
				width: 100%;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				display: flex;
				justify-content: space-between;
				text-align: left;
				border: 1px solid #403B2E;
				border-bottom: none;
				background: none;
				border-radius: 0;
			}
			#note .notesWrap .restrictBox li:last-child {
				border-bottom: 1px solid #403B2E;
			}
			#note .notesWrap .restrictBox li:last-child {
				margin-bottom: 0;
			}
				#note .notesWrap .restrictBox li .tit,
				#note .notesWrap .restrictBox li .txt {
					width: 32%;
					padding: 15px 2% 15px 2%;
					background: rgba(255, 236, 184, 0.10);
					border-right: 1px solid #403B2E;
					margin: 0 0 0 0;
					color: #CBBA3A;
					font-size: 15px;
					font-weight: 500;
					box-sizing: border-box;
					display: flex;
					align-items: center;
				}
				#note .notesWrap .restrictBox li .txt {
					width: 68%;
					flex-direction: column;
					justify-content: center;
					align-items: flex-start;
				}
				#note .notesWrap .restrictBox li .txt a {
					color: #CBBA3A;
				}
				#note .notesWrap .restrictBox li .txt span {
					font-weight: 700;
				}

#restrict {
	padding-bottom: 30px;
}

		#note .settingsBox.adWrap {
			width: 100%;
			margin: 20px auto 0 auto;
			padding: 0 0 0 0;
		}
			#note .settingsBox.adWrap .btn {
				display: inline-block;
				margin: 0 auto 0 auto;
				border-bottom: 1px solid #000000;
				padding: 0;
			}
			#note .settingsBox.adWrap .btn p {
				font-weight: 700;
				font-size: 16px;
				line-height: 120%;
				font-feature-settings: 'palt' on;
				cursor: pointer;
				margin: 0 0 3px 0;
				/* display: flex;
				justify-content: center;
				align-items: center;
				width: auto; */
			}
			#note .settingsBox.adWrap table {
				width: 100%;
				margin: 15px auto 10px auto;
				position: relative;
				border: solid 1px #000000;
				border-collapse: collapse;
			}
				#note .settingsBox table tr{position: relative;}
				#note .settingsBox table tr th{
					position: relative;
					background-color: #000000;
					border: solid 1px #606060;
					color: #ffffff;
					padding: 5px;
					font-size: 12px;
					text-align: center;
					vertical-align: middle;
				}
				#note .settingsBox table tbody tr th{}
				#note .settingsBox table thead tr th{}
				#note .settingsBox table tbody tr td{
					position: relative;
					padding: 5px;
					border: solid 1px #000000;
					vertical-align: middle;
					text-align: center;
				}
			
			#note .settingsBox .txt {
				height: 0;
				overflow: hidden;
				-webkit-transition: opacity .3s;
				transition: opacity .3s;
				opacity: 0;
				font-size: 14px;
			}
			#note .settingsBox.op .txt {
				height: auto;
				opacity: 1;
			}
			#note .settingsBox span {
				font-weight: 400;
				font-size: 15px;
			}

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

#note {
}
	#note .notesWrap {
		width: 94.59%;
		max-width: 94.59%;
		margin-bottom: 35px;
	}
		#note .notesWrap .notesAdWrap {
			margin-bottom: 15px;
		}
		#note .notesWrap .notesAdWrap > .adbtn {
			padding: 15px 45px 15px 15px;
			font-size: 16px;
			line-height: 1.2;
		}
			#note .notesWrap .notesAdWrap > .adbtn:before {
				width: 25px;
				right: 12px;
			}
		#note .notesWrap .notesBox {
		}
			#note .notesWrap .tit {
				margin: 0 auto 15px auto;
				font-size: 18px;
			}
			#note .notesWrap ul {
				max-width: 100%;
				margin: 30px auto 0 auto;
			}
				#note .notesWrap ul li {
					padding: 18px 5% 28px 5%;
					border-radius: 5px;
					margin-bottom: 25px;
				}
				#note .notesWrap ul li:last-child {
					margin-bottom: 0;
				}
				#note .notesWrap ul li .txt {
					font-size: 14px;
				}
				#note .notesWrap ul li .q {
					font-size: 18px;
					padding-left: 22px;
					margin: 0 0 10px 0;
				}
					#note .notesWrap ul li .q::before {
						margin-left: -22px;
						width: 22px;
					}
				#note .notesWrap ul li .a {
					font-size: 15px;
					padding-left: 20px;
				}
					#note .notesWrap ul li .a::before {
						margin-left: -20px;
						width: 20px;
					}
				#note .notesWrap ul li .n {
					font-size: 14px;
					padding-left: 14px;
					margin: 0 0 10px 0;
				}
					#note .notesWrap ul li .n::before {
						margin-left: -14px;
						width: 14px;
					}
					#note .notesWrap ul li .n:last-child {
					}
				#note .notesWrap ul li p.note {
					font-size: 14px;
					padding-left: 14px;
					margin: 0 0 10px 0;
				}
					#note .notesWrap ul li p.note::before {
						margin-left: -14px;
						width: 14px;
					}
					
				#note .notesWrap ul li p,
				#note .notesWrap ul li p.n {
					font-size: 14px;
					margin-bottom: 10px;
				}
				#note .notesWrap ul li .txt_tit {
					font-size: 14px;
					font-weight: 700;
					margin: 15px 0 8px 0;
				}
				#note .notesWrap a {
				}
				#note .notesWrap a:hover {
				}

	#note .notesWrap .restrictBox {
	}
		#note .notesWrap .restrictBox ul {
		}
			#note .notesWrap .restrictBox li {
			}
			#note .notesWrap .restrictBox li:last-child {
			}
			#note .notesWrap .restrictBox li:last-child {
			}
				#note .notesWrap .restrictBox li .tit,
				#note .notesWrap .restrictBox li .txt {
					width: 32%;
					padding: 15px 5% 15px 5%;
					font-size: 14px;
				}
				#note .notesWrap .restrictBox li .txt {
					width: 68%;
				}

#restrict {
	padding-bottom: 30px;
}

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


/*-----------------------------------------------------------
	#goods setting
-----------------------------------------------------------*/
#goods {
	padding: 0 0 0 0;
}
.goods #head {
	background: url(../img/bg_c_3.png) no-repeat center top;
	background-size: cover;
	position: relative;
	z-index: 1;
}
	.goods #head:after {
		content: "";
		width: 100%;
		display: block;
		min-height: 300px;
		max-height: 213px;
		box-sizing: border-box;
		background: red no-repeat;
		background-position: 100% 0;
		background-size: 40% auto;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	#goods .goodsWrap {
		width: 94%;
		max-width: 860px;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		text-align: left;
	}
		#goods .goodsWrap .goodsBox {
			width: 100%;
			margin: 0 auto 0 auto;
			padding: 0px 0 0 0;
		}
			#goods .goodsWrap .goodsBox > div:first-child {
				margin-top: 0;
			}
			#goods .goodsWrap .goodsBox .head {
				width: 100%;
				margin: 60px auto 30px auto;
			}
				#goods .goodsWrap .goodsBox .head .tit {
					color: #CBBA3A;
					text-align: center;
					font-size: 27px;
					font-weight: 900;
					letter-spacing: 1.35px;
				}
				#goods .goodsWrap .goodsBox .head .txt {
					font-size: 12px;
					color: #ffffff;
					margin-top: 20px;
				}
				
			#goods .goodsWrap .goodsBox .note {
				color: #ffffff;
				font-size: 14px;
				width: 100%;
				border: 5px solid #242424;
				box-sizing: border-box;
				padding: 30px 50px;
				display: flex;
				justify-content: center;
				align-items: center;
			}
				#goods .goodsWrap .goodsBox .note .tit {
					font-size: 16px;
					color: #E9D776;
					margin-right: 30px;
					flex: 0 0 auto;
				}
				#goods .goodsWrap .goodsBox .note .txt {
					width: 100%;
				}
				
			#goods .goodsWrap .goodsBox .btn {
			}
			#goods .bnrBox {
				width: 100%;
				margin: 20px auto 0 auto;
				display: flex;
				justify-content: center;
				align-items: flex-start;
			}
				#goods .bnrBox .bnr {
					width: 50%;
					max-width: 320px;
					margin: 0 15px;
					line-height: 0;
					border: 1px solid #242424;
				}

			#goods .goodsWrap ul {
				width: 100%;
				max-width: 860px;
				margin: 15px auto 0 auto;
				
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}
				#goods .goodsWrap ul li {
					width: 48%;
					max-width: 410px;
					background: #ffffff;
					padding: 35px;
					box-sizing: border-box;
					border-radius: 5px;
					margin-bottom: 33px;
				}
					#goods .goodsWrap ul li .img a {
						display: block;
					}
					#goods .goodsWrap ul li .img {
						border: 1px solid #E1E1E1;
						margin-bottom: 20px;
						position: relative;
					}
					#goods .goodsWrap ul li .img a:before {
						content: "";
						width: 20px;
						height: 20px;
						background: url(../img/goods_icon.png) no-repeat center center;
						background-size: 100% 100% ;
						position: absolute;
						right: 20px;
						bottom: 20px;
					}
					#goods .goodsWrap ul li .tit {
						font-weight: 700;
						font-size: 20px;
						line-height: 160%;
						letter-spacing: 0.05em;
						color: #CA9002;
					}
						#goods .goodsWrap ul li .tit span {
							font-size: 16px;
							display: block;
							line-height: 140%;
						}
					#goods .goodsWrap ul li .txt {
						margin-top: 15px;
						font-weight: 500;
						font-size: 15px;
						line-height: 140%;
						color: #000000;
					}
						#goods .goodsWrap ul li .txt span {
							background: #FEE49E;
							display: block;
							padding: 3px 8px;
							margin-bottom: 5px;
						}
						
					



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

#goods {
}
	#goods .goodsWrap {
		width: 94.59%;
		max-width: 94.59%;
		margin-bottom: 35px;
	}
	.goods #head:after {
		background: red no-repeat;
		background-position: 123% 0;
		background-size: auto 40%;
		position: absolute;
		right: 0;
		top: 0;
		z-index: -1;

	}
	
	
	
		#goods .goodsWrap .goodsBox {
		}
		
			#goods .goodsWrap .goodsBox .head {
				width: 100%;
				margin: 50px auto 20px auto;
			}
				#goods .goodsWrap .goodsBox .head .tit {
					font-size: 22px;
				}
				#goods .goodsWrap .goodsBox .head .txt {
					font-size: 12px;
					color: #ffffff;
					margin-top: 20px;
				}
				
			#goods .goodsWrap .goodsBox .note {
				font-size: 14px;
				width: 100%;
				border: 5px solid #242424;
				padding: 20px 20px;
				display: block;
			}
				#goods .goodsWrap .goodsBox .note .tit {
					font-size: 16px;
					color: #E9D776;
					margin: 0 0 10px 0;
				}
				#goods .goodsWrap .goodsBox .note .txt {
					width: 100%;
					font-size: 14px;
				}
			
			#goods .goodsWrap .goodsBox .btnWrap {
				margin-top: 20px;
			}
			#goods .goodsWrap .goodsBox .btn {
				width: 70%;
			}
			#goods .bnrBox {
				width: 100%;
				margin: 20px auto 0 auto;
			}
				#goods .bnrBox .bnr {
					width: 70%;
					max-width: 70%;
					margin: 0 15px;
				}
				
			#goods .goodsWrap ul {
			}
				#goods .goodsWrap ul li {
					width: 100%;
					max-width: 100%;
					padding: 35px;
					margin-bottom: 33px;
				}
					#goods .goodsWrap ul li .img {
						margin-bottom: 10px;
					}
					#goods .goodsWrap ul li .tit {
						font-size: 18px;
					}
						#goods .goodsWrap ul li .tit span {
							font-size: 14px;
						}
					#goods .goodsWrap ul li .txt {
						margin-top: 15px;
						font-size: 14px;
					}
						#goods .goodsWrap ul li .txt span {
							padding: 3px 8px;
							margin-bottom: 5px;
						}

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

#top figure {
	position: relative;
	max-width: 600px;
}
#top .popimgbox figure {
	position: relative;
	max-width: 100%;
}

#top .mfp-figure:after {
	display: none;
}
#top .mfp-figure figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444;
}
#top .mfp-title {
	padding: 5px 0 0 0;
}


/*-----------------------------------------------------------
	#campaign setting
-----------------------------------------------------------*/
#campaign {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 25px 0 25px 0;
	position: relative;
	color: #ffffff;
	background: #000000;
}
		#campaign .bnrBox {
			width: 100%;
			margin: 50px auto 0 auto;
			display: flex;
			justify-content: center;
			align-items: flex-start;
		}
			#campaign .bnrBox .bnr {
				width: 50%;
				max-width: 320px;
				margin: 0 15px;
				line-height: 0;
				border: 1px solid #242424;
			}

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

#campaign {
	padding: 50px 0 0 0;
}
		#campaign .bnrBox {
			margin: 0 auto 0 auto;
			display: block;
		}
			#campaign .bnrBox .bnr {
				width: 80%;
				max-width: 320px;
				margin: 0 auto 10px auto;
			}

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


/*-----------------------------------------------------------
	#covid19 setting
-----------------------------------------------------------*/
#covid19 {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 15px 0 0 0;
	position: relative;
	color: #ffffff;
	background: #000000;
}
	#covid19 .txtBox {
		max-width: 1000px;
		margin: 0 auto 0 auto;
		border: 5px solid #242424;
		box-sizing: border-box;
		padding: 22px ;
	}
		#covid19 .txtBox .txt {
			font-weight: 500;
			font-size: 16px;
			line-height: 1.6;
		}
			#covid19 .txtBox .txt a {
				color: #FADF50;
			}
			
					/*===================sp=*/@media screen and (max-width: 860px) {

#covid19 {
	padding: 0 0 0 0;
}
	#covid19 .contentBox {
		width: 94.87%;
	}
	#covid19 .txtBox {
		max-width: 94.59%;
		padding: 20px;
	}
		#covid19 .txtBox .txt {
			font-size: 14px;
		}
			#covid19 .txtBox .txt a {
			}

					}/*====================*/
					
					
/*-----------------------------------------------------------
	#footer setting
-----------------------------------------------------------*/
#footer {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 1px 0 100px 0;
	position: relative;
	color: #ffffff;
	background: #000000;
}
	#footer a {
		color: #ffffff;
		text-decoration: none;
	}
	.footerWrap {
		max-width: 1280px;
		margin: 0 auto 0 auto;
	}
		#footer .logoBox {
			margin: 40px auto 0 auto;
			display: flex;
		}
			#footer .logoBox .logo {
				width: 50%;
				max-width: 148px;
				margin: 0 auto 0 auto;
			}
		#footer .txt {
			margin: 20px auto 40px auto;
			font-size: 14px;
			line-height: 1.6;
			font-weight: 500;
		}
			#footer .inquire {
			margin: 20px auto 0 auto;
			font-size: 14px;
			line-height: 2.4;
			font-weight: 500;
		}
		#footer .copyright {
			font-size: 12px;
			line-height: 1.8;
			font-weight: 500;
			margin: 0px auto 0 auto;
		}
		#footer .note {
			font-size: 10px;
			color: #888888;
			line-height: 1.8;
			font-weight: 500;
			margin: 20px auto 50px auto;
		}

					/*===================sp=*/@media screen and (max-width: 860px) {
						
#footer {
	padding: 1px 0 100px 0;
}
	.footerWrap {
		max-width: 1280px;
	}
		#footer .logoBox {
			margin: 30px auto 0 auto;
		}
			#footer .logoBox .logo {
				width: 30.77%;
				max-width: 30.77%;
			}
		#footer .txt {
			margin: 20px auto 20px auto;
			font-size: 14px;
			line-height: 1.6;
		}
		#footer .inquire {
			font-size: 14px;
			line-height: 1.6;
			margin: 20px auto 0 auto;
		}
		#footer .copyright {
			font-size: 14px;
			line-height: 1.6;
			margin: 0 auto 20px auto;
		}
		#footer .note {
			margin: 20px auto 50px auto;
		}
						
					}/*====================*/


/*-----------------------------------------------------------
	#share setting
-----------------------------------------------------------*/
#share {
	width: 47px;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	z-index: 199;
	opacity: 0;
	transition: opacity 0.5s ease;
}
#share.in {
	opacity: 1;
}
#share.fixed {
	top: 50%;
	transform: translateY(-50%);
}

	#share .contentBox {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#share ul {
		width: 100%;
		margin: 0;
		z-index: 10;
	}
		#share li {
			margin: 0 0 5px 0;
		}
		#share li a {
			display: block;
			width: 45px;
			height: 45px;
			margin: 0 auto;
			border-radius: 50%;
			overflow: hidden;
		}
		#share li a img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

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

#share {
	width: 47px;
	right: -1%;
	top: 70px;
	transform: none;
}
#share.fixed {
	top: 70px;
}
	#share ul {
		width: 100%;
	}
		#share li {
		}
		#share li a {
			width: 30px;
			height: 30px;
		}

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


/*-----------------------------------------------------------
	popcontent setting
-----------------------------------------------------------*/
.popcontent {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	
	margin-top: 45px;
	display: flex;
	flex-direction: column;
}
#top .mfp-container {
	overflow-y: scroll;
}
#top .mfp-content {
	position: static;
	max-width: 1000px;
	margin-top: 30px;
	margin-bottom: 30px;
	
	background: none;
}
.popcontent button.mfp-close {
	font-size: 0;
	width: 40px;
	height: 40px;
	background: url(../img/close_btn.svg) no-repeat center center;
	background-size: 100% 100%;
	line-height: 0;
	top: 30px;
	right: 30px;
	
	position: relative;
	top: -45px;
	right: 0;
	margin: 0 0 0 auto;
	order: -1;
}
	.popcontent .popBox {
		padding-top: 30px;
	}

					/*===================sp=*/@media screen and (max-width: 860px) {
						
.popcontent {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 45px;
	display: flex;
	flex-direction: column;
}

#top .mfp-content {
	position: static;
	width: 94.87%;
	max-width: 94.87%;
	background: none;
}
.popcontent button.mfp-close {
	width: 30px;
	height: 30px;
	position: relative;
	top: -40px;
	right: 0;
	margin: 0 0 0 auto;
	order: -1;
}
	.popcontent .popBox {

	}

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

#cm {
	background: #000000;
}


#movie {
	background: #473633 url(../img/bg_movie.png) no-repeat center top;
	background-size: cover;
	padding: 55px 0 80px 0;
	padding: 0 0 80px 0;
}
	#movie .tit {
		width: 90%;
		max-width: 690px;
		margin: 0 auto;
	}
	#movie .commBox {
		width: 100%;
		max-width: 720px;
		margin: 40px auto 0 auto;
		padding: 50px 0 40px 0;
		background: rgba(255, 255, 255, 0.80);
	}
		#movie .commBox .tit {
			width: 90%;
			max-width: 490px;
			margin: 0 auto 0 auto;
			font-size: 25px;
			text-align: center;
			color: #000;
		}
		#movie .commBox .btn {
			width: 90%;
			max-width: 270px;
			margin: 25px auto 0 auto;
		}
		#movie .commBox .txt {
			width: 90%;
			font-weight: 500;
			font-size: 16px;
			line-height: 150%;
			text-align: center;
			letter-spacing: 0.05em;
			color: #000000;
			margin: 25px auto 0 auto;
		}

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

#movie {
	background: #473633 url(../img/sp/bg_movie.png) no-repeat center top;
	background-size: cover;
	padding: 0 0 50px 0;
}
	#movie .commBox {
		width: 90%;
		max-width: 720px;
		margin: 40px auto 0 auto;
		padding: 30px 0 30px 0;
	}
		#movie .commBox .tit {
			width: 90%;
			max-width: 490px;
			margin: 0 auto 0 auto;
		}
		#movie .commBox .btn {
			width: 60%;
			max-width: 270px;
			margin: 25px auto 0 auto;
		}
		#movie .commBox .txt {
			width: 90%;
			font-size: 15px;
			margin: 25px auto 0 auto;
		}
					}/*====================*/

#realdgame {
	background: #0173D4;
	padding: 60px 0 45px 0;
	padding: 0 0 45px 0;
}
	#realdgame .logo {
		width: 40%;
		max-width: 180px;
		margin: 0 auto;
	}
	#realdgame .movieBox {
		margin: 35px auto 0 auto;
	}
	#realdgame .txtBox {
		width: 100%;
		background: #015EC1;
		margin: 45px auto 0 auto;
	}
		#realdgame .txtBox p {
			width: 90%;
			margin: 0 auto 35px auto;
			padding: 45px 0 45px;
			text-align: center;
			font-weight: 500;
			font-size: 16px;
			line-height: 150%;
			text-align: center;
			letter-spacing: 0.05em;
			color: #FFFFFF;
		}
		#realdgame .txtBox p span {
			font-size: 14px;
		}
		
	#realdgame .btn {
		margin: 0 auto 20px auto;
		text-align: center;
	}
		#realdgame .btn a {
			position: relative;
			display: inline-block;
			background: #000000;
			border-radius: 5px;
			font-weight: 700;
			font-size: 15px;
			line-height: 1.2;
			text-align: center;
			font-feature-settings: 'palt' on;
			color: #FFFFFF;
			padding: 18px 20px;
			text-decoration: none;
			margin: 0 auto;
			min-width: 280px;
/* 			transition: all 0.3s cubic-bezier(0,.72,.62,1); */
		}
/*
			#realdgame .btn a:hover {
				color: rgba(255, 255, 255, 0.7);
			}
*/
		
					/*===================sp=*/@media screen and (max-width: 860px) {

#realdgame {
	padding: 0 0 45px 0;
}
	#realdgame .logo {
		width: 38%;
		max-width: 140px;
	}
	#realdgame .movieBox {
		width: 96%;
		margin: 30px auto 0 auto;
	}
	#realdgame .txtBox {
		margin: 30px auto 0 auto;
	}
		#realdgame .txtBox p {
			width: 90%;
			padding: 30px 0 30px;
			font-size: 14px;
			line-height: 150%;
			text-align: left;
		}
		#realdgame .txtBox p span {
			font-size: 12px;
		}
		
	#realdgame .btn {
		margin: 20px auto 0 auto;
		text-align: center;
	}
		#realdgame .btn a {
			font-size: 14px;
			padding: 17px 20px;
			min-width: 240px;
			width: 90%;
			box-sizing: border-box;
		}
			#realdgame .btn a:hover {
				opacity: 1;
			}

					}/*====================*/
					
#series {
	background: #000000 url(../img/bg_f_4.png) repeat;
	background-size: 500px auto;
	padding: 40px 0 50px 0;
	padding: 0 0 50px 0;
}
	#series .logo {
		width: 40%;
		max-width: 547px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	#series .img {
		width: 90%;
		max-width: 720px;
		margin: 20px auto 0 auto;
		z-index: 0;
	}
	#series .txtBox {
		width: 100%;
		margin: 30px auto 0 auto;
	}
		#series .txtBox p {
			width: 90%;
			margin: 0 auto;
			text-align: center;
			font-weight: 500;
			font-size: 16px;
			line-height: 1.5;
			text-align: center;
			letter-spacing: 0.05em;
			color: #FFFFFF;
			text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
		}
		
	#series .moviewrap {
		width: 100%;
		max-width: 720px;
		margin: 40px auto 0 auto;
		padding: 35px 0 40px 0;
		background: rgba(255, 255, 255, 0.80);
	}
		#series .moviewrap .tit {
			width: 90%;
			max-width: 490px;
			margin: 0 auto 0 auto;
		}

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

#series {
	padding: 0 0 30px 0;
}
	#series .logo {
		width: 70%;
		max-width: 70%;
	}
	#series .img {
		width: 94%;
		max-width: 94%;
		margin: 20px auto 0 auto;
		z-index: 0;
	}
	#series .txtBox {
		width: 100%;
		margin: 30px auto 0 auto;
	}
		#series .txtBox p {
			font-size: 14px;
			text-align: left;
		}
		
	#series .moviewrap {
		width: 94%;
		max-width: 94%;
		margin: 40px auto 0 auto;
		padding: 25px 0 30px 0;
		background: rgba(255, 255, 255, 0.80);
	}
		#series .moviewrap .tit {
			width: 100%;
			max-width: 100%;
			margin: 0 auto;
			overflow: hidden;
		}
			#series .moviewrap .tit img {
				width: 120%;
				max-width: 120%;
				margin: 0 0 0 -10%;
			}
		#series .moviewrap .movieBox {
			margin: 20px auto 0 auto;
		}

					}/*====================*/
					
#pv {
	background: url(../img/bg_05_g.png) repeat;
	padding: 0 0 0 0;
}
	#pv .movieBox {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 0 auto;
	}
		
					/*===================sp=*/@media screen and (max-width: 860px) {


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

#storyn {
	background: #000000 url(../img/bg_story.jpg) no-repeat center center;
	background-size: cover;
	padding: 90px 0 100px 0;
	padding: 0 0 100px 0;
}
	#storyn .tit {
		width: 90%;
		max-width: 320px;
		margin: 0 auto;
	}
	#storyn .txtBox {
		width: 100%;
		margin: 25px auto 0 auto;
/* 		font-family: 'Noto Sans JP', serif; */
	}
		#storyn .txtBox p {
			width: 90%;
			margin: 0 auto;
			text-align: center;
			font-weight: 500;
			font-size: 17px;
			line-height: 150%;
			text-align: center;
			letter-spacing: 0.1em;
			font-feature-settings: 'palt' on;
			color: #FFFFFF;
			text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
		}

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

#storyn {
	background: #000000 url(../img/sp/bg_story.jpg) no-repeat center center;
	background-size: cover;
	padding: 0 0 50px 0;
	
}
	#storyn .tit {
		width: 65%;
		max-width: 240px;
	}
	#storyn .txtBox {
		margin: 30px auto 0 auto;
	}
		#storyn .txtBox p {
			width: 90%;
			font-size: 15px;
		}

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

#fairy {
	background: #000000 url(../img/bg_fairy.jpg) no-repeat center center;
	background-size: cover;
	padding: 90px 0 100px 0;
	padding: 0 0 100px 0;
	min-height: 600px;
}
#fairy .popBox {
	margin-top: auto;
	margin-bottom: auto;
}
	#fairy .tit {
		width: 90%;
		max-width: 320px;
		margin: 0 auto;
	}
	#fairy .txtBox {
		width: 100%;
		margin: 25px auto 0 auto;
		text-align: left;
	}
		#fairy .txtBox p {
			width: 90%;
			margin: 0 auto;
			text-align: left;
			font-weight: 500;
			font-size: 17px;
			line-height: 150%;
			text-align: center;
			letter-spacing: 0.1em;
			font-feature-settings: 'palt' on;
			color: #FFFFFF;
			text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
		}

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

#fairy {
	background: #000000 url(../img/sp/bg_fairy.jpg) no-repeat center center;
	background-size: cover;
	padding: 0 0 50px 0;

}
	#fairy .tit {
		width: 65%;
		max-width: 240px;
	}
	#fairy .txtBox {
		margin: 30px auto 0 auto;
	}
		#fairy .txtBox p {
			width: 90%;
			font-size: 15px;
		}

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

#storyd {
	background: #000000 url(../img/bg_story_d.jpg) no-repeat center center;
	background-size: cover;
	padding: 90px 0 100px 0;
	padding: 0 0 100px 0;
}
	#storyd .tit {
		width: 90%;
		max-width: 320px;
		margin: 0 auto;
	}
	#storyd .txtBox {
		width: 100%;
		margin: 25px auto 0 auto;
/* 		font-family: 'Noto Sans JP', serif; */
	}
		#storyd .txtBox p {
			width: 90%;
			margin: 0 auto;
			text-align: center;
			font-weight: 500;
			font-size: 17px;
			line-height: 150%;
			text-align: center;
			letter-spacing: 0.1em;
			font-feature-settings: 'palt' on;
			color: #FFFFFF;
			text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
		}

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

#storyd {
	background-image: url(../img/sp/bg_story_d.jpg);
	background-size: cover;
	background-position: left top;
	padding: 0 0 50px 0;
	
}
	#storyd .tit {
		width: 90%;
		max-width: 240px;
	}
	#storyd .txtBox {
		margin: 30px auto 0 auto;
	}
		#storyd .txtBox p {
			width: 90%;
			font-size: 15px;
		}

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

#bdc {
	background: #ffffff url(../img/bg_02_w.png) no-repeat center center;
	background-size: cover;

	border: 15px solid #000000;
	box-sizing: border-box;
}
	#bdc .popBox {
		padding: 70px 0 150px 0;
		position: relative;
	}
#bdc .popBox:before {
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/bdc_bg.png) no-repeat center bottom;
	background-size: 100% auto;
	position: absolute;
	bottom: 0;
	left: 0;
}
	#bdc .tit {
		width: 90%;
		max-width: 656px;
		margin: 0 auto;
	}
	#bdc .txtBox {
		width: 100%;
		margin: 30px auto 0 auto;
/* 		font-family: 'Noto Sans JP', serif; */
	}
		#bdc .txtBox p {
			width: 90%;
			margin: 0 auto;
			text-align: center;
			font-weight: 700;
			font-size: 18px;
			line-height: 150%;
			letter-spacing: 0.05em;
			font-feature-settings: 'palt' on;
			color: #000000;
			text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8);
		}

					/*===================sp=*/@media screen and (max-width: 860px) {
						
#bdc .popBox {
	padding: 0 0 80px 0;
}
	#bdc .tit {
		width: 90%;
		max-width: 656px;
		margin: 0 auto;
	}
	#bdc .txtBox {
		margin: 30px auto 0 auto;
	}
		#bdc .txtBox p {
			width: 98%;
			font-size: 15px;
		}
		
					}/*====================*/
					
#sia {
	background: #000000 url(../img/bg_e_1.jpg) no-repeat center top;
	background-size: cover;
	padding: 80px 0 80px 0;
	padding: 0 0 80px 0;
	position: relative;
}
	#sia:before {
		content: "";
		width: 10.1%;
		padding-top: 9%;
		display: block;
		position: absolute;
		left: 6%;
		top: 3%;
		background: url(../img/d_04.png) no-repeat center top;
		background-size: contain;
	}
	#sia:after {
		content: "";
		width: 22.1%;
		padding-top: 8%;
		display: block;
		position: absolute;
		right: 3%;
		top: 3%;
		background: url(../img/d_06.png) no-repeat center top;
		background-size: contain;
	}
	#sia .tit {
		width: 100%;
		max-width: 750px;
		margin: 0 auto 0 auto;
	}
	#sia .listBox {
		width: 75%;
		margin: 50px auto 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
	}
		#sia .listBox li {
			width: 100%;
			margin: 0 0 40px 0;
			color: #000000;
/* 			font-family: "Noto Sans JP"; */
		}
		#sia .listBox li:last-child {
			margin-bottom: 0;
		}
			#sia .listBox li .tit {
				font-size: 22px;
				line-height: 1.5;
				margin-bottom: 20px;
			}
			#sia .listBox li .name {
				margin-top: 10px;
				font-size: 16px;
				line-height: 1.5;
			}
			#sia .listBox li .txt {
				margin-top: 5px;
				margin-bottom: 20px;
				font-size: 14px;
				line-height: 1.5;
			}

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

#sia {
	background-size: cover;
	padding: 0 0 10px 0;
}
	#sia:before {
		width: 14.1%;
		padding-top: 12%;
		left: 3%;
		top: 2%;
	}
	#sia:after {
		width: 28.1%;
		padding-top: 13%;
		right: 3%;
		top: 2%;
	}
	#sia .tit {
		width: 90%;
		max-width: 350px;
	}
		#sia .listBox {
			width: 82%;
			display: block;
			margin: 30px auto 0 auto;
		}
		
		#sia .listBox li {
			width: 100%;
			margin: 0 0 40px 0;
		}
			#sia .listBox li .tit {
				width: 100%;
				font-size: 18px;
			}
			#sia .listBox li .name {
				margin-top: 10px;
			}
			#sia .listBox li .txt {
				margin-top: 5px;
			}
			#sia .listBox li .img img {
				width: 120%;
			}

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


#magic {
	background: #000000 url(../img/bg_magic.jpg) no-repeat center top;
	background-size: cover;
	padding: 80px 0 80px 0;
	padding: 0 0 80px 0;
}
	#magic .tit {
		width: 90%;
		max-width: 650px;
		margin: 0 auto;
	}
	#magic .listBox {
		width: 100%;
		max-width: 750px;
		margin: 0 auto 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
		color: #000;
	}
	
		#magic .listBox li {
			width: 100%;
			margin: 45px 0 0 0;
			padding: 40px 60px;
			box-sizing: border-box;
			position: relative;
/* 			font-family: "Noto Sans JP"; */
		}
		#magic .listBox li.magic01 {
			background: rgba(235, 217, 193, 0.30);
		}

			#magic .listBox li > div {
				margin-bottom: 25px;
			}
			#magic .listBox li > div:last-child {
				margin-bottom: 0;
			}
			#magic .listBox li .mtit {
				font-size: 20px;
				font-weight: 700;
				margin-bottom: 25px;
			}
			#magic .listBox li .name {
				font-size: 16px;
				font-weight: 700;
			}
			#magic .listBox li .txt {
				margin-top: 5px;
				font-size: 14px;
				line-height: 1.5;
			}

			#magic .listBox li.magic01 .cs {
				font-family: 24px;
				text-align: center;
				padding: 50px 0 50px 0;
			}
			

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

#magic {
	background: #000000 url(../img/sp/bg_magic.jpg) no-repeat center top;
	background-size: cover;
	padding: 0 0 10px 0;
	
}
	#magic .tit {
		width: 90%;
		max-width: 350px;
	}
		#magic .listBox {
			width: 90%;
			display: block;
			margin: 20px auto 0 auto;
		}
		
		#magic .listBox li {
			width: 100%;
			margin: 0 0 30px 0;
			padding: 20px;
		}
			#magic .listBox li .mtit {
				margin-bottom: 20px;
			}
			#magic .listBox li > div {
				margin-bottom: 15px;
			}
			#magic .listBox li .name {
				margin-top: 10px;
			}
			#magic .listBox li .name span {
				font-size: 16px;
			}
			#magic .listBox li .txt {
				margin-top: 5px;
			}
			#magic .listBox li.magic01 .cs {
				font-family: 18px;
			}

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


#admission {
	background: #231815 url(../img/bg_admission.png) no-repeat center top;
	background-size: cover;
	padding: 0 0 80px 0;
}
	#admission .tit {
		width: 90%;
		max-width: 650px;
		margin: 0 auto;
	}
	#admission .listBox {
		width: 100%;
		max-width: 750px;
		margin: 0 auto 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
	}
		#admission .listBox li {
			width: 100%;
			margin: 45px 0 0 0;
			padding: 40px 60px;
			box-sizing: border-box;
			position: relative;
		}
		#admission .listBox li.admission01 {
			background: rgba(0, 0, 0, 0.23);
			display: flex;
			align-items: flex-start;
			gap: 32px;
		}
		#admission .listBox li.admission01 > p:first-child {
			width: 22.7%;
			flex-shrink: 0;
		}
		#admission .listBox li.admission01 > p:first-child img {
			width: 100%;
			height: auto;
		}
		#admission .listBox li.admission01 .mtit {
			margin-top: 0;
		}
		#admission .listBox li.admission02 {
			border: 2px solid #85791F;
			background: rgba(0, 0, 0, 0.23);
		}
			/* #admission .listBox li.admission01:before {
				content: "";
				width: 100%;
				height: 100%;
				background: url(../img/d_04.png) no-repeat center center;
				background-size: 30% auto;
				display: block;
				position: absolute;
				z-index: -1;
				left: 0;
				top: 0;
				opacity: .2;
				pointer-events: none;
			} */
			#admission .listBox li > div {
				margin-bottom: 25px;
			}
			#admission .listBox li > div:last-child {
				margin-bottom: 0;
			}
			#admission .listBox li .mtit {
				font-size: 20px;
				font-weight: 700;
				margin-bottom: 25px;
			}
			#admission .listBox li.admission02 .mtit {
				color: #CA9002;
			}
			#admission .listBox li .name {
				font-size: 16px;
				font-weight: 700;
			}
			#admission .listBox li .txt {
				margin-top: 5px;
				font-size: 14px;
				line-height: 1.5;
			}


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

#admission {
	background-size: cover;
	padding: 0 0 10px 0;
}
	#admission .tit {
		width: 90%;
		max-width: 350px;
	}
		#admission .listBox {
			width: 90%;
			display: block;
			margin: 20px auto 0 auto;
		}
		#admission .listBox li {
			width: 100%;
			margin: 0 0 30px 0;
			padding: 20px;
		}
			#admission .listBox li .mtit {
				margin-bottom: 20px;
			}
			#admission .listBox li > div {
				margin-bottom: 15px;
			}
			#admission .listBox li .name {
				margin-top: 10px;
			}
			#admission .listBox li .txt {
				margin-top: 5px;
			}
			#admission .listBox li.admission01:before {
				/* background: url(../img/) no-repeat center center;
				background-size: 40% auto; */
			}
			#admission .listBox li.admission01 {
				flex-direction: column;
				gap: 20px;
			}
			#admission .listBox li.admission01 > p:first-child {
				width: 50%;
				margin: 0 auto;
			}

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


.themesong {
	
}

#themesong {
	background: #000000 url(../img/bg_f_4.png) repeat;
	background-size: 500px auto;
	padding: 130px 0 60px 0;
}
	#themesong .tit {
		width: 90%;
		max-width: 835px;
		margin: 0px auto 0 auto;
	}
	#themesong .img {
		width: 90%;
		max-width: 720px;
		margin: 30px auto 0 auto;
	}
	#themesong .txtBox {
		width: 100%;
		max-width: 720px;
		margin: 30px auto 60px auto;
	}
		#themesong .txtBox .tit {
			width: 90%;
			max-width: 490px;
			margin: 0px auto 0 auto;
		}
		#themesong .txtBox p {
			width: 100%;
			margin: 20px auto 0 auto;
			text-align: center;
			font-weight: 400;
			font-size: 16px;
			line-height: 150%;
			text-align: center;
			letter-spacing: 0.05em;
			font-feature-settings: 'palt' on;
			color: #ffffff;
		}
			#themesong .txtBox p .note {
				font-size: 12px;
			}
	#themesong .commBox {
		width: 100%;
		max-width: 720px;
		margin: 40px auto 0 auto;
		padding: 40px 0 30px 0;
		background: rgba(255, 255, 255, 0.10);
	}
	#themesong .commBox.commBoxB {
		background: #002216;
	}
		#themesong .commBox .tit {
			width: 90%;
			max-width: 490px;
			margin: 0 auto 0 auto;
		}
		#themesong .commBox .txt {
			width: 87%;
			font-weight: 500;
			font-size: 16px;
			line-height: 150%;
			letter-spacing: 0.05em;
			color: #ffffff;
			margin: 25px auto 0 auto;
		}
		#themesong .commBox .img {
			width: 90%;
			max-width: 450px;
			margin: 0 auto 0 auto;
			line-height: 0;
		}
		#themesong .btnBox {
			margin: 50px auto 0 auto;
			padding: 0 0 0 0;
			text-align: center;
		}
		#themesong .commBox .btnBox {
			margin: 20px auto 0 auto;
		}
			#themesong .btnBox .btn {
				border-bottom: 1px solid #CBBA3A;
				display: inline-block;
				margin: 0 auto 10px auto;
			}
			#themesong .btnBox .btn a {
				font-weight: 700;
				font-size: 16px;
				line-height: 120%;
				font-family: "Noto Sans JP";
				font-feature-settings: 'palt' on;
				color: #CBBA3A;
				cursor: pointer;
				margin: 0 0 3px 0;
				display: flex;
				justify-content: center;
				align-items: center;
				width: auto;
				text-decoration: none;
			}
				#themesong .btnBox .btn a:before {
					content: "";
					width: 4.5px;
					height: 8.5px;
					display: block;
					background: url(../img/arrow_4.png) no-repeat center center;
					background-size: contain;
					margin-right: 5px;
				}

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

#themesong {
	background-size: 400% auto;
	padding: 100px 0 50px 0;
}
	#themesong .tit {
		margin: 0px auto 0 auto;
	}
	#themesong .logo {
		width: 50%;
		margin: 20px auto 0 auto;
	}
	#themesong .img {
		margin: 20px auto 0 auto;
	}
	#themesong .txtBox {
		width: 90%;
		margin: 20px auto 40px auto;
	}
		#themesong .txtBox .tit {
			width: 120%;
			max-width: 120%;
			margin-left: -10%;
		}
		#themesong .txtBox p {
			font-size: 14px;
			text-align: left;
		}
	#themesong .commBox {
		width: 90%;
		max-width: 720px;
		margin: 40px auto 0 auto;
		padding: 30px 0 30px 0;
		overflow: hidden
	}
		#themesong .commBox .tit {
			width: 130%;
			max-width: 130%;
			margin: 0 0 0 -15%;
		}
		#themesong .commBox .btn {
/*
			width: 60%;
			max-width: 270px;
			margin: 15px auto 0 auto;
*/
		}
		#themesong .commBox .txt {
			width: 90%;
			font-size: 15px;
			margin: 15px auto 0 auto;
		}
					}/*====================*/


#direction {
	background: #FFB931 url(../img/bg_h_1.png) repeat-y center top;
	background-size: 100% auto;
	padding: 0 0 80px 0;
}
	#direction .tit {
		width: 90%;
		max-width: 580px;
		margin: 0 auto;
	}
	#direction .img {
		width: 60%;
		max-width: 300px;
		margin: 30px auto 0 auto;
	}
	#direction .txtBox {
		width: 100%;
		max-width: 720px;
		margin: 30px auto 0 auto;
	}
		#direction .txtBox p {
			width: 100%;
			margin: 0 auto;
			font-weight: 500;
			font-size: 16px;
			line-height: 150%;
			letter-spacing: 0.05em;
			font-feature-settings: 'palt' on;
			color: #000000;
			text-shadow: 0px 0px 5px rgba(255, 185, 49, 0.5);
		}
		#direction .txtBox p span {
			font-weight: 700;
		}

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

#direction {
	background-size: 280% auto;
	padding: 0 0 50px 0;
}
	#direction .txtBox {
		width: 90%;
		margin: 20px auto 0 auto;
	}
		#direction .txtBox p {
			font-size: 14px;
		}
					}/*====================*/
					
					
#voice {
	background: #000000 url(../img/bg_c_4.png) repeat-y center top;
	background-size: 100% auto;
	padding: 0 0 80px 0;
	position: relative;
}
	#voice .tit {
		width: 90%;
		max-width: 860px;
		margin: 0 auto;
	}
	#voice .img {
		width: 90%;
		max-width: 560px;
		margin: 30px auto 0 auto;
	}
	#voice .txtBox {
		width: 100%;
		max-width: 720px;
		margin: 30px auto 0 auto;
	}
		#voice .txtBox p {
			width: 100%;
			margin: 0 auto;
			font-weight: 400;
			font-size: 16px;
			line-height: 150%;
			letter-spacing: 0.05em;
			font-feature-settings: 'palt' on;
			color: #ffffff;
		}
		#voice .txtBox p span {
			font-weight: 800;
		}
		#voice .txtBox p span.note {
			font-weight: 400;
			font-size: 12px;
			display: block;
			margin-top: 10px;
		}

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

#voice {
	background-size: 280% auto;
	padding: 0 0 50px 0;
}
	#voice .txtBox {
		width: 90%;
		margin: 20px auto 0 auto;
	}
		#voice .txtBox p {
			font-size: 14px;
		}
					}/*====================*/

/*-----------------------------------------------------------
	#nazo setting
-----------------------------------------------------------*/
#nazo {
}
	#nazo .innerWrap {
		padding-top: 0;
	}
	
	#nazomain {
		width: 100%;
		max-width: 990px;
		padding-bottom: 80px;
		border-bottom: 1px solid rgba(255, 236, 184, 0.25);
		color: #ffffff;
	}
		#nazo .lead {
			font-size: 16px;
		}

	#nazomain .nazoBox {
		width: 100%;
		margin: 40px auto 0 auto;
	}
			.nazoBox .adWrap .bazobtn {
				border-radius: 5px;
				overflow: hidden;
				padding: 18px 30px 18px 30px;
				box-sizing: border-box;
				position: relative;
				text-align: center;
				font-size: 22px;
				line-height: 1.2;
				cursor: pointer;
				color: #000000;
			}
				#nazo01.nazoBox .adWrap .bazobtn {background: #DA9B27;}
				#nazo02.nazoBox .adWrap .bazobtn {background: #73A4DC;}
				#nazo03.nazoBox .adWrap .bazobtn {background: #D86D7B;}
				
			.nazoBox .adWrap .bazobtn span {
				display: block;
				font-size: 12px;
			}
				.nazoBox .adWrap .bazobtn:before {
					content: "";
					width: 33px;
					height: 100%;
					display: block;
					right: 16px;
					top: 0;
					position: absolute;
					background: url(../img/arrow_2.png) no-repeat center center;
					background-size: 100% auto;
				}
				.nazoBox .adWrap.op .bazobtn:before {
					-ms-transform:rotate(-180deg);
					-webkit-transform:rotate(-180deg);
					-moz-transform:rotate(-180deg);
				}
				
			.nazoBox .adWrap .nazo {
				height: 0;
				overflow: hidden;
				-webkit-transition: opacity .3s;
				transition: opacity .3s;
				opacity: 0;
				font-size: 14px;
			}
			.nazoBox .adWrap.op .nazo {
				height: auto;
				opacity: 1;
				padding: 50px 0 50px 0;
			}
			
			#nazo .nazoBox .img {
				max-width: 500px;
				margin: 0 auto;
			}
				#nazo .nazoBox .img img {
					margin-bottom: 20px;
				}

		#nazo .hintBox {
			width: 100%;
			max-width: 500px;
			margin: 0 auto 20px auto;
			padding: 0 0 0 0;
		}
			#nazo .hintBox .btn {
				border-bottom: 1px solid #FEEBB6;
				display: inline-block;
				margin: 0 auto 10px auto;
			}
			#nazo .hintBox .btn p {
				font-weight: 700;
				font-size: 16px;
				line-height: 120%;
				color: #FEEBB6;
				cursor: pointer;
				margin: 0 0 3px 0;
				display: flex;
				justify-content: center;
				align-items: center;
				width: auto;
			}
				#nazo .hintBox .btn p:after {
					content: "";
					width: 12px;
					height: 12px;
					display: block;
					background: url(../img/ad_2.png) no-repeat center center;
					background-size: contain;
					margin-left: 5px;
				}
				#nazo .hintBox.op .btn p:after {
					background: url(../img/ad_2_c.png) no-repeat center center;
					background-size: contain;
				}
				
			#nazo .hintBox .txt {
				height: 0;
				overflow: hidden;
				-webkit-transition: opacity .3s;
				transition: opacity .3s;
				opacity: 0;
				font-weight: 500;
				font-size: 14px;
				line-height: 160%;
				text-align: left;
				letter-spacing: 0.05em;
			}
			#nazo .hintBox.op .txt {
				height: auto;
				opacity: 1;
			}
			#nazo .hintBox span {
				font-weight: 700;
			}
				
				
		#nazo .answerBox {
			width: 100%;
			max-width: 450px;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
		}
			#nazo .answerBox .inputBox {
				width: 100%;
				margin: 0 auto 0 auto;
			}
				#nazo .answerBox .inputBox form {
					margin-top: 20px;
					padding: 2px;
					text-align: center;
				}
				#nazo .answerBox .inputBox form .formBox {
					display: -webkit-flex;
					display: flex;
					width: 100%;
					max-width: 450px;
					margin: 0 auto 5px auto;
					text-align: left;
				}
						#nazo .answerBox .inputBox form .formBox div {
							width: 22%;
							font-size: 20px;
							border-right: 1px solid #000000;
							padding: 0 0 0 3%;
							display: flex;
							align-items: center;
							flex-wrap: wrap;
							align-content: center;
						}
						#nazo .answerBox .inputBox form .formBox div p {
							width: 100%;
							line-height: 1;
						}
						#nazo .answerBox .inputBox form div .note {
							font-size: 12px;
							margin-top: 10px;
							color: rgba(255, 255, 255, 0.8);
							margin: 0 auto 20px auto;
							display: block;
						}
						#nazo .answerBox .inputBox form .formBox div .note {
							font-size: 12px;
							margin-top: 10px;
						}

					 #nazo input[type="text"] {
						width: 100%;
						border: 0;
						outline: none;
						text-align: center;
						background: #ffffff;
						border: 1px solid #A0A0A0;
						border-radius: 5px;
						padding: 19px 10px;
						box-sizing: border-box;
						font-weight: 500;
						font-size: 18px;
						line-height: 120%;
					}
					#nazo input[type="submit"] {
						border: none;
						outline: none;
						width: 100%;
						max-width: 240px;
						margin: 0 auto;
						border-radius: 5px;
						font-weight: 700;
						font-size: 18px;
						line-height: 1.2;
						letter-spacing: 0.2em;
						padding: 18px 10px;
						box-sizing: border-box;
						background: linear-gradient(96deg, #79BCFF 5.09%, #FF2BB2 101.78%);
						display: block;
						cursor: pointer;
						color: #ffffff;
					}
					#nazo input[type="submit"]:hover {
						opacity: 0.7;
					}
		
		
		#nazo .resultBox {
			max-width: 800px;
			margin: 20px auto 0 auto;
		}
			#nazo .resultBox .result {
				max-width: 250px;
				margin: 0 auto;
			}
			#nazo .resultBox .tit {
				margin: 15px auto 0 auto;
				text-align: center;
				font-size: 29px;
				font-weight: 700;
				line-height: 160%; /* 54.4px */
				letter-spacing: 1.7px;
			}
			#nazo .resultBox .type {
				max-width: 620px;
				margin: 20px auto 0 auto;
			}
			#nazo .resultBox .bnr {
				max-width: 480px;
				margin: 50px auto 0 auto;
			}
			#nazo .resultBox .txt {
				margin: 25px auto 0 auto;
				font-weight: 500;
				font-size: 16px;
				line-height: 160%;
				text-align: center;
				letter-spacing: 0.05em;
			}
			
			#nazo .resultBox .commBox {
				width: 100%;
				max-width: 600px;
				margin: 40px auto 0 auto;
				padding: 30px 20px 30px 20px;
				background: #191812;
				border: 1px solid #403B2E;
				border-radius: 5px;
				box-sizing: border-box;
			}
				#nazo .resultBox .commBox .txt {
					font-weight: 500;
					font-size: 18px;
					line-height: 160%;
					text-align: center;
					letter-spacing: 0.05em;
					margin: 0;
				}
				#nazo .resultBox .commBox .btn {
					margin: 20px auto 0 auto;
				}
					#nazo .resultBox .commBox .btn a {
						display: inline-block;
						font-weight: 700;
						font-size: 18px;
						line-height: 1;
						letter-spacing: 0.2em;
						font-feature-settings: 'palt' on;
						width: 100%;
						max-width: 240px;
						background: linear-gradient(96deg, #79BCFF 5.09%, #FF2BB2 101.78%);
						padding: 18px 20px 18px 20px;
						text-decoration: none;
						border-radius: 5px;
						color: #ffffff;
					}

			#nazo .shareBox {
				width: 100%;
				max-width: 600px;
				margin: 40px auto 0 auto;
				padding: 15px 20px 30px 20px;
				background: #191812;
				border: 1px solid #403B2E;
				border-radius: 5px;
				box-sizing: border-box;
			}
				#nazo .shareBox .txt {
					font-weight: 500;
					font-size: 18px;
					line-height: 160%;
					text-align: center;
					letter-spacing: 0.05em;
				}
				#nazo .shareBox .share {
					width: 100%;
					margin: 20px auto 0 auto;
					display: flex;
					justify-content: center;
					align-items: center;
				}
					#nazo .shareBox .share li {
						width: 33%;
						max-width: 60px;
						margin: 0 12.5px;
					}
					#nazo .shareBox .share li div a {
						display: block;
						width: 100%;
						height: 100%;
					}
						#nazo .shareBox .share li .btn_x {
							background: #1ea2f2 url(../img/i_tw.svg) no-repeat center center;
							background-size: auto 40%;
						}
						#nazo .shareBox .share li .btn_fb {
							background: #3b5999 url(../img/i_fb.svg) no-repeat center center;
							background-size: auto 50%;
						}
						#nazo .shareBox .share li .btn_li {
							background: #00b800 url(../img/i_li.svg) no-repeat center center;
							background-size: auto 50%;
						}
							#nazo .shareBox .share li .btn_x:hover,
							#nazo .shareBox .share li .btn_fb:hover,
							#nazo .shareBox .share li .btn_li:hover {
								opacity: 0.7;
							}
							
		#nazo .btnBox {
			width: 100%;
			max-width: 450px;
			margin: 50px auto 0 auto;
			padding: 0 0 0 0;
		}
			#nazo .btnBox .btn {
				border-bottom: 1px solid #CBBA3A;
				display: inline-block;
				margin: 0 auto 0 auto;
			}
			#nazo .btnBox .btn a {
				font-weight: 700;
				font-size: 16px;
				line-height: 120%;
				font-feature-settings: 'palt' on;
				color: #CBBA3A;
				cursor: pointer;
				margin: 0 0 3px 0;
				display: flex;
				justify-content: center;
				align-items: center;
				width: auto;
				text-decoration: none;
			}
				#nazo .btnBox .btn a:before {
					content: "";
					width: 4.5px;
					height: 8.5px;
					display: block;
					background: url(../img/arrow_4.png) no-repeat center center;
					background-size: contain;
					margin-right: 5px;
				}

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

	#nazo .resultBox .tit {
		font-size: 22px;
	}
	#nazomain .nazoBox {
		margin: 30px auto 0 auto;
	}
	.nazoBox .adWrap .bazobtn {
		font-size: 20px;
	}
			.nazoBox .adWrap.op .nazo {
				padding: 30px 0 30px 0;
			}
					}/*====================*/

/*-----------------------------------------------------------
	#nazo setting
-----------------------------------------------------------*/
.maind {
	color: #333333;
}
.maind #intro {
	background: linear-gradient(180deg, #000 0%, #DBCEB4 84.62%);
}
.maind #news,
.maind #play,
.maind .innerWrap3,
.maind #ticket #access {
	background-image: url(../img/bg_a_d.png);
}
.maind #news::before,
.maind #news::after,
.maind #news .contentBox::before,
.maind #news .contentBox::after {
	background-image: url(../img/dc_03_d.svg);
}
.maind #news .list li {
	color: #333;
}
.maind #about h3 {
	width: 93.44%;
	max-width: 1196px;
}
.maind #about,
.maind .innerWrap2,
.maind .innerWrap4 {
	background-image: url(../img/bg_b_d.png);
}

.maind #another::before,
.maind #another::after {
	background-image: url(../img/dc_04_d.svg);
}
.maind #another .contentBox {
	background-image: url(../img/dc_07_d.png);
}
.maind #mv .mvBox:first-child:before,
.maind #mv .mvBox:first-child:after,
.maind #mv .mvBox:nth-child(2):before,
.maind #mv .mvBox:nth-child(2):after {
	background-image: url(../img/dc_01_d.svg);
}
.maind #mv .mvBox:first-child:before {
	background-image: url(../img/dc_02_d.svg);
}
.maind #navpop .bg {
	background-image: url(../img/bg_d_d.png);
}
.maind #navpop .navpopwrap .navbox li {
	border-bottom-color: rgba(0, 0, 0, 0.10);
}
.maind #news::before,
.maind #news::after,
.maind #news .contentBox::before,
.maind #news .contentBox::after,
.maind #play::before,
.maind #play::after,
.maind #play .contentBox::before,
.maind #play .contentBox::after,
.maind #ticket #access::before,
.maind #ticket #access::after,
.maind #ticket #access .contentBox::before,
.maind #ticket #access .contentBox::after {
	background-image: url(../img/dc_03_d.svg);
}
.maind #head,
.maind #ticket,
.maind.top #ticket {
	background-image: url(../img/bg_c_d.png);
}

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

.maind #another .contentBox {
	background-image: url(../img/sp/dc_07_d.png);
}
.maind #mv .mvBox .tit {
	width: 78.9%;
	max-width: none;
	top: auto;
	bottom: 3.64%;
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}
.maind #mv .mvBox .txt .txt01 {
	width: 27.95%;
	max-width: 27.95%;
	right: 5.6%;
	top: 9%;
	left: auto;
}
.maind #about .aboutWrap.about03 .point {
	width: 90%;
}
.maind #navpop .navpopwrap .navbox {
	height: auto;
}
.maind #navpop .navpopwrap .navbox ul {
	justify-content: flex-start;
	align-content: center;
	flex-direction: column;
	margin: 0 auto;
}
/* .maind #navpop .navpopwrap .navbox li {
	width: 84.62vw;
	max-width: 330px;
} */
.maind #navpop .navpopwrap .navbox li.logo {
	flex-basis: auto;
}
.maind #navpop .navpopwrap .navbox li.day,
.maind #navpop .navpopwrap .navbox li.l {
	margin-top: 0;
}
.maind #about h3 {
	width: 89.74%;
	max-width: 89.74%;
}
					}/*====================*/


/*-----------------------------------------------------------
	privilegeBox (tokyo ticket privilege accordion)
-----------------------------------------------------------*/
#ticket #privilege .txtWrap .privilegeBox.adWrap {
	width: 100%;
	margin: 20px auto 0 auto;
	padding: 0 0 0 0;
	background: none;
	color: rgba(255, 255, 255, 0.8);
	border-radius: 0;
}
	#ticket #privilege .txtWrap .privilegeBox.adWrap .adbtn:before {
		display: none;
	}
	#ticket #privilege .txtWrap .privilegeBox.adWrap .btn.adbtn {
		display: inline-block;
		border-radius: 0;
		margin: 0 0 0 0;
		border-bottom: none;
		padding: 0;
		font-weight: 700;
		font-size: 16px;
		line-height: 120%;
		letter-spacing: 0;
		color: rgba(255, 255, 255, 0.8);
		text-align: left;
		margin-top: 0;
		background: none;
		width: 100%;
	}
	#ticket #privilege .txtWrap .privilegeBox.adWrap .btn.adbtn p {
		font-weight: 700;
		font-size: 16px;
		line-height: 120%;
		font-feature-settings: 'palt' on;
		cursor: pointer;
		margin: 0 0 3px 0;
		color: rgba(255, 255, 255, 0.8);
		background: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.8);
		display: inline-block;
	}
	#ticket #privilege .txtWrap .privilegeBox .txt {
		height: 0;
		overflow: hidden;
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
		opacity: 0;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.8);
		background: none;
		margin-top: 10px;
	}
	#ticket #privilege .txtWrap .privilegeBox.op .txt {
		height: auto;
		opacity: 1;
	}
	#ticket #privilege .txtWrap .privilegeBox .txt .ti {
		font-size: 14px;
		line-height: 1.6;
		margin: 0 0 5px 0;
		color: rgba(255, 255, 255, 0.8);
		background: none;
	}
	#ticket #privilege .txtWrap .privilegeBox .txt .ti span {
		font-weight: 400;
	}

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

#ticket #privilege .txtWrap .privilegeBox.adWrap {
	margin: 15px auto 0 auto;
}
	#ticket #privilege .txtWrap .privilegeBox.adWrap .btn.adbtn {
		font-size: 14px;
	}
	#ticket #privilege .txtWrap .privilegeBox.adWrap .btn.adbtn p {
		font-size: 14px;
	}
	#ticket #privilege .txtWrap .privilegeBox .txt {
		font-size: 13px;
	}
	#ticket #privilege .txtWrap .privilegeBox .txt .ti {
		font-size: 13px;
	}

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




#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;
}
#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 .movieBox {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}
	#infopop .btn {
		position: absolute;
		top: -45px;
		right: 0;
		width: 30px;
	}