@charset "utf-8";

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

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

html {
	background: #ffffff;
	font-family: 'Noto Sans Japanese', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	position: relative;
}
	body {
		line-height: 1;
		-webkit-text-size-adjust: 100%;
		margin: 0;
		width: 100%;
		position: relative;
		z-index: 1;
	}
		article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
			display: block
		}
		iframe { overflow-y: hidden; z-index: 1 !important; }
		
#zetsubou_tv {
	position: relative;
	z-index: 1;
	background: #000000;
	overflow: hidden;
}

img[usemap] {
	max-width: 100%;
	height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

.note {
	font-size: 2.4vw;
}

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

	
/*-----------------------------------------------------------
	header setting
-----------------------------------------------------------*/
#header {
	width: 100%;
	position: relative;
	margin: 0 0 0 0;
	top: 0;
	left: 0;
	z-index: 9;
	background: #fff100;
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
	.headerWrap {
		width: 100%;
		padding: 0 0 0 0;
		position: relative;
		z-index: 9;
	}
	
	/*----------------------------------#g_menu setting----------*/
	#g_navi {
		margin: 0;
		width: 100%;
		height: auto;
		text-align: center;
		z-index: 9;
		padding: 0 0 0 0;
		top: 0;
		position: absolute;
	}
		#header.fix #g_navi {
			top: 0;
			position: fixed;
		}
	
	#g_menu .hdBox {
		width: 100%;
		padding: 0 0 0 0;
		overflow: hidden;
		position: fixed;
		z-index: 9;
	}
	#g_menu .hdBox2 {
		width: 100%;
	}
	#g_navi .btn {
		width: 12.5%;
		float: left;
	}
	#g_navi .logoBox {
		width: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		display: block;
	}
	#g_navi .logoBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
   height: 100%;
	}
		#g_navi .logoBox .logo {
			width: 18%;
			max-width: 70px;
			margin-left: 5%;
		}
		#g_navi .logoBox .tit {
			width: 44%;
			max-width: 180px;
		}
	#g_navi .nav .logo {
	}
	#g_navi #menuBtn {
		width: 40px;
		margin: 10px 3% 10px 0;
		float: right;
		line-height: 0;
		background: #fff100;
	}
	.f #g_navi #menuBtn {
		display: none;
	}
	#g_navi #menuClose {
		width: 40px;
		margin: 10px 3% 0 0;
		float: right;
	}
	#g_navi .navi {
		height: 55px;
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		background: #fff100;
	}
	#g_navi .nav {
		width: 100%;
		margin: 5% 0 5% 0;
		font-size: 23px;
		color: #EEEEEE;
		overflow: hidden;
	}
	#g_navi .nav li {
		width: 100%;
		color: #fff100;
		margin: 0 auto 0 auto;
		height: auto;
		border-left: none;
		line-height: 0;
		font-weight: 900;
	}
	.hdBox2 {
		height: 55px;
		padding: 0 0 0 0;
		overflow: hidden;
		position: relative;
		z-index: 2;
		background: #fff100;
	}
		#g_navi .nav li a {
			height: auto !important;
			display: block;
			line-height: 1.0;
			padding: 3% 0 3% 0;
		}
	#g_navi .nav li.txt {
		font-size: 6.0vw;
		padding: 10px 0 0 0;
		color: #e2007f;
	}
	#g_navi .nav li p {
		line-height: 1.0;
		padding: 3% 0 3% 0;
	}
	body div#g_navi a {
		color: #e2007f;
		text-decoration: none;
	}
	body div#g_navi a:hover {
		text-decoration: none;
		opacity: 0.8;
	}
	#g_menu{
		position: absolute;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		z-index: 1000;
		display: none;
		top: 0;
		bottom: 0;
	}
	.fix #g_menu {
		top: 0;
	}
	#g_navi .navBox {
		background: rgba(255, 242, 0, 0.90);
		width: 100%;
		margin: 0 auto 0 auto;
		overflow: hidden;
		padding: 0 0 200vw 0;
	}
		#g_navi .nav li.off { opacity: 0.5; }


		#g_navi .shareBox {
			width: 50%;
			line-height: 0;
			margin: 0 auto 0 auto;
			padding-bottom: 20px;
		}
			#g_navi .shareBox .tit {
				width: 50%;
				margin: 0 auto 0 auto;
			}
				#g_navi .shareBox ul {
					width: 100%;
					display: flex;
					justify-content: center;
					margin: 15px 0 0 0;
				}
				#g_navi .shareBox ul li {
					width: 15%;
					margin: 0 2.5% 0 2.5% ;
				}
					#g_navi .shareBox ul li a {
						width: auto;
						float: none;
					}
					#g_navi .shareBox ul li img {
						width: 100%;
						height: auto;
					}
	
					/*===================sp=*/@media (min-width: 960px) {
						
						

		#header.fix {
			top: 0;
			position: fixed;
		}
		#header.fix #g_navi {
			top: 0;
			position: relative;
		}
		
	#g_navi #menuBtn {
		display: none;
	}
	#g_navi #menuClose {
		display: none;
	}
	#g_navi .navi {
		display: none;
	}
	#g_navi .shareBox {
		display: none;
	}
	
