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

html {
	background: #ffffff;
	font-family: 'Noto Sans 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%; }
		
#masqueradecircus {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}

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

#masqueradecircus {
	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: #000000; word-break: break-all; }
	a:hover { text-decoration: none; }
	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: #e62a05; }
.fcG { color: #a4a4a4; }
.fcB { color: #abebef; }
.fcY { color: #ffa282; }

					/*===================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%;
			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;
}
#mv:after {
	content: "";
	background: url(../img/line_01_r.png) repeat-x center left;
	background-size: auto 100%;
	display: block;
	width: 100%;
	height: 36px;
	position: absolute;
	bottom: -18px;
	left: 0;
}
#mv:before {
	content: "";
	width: 100%;
	padding-top: 55.55%;
	display: block;
}
	#mv .logo {
		width: 6.81%;
		max-width: 98px;
		position: absolute;
		left: 2.08%;
		top: 3.75%;
		z-index: 2;
	}
	#mv .series {
		width: 10.14%;
		max-width: 146px;
		position: absolute;
		left: 3.13%;
		bottom: 6.25%;
		z-index: 2;
	}
	#mv .mvBox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
		
		#mv .mvBox .txt {
			width: 88.89%;
			max-width: 1280px;
			height: 100%;
			display: flex;
			margin: 0 auto 0 auto;
			justify-content: space-between;
			align-items: center;

		}
			#mv .mvBox .txt .txt01 {
				width: 2.5%;
				order: 2;
				margin-right: 3.91%;
				margin-bottom: 19%;
			}
			#mv .mvBox .txt .txt02 {
				width: 2.5%;
				margin-left: 3.91%;
				margin-bottom: 19%;
			}
			
		#mv .mvBox .tit {
			width: 49.65%;
			margin: 3.9% auto 0 auto;
			flex: 0 0 auto;
		}

					/*===================sp=*/@media screen and (max-width: 860px) {
							
#mv {
	background-image: url(../img/sp/mv_img.jpg);
}
#mv:after {
}
#mv:before {
	padding-top: 141.025641025641%;
}
	#mv .logo {
		width: 16%;
		max-width: 16%;
		left: 3%;
		bottom: 5%;
		top: auto;
	}
	#mv .series {
		width: 25.64%;
		max-width: 100px;
		left: 35.9%;
		bottom: auto;
		top: 4.91%;
	}
	#mv .mvBox {
	}
		#mv .mvBox .txt {
			width: 100%;
			max-width: 390px;
			justify-content: flex-end;
			align-items: flex-start;
			margin-top: 27%;
		}
			#mv .mvBox .txt .txt01 {
				width: 4.1%;
				order: 2;
				margin-right: 10%;
				margin-left: 1.44%;
			}
			#mv .mvBox .txt .txt02 {
				width: 4.1%;
				margin-top: 19%;
				margin-left: 0;
			}
		#mv .mvBox .tit {
			width: 85.9%;
			margin: 23.08% auto 0 auto;
		}

					}/*====================*/
				
/*-----------------------------------------------------------
	head setting
-----------------------------------------------------------*/
#head {
	background: url(../img/bg_02_r.png) no-repeat center top;
	background-size: cover;
	position: relative;
	z-index: 1;
}
	#head:after {
		content: "";
		background: url(../img/line_01_b.png) repeat-x center left;
		background-size: auto 100%;
		display: block;
		width: 100%;
		height: 36px;
		position: absolute;
		bottom: -18px;
		left: 0;
	}
	#head:before {
		content: "";
		width: 100%;
		padding-top: 20.97%;
		display: block;
		min-height: 300px;
		max-height: 302px;
		box-sizing: border-box;
	}
	#head .logo {
		width: 14.24%;
		max-width: 205px;
		position: absolute;
		left: 2.08%;
/* 		top: 7%; */
		top: 30px;
		z-index: 2;
	}
	#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:before {
			content: "";
			width: 43.89%;
			height: 100%;
			margin-bottom: 3px;
			background: url(../img/d_02_y.png) no-repeat center bottom;
			background-size: contain;
			display: block;
			position: absolute;
			bottom: 0;
			right: -2.15%;
		}
		#head .mvBox .tit {
			width: 90%;
			max-width: 630px;
			text-align: center;
			margin: 0 auto;
		}
			#head .mvBox .tit span {
				color: #FEEBB6;
				text-align: center;
				letter-spacing: 0.05em;
				display: block;
			}
				#head .mvBox .tit span.prefecture {
					font-size: 24px;
					line-height: 1;
					margin-top: 15px;
					margin-bottom: 10px;
					font-weight: 700;
				}
					#head .mvBox .tit span.prefecture img {
						margin-bottom: 10px;
					}
				#head .mvBox .tit span.place {
					font-size: 18px;
					line-height: 1;
					margin-bottom: 25px;
					font-weight: 500;
				}
				#head .mvBox .tit span.date {
					font-size: 16px;
					line-height: 1.4;
					font-weight: 500;
				}
#head.bgy {
	background: url(../img/bg_03_dy.png) no-repeat center top;
	background-size: cover;
	position: relative;
	z-index: 1;
}
	#head.bgy .mvBox:before {
		display: none;
	}
	
	
#head.bgn {
	background: none;
}
	#head.bgn:after,
	#head.bgn:before,
	#head.bgn .mvBox:before {
		display: none;
	}
/*
	#head:before {
		padding-top: 6.94%;
		min-height: 100px;
		max-height: 100px;
	}
*/
	
					/*===================sp=*/@media screen and (max-width: 860px) {
							
#head {
}
	#head:after {
	}
	#head:before {
	}
	#head .logo {
		width: 33.33%;
		left: 5.13%;
	}
	#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%;
		}
			#head .mvBox .tit span {
			}
				#head .mvBox .tit span.prefecture {
					font-size: 19px;
					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: 13px;
					margin-bottom: 50px;
				}
#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;
}
.gnavi.fixed {
	position: fixed;
	top: 0;
}
.gnavi.op {
	position: fixed;
	top: 0;
}

#navbtn {
	width: 47px;
	height: 47px;
	z-index: 12;
	cursor: pointer;
	text-align: center;
	position: relative;
	margin: 0 0 0 auto;
	padding: 3px;
	background: url(../img/bg_05_r.png) repeat center center;
	background: 100% auto;
	position: absolute;
	right: 0;
	top: 0;
}
#navbtn:before {
	content: "";
	background: #000000;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	#navbtn span {
		display: block;
		position: absolute;
		width: 25px;
		height: 3.5px;
		left: 14px;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		background: url(../img/bg_05_r.png) repeat center center;
		background-size: 100% auto;
		border-radius: 100px;
	}
	#navbtn span:nth-child(1) {
		top: 17px;
	}
	#navbtn span:nth-child(2) {
		top: 25px;
	}
	#navbtn span:nth-child(3) {
		top: 33px;
	}
	
	#navbtn.op span:nth-child(1) {
		top : 25px;
		left: 14px;
		transform: rotateX(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
	}
	#navbtn.op span:nth-child(2),
	#navbtn.op span:nth-child(3) {
		top: 25px;
		transform: rotateX(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
	}

