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

	
html, body {
	background: #000000;
}
#contents a {
	transition: opacity 0.3s;
	opacity: 1;
}
#contents a:hover{
	transition-duratio: 0s;
	opacity: 0.5;
}
.sp {
	display: none;
}

@media screen and (max-width: 780px) {
	
	#contents a:hover {
		opacity: 1;
	}
	#contents .hover_cursor:hover:before {
		opacity: 1;
	}
	.sp {
		display: block;
	}
	.pc{
		display: none;
	}
	
}/* @media */


#wp {
}

#sqexHeader-black {
	z-index: 1;
	position: relative;
}
footer#sqexFooter.sqex-footer-black {
	overflow: hidden;
	z-index: 1;
	position: relative;
}

#contents {
	width: 100%;
	font-family: "Noto Serif JP", "Hiragino Mincho StdN", "Yu Mincho", "MS PMincho", serif;
	font-feature-settings: 'palt' on;
	font-feature-settings: "palt";
	font-style: normal;
	font-size: 16px;
	line-height: 1.6;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	z-index: 0;
/* 	background: url(../images/bg_r.png) no-repeat center center; */
}
	#contents:before {
		content: "";
		width: 100%;
		height: 100%;
		background: #000 url(../images/bg_r.png) no-repeat center top;
		background-size: cover;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
	}
	
	#contents .contents_inner {
		margin: 0 auto 0 auto;
		width: 100%;
		z-index: 1;
		position: relative;
		color: #ffffff;
	}
	.contents_wrap {
		width: 96%;
		margin: 0 auto;
	}
	.contents_tit {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
		.contents_tit p {
			width: 100%;
			text-align: center;
			color: #DD2503;
			
			font-size: 37px;
			font-weight: 700;
			filter: drop-shadow(0px 0px 13px #000);
		}
		
@media screen and (max-width: 655px) {

	.contents_wrap {
		width: 89.74%;
	}
	#contents:before {
		background: #000 url(../images/bg_r.png) no-repeat center top;
		background-size: 400% auto;
	}
	.contents_tit {
		width: 100%;
	}
		.contents_tit p {
			font-size: 30px;
		}
		
}/* @media */


.contents_header {
	display: none;
}

#navi {
	width: 100%;
	height: 100%;
	background: url(../images/bg_b.png) no-repeat center center;
	background-size: auto 100%;
	z-index: 100;
	position: fixed;
	top: 0;
	display: none;
}

#navi ul {
	width: 79.49%;
	margin: 80px auto 0 auto;
}
#navi li {
	width: 100%;
	padding: 25px 0;
	border-top: 0.5px solid rgba(255, 255, 255, 0.35);
}
#navi li:last-child {
	border-bottom: 0.5px solid rgba(255, 255, 255, 0.35);
}

.op #navi {
	display: block;
}

	#navibtn {
		width: 38px;
		height: 38px;
		z-index: 1000;
		cursor: pointer;
		text-align: center;
		margin: 0 0 0 0;
		padding: 0;
		position: relative;
		flex: 0 0 auto;
		background: #000;
		border-radius: 3px;
		opacity: 0;
		position: fixed;
		transition: top .3s ease, opacity .2s ease;
	}
	#navibtn:before {
		content: "";
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
		#navibtn span {
			display: block;
			position: absolute;
			width: 25px;
			height: 2px;
			right: 6px;
			-webkit-transition: 0.3s ease-in-out;
			-moz-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			background: #fff;
		}
		#navibtn span:nth-child(1) { top: 11px; }
		#navibtn span:nth-child(2) { top: 18px; }
		#navibtn span:nth-child(3) { top: 25px; }

	#navibtn.op {
		background: #C51C38;
	}
		#navibtn.op span {
			right: 6px;
		}
		#navibtn.op span:nth-child(1) {
			width: 25px;
			top : 18px;
			transform: rotateX(-45deg);
			-ms-transform:rotate(-45deg);
			-webkit-transform:rotate(-45deg);
			-moz-transform:rotate(-45deg);
		}
		#navibtn.op span:nth-child(2),
		#navibtn.op span:nth-child(3) {
			width: 25px;
			top: 18px;
			transform: rotateX(45deg);
			-ms-transform:rotate(45deg);
			-webkit-transform:rotate(45deg);
			-moz-transform:rotate(45deg);
		}