#header {
	width: 100%;
	position: relative;
	margin: 0 0 0 0;
	top: 0;
	left: 0;
	z-index: 9;
	background: #fff100;
}
	.headerWrap {
		width: 100%;
		padding: 0 0 0 0;
		position: relative;
		z-index: 9;
	}

	#header {
		width: 100%;
		height: 55px;
		position: absolute;
		top: 0;
		padding: 0 0 0 0;
		z-index: 1000;
	}
	.headerWrap {
		width: 940px;
		background: none;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		position: relative;
		z-index: 9999;
		overflow: hidden;
	}
		#header.fix {
			top: 0;
			position: fixed;
		}
		#header.fix #g_navi {
			top: 0;
			position: relative;
		}
	
	#g_navi {
		background: none;
		padding: 0 0 0 0;
		position: relative;
		top: 0;
	}
	#g_menu{
		padding: 0 0 0 0;
		width: 100%;
		background: none;
		position: relative;
		display: block !important;
		overflow: auto;
		overflow-x: auto;
		overflow-y: auto;
		top: 0;
	}
	#g_menu .hdBox {
		padding: 0 0 0 0;
		border-bottom: none;
		z-index: 99;
		overflow: hidden;
	}
		#g_menu .hdBox2 {
			width: 26%;
			background: none;
			padding: 0.5% 0 0 0;
			margin-left: 1.5%;
			margin-right: 4%;
			overflow: auto;
			float: left;
			overflow: hidden;
		}
	#g_navi .logoBox {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
	#g_navi .logoBox .logo {
		width: 23%;
		margin: 0 2% 0 0;
	}
	#g_navi .logoBox .tit {
		width: 70%;
		margin: 0 0 0 0;
	}
	#g_navi .navBox {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		overflow: hidden;
		border: none;
		background: none;
	}
	#g_navi .nav {
		width: auto;
		height: 55px;
		border: none;
		margin: 0 0 0 0;
		
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items:         center;
		-webkit-justify-content: space-between;
		justify-content:         space-between;
  
	}
	#g_navi .nav li {
		width: auto;
		color: #ffffff;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		height: auto;
		border: none;
		font-size: 14px;
	}
	#g_navi .nav li.off {
		opacity: 0.5;
		color: #000000;

		font-size: 14px;
		font-weight: bold;
	}
	#g_navi .nav li img {
		display: none;
	}
	#g_navi .nav li a {
		display: block;
		text-decoration: none;
		color: #000000;
		font-weight: bold;
	}
	#g_navi .nav li:hover {
		opacity: 0.5 !important;
		filter: alpha(opacity=50) !important;
		-ms-filter: "alpha(opacity=50)" !important;
		-moz-opacity: 0.5 !important;
		-khtml-opacity: 0.5 !important;
	}
	


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


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

	.line01 {
		margin-top: -5vw !important;
		width: 120%;
		margin-left: -10%;
		padding-top: 90px;
		background: red;
		background: url(../img/line.png) repeat-x center top;
		background-size: auto 100%;
		
		
		-webkit-transform: rotate(-4.6deg);
		-ms-transform: rotate(-4.6deg);
		-o-transform: rotate(-4.6deg);
		transform: rotate(-4.6deg);
		
		z-index: 2;
		position: relative;
	}
	.line02 {
		margin-top: -5vw !important;
		width: 120%;
		margin-left: -10%;
		padding-top: 90px;
		background: red;
		background: url(../img/line.png) repeat-x center top;
		background-size: auto 100%;
		
		
		-webkit-transform: rotate(4.6deg);
		-ms-transform: rotate(4.6deg);
		-o-transform: rotate(4.6deg);
		transform: rotate(4.6deg);
		
		z-index: 2;
		position: relative;
	}
	
	.contentWrap {
		width: 100%;
/* 		max-width: 960px; */
		margin: 0 auto 0 auto;

		position: relative;
	}
	.contentWrap.slanting00 {
		padding: 0 0 10vw 0;
	}
	.contentWrap.slanting01 {
		padding: 80px 0 12vw 0;
		margin-top: -5vw !important;
		-webkit-transform: skewY(-4.6deg);
		-ms-transform: skewY(-4.6deg);
		transform: skewY(-4.6deg);
		-webkit-transform-origin: top right;
		-ms-transform-origin: top right;
		transform-origin: top right;
		z-index: 1;
	}
	
	.contentWrap.slanting02 {
		padding: 50px 0 12vw 0;
		-webkit-transform: skewY(4.6deg);
		-ms-transform: skewY(4.6deg);
		transform: skewY(4.6deg);
		-webkit-transform-origin: top right;
		-ms-transform-origin: top right;
		transform-origin: top right;
		z-index: 1;
	}
		.contentWrap.contenbg02 {
			background: url(../img/bg02.png) repeat-y center top;
			background-size: 100% auto;
		}
		.contentWrap.contenbg03 {
			background: url(../img/bg03.png) repeat center top;
		}
		.contentWrap.contenbg04 {
			background: url(../img/bg04.png) no-repeat center top;
			background-size: 100% auto;
		}
		.contentWrap.contenbg05 {
			background: url(../img/bg05.png) repeat center top;
		}
		.contentWrap.contenbg06 {
			background: #fff100;
		}
		
		.contentBox {
			max-width: 960px;
			margin: 0 auto 0 auto;
			padding: 60px 0 0 0;
			position: relative;
		}
		
		.slanting01 .contentBox,
		.slanting01 .c_y,
		.slanting01 .c_w,
		.slanting01 .tyB h2,
		.slanting01 .tyC h2 {
			-webkit-transform: skewY(4.6deg);
			-ms-transform: skewY(4.6deg);
			transform: skewY(4.6deg);
			-webkit-transform-origin: top right;
			-ms-transform-origin: top right;
			transform-origin: top right;
		}
		
		.slanting01 .c_w h2,
		.slanting01 .c_w .contentBox,
		.slanting01 .c_y h2,
		.slanting01 .c_y .contentBox {
			-webkit-transform: skewY(0);
			-ms-transform: skewY(0);
			transform: skewY(0);
			-webkit-transform-origin: top right;
			-ms-transform-origin: top right;
			transform-origin: top right;
		}
		
		.slanting02 .contentBox,
		.slanting02 .tyB h2,
		.slanting02 .tyC h2 {
			-webkit-transform: skewY(-4.6deg);
			-ms-transform: skewY(-4.6deg);
			transform: skewY(-4.6deg);
			-webkit-transform-origin: top right;
			-ms-transform-origin: top right;
			transform-origin: top right;
		}
		

		
		.tyB {
			max-width: 904px;
			margin: 100px auto 0 auto;
			padding: 0 0 0 0;
		}
			.tyB .contentBox {
				width: 80%;
				margin: 20px auto 0 auto;
				padding: 50px 10% 30px 10%;
				border: 3px solid;
				background: rgba(255, 255, 255, 0.20) !important;
			}
				.tyB .txtBox {
					margin: 0 auto 30px auto;
				}
					.tyB .txtBox h4 {
						font-weight: bold;
						font-size: 20px;
					}
					.tyB .txtBox p {
						font-weight: 400;
						font-size: 17px;
					}
					.tyB .txtBox p span {
						font-weight: bold;
					}
					.tyB .txtBox p span.fb02 {
						font-size: 24px;
					}
					.tyB .txtBox p span.fb03 {
						color: #e60012;
						font-size: 24px;
					}
					.tyB .txtBox p span.note {
						font-weight: normal;
						display: block;
						color: #7f7436;
					}
					#ticket.tyB .txtBox p span.note {
						color: #315b6d;
					}
					.tyB .txtBox p span.lh01 {
						line-height: 0.8;
						display: block;
					}
					
			.contentWrap.c_p,
			.contentWrap .contentBox.c_p  {
				border-color: #ef92bb;
				background: #ef92bb;
			}
				.contentWrap .c_p h4 {
					color: #ef92bb;
				}
			.contentWrap.c_o,
			.contentWrap .contentBox.c_o  {
				border-color: #f0884a;
				background: #f0884a;
			}
				.contentWrap .c_o h4 {
					color: #f0884a;
				}
			.contentWrap.c_b,
			.contentWrap .contentBox.c_b  {
				border-color: #00a0d9;
				background: #00a0d9;
			}
				.contentWrap .c_b h4 {
					color: #00a0d9;
				}
			.contentWrap.c_r ,
			.contentWrap .contentBox.c_r  {
				border-color: #e60012;
				background: #e60012;
			}
				.contentWrap .c_r h4 {
					color: #e60012;
				}
			.c_y,
			.contentWrap .contentBox.c_y  {
				border-color: #fff100;
				background: #fff100;
			}
				.c_y h4 {
					color: #fff100;
				}
				
			.c_w,
			.contentWrap .contentBox.c_w  {
				border-color: #ffffff;
				background: #ffffff;
			}
				.c_w h4 {
					color: #fff465;
				}
			.contentWrap.c_bk,
			.contentWrap .contentBox.c_bk {
				border-color: #000000;
				background: #000000;
			}
				.contentWrap .c_bk h4 {
					color: #ffffff;
				}
			
		.tyC {
			margin: 100px auto 0 auto;
			max-width: 910px;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
		}
			.tyC .contentBox {
				padding: 0 5% 0 5%;
				margin: 20px auto 0 auto;
			}
		
		.contentWrap.ty96 {
			max-width: 960px;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
		}

		.contentWrap.ty91 {
			max-width: 910px;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
		}

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

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

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

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

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