#navpop {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11;
	transition: all .7s ease;
	display: none;
}
.op #navpop {
	display: block;
}
	#navpop .bg {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9;
		overflow: hidden;
		position: fixed;
		background: url(../img/bg_02_b.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: 400px;
				margin: auto;
				padding: 30px 0;
			}
				#navpop .navpopwrap .navbox li {
					width: 100%;
					border-bottom: 1px solid #403B2E;
				}
					#navpop .navpopwrap .navbox li.logo {
						width: 62.5%;
						margin: 0 auto 15px auto;
						border: none;
					}
						#navpop .navpopwrap .navbox li.logo a {
							padding: 0;
						}
						#navpop .navpopwrap .navbox li.logo: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: 17px 30px;
						box-sizing: border-box;
						display: block;
						display: flex;
						align-items: center;
					}
					#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 ul ul {
				width: 100%;
				padding: 0 0 3px 0;
			}
				#navpop .navpopwrap .navbox ul ul li {
					width: 100%;
					border-bottom: none;
				}
					#navpop .navpopwrap .navbox ul ul li a,
					#navpop .navpopwrap .navbox ul ul li p {
						font-size: 14px;
						padding: 0 45px 0 45px;
						margin: 5px 0 17px 0;
					}
					#navpop .navpopwrap .navbox ul ul li a:before,
					#navpop .navpopwrap .navbox ul ul li p:before {
						content: "";
						width: 15px;
						height: 1px;
						margin-right: 8px;
						background: #FFDD29;
					}
					#navpop .navpopwrap .navbox ul li p,
					#navpop .navpopwrap .navbox ul ul li p {
						opacity: .23;
					}
					#navpop .navpopwrap .navbox ul ul li p:before {
						background: #ffffff;
					}

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

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

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

#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;
	color: #000000;
}
	.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: 50px 0 75px 0;
	position: relative;
	color: #ffffff;
	background: url(../img/bg_01_a.jpg) no-repeat center center;
	background-size: cover;
}
	#lead {
	}
		#lead .mtxt {
			width: 90%;
			max-width: 815px;
			margin: 0 auto;
		}
	#menu {
		position: relative;
		z-index: 100;
		opacity: 1;
	}
		#menu:before {
/*
			content: "";
			width: 100%;
			padding-top: 4.76%;
			position: relative;
			left: 0;
			display: block;
			line-height: 0;
*/
		}
		
	#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/menu_bg.png) no-repeat center bottom;
				background-size: 100% auto;
				display: flex;
				box-shadow: 0px 0px 20px rgba(254, 235, 182, 0.8);
				border-radius: 5px;
			}
				#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,  234,  0, 0.46);
						}
						#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) {

#intro {
	padding: 35px 0 40px 0;
}
	#lead {
	}
		#lead .mtxt {
			width: 89.74%;
			max-width: 89.74%;
		}
	#menu {
	}
		#menu:before {
			padding-top: 5%;
		}
		
	#menu.fixed {
		opacity: 1;
	}
		#menu .menuWrap {
			bottom: -300px;
		}
		#menu.fixed .menuWrap {
			bottom: -0px;
		}
			#menu ul {
				width: 100%;
				background: url(../img/sp/menu_bg.png) no-repeat center bottom;
				background-size: 100% auto;
				box-shadow: 0px 0px 20px rgba(254, 235, 182, 0.8);
				border-radius: 0px;
			}
				#menu ul li {
				}
					#menu ul li a,
					#menu ul li p {
						padding-top: 61.47%;
					}
						#menu ul li a:hover {
							background: none;
						}
						#menu ul li a img,
						#menu ul li p img {
						}
						#menu ul li p {
						}
						#menu ul li p img {
						}
				
					}/*====================*/

/*-----------------------------------------------------------
	#news setting
-----------------------------------------------------------*/
#news {
	margin: 50px auto 0 auto;
	padding-top: 1px;
}
	#news .mtit {
		line-height: 0;
	}
		#news .mtit h3 {
			height: 36px;
			margin: -18px auto 0 auto;
			width: auto;
			display: inline-block;
			line-height: 0;
		}
			#news .mtit h3 img {
				width: auto;
				height: 100%;
			}
			
	#news .newsBox {
		width: 100%;
		max-width: 900px;
		margin: 50px auto 0 auto;
		padding: 0 0 15px 0;
		background: rgba(0, 0, 0, 0.8);
		border-radius: 5px;
	}
		#news .list {
			min-width: 50%;
			max-width: 80%;
			width: auto;
			margin: 15px auto 0 auto;
			padding: 0 0 0 0;
			height: 100px;
			overflow-y: scroll;
			display: inline-block;
		}
			#news .list li {
				width: auto;
				position: relative;
				
				text-align: left;
				color: #ffffff;
				font-size: 16px;
				line-height: 1.4;
				font-weight: 500;
				margin-bottom: 10px;
				margin-right: 20px;
				display: flex;
			}
				#news .list li a {
					color: #ffffff;
				}
				#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-top: 25px;
}
	#news .mtit {
	}
		#news .mtit h3 {
		}
			#news .mtit h3 img {
			}
			
	#news .newsBox {
		width: 89.74%;
		max-width: 89.74%;
		margin: 25px auto 0 auto;
		padding: 0 0 10px 0;
		background: rgba(0, 0, 0, 0.8);
		border-radius: 5px;
	}
		#news .list {
			height: 100px;
			min-width: 90%;
			max-width: 90%;
			margin: 10px auto 0 auto;
		}
			#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 {
				}
				
					}/*====================*/