@media screen and (max-width: 780px) {

.contents_header {
	display: block;
}


}/* @media */



		.contents_mv {
			padding: 0 0 0 0;
			width: 100%;
		}
			.contents_mv .contents_wrap {
				width: 100%;
				margin: 0 auto;
			}
				.contents_mv .tit {
					width: 100%;
					margin: 0 auto 0 auto;
					padding: 0 0 0 0;
					line-height: 0;
				}
				
@media screen and (min-width: 1440px) {

}
@media screen and (max-width: 1080px) {
	
}
@media screen and (max-width: 780px) {
	
		.contents_mv {
			padding: 0 0 0 0;
		}
			.contents_mv .contents_wrap {
				max-width: 100%;
				margin: 0 auto;
			}
				.contents_mv .tit {
					width: 100%;
					margin: 0 auto 0 auto;
					padding: 0 0 0 0;
				}
				.contents_mv .tit:before {
					content: "";
					width: 100%;
					padding-top: 100%;
					display: block;
					background: url(../images/sp/mv.jpg) no-repeat center top;
					background-size: cover;
				}
				.contents_mv .tit img {
					display: none;
				}

}/* @media */

		.contents_lead {
			margin: 0 auto;
			background: url(../images/bg_b.png) no-repeat center top;
			background-size: cover;
			padding: 65px 0 90px 0;
		}
			.contents_lead .contents_box {
				max-width: 1140px;
				margin: 0 auto;
				color: #FFF;
				text-align: center;
				font-weight: 500;
			}
			.contents_lead .contents_box .contents_tit {
				width: 100%;
				max-width: 100%;
				margin-bottom: 0;
			}
				.contents_lead .contents_box p {
					margin-bottom: 17px;
					line-height: 2;
					font-size: 18px;
					font-feature-settings: 'palt' on;
				}
				.contents_lead .contents_box .note {
					font-size: 16px;
					color: #A1A1A1;
				}

@media screen and (max-width: 780px) {

		.contents_lead {
			padding: 40px 0 40px 0;
		}
			.contents_lead .contents_box {
				font-size: 16px;
			}
			.contents_lead .contents_box .contents_tit {
				width: 100%;
				max-width: 100%;
				margin-bottom: 0;
			}
				.contents_lead .contents_box .contents_tit:before {
					content: "";
					display: block;
					width: 104%;
					margin-left: -2%;
					margin-top: -2%;
					margin-bottom: 20px;
					padding-top: 32%;
					background: url(../images/sp/lead_tit.png) no-repeat center bottom;
					background-size: cover;
				}
				.contents_lead .contents_box .contents_tit img {
					display: none;
				}
				.contents_lead .contents_box p {
					margin-bottom: 16px;
					font-size: 16px;
					text-align: left;
					line-height: 190%;
				}
				.contents_lead .contents_box .note {
					font-size: 14px;
				}
				
				.contents_lead .contents_box .btnBox {
					margin-top: 20px;
				}

}/* @media */

		.contents_overview {
			padding: 100px 0 100px 0;
			position: relative;
		}
		.contents_overview:before {
			content: "";
			width: 100%;
			height: 20%;
			background: linear-gradient(180deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 100%);
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			z-index: -1;
		}

			.contents_overview .contents_box {
				max-width: 1140px;
				margin: 0 auto 0 auto;
				padding: 55px 80px 10px 80px;
				box-sizing: border-box;
				background: rgba(0, 0, 0, 0.70);
				box-shadow: 0 19px 30px 0 rgba(0, 0, 0, 0.80);
			}
			.contents_overview .head {
				width: 100%;
			}
			.contents_overview .head .tit {
				width: 29.08%;
				margin: 60px auto 0 auto;
			}
			.contents_overview .details {
				display: flex;
				justify-content: space-between;
				margin: 60px auto 70px auto;
			}
			.contents_overview .details:last-of-type {
				margin-bottom: 40px;
			}
				.contents_overview .details .tit {
					width: auto;
					font-size: 24px;
					font-weight: 600;
					line-height: 160%; /* 38.4px */
				}
				.contents_overview .details .list {
					width: 76.53%;
					margin: 0 auto;
					border-top: 0.5px solid rgba(255, 255, 255, 0.35);
				}
					.contents_overview .details .list li {
						width: 100%;
						display: flex;
						padding: 10px 0 10px 0;
						border-bottom: 0.5px solid rgba(255, 255, 255, 0.35);
					}
					.contents_overview .details .list li:last-child {
						border-bottom: none;
					}
						.contents_overview .details .list li .stit {
							width: 19.67%;
							margin-right: 2.67%;
							font-size: 16px;
							font-weight: 700;
							line-height: 160%; /* 25.6px */
						}
						.contents_overview .details .list li .txt {
							width: auto;
							font-size: 16px;
							font-weight: 400;
							line-height: 160%; /* 25.6px */
						}
							.contents_overview .details .list li .txt.txts {
								font-size: 14px;
							}
							
			.contents_overview .note {
				color: #969696;
				font-size: 12px;
				font-weight: 500;
				line-height: 160%; /* 19.2px */
				margin: 20px 0 0 0;
			}
			