.navArea { display: none; }


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


	.contentWrap {
		width: 100%;
		max-width: 960px;
		margin: 5vw auto 0 auto;
		padding: 10vw 0 10vw 0;
		position: relative;
	}
		.contentBox {
			width: 90%;
			margin: 0 auto 0 auto;
			padding: 10vw 0 0 0;
		}
		
		.tyB {
			max-width: 90%;
			margin: 10vw auto 0 auto;
			padding: 0 0 0 0;
		}
			.tyB .contentBox {
				width: 80%;
				margin: 20px auto 0 auto;
				padding: 30px 10% 30px 10%;
				border: 2px solid;
			}
					.tyB .txtBox h4 {
						font-size: 4.0vw;
					}
					.tyB .txtBox p {
						font-size: 3.4vw;
					}
					.tyB .txtBox p span.fb02 {
						font-size: 4.0vw;
					}
					.tyB .txtBox p span.fb03 {
						font-size: 4.0vw;
					}
		.tyC {
			max-width: 90%;
		}
			.tyC .contentBox {
				padding: 0 5% 0 5%;
			}
		
		.contentWrap.ty96 {
			max-width: 90%;
		}
		
		
	.contentWrap.slanting00 {
		padding: 0 0 20vw 0;
	}
	.contentWrap.slanting01 {
		padding: 2vw 0 20vw 0;
		margin-top: -5vw !important;
	}
	.contentWrap.slanting02 {
		padding: 2vw 0 20vw 0;
		margin-top: -0vw !important;
	}
	
	.line01 {
		margin-top: -10vw !important;
		width: 120%;
		margin-left: -10%;
		padding-top: 60px;
	}
	.line02 {
		margin-top: -10vw !important;
		width: 120%;
		margin-left: -10%;
		padding-top: 60px;
	}

		
#content h2 {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}
	#content h2 img {

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

	.contentWrap.slanting00 {
		padding: 0 0 20vw 0;
	}
	.contentWrap.slanting01 {
		padding: 20vw 0 20vw 0;
		margin-top: -15vw !important;
	}
	.contentWrap.slanting02 {
		padding: 2vw 0 20vw 0;
		margin-top: -5vw !important;
	}
	
	.line01 {
		margin-top: -10vw !important;
		width: 120%;
		margin-left: -10%;
		padding-top: 60px;
	}
	.line02 {
		margin-top: -10vw !important;
		width: 120%;
		margin-left: -10%;
		padding-top: 60px;
	}