/*-----------------------------------------------------------
	#event setting
-----------------------------------------------------------*/
#event {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 35px 0 50px 0;
	position: relative;
	color: #000000;
	background: url(../img/bg_02_y.png) no-repeat center center;
	background-size: cover;
}
#event:after {
	content: "";
	background: url(../img/line_01_r.png) repeat-x center left;
	background-size: auto 100%;
	display: block;
	width: 100%;
	height: 36px;
	position: absolute;
	top: -18px;
	left: 0;
}
	#event .mtit {
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		#event h3 {
			max-width: 600px;
			margin: 0 30px;
			flex: 0 0 auto;
		}
	
	#event .mtxt {
		font-weight: 500;
		font-size: 18px;
		line-height: 150%;
		text-align: center;
		letter-spacing: 0.05em;
	}
	
	#event .eventWrap {
		max-width: 1100px;
		margin: 50px 40px 0 40px;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
		background: url(../img/bg_05_r.png) repeat;
		background-size: 500px auto;
		position: relative;
		padding: 1px 0;
		display: flex;
		justify-content: center;
	}
		#event .point {
			width: 36.36%;
		}
		
	#event .eventWrap.event01 {
		margin-top: 60px;
	}
		#event .eventWrap.event01:before {
			content: "";
			width: 98%;
			height: 100px;
			background: url(../img/d_02_r.png) no-repeat left bottom;
			background-size: contain;
			display: block;
			position: absolute;
			top: -103px;
			left: 2%;
		}
		#event .eventWrap.event01 .point {
			margin: -18px 0 0 -0.9%;
			z-index: 1;
		}
	#event .eventWrap.event02 {
		margin-left: auto;
		background: url(../img/bg_05_g.png) repeat;
		background-size: 500px auto;
	}
		#event .eventWrap.event02 .point {
			margin: -41px -1% 0 0;
			z-index: 1;
			order: 1;
		}
	#event .eventWrap.event03 {
	}
		#event .eventWrap.event03 .point {
			width: 31.82%;
			margin: 20px 0 0 0;
			z-index: 1;
		}
	#event .eventWrap.event04 {
		margin: 5px auto 0 auto;
		background: none;
		box-shadow: none;
	}
		#event .eventWrap.event04 .popbtnBox {
			margin: 0 auto 40px auto;
			align-items: flex-start;
			flex-wrap: wrap;
		}
		#event .eventWrap.event04 .popbtnBox .btn {
			margin-bottom: 10px;
		}
		#event .eventWrap.event04 .popbtnBox .btn:last-child {
			margin-bottom: 0;
		}
	#event .eventWrap.event05 {
		margin: 5px auto 0 auto;
		background: none;
		box-shadow: none;
	}
		#event .eventWrap.event05 .popbtnBox {
			margin-bottom: 30px;
		}
	

		#event .popbtnBox {
			width: auto;
			margin: 40px auto 40px auto;
			display: flex;
			justify-content: center;
		}
			#event .popbtnBox .btn {
				width: 100%;
				max-width: 290px;
				margin: 0 15px;
				line-height: 0;
				overflow: hidden;
				cursor: pointer;
			}
			#event .event04 .popbtnBox .btn {
				max-width: 510px;
				box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
			}
			#event .event05 .popbtnBox .btn {
				max-width: 290px;
				box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
			}

				#event .popbtnBox .btn p,
				#event .popbtnBox .btn a {
					position: relative;
					line-height: 0;
					overflow: hidden;
					display: block;
					cursor: pointer;
				}
				#event .popbtnBox .btn p:after,
				#event .popbtnBox .btn 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;
				}
				#event .popbtnBox .btn p:before,
				#event .popbtnBox .btn a:before {
					content: "";
					width: 33px;
					height: 33px;
					display: block;
					position: absolute;
					right: 0;
					bottom: 0;
					background: url(../img/btn_blank_y.png) no-repeat center center;
					background-size: 100% 100%;
					box-sizing: border-box;
					z-index: 1;
				}
				#event .event04 .popbtnBox .btn p:before,
				#event .event04 .popbtnBox .btn a:before,
				#event .event05 .popbtnBox .btn p:before,
				#event .event05 .popbtnBox .btn a:before {
					background: url(../img/btn_blank_w.png) no-repeat center center;
					background-size: 100% 100%;
				}
				#event .popbtnBox .btn.popbtn p:before,
				#event .popbtnBox .btn.popbtn a:before {
					background: url(../img/btn_pop.png) no-repeat center center;
					background-size: 100% 100%;
				}
				#event .popbtnBox .btn,
				#event .popbtnBox .btn.cs p {
					cursor: default;
				}
				#event .popbtnBox .btn.cs p:before {
					background: none;
				}
				#event .popbtnBox .btn p:after,
				#event .popbtnBox .btn a:after {
					transition: all 0.7s cubic-bezier(0,.71,.38,1);
				}
				#event .popbtnBox .btn p:hover:after,
				#event .popbtnBox .btn a:hover:after {
					background-color: rgba(0, 0, 0, 0.30);
				}
				#event .popbtnBox .btn.cs p:after,
				#event .popbtnBox .btn.cs a:after {
					display: none;
				}
				
			
	#event .dbox {
		
	}
		#event .dbox .d01 {
			width: 124px;
			position: absolute;
			right: 0;
			top: -60px;
			z-index: 1;
		}
			#event .dbox .d01:before {
				content: "";
				width: 100%;
				padding-top: 193%;
				background: url(../img/d_01_a.png) no-repeat center top;
				background-size: contain;
				display: block;
			}
		#event .dbox .d02 {
			width: 126px;
			position: absolute;
			left: -40px;
			top: 45%;
			z-index: 1;
		}
			#event .dbox .d02:before {
				content: "";
				width: 100%;
				padding-top: 182%;
				background: url(../img/d_01_b.png) no-repeat center top;
				background-size: contain;
				display: block;
			}
		#event .dbox .d03 {
			width: 116px;
			position: absolute;
			right: 0;
			bottom: -160px;
			z-index: 1;
		}
			#event .dbox .d03:before {
				content: "";
				width: 100%;
				padding-top: 188%;
				background: url(../img/d_01_c.png) no-repeat center top;
				background-size: contain;
				display: block;
			}
	
					/*===================sp=*/@media screen and (max-width: 860px) {

#event {
	padding: 40px 0 10px 0;
}
#event:after {
}
	#event .mtit {
	}
		#event h3 {
			width: 67.95%;
			max-width: 67.95%;
			margin: 0 0 0 0;
		}
	#event .mtxt {
		width: 90%;
		margin: 10px auto 0 auto;
		font-size: 16px;
		line-height: 150%;
	}
	#event .eventWrap {
		max-width: 94.87%;
		margin: 40px auto 0 auto;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
		display: block;
	}
		#event .point {
			width: 81%;
		}
		
	#event .eventWrap.event01 {
		margin-top: 100px;
	}
		#event .eventWrap.event01:before {
			width: 69.19%;
			height: 76px;
			top: -77px;
		}
		#event .eventWrap.event01 .point {
			margin: 8px 0 0 2%;
		}
	#event .eventWrap.event02 {
		
	}
		#event .eventWrap.event02 .point {
			width: 88%;
			margin: -23px -.5% 0 auto;
		}
	#event .eventWrap.event03 {
	}
		#event .eventWrap.event03 .point {
			width: 76%;
			margin: 12px 0 0 -2%;
		}
	#event .eventWrap.event04 {
		margin: 0 auto 0 auto;
		background: none;
		box-shadow: none;
	}
	#event .eventWrap.event05 {
		margin: 20px auto 0 auto;
		background: none;
		box-shadow: none;
	}
	
		#event .popbtnBox {
			width: 97%;
			margin: 15px auto 40px auto;
		}
			#event .popbtnBox .btn {
				max-width: 100%;
				margin: 0 7px;
			}
			#event .event04 .popbtnBox .btn {
				max-width: 92%;
			}
			#event .event05 .popbtnBox .btn {
				max-width: 62%;
			}
				#event .popbtnBox .btn p,
				#event .popbtnBox .btn a {
				}
				#event .popbtnBox .btn p:after,
				#event .popbtnBox .btn a:after {
					border: 3px solid #000000;
				}
				#event .popbtnBox .btn p:before,
				#event .popbtnBox .btn a:before {
					width: 18px;
					height: 18px;
				}
				#event .popbtnBox .btn.popbtn p:before,
				#event .popbtnBox .btn.popbtn a:before {
				}
				#event .popbtnBox .btn.cs p:before {
				}
				#event .popbtnBox .btn p:after,
				#event .popbtnBox .btn a:after {
				}
				#event .popbtnBox .btn p:hover:after,
				#event .popbtnBox .btn a:hover:after {
				}
				#event .popbtnBox .btn.cs p:after,
				#event .popbtnBox .btn.cs a:after {
				}
			
	#event .dbox {
	}
		#event .dbox .d01 {
			width: 17.44%;
			right: 0;
			top: -30px;
		}
			#event .dbox .d01:before {
				padding-top: 262%;
				background: url(../img/sp/d_01_a.png) no-repeat center top;
				background-size: contain;
			}
		#event .dbox .d02 {
			width: 19.49%;
			left: 0;
			top: 42%;
		}
			#event .dbox .d02:before {
				padding-top: 232%;
				background: url(../img/sp/d_01_b.png) no-repeat center top;
				background-size: contain;
			}
		#event .dbox .d03 {
			width: 19.74%;
			position: absolute;
			right: 0;
			bottom: -130px;
			z-index: 1;
		}
			#event .dbox .d03:before {
				padding-top: 227%;
				background: url(../img/sp/d_01_c.png) no-repeat center top;
				background-size: contain;
			}

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