@media screen and (max-width: 780px) {

		.contents_overview {
			padding: 30px 0 0 0;
		}
			.contents_overview .contents_wrap {
				width: 100%;
			}
			.contents_overview .contents_box {
				max-width: 100%;
				padding: 60px 0 0 0;
				margin: 40px auto 0 auto;
			}
			.contents_overview .head {
				width: 100%;
			}
			.contents_overview .head .tit {
				width: 76.08%;
				margin: 60px auto 60px auto;
			}
			.contents_overview .head .tit {
				font-size: 20px;
				line-height: 1.4;
			}
			.contents_overview .details {
				width: 89.74%;
				margin: 28px auto 40px auto;
				display: block;
			}
			.contents_overview .details:last-of-type {
				margin-bottom: 30px;
			}
				.contents_overview .details .tit {
					width: 100%;
					font-size: 22px;
					font-weight: 600;
					margin-bottom: 15px;
				}
				.contents_overview .details .list {
					width: 100%;
				}
					.contents_overview .details .list li {
						width: 100%;
						display: flex;
						padding: 10px 0 10px 0;
						border-bottom: 0.5px solid rgba(255, 255, 255, 0.35);
					}
						.contents_overview .details .list li .stit {
							width: 18.86%;
							margin-right: 5.71%;
							flex: 0 0 auto;
						}
						.contents_overview .details .list li .txt {
						}
						
			.contents_overview .note {
				display: block;
				margin-top: 10px;
			}
				.contents_overview .note p {
					font-size: 13px;
				}

}/* @media */


		.contents_tickets {
			padding: 0 0 100px 0;
		}
			.contents_tickets .contents_box {
				background: #ffffff url(../images/bg_w.png) no-repeat center center;
				background-size: cover;
				max-width: 1140px;
				box-shadow: 0 19px 30px 0 rgba(0, 0, 0, 0.80);
				margin: 0 auto 0 auto;
				padding: 60px 80px 50px 80px;
				box-sizing: border-box;
				color: #000000;
			}
			.contents_tickets .contents_item {
				margin-bottom: 80px;
			}
			.contents_tickets .contents_item:last-child {
				margin-bottom: 0;
			}

				.contents_tickets .contents_box .details {
					display: flex;
					justify-content: space-between;
					margin-top: 30px;
				}
					
					.contents_tickets .contents_box .details .txtbox {
						width: 100%;
						margin-right: 2.88%;
					}
						.contents_tickets .contents_box .details .txtbox .tit {
							width: 100%;
							font-size: 22px;
							font-weight: 700;
							line-height: 160%;
							border-bottom: 1px solid #000000;
							padding: 0 0 10px 0;
						}
						.contents_tickets .contents_box .details .txtbox .txt1 {
							font-size: 18px;
							font-weight: 400;
							line-height: 160%;
							margin: 20px auto 0 auto;
						}
							.contents_tickets .contents_box .details .txtbox .txt1 span {
								color: #5E5E5E;
								font-size: 16px;
							}
						.contents_tickets .contents_box .details .txtbox .txt2 {
							font-size: 16px;
							font-weight: 700;
							line-height: 160%;
							margin: 20px auto 0 auto;
						}
					.contents_tickets .contents_box .details .img {
						width: 32.18%;
						flex: 0 0 auto;
					}
					.contents_tickets .contents_box .details .img .txt {
						font-size: 16px;
						font-style: normal;
						font-weight: 700;
						line-height: 140%;
					}
					.contents_tickets .contents_box .details .img .txt2 {
						font-size: 12px;
						font-weight: normal;
						line-height: 140%;
						margin-top: 5px;
					}
				.contents_tickets .contents_box span.ti {
					display: block;
					padding-left: 80px;
					text-indent: -80px;

				}
				.contents_tickets .contents_box .note {
					width: 100%;
					margin: 20px 0 0 0;
					color: #5E5E5E;
					font-size: 12px;
					font-weight: 400;
					line-height: 160%;
				}