*/

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




/*-----------------------------------------------------------
	mv setting
-----------------------------------------------------------*/
#main {
	width: 100%;
	height: 100%;
	margin: 55px auto 0 auto;
	padding: 0 0 0 0;
	overflow: hidden;
	position: relative;
	background: #00a0d9 url(../img/bg01.png) no-repeat center top;
	z-index: 1;
}

	#main .mainWrap {
		width: 100%;
		max-width: 960px;
		height: 100%;
		margin: 0 auto 0 auto;
		line-height: 0;
		z-index: 2;
		position: relative;
	}

	#main .mainBox {
		width: 100%;
		height: 100%;
		max-width: 960px;
		margin: 0 auto 0 auto;
		position: absolute;
		top: 0;
		left: 0;
		line-height: 0;
		
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}
	
		#main .mainBox .tit {
			width: 81.25%;
			margin: 0 auto 0 auto;
			text-align: center;
		}
			#main .mainBox .tit img {
				width: 78%;
				margin: 0 auto 10px auto;
			}
			
		#main .mainBox .txt01 {
			width: 9.375%;
			margin: 0 0 0 0;
		}
		#main .mainBox .txt02 {
			width: 9.375%;
			margin: 0 0 0 0;
		}
		
		#main .txt {
			display: none;
		}

					/*===================sp=*/@media screen and (max-width: 860px) {
						
	#main .mainBox {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
  -ms-flex-line-pack: end;
       align-content: flex-end;
	}
		#main .mainBox .tit {
			width: 100%;
		}
		#main .mainBox .txt01 {
			display: none;
		}
		#main .mainBox .txt02 {
			display: none;
		}
		#main .txt {
			display: block;
			background: #ffffff;
			padding: 20px 5% 20px 5%;
		}

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


/*-----------------------------------------------------------
	#photo setting
-----------------------------------------------------------*/
#photo {
	width: 100%;
	height: 177px;
	overflow: hidden;
	position: relative;
	z-index: 2;
/* 	display: none; */
}
#photo .section_wrap {
	width: 100%;
	position: relative;
}
#photo .images {
	width: 100%;
	position: relative;
	height: 177px;
}
#photo ul {
	list-style: none;
	position: absolute;
	top: 0;
	
	left: 0;
	width: 1498px;
	height: 100%;
	margin-left: 0;

	background: #000000 url(../img/slide_bg.png) repeat-x center top;
	background-size: auto 100%;

}
#photo ul li {
	width: 193px;
	line-height: 0;
	position: absolute;
	top: 30px;
	left: 0;
/* 	box-shadow:0px 0px 8px -2px #000000; */
}
#photo ul li img {
	width: 100%;
	height: auto;
/* 	box-shadow: 0px 8px 15px 0px rgba(8, 1, 3, 0.5); */
}
#photo ul li:nth-child(1) { left: 0; }
#photo ul li:nth-child(2) { left: 214px; }
#photo ul li:nth-child(3) { left: 428px; }
#photo ul li:nth-child(4) { left: 642px; }
#photo ul li:nth-child(5) { left: 856px; }
#photo ul li:nth-child(6) { left: 1070px; }
#photo ul li:nth-child(7) { left: 1284px; }
/*
#photo ul li:nth-child(8) { left: 1498px; }
#photo ul li:nth-child(9) { left: 1704px; }
#photo ul li:nth-child(10) { left: 1917px; }
*/

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

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


#photo {
	width: 100%;
	height: 90px;
	overflow: hidden;
	position: relative;
	z-index: 2;
/* 	display: none; */
}
#photo .section_wrap {
	width: 100%;
	position: relative;
}
#photo .images {
	width: 100%;
	position: relative;
	height: 90px;
}
#photo ul {
	list-style: none;
	position: absolute;
	top: 0;
	
	left: 0;
	width: 763px;
	height: 100%;
	margin-left: 0;

	background: #000000 url(../img/slide_bg.png) repeat-x center top;
	background-size: auto 100%;

}
#photo ul li {
	width: 97px;
	line-height: 0;
	position: absolute;
	top: 15px;
	left: 0;
/* 	box-shadow:0px 0px 8px -2px #000000; */
}
#photo ul li img {
	width: 100%;
	height: auto;
/* 	box-shadow: 0px 8px 15px 0px rgba(8, 1, 3, 0.5); */
}
#photo ul li:nth-child(1) { left: 0; }
#photo ul li:nth-child(2) { left: 109px; }
#photo ul li:nth-child(3) { left: 218px; }
#photo ul li:nth-child(4) { left: 327px; }
#photo ul li:nth-child(5) { left: 436px; }
#photo ul li:nth-child(6) { left: 545px; }
#photo ul li:nth-child(7) { left: 654px; }
/*
#photo ul li:nth-child(8) { left: 1498px; }
#photo ul li:nth-child(9) { left: 1704px; }
#photo ul li:nth-child(10) { left: 1917px; }
*/

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


					}/*====================*/
					
					