/*-----------------------------------------------------------
	#play setting
-----------------------------------------------------------*/
#play {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 85px 0 60px 0;
	position: relative;
	color: #ffffff;
	background: #000000;
}
#play:after {
	content: "";
	background: url(../img/line_01_r.png) repeat-x center center;
	background-size: auto 100%;
	display: block;
	width: 100%;
	height: 36px;
	position: absolute;
	top: -18px;
	left: 0;
}
	#play .system {
		background: rgba(0, 0, 0, 0.5);
		border: 1px solid rgba(254, 235, 182, 0.5);
		border-radius: 5px;
		max-width: 960px;
		margin: 0 auto;
	}
		#play .system .mtit {
			line-height: 0;
		}
			#play .system .mtit h3 {
				height: 28px;
				margin: -14px auto 0 auto;
				background: #000000;
				width: auto;
				display: inline-block;
				padding: 0 10px;
				line-height: 0;
			}
				#play .system .mtit h3 img {
					width: auto;
					height: 100%;
				}
				
			#play .system ul {
				width: 95.21%;
				margin: 25px auto 35px auto;
				display: flex;
				justify-content: center;
			}
				#play .system ul li {
					width: 25%;
					text-align: center;
				}
					#play .system ul li .icon {
						width: 27.07%;
						margin: 10px auto 5px auto;
					}
					#play .system ul li .tit {
						font-weight: 700;
						font-size: 18px;
						line-height: 160%;
						letter-spacing: 0.05em;
						color: #FEEBB6;
					}
					#play .system ul li .txt {
						font-weight: 500;
						font-size: 16px;
						line-height: 160%;
						letter-spacing: 0.05em;
					}

		#play .popbtnBox {
			width: 100%;
			margin: 40px auto 0 auto;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}
			#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;
					background: url(../img/btn_blank_w.png) no-repeat center center;
					background-size: 100% 100%;
					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;
					background: url(../img/btn_blank_b.png) no-repeat center center;
					background-size: 100% 100%;
					box-sizing: border-box;
					z-index: 1;
				}
				#play .popbtnBox .popbtn.faketype p:after {
					border: 5px solid #49BCBD;
				}
			
					/*===================sp=*/@media screen and (max-width: 860px) {

#play {
	padding: 70px 0 50px 0;
}
	#play .system {
		max-width: 89.74%;
	}
		#play .system .mtit {
		}
			#play .system .mtit h3 {
				height: 22px;
				margin: -12px auto 0 auto;
				padding: 0 10px;
				line-height: 0;
			}
				#play .system .mtit h3 img {
				}
				
			#play .system ul {
				width: 90%;
				margin: 30px auto 10px auto;
				flex-wrap: wrap;
			}
				#play .system ul li {
					width: 50%;
					margin-bottom: 30px;
				}
					#play .system ul li .icon {
						width: 38%;
						margin: 5px auto 0 auto;
					}
					#play .system ul li .tit {
						font-size: 16px;
					}
					#play .system ul li .txt {
						font-size: 14px;
						line-height: 1.2;
					}
					
					}/*====================*/


