@charset "utf-8";
@media screen and (max-width: 768px){
	.special__wrap {
		margin:0 3.2vw;
		width:auto;
	}
}
.special__sections {
	margin-bottom:60px;
}
@media screen and (max-width:768px){
	.special__sections {
		margin-bottom:0;
	}
}
.special__anivWrap {
	background:#000;
	border:1px solid #f6821e;
	padding:90px 60px;
	color:#FFF;
}
@media screen and (max-width:768px){
	.special__anivWrap {
		padding:12.8vw 4.2vw;
	}
}
.special__anivWrap a {
	color:var(--color-orange);
}
.special__anivTitle {
	text-align: center;
	display: block;
	font-size:64px;
	margin:0 auto 60px;
	line-height:1;
	font-weight: 700;
	position: relative;
}
@media screen and (max-width:768px){
	.special__anivTitle {
		font-size:8vw;
		margin:0 auto 8vw;
	}
}
.special__anivTitle:before,
.special__anivTitle:after {
	content:'';
	position: absolute;
	bottom:0.5em;
	height:1px;
	background:#FFF;
}
.special__anivTitle:before {
	left:0;
	right:calc(50% + 270px);
}
@media screen and (max-width:768px){
	.special__anivTitle:before {
		left:0;
		right:calc(50% + 32vw);
	}
}
.special__anivTitle:after {
	right:0;
	left:calc(50% + 270px);
}
@media screen and (max-width:768px){
	.special__anivTitle:after {
		right:0;
		left:calc(50% + 32vw);
	}
}
.special__anivTitle--logo{
	display: block;
	width:300px;
	margin:0 auto;
	margin-bottom:20px;
}
@media screen and (max-width:768px){
	.special__anivTitle--logo{
		width:74%;
		margin-bottom:3.2vw;
	}
}
.special__anivDescription {
	letter-spacing: 0.1em;
	text-align: center;
	line-height:2;
	margin-bottom:60px;
}
@media screen and (max-width:768px){
	.special__anivDescription {
		font-size:3.4vw;
		margin-bottom:12.8vw;
	}
}
.special__anivBox {
	padding-bottom:60px;
	margin-bottom:60px;
	border-bottom:1px dotted #999;
}
@media screen and (max-width:768px){
	.special__anivBox {
		padding-bottom:9.6vw;
		margin-bottom:9.6vw;
	}
}
.special__anivBoxTitle {
	text-align: center;
	font-weight: 700;
	font-size:32px;
	color:var(--color-orange);
	padding-bottom:30px;
	position: relative;
	margin-bottom:30px;
}
@media screen and (max-width:768px){
	.special__anivBoxTitle {
		font-size:5vw;
		padding-bottom:4.6vw;
		margin-bottom:4.6vw;
	}
}
.special__anivBoxTitle:before {
	content:'';
	position: absolute;
	bottom:0;
	left:50%;
	width:60px;
	height:1px;
	background:var(--color-orange);
	margin-left:-30px;
}
@media screen and (max-width:768px){
	.special__anivBoxTitle:before {
		width:12.8vw;
		margin-left:-6.4vw;
	}
}
.special__anivBoxText {
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom:30px;
}
@media screen and (max-width:768px){
	.special__anivBoxText {
		font-size:3.2vw;
		margin-bottom:4.3vw;
	}
}
.special__anivBoxImg {
	width:90%;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.special__anivBoxImg {
		width:100%;
	}
}
.special__anivBoxImg img {
	max-width: 100%;
	height:auto;
	display: block;
	margin:0 auto;
	transition: all 0.3s ease;
}
@media screen and (hover:hover){
	.special__anivBoxImg a:hover img {
		transform:scale(1.05);
	}
}
.special__anivBoxEventLogo {
	width:400px;
	margin:0 auto 50px;
	padding-top:10px;
}
@media screen and (max-width:768px){
	.special__anivBoxEventLogo {
		width:90%;
		margin:0 auto 5.2vw;
		padding-top:1.6vw;
	}
}
.special__anivBoxEventLogo img {
	width:100%;
	height:auto;
}
.special__anivBoxEventDetail {
	display: table;
	margin:0 auto;
	padding-top:30px;
}
@media screen and (max-width:768px){
	.special__anivBoxEventDetail {
		display: block;
		padding-top:4.8vw;
	}
}
.special__anivBoxSubTitle {
	font-weight: 700;
	font-size:18px;
	border-left:5px solid #FFF;
	line-height:1;
	padding-left:10px;
	padding-bottom:3px;
	margin-bottom:20px;
}
@media screen and (max-width:768px){
	.special__anivBoxSubTitle {
		font-size:3.4vw;
		border-left:4px solid #FFF;
		padding-left:2.6vw;
		padding-bottom:0.5vw;
		margin-bottom:2vw;
	}
}
.special__anivBoxEventIntext {
	letter-spacing: 0.1em;
	line-height:2;
	margin-bottom:8px;
	font-size:20px;
	font-weight: 700;
}
@media screen and (max-width:768px){
	.special__anivBoxEventIntext {
		margin-bottom:1.5vw;
		font-size:3.6vw;
	}
}
.special__anivBoxEventInDetail {
	letter-spacing: 0.1em;
	line-height:2;
}
@media screen and (max-width:768px){
	.special__anivBoxEventInDetail {
		font-size:3.2vw;
	}
}
.special__anivBoxEventInLine {
	display: flex;
	margin-bottom:5px;
}
@media screen and (max-width:768px){
	.special__anivBoxEventInLine {
		margin-bottom:1.5vw;
	}
}
.special__anivBoxEventInLine dt {
	white-space: nowrap;
}
.special__anivBoxEventInLine dt:after {
	content:'：';
}
.special__anivBoxEventInLine dd {
	flex:1;
}
.special__anivSoon {
	font-size:32px;
	text-align: center;
	color:var(--color-orange);
	font-weight: 700;
}
@media screen and (max-width:768px){
	.special__anivSoon {
		font-size:5vw;
	}
}

/*modal*/
.imgModal{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.9);
	backdrop-filter:blur(8px);
	z-index:200000;
	display:none;
	overflow:hidden;
}
.imgModal__cont{
	position:absolute;
	overflow:hidden;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.imgModal__box{
	position:absolute;
	left:80px;
	top:80px;
	right:80px;
	bottom:80px;
	z-index:500;
	display:flex;
	justify-content:center;
	align-items:center;
}
.imgModal__box img {
	display: block;
	width:100%;
	height:100%;
	object-fit: contain;
}
@media screen and (max-width:768px){
	.imgModal__box{
		position:absolute;
		left:0;
		top:12.8vw;
		right:0;
		bottom:12.8vw;
		z-index:500;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	@media (orientation:landscape){
		.imgModal__box{
			left:0;
			top:0;
			right:12.8vw;
			bottom:0;
		}
	}
}

.yt{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin-bottom:1.5em;
}
.yt iframe{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}