/*-----------------------------------------------------------
	#news setting
-----------------------------------------------------------*/
#news {
	margin: 0 auto 0 auto;
	text-align: center;
}
	#news .listA {
		margin: 30px auto 0 auto;
		width: 100%;
		text-align: center;
	}
		#news .listA li {
			width: 100%;
			font-size: 18px;
		}
			#news .listA li {
				margin: 0 0 10px 0;
				display: flex;
				justify-content: center;
				align-items: stretch;
				text-align: left;
				color: #000000;
			}
				#news .listA li .date {
					margin-right: 2%;
				}
				#news .listA li .txt {
					
				}
		
		#news .movieBox {
			width: 90%;
			max-width: 624px;
			margin: 30px auto 0 auto;
			z-index: 1;
			position: relative;
		}
		#news .movieBox .img {
			
		}
		#news .movieBox:before {
			content: "";
			background: #000000;
			width: 90%;
			height: 80%;
			left: 5%;
			top: 10%;
			position: absolute;
			z-index: -1;
		}
		#news .movieBox .movie {
			width: 54%;
			position: absolute;
			top: 27%;
			left: 15%;
			z-index: 2;
		}
		
	
		#news .movie2 {
			width: 90%;
			margin: 0 auto 0 auto;
			z-index: 1;
			position: relative;
			
			
		}
			#news .movie2 a {
				font-size: 18px;
				font-weight: bold;
			}
		
		#news .shareBox {
			width: 160px;
			line-height: 0;
			margin: 0 0 30px 0;
			padding: 105px 65px 95px 72px;
			position: absolute;
			top: -40px;
			left: -50px;
			
			background: url(../img/bg_item_01.svg) no-repeat center center;
			background-size: 100% 100%;
		}
			#news .shareBox .tit {
				width: 150px;
			}
				#news .shareBox ul {
					width: 100%;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					margin: 20px 0 0 0;
				}
				#news .shareBox ul li {
					width: 40px;
					margin: 0 0 0 0 ;
				}
			
					/*===================sp=*/@media screen and (max-width: 860px) {
#news {
	margin-top: 0;
}

		#news .listA li {
			width: 100%;
			font-size: 3.4vw;
		}
		#news .bnrBox {
			margin: 10vw auto 0 auto;
		}
		#news .bnrBox li {
			width: 50%;
			margin: 0 2% 0 2%;
		}
		#news .shareBox {
			display: none;
		}
		
			#news .movie2 a {
				font-size: 3.4vw;
				font-weight: bold;
			}

					}/*====================*/
					
					
/*-----------------------------------------------------------
	#story setting
-----------------------------------------------------------*/
#story {
	margin: 0 auto 0 auto;
	text-align: center;
}
	#story .txtBox {
		font-size: 17px;
		color: #ffffff;
		line-height: 1.8;
		margin: 50px auto 0 auto;
		padding: 0 25px 0 25px;
		position: relative;
	}
		#story .txtBox p {
			position: relative;
			z-index: 2;
		}
		#story .txtBox span {
			font-size: 20px;
			font-weight: 500;
			color: #fff000;
		}
	
.deco.ty02 {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
	position: absolute;
}
	.decoWrap {
		width: 100%;
		max-width: 960px;
		position: relative;
		margin: 0 auto 0 auto;
	}
.deco.ty02 .decoL {
	width: 320px;
	left: -320px;
	position: absolute;
	top: 0;
	z-index: 1;
}
.deco.ty02 .decoR {
	width: 320px;
	right: -320px;
	position: absolute;
	top: 0;
	z-index: 1;
}

.deco.ty02 .deco01 {
	width: 36%;
	margin-top: 260px;
	margin-left: -37%;
}
.deco.ty02 .deco02 {
	width: 89%;
	margin-left: 70%;
	margin-top: 420px;
}
.deco.ty02 .deco03 {
	width: 143%;
	margin-top: 440px;
	margin-right: -15%;
}

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


	#story .txtBox {
		font-size: 3.4vw;
		padding: 0 0 0 0;
	}
		#story .txtBox span {
			font-size: 4.0vw;
		}
		
					}/*====================*/

					/*===================sp=*/@media screen and (min-width: 1620px) {

	.decoWrap {
		width: 100%;
		max-width: 100%;
		position: relative;
		margin: 0 auto 0 auto;
	}
.deco .decoL {
	left: 0;
}
.deco .decoR {
	right: 0;
}


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

					/*===================sp=*/@media screen and (max-width: 860px) {
						
.deco {
	display: none;
}
						
					}/*====================*/


/*-----------------------------------------------------------
	#play setting
-----------------------------------------------------------*/
#play {
	margin: 0 auto 0 auto;
	text-align: center;
}
	#play .pointBox {
		width: 100%;
		margin: 30px auto 80px auto;
		display: flex;
		justify-content: space-between;
	}
		#play .pointBox li {
			width: 33%;
			position: relative;
		}
		#play .pointBox .comm {
			width: 30%;
			position: absolute;
			left: 0;
			top: 0;
		}
			#play .pointBox .comm img {
				width: 100%;
				height: auto;
			}
		#play .pointBox .img {
			margin: 20px 5% 0 5%;
		}
		#play .pointBox .tit {
			font-size: 18px;
			line-height: 2.0;
			text-align: center;
			margin: 10px 0 0 0;
		}
		#play .pointBox .txt {
			font-size: 15px;
			line-height: 2.0;
			text-align: center;
			margin: 0 0 0 0;
		}
	
.deco.ty01 {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
	position: absolute;
}
	.decoWrap {
		width: 100%;
		max-width: 960px;
		position: relative;
		margin: 0 auto 0 auto;
	}
.deco.ty01 .decoL {
	width: 320px;
	left: -320px;
	position: absolute;
	top: 0;
	z-index: 1;
}
.deco.ty01 .decoR {
	width: 320px;
	right: -320px;
	position: absolute;
	top: 0;
	z-index: 1;
}