/*-----------------------------------------------------------
	#ticket setting
-----------------------------------------------------------*/
.top #ticket {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 75px 0 75px 0;
	position: relative;
	color: #ffffff;
	background: url(../img/bg_03_r.png) repeat-y center top;
	background-size: 100% auto;
}
	.top #ticket .mtit {
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.top #ticket h3 {
			max-width: 224px;
			margin: 0 30px;
			flex: 0 0 auto;
		}
		.top #ticket .mtit:before,
		.top #ticket .mtit:after {
			content: "";
			width: 100%;
			height: 11px;
			background: black;
			display: block;
			background: url(../img/line_03_y_l.png) no-repeat center center;
			background-size: contain;
			margin-bottom: 4%;
		}
		.top #ticket .mtit:after {
			background-image: url(../img/line_03_y_r.png);
		}
		#ticket .listBox {
			width: 100%;
			max-width: 1000px;
			margin: 25px auto 0 auto;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}
			#ticket .listBox .item {
				width: 33%;
				max-width: 248px;
				min-height: 256px;
				margin: 57px 32.5px 40px 32.5px;
				padding: 20px 14px 20px 10px;
				box-sizing: border-box;
				background: url(../img/bg_04_a.png) no-repeat center center;
				background-size: 100% 100%;
				position: relative;
				color: #000000;
				
				display: flex;
				flex-direction: column;
				
				
				box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
				border-radius: 10px;
			}
			#ticket .listBox .item.cs {
				background-image: url(../img/bg_04_b.png);
			}
			#ticket .listBox .item.cs:after {
				content: "";
				width: 90%;
				height: 65%;
				background: url(../img/bg_04_c.png) no-repeat right bottom;
				background-size: 60px auto;
				display: block;
				position: absolute;
				bottom: 25%;
				right: 5%;
				mix-blend-mode: overlay;
				z-index: 0;
			}
			#ticket .listBox .item:before {
				content: "";
				width: 100%;
				height: 54px;
				margin-bottom: 3px;
				background: url(../img/d_02_y.png) no-repeat center bottom;
				background-size: contain;
				display: block;
				position: absolute;
				top: -57px;
				left: 0;
				z-index: 0;
			}
			#ticket .listBox .item:before {
				
			}
			#ticket .listBox .item.close {
				background-image: url(../img/bg_04_b.png);
				opacity: .5;
			}
			#ticket .listBox .item.close:before {
				display: none;
			}
			#ticket .listBox .item.close {
				
			}
					#ticket .listBox .item.close .btn a {
						background: rgba(0, 0, 0, 0.8);
					}
				
				#ticket .listBox .item .prefecture {
					margin: 0 0 0 0;
					line-height: 1;
					z-index: 1;
				}
					#ticket .listBox .item .prefecture span {
						font-weight: 700;
						font-size: 24px;
						display: block;
						margin-top: 5px;
					}
				#ticket .listBox .item .place {
					margin: 5px 0 0 0;
					font-weight: 500;
					font-size: 18px;
					line-height: 1.6;
				}
				#ticket .listBox .item .date {
					margin: 5px 0 15px 0;
					font-weight: 500;
					font-size: 15px;
					line-height: 1.2;
				}
				#ticket .listBox .item .btn {
					margin: auto 0 0 0;
					z-index: 1;
				}
					#ticket .listBox .item .btn a {
						display: block;
						background: #000000;
						color: #FEEBB6;
						font-weight: 700;
						font-size: 14px;
						line-height: 120%;
						text-decoration: none;
						width: 100%;
						border-radius: 5px;
						padding: 11px 2px;
						box-sizing: border-box;
						font-feature-settings: 'palt' on;
					}
					#ticket .listBox .item .btn span {
						display: inline-block;
						color: #000000;
						font-weight: 700;
						font-size: 14px;
						line-height: 120%;
						text-decoration: none;
						width: auto;
						border-radius: 5px;
						padding: 11px 50px;
						box-sizing: border-box;
						font-feature-settings: 'palt' on;
						opacity: 0.25;
						border: 3px solid #000000;
					}
			
		#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: #FEEBB6;
				text-align: left;
				text-align: center;
			}
				#ticket .u22Box .txt a {
					color: #FEEBB6;
					text-decoration: underline;
				}
				#ticket .u22Box .txt a:hover {
					text-decoration: none;
				}
			
					/*===================sp=*/@media screen and (max-width: 860px) {

.top #ticket {
	padding: 50px 0 50px 0;
	background-size: 400% auto;
}
	.top #ticket .mtit {
		width: 90%;
	}
		.top #ticket h3 {
			max-width: 180px;
			margin: 0 10px;
		}
		.top #ticket .mtit:before,
		.top #ticket .mtit:after {
			height: 11px;
			background-image: url(../img/sp/line_03_y_l.png);
			margin-bottom: 16%;
		}
		.top #ticket .mtit:after {
			background-image: url(../img/sp/line_03_y_r.png);
		}
		#ticket .listBox {
			max-width: 100%;
			margin: 30px auto 0 auto;
		}
			#ticket .listBox .item {
				width: 43.85%;
				max-width: 43.85%;
				min-height: 190px;
				margin: 20px 10px 40px 10px;
				padding: 10px 10px 13px 10px;
			}
			#ticket .listBox .item.cs {
			}
			#ticket .listBox .item:before {
				height: 37px;
				margin-bottom: 2px;
				top: -39px;
			}
				#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: 12px;
				}
				#ticket .listBox .item .btn {
				}
					#ticket .listBox .item .btn a {
						font-size: 11px;
						padding: 5px 2px 7px 2px;
					}
					#ticket .listBox .item .btn span {
						font-size: 12px;
						padding: 10px 0;
						width: 100%;
					}
			
		#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;
			}

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