@media screen and (max-width: 780px) {

		.contents_tickets {
			padding: 10px 0 60px 0;
		}
			.contents_tickets .contents_box {
				max-width: 100%;
				margin: 30px auto 0 auto;
				padding: 50px 20px 40px 20px;
			}
			.contents_tickets .contents_item {
				margin-bottom: 50px;
			}
			.contents_tickets .contents_item:last-child {
				margin-bottom: 0;
			}


			.contents_tickets .contents_box .btnBox {
				margin-top: 0;
			}
			.contents_tickets .contents_box.close .btnBox {
			}
				.contents_tickets .contents_box.close .btnBox:after {
					font-size: 3.4vw;
					padding: 10px;
					top: -10px;
					left: -10px;
				}
				.contents_tickets .contents_box .details {
					flex-wrap: wrap;
				}
					.contents_tickets .contents_box .details .txtbox {
						width: 100%;
					}
						.contents_tickets .contents_box .details .txtbox .tit {
							font-size: 20px;
							line-height: 1.4;
						}
						.contents_tickets .contents_box .details .txtbox .txt1 {
							font-size: 16px;
						}
						.contents_tickets .contents_box .details .txtbox .txt2 {
						}
					.contents_tickets .contents_box .details .img {
						width: 100%;
						margin: 20px auto 0 auto;
					}
					.contents_tickets .contents_box .details .img .txt {
						font-size: 14px;
					}
						
					
				.contents_tickets .contents_box .note {
					width: 100%;
				}
	
}/* @media */



				.contents_box .btnBox {
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					justify-content: center;
					align-items: center;
					position: relative;
					text-align: center;
				}
				.contents_box .btn {
					display: inline-block;
					margin: 25px 0 0 0;
					cursor: pointer;
				}
					.contents_box .btn a,
					.contents_box .btn p {
						display: block;
						padding: 15px 60px;
						border-radius: 10px;
						border: 2px solid #000;
						background: #FFF;
						box-shadow: 5px 4px 9px 0 rgba(0, 0, 0, 0.70);
						color: #000;
						font-size: 20px;
						font-weight: 900;
						line-height: 100%;
						text-decoration: none;
						text-align: center;
						transition: all 0.3s !important;
						margin: 0 auto;
						box-sizing: border-box;
					}
					.contents_box .btn.close {
						opacity: .5;
						cursor: auto;
					}
						.contents_box .btn.close p {
							background: rgba(0, 0, 0, 0.80);
						}
					
					.contents_box .btn a:hover {
						background: #000000;
						color: #ffffff;
						opacity: 1 !important;
						transition-duratio: 0s;
					}
					
					.contents_box .btn.btn_b a,
					.contents_box .btn.btn_b p {
						background: #000;
						color: #fff;
						border: 2px solid #fff;
					}
				.contents_box .btn.btn_b a:hover,
				.contents_box .btn.btn_b p:hover {
						background: #fff;
						color: #000;
						opacity: 1 !important;
						transition-duratio: 0s;
					}
					