.deco.ty01 .deco01 {
	width: 55%;
	margin-top: 500px;
	margin-left: 18.7%;
}
.deco.ty01 .deco02 {
	width: 196%;
	margin-left: -75%;
	margin-top: 80px;
}
.deco.ty01 .deco03 {
	width: 63%;
	margin-top: 1600px;
	margin-left: 12.5%;
}

	#play h3 {
		width: 100%;
		margin: 40px auto 0 auto;
	}
		#play .howtoBox {
			width: 67%;
			margin: 30px auto 0 auto;
		}
			#play .howtoBox li {
				margin: 0 auto 50px auto;
				padding: 0 0 0 15%;
				position: relative;
				height: 100%;
				min-height: 60px;
				
				display: flex;
				align-items: center;
			}
			#play .howtoBox li .txt {
				font-size: 22px;
				text-align: left;
			}
			#play .howtoBox li .txt .tit {
				font-size: 28px;
				text-align: left;
				font-weight: bold;
			}
			#play .howtoBox li:before {
				content: "";
				background: url(../img/howto_01.svg) no-repeat top center;
				background-size: 100% auto;
				width: 9%;
				height: 100%;
				position: absolute;
				display: block;
				left: 0;
				top: 0;
			}
			
			#play .howtoBox li:nth-child(2):before {
				background: url(../img/howto_02.svg) no-repeat top center;
				background-size: 100% auto;
			}
			#play .howtoBox li:nth-child(3):before {
				background: url(../img/howto_03.svg) no-repeat top center;
				background-size: 100% auto;
			}
			#play .howtoBox li:nth-child(4):before {
				background: url(../img/howto_04.svg) no-repeat top center;
				background-size: 100% auto;
			}


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

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

	#play h3 {
		width: 140%;
		margin-left: -20%;
	}
		#play .howtoBox {
			width: 80%;
			margin: 30px auto 0 auto;
		}
			#play .howtoBox li {
				margin: 0 auto 5vw auto;
			}
		#play .howtoBox li:last-child {
			margin-bottom: 5vw;
		}
			#play .howtoBox li .txt {
				font-size: 3.4vw;
				text-align: left;
				margin-top: -5px;
			}
			#play .howtoBox li .txt .tit {
				font-size: 4.4vw;
			}

					}/*====================*/
					
					
/*-----------------------------------------------------------
	#introduction setting
-----------------------------------------------------------*/
#introduction {
	margin: 100px auto 0 auto;
	text-align: center;
	overflow: hidden;
	position: relative;
	padding-bottom: 30px;
}
	#introduction:after {
		width: 22%;
		height: 100%;
		content: "";
		background: url(../img/item_07.png) no-repeat left bottom;
		background-size: 100% auto;
		position: absolute;
		left: -2%;
		bottom: -20px;
		z-index: 1;
	}
	
	#introduction h2 {
		margin: 70px auto 50px auto;
	}
	#introduction .txtBox {
		font-size: 19px;
		color: #000000;
		font-weight: 500;
		line-height: 1.8;
		padding: 0 0 0 0;
		position: relative;
		z-index: 2;
	}
		#introduction .txtBox .name {
			font-weight: 900;
			text-align: right;
			margin: 30px auto 0 auto;
		}
		

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

#introduction {
	margin-top: 10vw;
	padding-bottom: 20vw;
}
	#introduction h2 {
		margin: 10px auto 10px auto;
	}
	#introduction .txtBox {
		font-size: 3.4vw;
		text-align: left;
	}
	
	#introduction:after {
		width: 40%;
		height: 100%;
		content: "";
		background: url(../img/item_07.png) no-repeat left bottom;
		background-size: 100% auto;
		position: absolute;
		left: -3%;
		bottom: 0;
		z-index: 1;
	}
	
					}/*====================*/
					
					
.deco.ty03 {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
	position: absolute;
}
	.decoWrap {
		width: 100%;
		max-width: 960px;
		position: relative;
		margin: 0 auto 0 auto;
	}
.deco.ty03 .decoL {
	width: 320px;
	left: -320px;
	position: absolute;
	top: 0;
	z-index: 1;
}
.deco.ty03 .decoR {
	width: 320px;
	right: -320px;
	position: absolute;
	top: 0;
	z-index: 1;
}

.deco.ty03 .deco08 {
	width: 155%;
	margin-top: 1220px;
	margin-left: -25%;
}
					
/*-----------------------------------------------------------
	#event setting
-----------------------------------------------------------*/
#event {
}
		
._scheduler_container ._calendar_container ._calendar_main .preMonth {
	color: #2975e2 !important;
}
._scheduler_container ._calendar_container ._calendar_main .nextMonth {
	color: #2975e2 !important;
}
._scheduler_container ._scheduler_event_wrapper ._scheduler_event_timeSet_pc {
	margin-bottom: 15px;
}
._scheduler_container {
	margin-bottom: 60px !important;
}
					/*===================sp=*/@media screen and (max-width: 860px) {

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

					}/*====================*/
					
					
/*-----------------------------------------------------------
	#ticket setting
-----------------------------------------------------------*/
#ticket {
}

	#ticket .txtBox {
		margin-bottom: 0;
	}
	#ticket .txtBox .tit {
		font-size: 18px;
		font-weight: bold;
		margin-top: 30px;
		margin-bottom: 15px;
		color: #fff100;
	}
	
	#ticket .txtBox .txt2 {
		padding: 20px 5% 20px 5%;
		margin: 40px auto 0 auto;
		background: rgba(255, 255, 255, 0.30);
	}
		#ticket .txtBox .txt2 .note {
		}
		
	#ticket .txtBox .txt3 {
		padding: 20px 5% 20px 5%;
		margin: 40px auto 0 auto;
		background: rgba(255, 255, 255, 0.30);
		border: 2px solid #e00404;
	}
		#ticket .txtBox .txt3 span {
			color: #e00404;
		}
		#ticket .txtBox .txt3 a {
			color: #e00404;
			word-break: break-all;
		}

	#ticket .txtBox .txt4 {
		padding: 80px 5% 20px 5%;
		margin: 40px auto 0 auto;
		background: rgba(255, 255, 255, 0.30);
		border: 2px solid #00a0d9;
		text-align: center;
		position:relative;
	}

	#ticket .txtBox .txt4 img{
		position:absolute;
		width:200px;
		top:-40px;
		left:0;
		right:0;
		margin:auto;
	}
	
	#ticket .btnbox {
		margin: 40px auto 0 auto;
	}
	#ticket .btn {
		width: 90%;
		max-width: 564px;
		margin-bottom: 15px;
	}
		

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

	#ticket .btnbox {
		margin: 20px auto 0 auto;
	}
	#ticket .btn {
		width: 100%;
		max-width: 100%;
		margin-top: 10px;
		margin-bottom: 0;
	}
	#ticket .txtBox .tit {
		font-size: 3.4vw;
	}

					}/*====================*/
					
					