/*-----------------------------------------------------------
	.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 {
	background: #000000;
}
.innerWrap2 {
	background: url(../img/bg_03_y.png) repeat-y center top;
	background-size: 100% auto;
}

.innerWrap3 {
	background: url(../img/bg_03_r.png) repeat-y center top;
	background-size: 100% 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;
	}
.innerWrap1 {
}
.innerWrap2 {
	background: url(../img/bg_03_y.png) repeat-y center top;
	background-size: 400% auto;
}

.innerWrap3 {
	background: url(../img/bg_03_r.png) repeat-y center top;
	background-size: 400% auto;
}

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

	.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: #FEEBB6;
			width: auto;
			flex: 0 0 auto;
			max-width: 100%;
		}
		.inner .innerWrap .mtit:before,
		.inner .innerWrap .mtit:after {
			content: "";
			width: 100%;
			height: 9px;
			background: black;
			display: block;
			background: url(../img/line_02_w.png) no-repeat right center;
			background-size: auto 100%;
			margin-bottom: 0;
		}
		.inner .innerWrap .mtit:after {
			background-position: left center;
		}

		.inner .innerWrap2 h3 {
			color: #000000;
		}
		.inner .innerWrap2 .mtit:before,
		.inner .innerWrap2 .mtit:after {
			background-image: url(../img/line_02_r.png);
		}
		.inner .innerWrap3 h3 {
			color: #FEEBB6;
		}
		.inner .innerWrap3 .mtit:before,
		.inner .innerWrap3 .mtit:after {
			background-image: url(../img/line_02_y.png);
		}

					/*===================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;
		}
		.inner .innerWrap h3.s {
			font-size: 18px;
		}
		.inner .innerWrap .mtit:before,
		.inner .innerWrap .mtit:after {
			width: 100%;
			max-width: 87px;
			height: 7px;
		}
		.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: rgba(255, 255, 255, 0.7);
			}
			.inner .innerWrap2 .txtWrap .note,
			.inner .innerWrap2 .txtWrap .note a {
				color: rgba(0, 0, 0, 0.7);
			}
	

					/*===================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;
		}

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

.calendarWrap {
	width: 100%;
	max-width: 1000px;
	margin: 20px auto 40px auto;
}
	.calendarWrap .tab {
		width: 100%;
		margin: 0 auto 15px auto;
		display: flex;
		flex-wrap: wrap;
	}
		.calendarWrap .tab li {
			border: 2px solid #191812;
			margin-right: 10px;
		}
			.calendarWrap .tab li.ac {
				background: #403B2E;
				border: 2px solid #403B2E;
			}
			.calendarWrap .tab li a {
				min-width: 140px;
				font-weight: 700;
				font-size: 18px;
				line-height: 160%;
				color: #FFFFFF;
				display: block;
				padding: 6px 10px;
				box-sizing: border-box;
				text-decoration: none;
			}
	.calendarWrap .tabbox {
		display: none;
		opacity: 0;
		transition: opacity 1s cubic-bezier(0,.72,.62,1);
	}
	.calendarWrap .tabbox.on {
		display: block;
		opacity: 1;
	}

	.calendarWrap .calendarBox {
		width: 100%;
		margin: 0 auto;
		background: rgba(255, 236, 184, 0.10);
		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: #FEEBB6;
			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: #FEEBB6;
			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;
			z-index: -1;
		}
			.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%;
				border: 1px solid rgba(254, 235, 182, 0.25);
				border-radius: 5px;
				font-weight: 500;
				font-size: 18px;
				line-height: 1.2;
				text-align: center;
				letter-spacing: 0.05em;
				padding: 40px 0 40px 0;
			}
		.listWrap.list02 ul {
			width: 100%;
			color: #ffffff;
			border-top: 1px solid rgba(254, 235, 182, 0.25);
		}
			.listWrap.list02 ul li {
				width: 100%;
				border-bottom: 1px solid rgba(254, 235, 182, 0.25);
				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;
			}

					/*===================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.list02 ul li .txt01 {
				font-size: 15px;
			}

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

.tableWrap {
	max-width: 990px;
	margin: 35px auto 40px auto;
}
	.tableWrap.table01 {
		display: flex;
		justify-content: space-between;
	}
		.tableWrap.table01 table {
			width: 48.5%;
			position: relative;
			margin: 0;
			border-collapse: collapse !importan;
			background: rgba(255, 255, 255, 0.5);
			border: 1px solid #B52619;
			color: #000000;
		}
		.tableWrap.table01 table:last-child {
			border: 1px solid #343434;
		}
			.tableWrap.table01 table thead {
				background: #B52619;
				color: #ffffff;
				font-weight: 500;
				font-size: 15px;
				line-height: 120%;
				letter-spacing: 0.05em;
			}
			.tableWrap.table01 table:last-child 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 table tbody tr:nth-child(odd) {
				background: #ffffff;
			}
				.tableWrap.table01 table tbody th,
				.tableWrap.table01 table tbody td {
					padding: 15px 10px;
					font-weight: 500;
					font-size: 16px;
					line-height: 110%;
					letter-spacing: 0.05em;
					text-align: center;
					vertical-align: middle;
					border: 1px solid #B52619;
					height: 35px;
					box-sizing: border-box;
				}
				.tableWrap.table01 table:last-child tbody th,
				.tableWrap.table01 table:last-child 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: 120%;
					}
						.tableWrap.table01 table tbody td span {
							font-weight: 700;
							font-size: 20px;
						}
				
					/*===================sp=*/@media screen and (max-width: 860px) {

.tableWrap {
	max-width: 100%;
	margin: 25px auto 40px auto;
}
	.tableWrap.table01 {
		display: block;
		margin-bottom: 30px;
	}
		.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 th,
				.tableWrap.table01 table tbody td {
					padding: 15px 8px 15px 8px;
					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;
						}


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

.apiWrap {
	max-width: 990px;
	margin: 0 auto 30px auto;
}

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

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

.btnWrap {
	width: 100%;
	margin: 30px auto 0 auto;
	display: flex;
	justify-content: center;
}
	.btnWrap .btn {
		width: 50%;
		max-width: 300px;
		margin: 0 15px;
	}
		.btnWrap .btn a {
			text-decoration: none;
		}
		.btnWrap .btn span {
			font-weight: 500;
			font-size: 14px;
			line-height: 160%;
			text-align: center;
			color: #000000;
		}
		.btnWrap .btn.cs {
			opacity: .4;
		}

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

.btnWrap {
	width: 100%;
	margin: 30px auto 0 auto;
/*
	display: flex;
	justify-content: center;
*/
	display: block;
}
	.btnWrap .btn {
		width: 81.08%;
		max-width: 81.08%;
		margin: 0 auto;
		margin-bottom: 5px;
	}

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

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

}
	#ticket #price {
		padding-top: 0;
/* 		padding-bottom: 40px; */
		padding-bottom: 20px;
	}
		#ticket #price .txtWrap {
			margin-top: 50px;
		}
		#ticket #price .u22Box {
			margin-top: 30px;
			background: rgba(0, 0, 0, 0.05);
		}
			#ticket #price .u22Box .txt,
			#ticket #price .u22Box .txt a {
				color: #000000;
			}

	#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 {
			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 .txt.cs {
				font-size: 18px;
				text-align: center;
				color: #FFFFFF;
				padding: 20px 0 40px 0;
			}
		
	#ticket #access {
		padding-top: 15px;
		padding-bottom: 1px;
	}
		.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: 35px;
	}
		#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: 15px;
		}
		#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%;
		}
			#ticket #privilege .imgWrap:last-child {
			}
		#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 {
		padding-top: 5px;
		margin-bottom: 10px;
	}
		.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 {
			padding-bottom: 40px;
		}
			#howto #aboutrealdgame .movieBox {
				margin-top: 30px;
				margin-bottom: 45px;
			}
			#howto #aboutrealdgame .txtWrap ,
			#howto #aboutseries .txtWrap {
				margin-top: 35px;
			}
			#howto #aboutseries .btn {
				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 #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.5);
				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: #FEEBB6;
					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;
				}

					/*===================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: 45px;
		}
		#howto #aboutseries {
		}
			#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 {
					margin: 10px auto 0 auto;
					font-size: 14px;
				}

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

/*-----------------------------------------------------------
	#note setting
-----------------------------------------------------------*/
#note {
	padding: 0 0 0 0;
}
	#note .notesWrap {
		width: 94%;
		max-width: 860px;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		text-align: left;
	}
		#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: #B52619;
			}
			#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 .q {
					font-size: 20px;
					display: block;
					padding-left: 25px;
					font-weight: 700;
					line-height: 1.6;
					margin: 0 0 10px 0;
					color: #B52619;
				}
					#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 {
					margin-bottom: 10px;
					font-weight: 700;
					font-size: 15px;
				}
				#note .notesWrap a {
					text-decoration: underline;
				}
				#note .notesWrap a:hover {
					text-decoration: none;
				}
				
	#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: #FEEBB6;
					font-size: 15px;
					font-weight: 500;
					box-sizing: border-box;

					display: flex;
					align-items: center;
				}
				#note .notesWrap .restrictBox li .txt {
					width: 68%;
				}
				#note .notesWrap .restrictBox li .txt a {
					color: #FEEBB6;
				}

#restrict {
	padding-bottom: 30px;
}

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