@media screen and (max-width: 780px) {

				.contents_box .btnBox {
					display: block;
					margin-top: 30px;
				}
					.contents_box .btnBox .btn {
						margin-bottom: 10px;
						margin-top: 20px;
					}
				.contents_box .btn {
					margin: 30px auto 10px auto;
					display: inline-block;
					text-align: center;
				}
					.contents_box .btn p,
					.contents_box .btn a {
						display: block;
						padding: 15px 60px;
						font-size: 16px;
						font-weight: 900;
						line-height: 100%;
						text-decoration: none;
						transition: all 0.3s !important;
						min-width: 100%;
					}
					.contents_box .btn a:hover {
					}
					
	
}/* @media */




		.contents_guid {
			margin: 0 auto;
			background: url(../images/bg_b.png) no-repeat center top;
			background-size: cover;
			margin: 0 auto 0 auto;
			padding: 70px 0 40px 0;
		}

			.contents_guid .contents_box {
				width: 79.86%;
				margin: 0 auto 0 auto;
				padding: 0 0 0 0;
				box-sizing: border-box;
				color: #000000;
			}
			.contents_guid .contents_box {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-around;
			}
				.contents_guid .contents_box .guid_btn {
					width: 17.39%;
					margin: 0 1.3%;
					margin-bottom: 30px;
					line-height: 0;
				}
				.contents_guid .contents_box .guid_btn.guid_btn_l {
					width: 31.3%;
					margin: 0 34.35%;
					margin-bottom: 40px;
				}



@media screen and (max-width: 780px) {

			.contents_guid .contents_box {
				width: 100%;
				margin: 0 auto 0 auto;
				padding: 0 0 0 0;
				box-sizing: border-box;
				color: #000000;
				justify-content: space-between;
			}
				.contents_guid .contents_box .guid_btn {
					width: 47.14%;
					margin: 0 0;
					margin-bottom: 20px;
				}
				.contents_guid .contents_box .guid_btn.guid_btn_l {
					width: 100%;
					margin: 0 0;
					margin-bottom: 30px;
				}
	
}/* @media */

	#songs {
		
	}
		#songs {
			max-width: 600px;
			margin: 0 auto;
			text-align: center;
		}
			#songs .txt {
				margin: 30px auto 0 auto;
				color: #fff;
				font-size: 18px;
				font-weight: 500;
				line-height: 200%;
				text-align: left;
			}
				#songs .txt span {
					display: block;
					padding-left: 18px;
					text-indent: -18px;
				}
			#songs .txt .note {
				color: #A1A1A1;
				font-size: 14px;
			}

					#songs .mfp-close-btn-in .mfp-close,
					#songs .mfp-close.my-close {
						font-family: "Noto Serif JP", "Hiragino Mincho StdN", "Yu Mincho", "MS PMincho", serif;
						margin: 30px auto 20px auto;
						padding: 15px 60px;
						border-radius: 10px;
						border: 2px solid #fff;
						background: #000;
						box-shadow: 5px 4px 9px 0 rgba(0, 0, 0, 0.70);
						color: #fff;
						font-size: 20px;
						font-weight: 900;
						line-height: 100%;
						text-decoration: none;
						text-align: center;
						transition: all 0.3s !important;
						box-sizing: border-box;
						display: inline-block;
						position: relative;
						right: auto;
						top: auto;
						cursor: pointer;
					}
					#songs .mfp-close-btn-in .mfp-close:hover,
					#songs .mfp-close.my-close:hover {
						background: #fff;
						color: #000;
						opacity: 1 !important;
						transition-duratio: 0s;
						
					}

@media screen and (max-width: 780px) {

			#songs .txt {
				margin-top: 20px;
				font-size: 16px;
			}
			#songs .txt .note {
				font-size: 14px;
			}
	
}/* @media */