/*-----------------------------------------------------------
	#game setting
-----------------------------------------------------------*/
#game {
}
	#game .logo {
		width: 24%;
		margin: 50px auto 0 auto;
	}
		

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

	#game .logo {
		width: 50%;
		margin: 5vw auto 0 auto;
	}
		
					}/*====================*/
					
					
/*-----------------------------------------------------------
	#goods setting
-----------------------------------------------------------*/
#goods {
}
	#goods .goodsWrap {
		width: 100%;
	}
		#goods .goodsWrap .cs {
			width: 100%;
			max-width: 600px;
			margin: 0 auto 0 auto;
			padding: 30px 0 50px 0;
			line-height: 0;
		}
		#goods .goodsWrap .goodsBox {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			
			margin: 0 0 30px 0;
		}
		#goods .goodsWrap .goodsBox:last-child {
			margin-bottom: 10px;
		}
			#goods .goodsWrap .goodsBox .img {
				width: 44%;
			}
			#goods .goodsWrap .goodsBox .detailsBox {
				width: 50%;
				order: -1;
			}
				#goods .goodsWrap .goodsBox .detailsBox .tit {
					font-size: 20px;
					color: #fff100;
					line-height: 1.4;
					font-weight: 700;
				}
				#goods .goodsWrap .goodsBox .detailsBox .txt {
					font-size: 17px;
					color: #000000;
					margin: 15px 0 0 0;
				}
				#goods .goodsWrap .goodsBox .detailsBox .price {
					font-size: 20px;
					color: #000000;
					font-weight: bold;
					margin: 10px 0 0 0;
				}
				#goods .goodsWrap .goodsBox .detailsBox .btn {
					width: 50%;
					margin: 0 0 0 50%;
				}
		

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

		#goods .goodsWrap .cs {
			padding: 30px 0 30px 0;
		}
		
			#goods .goodsWrap .goodsBox .img {
				width: 100%;
				order: -2;
				margin: 10px 0 0 0;
			}
			#goods .goodsWrap .goodsBox .detailsBox {
				width: 100%;
				order: -1;
			}
				#goods .goodsWrap .goodsBox .detailsBox .tit {
					font-size: 3.8vw;
					margin: 10px 0 0 0;
				}
				#goods .goodsWrap .goodsBox .detailsBox .txt {
					font-size: 3.4vw;
				}
				#goods .goodsWrap .goodsBox .detailsBox .price {
					font-size: 3.8vw;
				}

					}/*====================*/
					
					
/*-----------------------------------------------------------
	#special setting
-----------------------------------------------------------*/
#special {
	text-align: center;
}
				
	#special .bnrBox {
		width: 100%;
		margin: 50px auto 0 auto;
		
		display: flex;
		justify-content: center;
		align-items: stretch;
		text-align: left;
		
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
		#special .bnrBox li {
			width: 29%;
			margin: 0 2% 35px 2%;
		}
			
					/*===================sp=*/@media screen and (max-width: 860px) {
#special {
	margin-top: 0;
	padding-bottom: 0;
}
		#special .bnrBox {
			margin: 10vw auto 0 auto;
		}
		#special .bnrBox li {
			width: 46%;
			margin: 0 2% 20px 2%;
		}

					}/*====================*/
					
					
					
/*-----------------------------------------------------------
	#notice setting
-----------------------------------------------------------*/
#notice {
	margin-top: 50px;
}
		#notice .noticeBox {
			width: 100%;
			margin: 30px auto 0 auto;
		}
			#notice .noticeBox li {
				margin: 0 auto 10px auto;
				padding: 0 0 0 8%;
				position: relative;
				height: 100%;
				display: flex;
				font-size: 20px;
				color: #e60012;
				font-weight: bold;
			}
			#notice .noticeBox li.nm {
				margin: 0 auto 30px auto;
				font-size: 15px;
				font-weight: normal;
				color: #000000;
			}
			#notice .noticeBox li:before {
				content: "";
				background: url(../img/notice_01.svg) no-repeat left top;
				background-size: 100% auto;
				width: 4%;
				height: 100%;
				position: absolute;
				display: block;
				left: 0;
				top: 0;
			}
			#notice .noticeBox li.nm:before {
				content: "";
				background: none;
				background-size: 100% auto;
				width: 4%;
				height: 100%;
				position: absolute;
				display: block;
				left: 0;
				top: 0;
			}

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

			#notice .noticeBox {
				margin-top: 0;
			}
			
			#notice .noticeBox li {
				margin: 0 auto 20px auto;
				padding: 0 0 0 12%;
				position: relative;
				height: 100%;
				display: flex;
			}
			
			#notice .noticeBox li {
				font-size: 3.4vw;
				margin-bottom: 0;
			}
			#notice .noticeBox li.nm {
				font-size: 3.4vw;
				margin-bottom: 4vw;
			}
			

			#notice .noticeBox li:before {
				content: "";
				background: url(../img/notice_01.svg) no-repeat left 1vw;
				background-size: 100% auto;
				width: 7%;
				height: 100%;
				position: absolute;
				display: block;
				left: 0;
				top: 0;
			}

					}/*====================*/
					
					