#note {
}
	#note .notesWrap {
		width: 94.59%;
		max-width: 94.59%;
		margin-bottom: 35px;
	}
		#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 {
					font-size: 14px;
					margin-bottom: 10px;
				}
				#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 .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 ul {
				width: 100%;
				max-width: 860px;
				margin: 35px 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 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: #B52619;
					}
						#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 .goodsWrap .goodsBox {
		}
			#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 .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;
		}
			#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: 30px 0 25px 0;
}
		#campaign .bnrBox {
			margin: 0 auto 0 auto;
			display: block;
		}
			#campaign .bnrBox .bnr {
				width: 65.64%;
				max-width: 65.64%;
				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 .inquire {
			margin: 50px auto 0 auto;
			font-size: 14px;
			line-height: 2.4;
			font-weight: 500;
		}
		#footer .logoBox {
			margin: 40px auto 0 auto;
			display: flex;
		}
			#footer .logoBox .logo {
				width: 50%;
				max-width: 148px;
				margin: 0 auto 0 auto;
			}
		#footer .snsBox {
			width: 100%;
			margin: 50px auto 0 auto;
			display: flex;
			justify-content: center;
		}
			#footer .snsBox .btn {
				width: 30%;
				max-width: 132px;
				margin: 0 10px;
			}
		#footer .bnrBox {
			width: 100%;
			margin: 50px auto 0 auto;
			display: flex;
			justify-content: center;
		}
			#footer .bnrBox .bnr {
				width: 50%;
				max-width: 315px;
				margin: 0 14px;
			}
		#footer .copyright {
			font-size: 14px;
			line-height: 1.8;
			font-weight: 500;
			margin: 40px auto 50px auto;
		}

					/*===================sp=*/@media screen and (max-width: 860px) {
						
#footer {
	padding: 1px 0 100px 0;
}
	.footerWrap {
		max-width: 1280px;
	}
		#footer .inquire {
			margin: 50px auto 0 auto;
		}
		#footer .logoBox {
			margin: 50px auto 0 auto;
		}
			#footer .logoBox .logo {
				width: 30.77%;
				max-width: 30.77%;
			}
		#footer .snsBox {
			margin: 30px auto 0 auto;
		}
			#footer .snsBox .btn {
				width: 19.23%;
				max-width: 19.23%;
				margin: 0 10px;
			}
		#footer .bnrBox {
			width: 100%;
			margin: 30px auto 0 auto;
			display: block;
		}
			#footer .bnrBox .bnr {
				width: 80.77%;
				max-width: 80.77%;
				margin: 0 auto 20px auto;
			}
		#footer .copyright {
			font-size: 12px;
			margin: 30px auto 50px auto;
		}
						
					}/*====================*/


/*-----------------------------------------------------------
	#share setting
-----------------------------------------------------------*/
#share {
	width: 45px;
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: fixed;
	right: -50px;
	top: 0;
	text-align: right;
	z-index: 1;
	transition: all .3s ease-out;
}
	#share.in {
		right: 20px;
	}
	
	#share .contentBox {
		width: 100%;
		height: 100%;
		max-width: 1200px;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		position: relative;
		z-index: 1;
		align-content: center;
		align-items: center;
		display: flex;
	}
	#share ul {
		width: 80px;
		margin: 0 auto 0 auto;
		z-index: 10;
	}
		#share li {
			margin: 0 0 10px 0;
		}
		#share li div {
			padding-bottom: 100%;
			background: #000000;
			
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			overflow: hidden;
			position: relative;
			z-index: 10;

			box-shadow: 2px 5px 8px rgba(102, 102, 102, 0.30);
		}
			#share li div a {
				display: block;
				width: 100%;
				height: 100%;
			}
			#share li div {
				line-height: 0;
				font-size: 0;
			}
			
	#share li .btn_tw {
		background: #1ea2f2 url(../img/i_tw.svg) no-repeat center center;
		background-size: auto 40%;
	}
		#share li .btn_tw:hover {
			opacity: 0.7;
		}
	#share li .btn_fb {
		background: #3b5999 url(../img/i_fb.svg) no-repeat center center;
		background-size: auto 50%;
	}
		#share li .btn_fb:hover {
			opacity: 0.7;
		}
	#share li .btn_li {
		background: #00b800 url(../img/i_li.svg) no-repeat center center;
		background-size: auto 50%;
	}
		#share li .btn_li:hover {
			opacity: 0.7;
		}

					/*===================sp=*/@media screen and (max-width: 860px) {
						
#share {
	width: 30px;
	right: -50px;
}
	#share.in {
		right: 2px;
	}
	#share .contentBox {
	}
	#share ul {
		width: 30px;
	}
		#share li {
		}
		#share li div {
		}
			#share li div a {
			}
			#share li div {
			}

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


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

	}

					/*===================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: #FEEBB6 url(../img/bg_03_y.png) repeat-y center top;
	background-size: 100% auto;
	padding: 55px 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.5);
	}
		#movie .commBox .tit {
			width: 90%;
			max-width: 490px;
			margin: 0 auto 0 auto;
		}
		#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-size: 400% auto;
	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;
}
	#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;
			padding: 45px 0 60px;
			text-align: center;
			font-weight: 500;
			font-size: 16px;
			line-height: 150%;
			text-align: center;
			letter-spacing: 0.05em;
			color: #FFFFFF;
		}
		
	#realdgame .btn {
		margin: -27px auto 0 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 60px;
			font-size: 14px;
			line-height: 150%;
			text-align: left;
		}
		
	#realdgame .btn {
		margin: -27px auto 0 auto;
		text-align: center;
	}
		#realdgame .btn a {
			font-size: 14px;
			padding: 17px 20px;
			min-width: 240px;
		}
			#realdgame .btn a:hover {
			}

					}/*====================*/
					
#series {
	background: #B52619 url(../img/bg_03_r.png) repeat-y center center;
	background-size: 100% auto;
	padding: 50px 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: #FEEBB6;
			text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
		}

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

#series {
	background: #B52619 url(../img/bg_03_r.png) repeat-y center center;
	background-size: 400% auto;
	padding: 0 0 50px 0;
}
	#series .logo {
		width: 94%;
		max-width: 94%;
	}
	#series .img {
		width: 94%;
		max-width: 94%;
		margin: 10px auto 0 auto;
		z-index: 0;
	}
	#series .txtBox {
		width: 100%;
		margin: 30px auto 0 auto;
	}
		#series .txtBox p {
			font-size: 14px;
			text-align: left;
		}

					}/*====================*/
					
#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) {


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

#storyp {
	background: #00040A url(../img/bg_01_b.png) no-repeat center center;
	background-size: cover;
	padding: 90px 0 90px 0;
}
	#storyp .tit {
		width: 90%;
		max-width: 320px;
		margin: 0 auto;
	}
	#storyp .txtBox {
		width: 100%;
		margin: 50px auto 0 auto;
		font-family: 'Noto Serif JP', serif;
	}
		#storyp .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) {