/*-----------------------------------------------------------
	#faq setting
-----------------------------------------------------------*/
#faq {
}
		
		#faq .faqWrap {
			width: 100%;
			margin: 30px auto 0 auto;
		}
			#faq  ul li {
				margin: 0 0 30px 0;
			}
			#faq  ul li .q {
				font-size: 20px;
				color: #e60012;
				font-weight: bold;
				display: block;
				padding-left: 1.5em;
				margin: 0 0 0 0;
			}
				#faq  ul li .q::before {
					content: "Q.";
					display: block;
					float: left;
					font-size: 20px;
					margin-left: -1.5em;
					text-align: center;
				}
			#faq  ul li .a {
				font-size: 17px;
				line-height: 1.8;
				display: block;
				padding-left: 2em;
				color: #000000;
				margin-bottom: 40px;
			}
				#faq ul li .a::before {
					content: "A.";
					font-size: 17px;
					display: block;
					float: left;
					margin-left: -2em;
					text-align: center;
				}

					/*===================sp=*/@media screen and (max-width: 860px) {
						
		#faq .faqWrap {
			margin: 0 auto 0 auto;
		}
		
		#faq  ul {
			width: 100%;
		}
			#faq ul li {
				margin: 0 0 2vw 0;
			}
			#faq ul li.nm {
				margin: 0 0 5vw 0;
			}
			#faq  ul li .q {
				font-size: 3.8vw;
			}
				#faq  ul li .q::before {
					font-size: 3.8vw;
				}
				
			#faq  ul li .a {
				font-size: 3.8vw;
				padding-left: 2em;
				margin-bottom: 3vw;
			}
			#faq  ul li .a::before {
				font-size: 3.8vw;
				margin-left: -2em;
				margin-top: 0;
			}

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


/*-----------------------------------------------------------
	#footer setting
-----------------------------------------------------------*/
#footer {
	width: 100%;
	text-align: center;
	margin: -5vw auto 0 auto;
	padding: 120px 0px 50px 0px;
	position: relative;
	line-height: 1.6;
	color: #e5e5e4;
	background: #000000;
	z-index: 2;
}
	.footerWrap {
		max-width: 960px;
		margin: 0 auto 0 auto;
	}
	#footer .copyright {
		font-size: 18px;
		margin: 50px auto 0 auto;
		color: #ffffff;
	}

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


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

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


					}/*====================*/
					
					
/*-----------------------------------------------------------
	#share setting
-----------------------------------------------------------*/
#share {
	width: 100%;
	margin: 45px auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}
	#share ul {
		width: 100%;
		width: 502px;
		margin: 30px auto 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
		#share ul li {
			width: 162px;
			margin: 0 0 0 0;
			line-height: 0;
		}
		#share ul li img {
			width: 100%;
			height: auto;
		}
		#share ul li a {
			display: block;
		}
		#share ul li.li {
			position: relative;
		}
			#share ul li.li a {
				height: 100%;
				width: 100%;
				display: block;
			}
			
					/*===================sp=*/@media screen and (max-width: 860px) {
					
#share {
	padding: 0 0 50px 0;
}
	#share .contentBox {
		width: 100%;
		padding: 0 0 0 ;
	}
		#share ul {
			width: 80%;
		}
		#share ul li {
			width: 33.3%;
			margin: 0 0 0 0;
		}
					
					}/*====================*/


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


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

.taisaku_info {
	margin:40px auto 20px auto;
	padding: 1rem;
	background: rgba(255, 255, 255, 0.70) !important;
	font-size: 90%;
}

.taisaku_info .txt {
text-align: left;
margin-bottom: 10px;
margin-top: 10px;
}

/*---------------------------------
アコーディオンボックス
--------------------------------*/
.acbox{
	width: auto;
	font-size:0px; /* ラベルと開く部分を分離する時は数値を入れる */
	margin:0; /* ボックス全体の位置調整 */
  }
  
  .acbox label{
	width: auto;
	font-size: 14px; /* ラベルの文字サイズ */
	font-weight: bold;
	text-align: center;
	background: #000; /* ラベルの背景色 */
	position: relative;
	display: block;
	padding:8px;
	border-radius: 4px; /* ラベルの角の丸み */
	cursor: pointer;
	color: #fff;
  }
  
  .acbox label:hover{
	background: #000; /* ラベルにマウスを乗せた時の背景色 */
  }
  
  .acbox input{
	display: none;
  }
  
  .acbox label:after{
	color: #fff;
	content:"▼"; /* ラベルのアイコン */
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -14px;
  }
  
  .acbox input:checked ~ label::after {
	content:"▲"; /* ラベルをクリックした後のアイコン */
  }
  
  .acbox div{
	height: 0px;
	overflow: hidden;
	opacity: 0;
	transition: 0.15s; /* 開閉スピードの設定 */
  }
  
  .acbox input:checked ~ div{
	height: auto;
	padding: 18px; /* 開いた部分の枠内の余白 */
	border-radius: 0px;
	background: #fff; /* 開いた部分の背景色 */
	opacity: 1;
  }
  
  .acbox input:checked ~ label {
	background: #000; /* クリック後のラベルの背景色 */
  }
  
  .acbox-under{
	font-size: 13px; /* 開いた部分の文字サイズ */
	line-height: 1.5;
	color: #555; /* 開いた部分の文字色 */
  }