#storyp {
	background-size: cover;
	padding: 0 0 50px 0;
	
}
	#storyp .tit {
		width: 65%;
		max-width: 240px;
	}
	#storyp .txtBox {
		margin: 40px auto 0 auto;
	}
		#storyp .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 Serif 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;
		}
		

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

.themesong {
	
}

#faketype {
	background: #49BCBD url(../img/bg_03_b.png) repeat-y center top;
	background-size: 100% auto;
	padding: 100px 0 80px 0;
}
	#faketype .tit {
		width: 90%;
		max-width: 690px;
		margin: 0 auto;
	}
	#faketype .img {
		width: 90%;
		max-width: 720px;
		margin: 15px auto 0 auto;
	}
	#faketype .logo {
		width: 90%;
		max-width: 315px;
		margin: 35px auto 0 auto;
	}
	#faketype .txtBox {
		width: 100%;
		max-width: 720px;
		margin: 30px auto 60px auto;
	}
		#faketype .txtBox p {
			width: 100%;
			margin: 0 auto;
			text-align: center;
			font-weight: 500;
			font-size: 16px;
			line-height: 150%;
			text-align: center;
			letter-spacing: 0.05em;
			font-feature-settings: 'palt' on;
			color: #000000;
			text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8);
		}
	#faketype .commBox {
		width: 100%;
		max-width: 720px;
		margin: 40px auto 0 auto;
		padding: 50px 0 40px 0;
		background: rgba(255, 255, 255, 0.5);
	}
		#faketype .commBox .tit {
			width: 90%;
			max-width: 490px;
			margin: 0 auto 0 auto;
		}
		#faketype .commBox .btn {
			width: 90%;
			max-width: 270px;
			margin: 25px auto 0 auto;
		}
		#faketype .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) {

#faketype {
	background-size: 400% auto;
	padding: 100px 0 50px 0;
}
	#faketype .logo {
		width: 50%;
		margin: 20px auto 0 auto;
	}
	#faketype .txtBox {
		width: 90%;
		margin: 20px auto 40px auto;
	}
		#faketype .txtBox p {
			font-size: 15px;
		}
	#faketype .commBox {
		width: 90%;
		max-width: 720px;
		margin: 40px auto 0 auto;
		padding: 30px 0 30px 0;
	}
		#faketype .commBox .tit {
			width: 90%;
			max-width: 490px;
			margin: 0 auto 0 auto;
		}
		#faketype .commBox .btn {
			width: 60%;
			max-width: 270px;
			margin: 25px auto 0 auto;
		}
		#faketype .commBox .txt {
			width: 90%;
			font-size: 15px;
			margin: 25px auto 0 auto;
		}
					}/*====================*/

#direction {
	background: #FFB931 url(../img/bg_03_o.png) repeat-y center top;
	background-size: 100% auto;
	padding: 55px 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;
		}
					}/*====================*/
					
/*-----------------------------------------------------------
	#nazo setting
-----------------------------------------------------------*/
#nazo {
}
	#nazo01 {
		width: 100%;
		max-width: 860px;
		padding-bottom: 60px;
		border-bottom: 1px solid rgba(254, 235, 182, 0.25);
	}
		#nazo .imgWrap {
			max-width: 640px;
		}
		#nazo .hintBox {
			width: 100%;
			max-width: 780px;
			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%;
				font-feature-settings: 'palt' on;
				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_1.png) no-repeat center center;
					background-size: contain;
					margin-left: 5px;
				}
			#nazo .adWrap .txt {
				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;
			}
			#nazo .adWrap.op .txt {
				height: auto;
				opacity: 1;
			}
			
			
		#nazo .btnBox {
			width: 100%;
			max-width: 450px;
			margin: 30px auto 0 auto;
			padding: 0 0 0 0;
		}
			#nazo .btnBox .btn {
				border-bottom: 1px solid #FEEBB6;
				display: inline-block;
				margin: 0 auto 10px auto;
			}
			#nazo .btnBox .btn a {
				font-weight: 700;
				font-size: 16px;
				line-height: 120%;
				font-feature-settings: 'palt' on;
				color: #FEEBB6;
				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_2.png) no-repeat center center;
					background-size: contain;
					margin-right: 5px;
				}
		
		
		#nazo .resultBox {
			
		}
		
			#nazo .resultBox .img {
				max-width: 250px;
				margin: 0 auto;
			}
			#nazo .resultBox .txt {
				margin: 10px auto 0 auto;
				font-weight: 700;
				font-size: 29px;
				line-height: 160%;
				text-align: center;
				letter-spacing: 0.05em;
				font-feature-settings: 'palt' on;
				color: #FFFFFF;
			}

			#nazo .commBox {
				width: 100%;
				max-width: 600px;
				margin: 40px auto 0 auto;
				padding: 40px 20px 40px 20px;
				background: #191812;
				border: 1px solid #403B2E;
				border-radius: 5px;
				box-sizing: border-box;
			}
				#nazo .commBox .txt {
					font-weight: 500;
					font-size: 18px;
					line-height: 160%;
					text-align: center;
					letter-spacing: 0.05em;
					font-feature-settings: 'palt' on;
					color: #FFFFFF;
				}
				#nazo .commBox .btn {
					margin: 20px auto 0 auto;
				}
					#nazo .commBox .btn a {
						display: inline-block;
						font-weight: 700;
						font-size: 18px;
						line-height: 1;
						letter-spacing: 0.2em;
						font-feature-settings: 'palt' on;
						color: #FFFFFF;
						width: 100%;
						max-width: 260px;
						padding: 18px 20px 18px 20px;
						text-decoration: none;
						background: url(../img/bg_05_r.png) repeat center center;
						background-size: 500px auto;
						border-radius: 5px;
					}
			#nazo .shareBox {
				width: 100%;
				max-width: 600px;
				margin: 40px auto 0 auto;
				padding: 40px 20px 40px 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;
					font-feature-settings: 'palt' on;
					color: #FFFFFF;
				}
				#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_tw {
							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_tw:hover,
							#nazo .shareBox .share li .btn_fb:hover,
							#nazo .shareBox .share li .btn_li:hover {
								opacity: 0.7;
							}

		#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: 80%;
					max-width: 500px;
					margin: 0 auto 20px 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 .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%;
						font-feature-settings: 'palt' on;
					}
					#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;
						font-feature-settings: 'palt' on;
						color: #FFFFFF;
						padding: 18px 10px;
						box-sizing: border-box;
						display: block;
						background: url(../img/bg_05_r.png) repeat center center;
						background-size: 500px auto;
						cursor: pointer;
					}
					#nazo input[type="submit"]:hover {
						opacity: 0.7;
					}
					
					/*===================sp=*/@media screen and (max-width: 860px) {

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