@charset "utf-8";
.lz{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#202b20;
	z-index:9999;
}
.lz.k{
	opacity:0;
	transition:all 1s ease-in-out;
}
.kv{
	display:flex;
	position:relative;
	z-index:200;
	background:#202b20;
	transform:scale(1.05);
	transition:all 1s ease-in-out;
}
@media screen and (max-width:768px){
	.kv{
		display:block;
		overflow:hidden;
		height:201.6vw;
	}
}
.kv.t{
	transform:scale(1);
}
.kv__l,
.kv__r{
	position:relative;
	width:50%;
	display:block;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.kv__l{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:140.8vw;
		z-index:1;
	}
	.kv__r{
		position:absolute;
		left:0;
		width:100%;
		height:201.6vw;
		z-index:50;
	}
}
.kv__content{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:64;
}
.kv__contentInner{
	position:sticky;
	left:0;
	top:0;
	width:100%;
	height:100%;
	max-height:100vh;
}
@media screen and (max-width:768px){
	.kv__contentInner{
		position:relative;
		left:unset;
		top:unset;
		max-height:unset;
	}
}
.kv__inTitle{
	height:calc(100% - max(120px,28%));
	width:min(26.6666%,200px);
	margin:max(90px,18%) 0 max(60px,14%);
	-webkit-mask:url(../img/common/logo_kurayukaba.svg) no-repeat center center / contain;
	mask:url(../img/common/logo_kurayukaba.svg) no-repeat center center / contain;
	background:var(--color-yellow);
}
@media screen and (max-width:768px){
	.kv__inTitle{
		width:25.6vw;
		position:absolute;
		right:12.8vw;
		top:0;
		height:140.8vw;
		margin:0;
		z-index:100;
		-webkit-mask-position:center 60%;
		mask-position:center 60%;
	}
}
.kv__inDate{
	width:min(20%,150px);
	position:absolute;
	top:80px;
	z-index:21;
	bottom:80px;
}
.kv__l .kv__inDate{
	left:80px;
	background:url(../img/top/date_kurayukaba.svg) no-repeat center bottom / contain;
}
@media screen and (max-width:768px){
	.kv__inDate{
		width:16vw;
		top:9.6vw;
		z-index:21;
		bottom:9.6vw;
	}
	.kv__l .kv__inDate{
		right:9.6vw;
		left:unset;
		background-position: center top;
	}
}
.kv__inImg{
	position:sticky;
	z-index:59;
}
.kv__inImg img{
	width:100%;
	height:auto;
	display:block;
}
@media screen and (max-width:768px){
	.kv__inImg{
		position:relative;
		height:100%;
	}
	.kv__inImg img{
		width:auto;
		height:100%;
	}
	.kv__r .kv__inImg img{
		margin-left:auto;
	}
}
.kv__frame{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:61;
}
@media screen and (max-width:768px){
	.kv__frame{
		left:0;
		top:0;
		right:0;
		bottom:unset;
		height:140.8vw;
	}
}
.kv__frameInner{
	position:sticky;
	left:0;
	top:0;
	width:100%;
	height:100%;
	max-height:100vh;
}
@media screen and (max-width:768px){
	.kv__frameInner{
		max-height:unset;
	}
}
.kv__frameInner:before{
	content:'';
	position:absolute;
	width:13.3333%;
	top:0;
	bottom:0;
	background:linear-gradient(to right, rgba(32, 43, 32,0) 0%,rgba(32, 43, 32,1) 100%);
	background-size:100% auto;
	right:50%;
}
.kv__frameInner:after{
	content:'';
	position:absolute;
	width:13.3333%;
	top:0;
	bottom:0;
	background:linear-gradient(to right, rgba(32, 43, 32,0) 0%,rgba(32, 43, 32,1) 100%);
	background-size:100% auto;
	left:50%;
	transform:rotate(180deg);
}
@media screen and (max-width:768px){
	.kv__frameInner:before,
	.kv__frameInner:after{
		display:none;
	}
}
.kv__frameInnerIn{
	position:absolute;
	left:16px;
	top:16px;
	bottom:16px;
	right:16px;
	z-index:100;
}
@media screen and (max-width:768px){
	.kv__frameInnerIn{
		position:absolute;
		left:6px;
		top:6px;
		bottom:6px;
		right:6px;
	}
}
.kv__frameCorner{
	width:59px;
	height:59px;
	position:absolute;
	background:url(../img/top/kv_corner.png) no-repeat center center / contain;
}
.c--lt{
	left:0;
	top:0;
}
.c--rt{
	right:0;
	top:0;
	transform:rotate(90deg);
}
.c--lb{
	left:0;
	bottom:0;
	transform:rotate(270deg);
}
.c--rb{
	right:0;
	bottom:0;
	transform:rotate(180deg);
}
.kv__frameLine{
	position:absolute;
	height:20px;
	background:url(../img/top/kv_line-h.png) repeat center top / contain;
	left:58px;
	right:58px;
}
.l--t{
	top:0;
}
.l--b{
	bottom:0;
	transform:rotate(180deg);
}
.kv__frameInnerIn:before,
.kv__frameInnerIn:after{
	content:'';
	position:absolute;
	width:20px;
	background:url(../img/top/kv_line-v.png) repeat left center / contain;
	top:58px;
	bottom:58px;
}
.kv__frameInnerIn:before{
	left:0;
}
.kv__frameInnerIn:after{
	right:0;
	transform:rotate(180deg);
}
.kv__fullLine{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	pointer-events:none;
	z-index:71;
}
.kv__fullBox{
	position:sticky;
	left:0;
	top:0;
	width:100%;
	height:100%;
	max-height:100vh;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.kv__enTitle{
	width:400px;
	height:78px;
	left:50%;
	margin-left:-200px;
	position:absolute;
	display:flex;
	justify-content:center;
	padding:13px 0;
	pointer-events:none;
	transition:all 0.3s ease;
	z-index:500;
	align-items:flex-start;
	top:16px;
}
@media screen and (max-width:768px){
	.kv__enTitle{
		width:64vw;
		height:12.48vw;
		margin-left:-32vw;
		padding:2.08vw 0;
		top:16px;
	}
}
.kv__enTitle:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/common/h_title-kurayukaba.png) no-repeat center center / contain;
}

@media screen and (max-width:768px){
	.kv__enTitle{
		top:130vw;
		width:64vw;
		height:12.48vw;
		margin-left:-32vw;
		padding:2.08vw 0;
	}
	.kv__enTitle:after{
		width:44.16vw;
		height:3.52vw;
	}
}
.kv__lmContent{
	position:sticky;
	left:0;
	top:0;
	height:100%;
	max-height:100vh;
	display:flex;
	flex-direction:column;
}
@media screen and (max-width:768px){
	.kv__lmContent{
		position:block;
		left:unset;
		top:unset;
		height:100%;
		max-height:unset;
	}
}
.kv__lmBox-t{
	height:50%;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	z-index:10;
}
@media screen and (max-width:768px){
	.kv__lmBox-t{
		height:140.8vw;
	}
}
.kv__lmBox-b{
	height:50%;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	position:relative;
	z-index:-1;
}
@media screen and (max-width:768px){
	.kv__lmBox-b{
		height:56.8vw;
	}
}
.kv__lmBox-b:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:rgba(32, 43, 32,.6);
}
.kv__lmBox-b a{
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.kv__nav{
	padding-right:40px;
	position:relative;
	z-index:100;
}
@media screen and (max-width:768px){
	.kv__nav{
		display:none;
	}
}
.kv__navLists{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	transform:scale(1.2,1);
	transform-origin:right center;
}
.kv__navLists li:last-child{
	margin-top:1.5em;
}
.kv__navLists li a{
	display:block;
	padding:10px 20px;
	text-decoration:none;
	line-height:0.9;
	font-size:16px;
	pointer-events:auto
}
.kv__navLists li a span{
	display:block;
	padding:1px;
	transition:all 0.3s ease
}
.kv__navLists li a:hover span{
	background:var(--color-yellow);
	color:#000;
}
.topics{
	padding:40px 0 120px;
	position:relative;
	z-index:500;
}
@media screen and (max-width:768px){
	.topics{
		padding:12.8vw 6.4vw;
	}
}
.topics__inner{
	padding:0 min(200px,16.6666%);
}
@media screen and (max-width:768px){
	.topics__inner{
		padding:0;
	}
}
.topics .subSection__jTitleLine{
	left:40px;
}
@media screen and (max-width:768px){
	.topics .subSection__jTitleLine{
		left:3.2vw;
	}
}
.topics .subSection__jTitle:before{
	top:80px;
	width:120px;
	height:121px;
	background:url(../img/common/icon_kurayukaba.png) no-repeat center center / contain;
}
.topics .subSection__jTitle:after{
	width:37px;
	height:138px;
	-webkit-mask:url(../img/top/topics_title.svg) no-repeat center center / contain;
	mask:url(../img/top/topics_title.svg) no-repeat center center / contain;
	background:#ebe6de;
}
@media screen and (max-width:768px){
	.topics .subSection__jTitle:before{
		top:0;
		width:16vw;
		height:16vw;
	}
	.topics .subSection__jTitle:after{
		width:5.92vw;
		height:22.08vw;
	}
}
.article__lists li:nth-child(even) .article__listTime{
	color:var(--color-yellow);
}
@media screen and (hover:hover){
	.article__lists li:nth-child(odd) a:hover{
		color:var(--color-yellow);
	}
	.article__lists li:nth-child(even) a:hover{
		color:var(--color-yellow);
	}
}
@media screen and (hover:hover){
	.article__lists li:nth-child(odd) a:hover:after{
		background:var(--color-yellow);
		transform:translateX(10px);
	}
	.article__lists li:nth-child(even) a:hover:after{
		background:var(--color-yellow);
		transform:translateX(10px);
	}
}
.project__kurayukaba{
	width:240px;
	height:47px;
	margin:0 auto 24px;
	position:relative;
	display:flex;
	justify-content:center;
	padding:8px 0;
	z-index:60;
}
.project__kurayukaba:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/common/h_title-kurayukaba.png) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.project__kurayukaba{
		width:42.6666vw;
		height:8.3555vw;
		margin:0 auto 3.3333vw;
		padding:1.4222vw 0;
	}
}
.introduction .subSection__jTitleLine{
	left:40px;
}
@media screen and (max-width:768px){
	.introduction .subSection__jTitleLine{
		left:3.2vw;
	}
}
.introduction .subSection__jTitle:before{
	top:58px;
	width:120px;
	height:142px;
	background:url(../img/common/icon_kurayukaba.png) no-repeat center center / contain;
}
.story{
	padding:40px 0 120px;
	position:relative;
	z-index:500;
}
@media screen and (max-width:768px){
	.story{
		padding:12.8vw 0 6.4vw;
	}
}
.story__inner{
	padding:0 min(200px,16.6666%);
}
@media screen and (max-width:768px){
	.story__inner{
		padding:0;
	}
}
.story .subSection__jTitleLine{
	left:40px;
}
@media screen and (max-width:768px){
	.story .subSection__jTitleLine{
		left:3.2vw;
	}
}
.story .subSection__jTitle:before{
	top:80px;
	width:120px;
	height:121px;
	background:url(../img/common/icon_kurayukaba.png) no-repeat center center / contain;
}
.story .subSection__jTitle:after{
	width:37px;
	height:167px;
	-webkit-mask:url(../img/top/story_title.svg) no-repeat center center / contain;
	mask:url(../img/top/story_title.svg) no-repeat center center / contain;
	background:#ebe6de;
}
@media screen and (max-width:768px){
	.story .subSection__jTitle:before{
		top:0;
		width:16vw;
		height:16vw;
	}
	.story .subSection__jTitle:after{
		width:5.92vw;
		height:27.08vw;
	}
}
.story__inner{
	padding:0 min(200px,16.6666%);
}
@media screen and (max-width:768px){
	.story__inner{
		padding:0 6.4vw;
	}
}
.story__text{
	font-size:min(1.6666vw,20px);
	line-height:2;
	max-width:1400px;
	margin:0 auto 1.5em;
	text-align:center;
}
@media screen and (max-width:768px){
	.story__text{
		font-size:3.2vw;
		margin-bottom:1.5em;
	}
}
.story__catch{
	font-size:min(2.6666vw,32px);
	line-height:2;
	max-width:1400px;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.story__catch{
		font-size:4.2666vw;
	}
}
.character{
	padding:40px 0 120px;
	position:relative;
	z-index:500;
}
@media screen and (max-width:768px){
	.character{
		padding:12.8vw 6.4vw;
	}
}
.character__inner{
	padding:0 min(200px,16.6666%);
}
@media screen and (max-width:768px){
	.character__inner{
		padding:0;
	}
}
.character .subSection__jTitleLine{
	left:40px;
}
@media screen and (max-width:768px){
	.character .subSection__jTitleLine{
		left:3.2vw;
	}
}
.character .subSection__jTitle:before{
	top:80px;
	width:120px;
	height:121px;
	background:url(../img/common/icon_kurayukaba.png) no-repeat center center / contain;
}
.character .subSection__jTitle:after{
	width:38px;
	height:137px;
	-webkit-mask:url(../img/top/character_title.svg) no-repeat center center / contain;
	mask:url(../img/top/character_title.svg) no-repeat center center / contain;
	background:#ebe6de;
}
@media screen and (max-width:768px){
	.character .subSection__jTitle:before{
		top:0;
		width:16vw;
		height:16vw;
	}
	.character .subSection__jTitle:after{
		width:5.92vw;
		height:22.08vw;
	}
}
.character__nav{
	display:flex;
	flex-wrap:wrap;
	max-width:1400px;
	margin:0 auto 28px;
	justify-content:center;
}
@media screen and (max-width:768px){
	.character__nav{
		margin:0 auto 6.4vw;
	}
}
.character__nav li{
	width:80px;
	margin:0 12px 24px;
}
@media screen and (max-width:768px){
	.character__nav li{
		width:12.8vw;
		margin:0 1.6vw 3.2vw;
	}
}
.character__nav li a{
	height:80px;
	display:block;
	background:var(--color-gold);
	position:relative;
	transition:all 1s ease;
}
@media screen and (max-width:768px){
	.character__nav li a{
		height:12.8vw;
	}
}
.character__nav li a:hover{
	transform:scale(1.1);
	transition:all 0.2s ease;
}
.character__nav li a:before{
	content:'';
	position:absolute;
	left:3px;
	right:3px;
	top:3px;
	bottom:3px;
	background:url(../img/common/character_line.svg) no-repeat center center / contain;
	z-index:50;
}
@media screen and (max-width:768px){
	.character__nav li a:before{
		left:1px;
		right:1px;
		top:1px;
		bottom:1px;
	}
}
.character__navImg{
	position:absolute;
	left:3px;
	right:3px;
	top:3px;
	bottom:3px;
	-webkit-mask:url(../img/common/character_mask.svg) no-repeat center center / contain;
	mask:url(../img/common/character_mask.svg) no-repeat center center / contain;
	transition:all 0.3s ease;
}
.character__navImg img {
	width:100%;
	height:100%;
	object-fit: contain;
	display: block;
}
@media screen and (max-width:768px){
	.character__navImg{
		position:absolute;
		left:1px;
		right:1px;
		top:1px;
		bottom:1px;
	}
}
.character__nav li a.active .character__navImg{
	background:var(--color-yellow);
	mix-blend-mode: overlay;
}
.character__containerWrap{
	max-width:800px;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.character__containerWrap{
		width:100%;
		margin:0 auto;
	}
}
.character__container{
	position:relative;
	width:100%;
	padding-top:73%;
}
@media screen and (max-width:768px){
	.character__container{
		position:relative;
		width:100%;
		padding-top:0;
	}
}
.character__swiper{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media screen and (max-width:768px){
	.character__swiper{
		position:relative;
		left:unset;
		top:unset;
		width:100%;
	}
}
.character__swiper-slide{
	width:100%;
	height:100%;
	position:relative;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.character__swiper-slide{
		display:flex;
		flex-direction:column
	}
}
.character__swiper-slide.swiper-slide-active{
	transform:scale(1);
}
.character__texts{
	position:absolute;
	width:38.625%;
	left:0;
	top:13.7%;
	z-index:50;
	transition:all 0.6s ease;
	transform:scale(0.8);
}
@media screen and (max-width:768px){
	.character__texts{
		position:relative;
		width:100%;
		left:unset;
		top:unset;
		z-index:50;
		margin-top:-5.5em;
		order:1;
	}
}
.character__swiper-slide.swiper-slide-active .character__texts{
	transform:scale(1);
}
.character__texts h3{
	font-size:min(32px,2.6666vw);
}
@media screen and (max-width:768px){
	.character__texts h3{
		font-size:5.3333vw;
	}
}
.character__voice{
	font-size:min(20px,1.6666vw);
	margin-bottom:1em;
}
@media screen and (max-width:768px){
	.character__voice{
		font-size:3.7333vw;
	}
}
.character__voice span{
	font-size:min(16px,1.3333vw);
	color:var(--color-yellow);
	display:inline-block;
	margin-right:8px;
}
@media screen and (max-width:768px){
	.character__voice span{
		font-size:3.2vw;
	}
}
.character__description{
	font-size:min(16px,1.3333vw);
	line-height:2;
}
@media screen and (max-width:768px){
	.character__description{
		font-size:3.2vw;
		line-height:2;
	}
}
.character__img{
	top:0;
	position:absolute;
	left:25%;
	right:25%;
	bottom:0;
	transition:all 0.6s ease;
	transform:scale(0.8);
}
@media screen and (max-width:768px){
	.character__img{
		top:unset;
		position:relative;
		left:unset;
		right:unset;
		bottom:unset;
		width:80vw;
		margin:0 auto;
	}
}
.character__swiper-slide.swiper-slide-active .character__img{
	transform:scale(1);
}
.character__img img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
}
.character__subImgs{
/*	width:25%;
	position:absolute;
	right:0;
	top:13.7%;
	bottom:13.7%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;*/
	display:none;
}
@media screen and (max-width:768px){
	.character__subImgs{
/*		width:26.6666vw;
		right:0vw;
		top:0;
		bottom:unset;
		display:block;
*/
		display:none;
	}
}
.character__subImgs li{
	width:100%;
	padding-top:100%;
	border-radius:50%;
	overflow:hidden;
	background:#ebe6de;
	position:relative;
	transform:scale(0.8);
	transition:all 0.6s ease;
}
@media screen and (max-width:768px){
	.character__subImgs li{
		margin-bottom:3.2vw;
	}
}

/*.character__subImgs li:nth-child(2){
	transition-delay:0.15s
}*/
.character__swiper-slide.swiper-slide-active .character__subImgs li{
	transform:scale(1);
}
.character__subImgs li img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:contain;
}
.staffcast{
	padding:40px 0 120px;
	position:relative;
	z-index:500;
}
@media screen and (max-width:768px){
	.staffcast{
		padding:12.8vw 0;
	}
}
.staffcast__inner{
	padding:0 min(200px,16.6666%);
}
@media screen and (max-width:768px){
	.staffcast__inner{
		padding:0 0 12.8vw;
	}
}
.staffcast .subSection__jTitleLine{
	left:40px;
}
@media screen and (max-width:768px){
	.staffcast .subSection__jTitleLine{
		left:3.2vw;
	}
}
.staffcast .subSection__jTitle:before{
	top:80px;
	width:120px;
	height:121px;
	background:url(../img/common/icon_kurayukaba.png) no-repeat center center / contain;
}
.staffcast .subSection__jTitle:after{
	width:35px;
	height:312px;
	-webkit-mask:url(../img/top/staffcast_title.svg) no-repeat center center / contain;
	mask:url(../img/top/staffcast_title.svg) no-repeat center center / contain;
	background:#ebe6de;
}
@media screen and (max-width:768px){
	.staffcast .subSection__jTitle:before{
		top:0;
		width:16vw;
		height:16vw;
	}
	.staffcast .subSection__jTitle:after{
		-webkit-mask:url(../img/top/staffcast_title-s.svg) no-repeat center center / contain;
		mask:url(../img/top/staffcast_title-s.svg) no-repeat center center / contain;
		width:12vw;
		height:26.08vw;
	}
}
.staffcast__inner{
	padding:0 min(200px,16.6666%);
}
@media screen and (max-width:768px){
	.staffcast__inner{
		padding:0 6.4vw;
	}
}
.staff{
	max-width:800px;
	margin:0 auto 72px;
	display:flex;
	flex-direction:column;
}
@media screen and (max-width:768px){
	.staff{
		margin:0 auto 12.8vw;
	}
}
.staffcast__title{
	width:100%;
	text-align:right;
	font-size:48px;
	color:rgba(255,255,255,.24);
	order:1;
	line-height:1;
	transform:scale(1.2,1);
	transform-origin:right center;
	font-weight:700;
}
@media screen and (max-width:768px){
	.staffcast__title{
		font-size:8.0666vw;
	}
}
.sc__list{
	display:flex;
	margin-bottom:32px;
}
@media screen and (max-width:768px){
	.sc__list{
		display:flex;
		margin-bottom:1.5em;
		align-items:flex-start;
	}
}
.sc__list dt{
	width:50%;
	padding-right:0.5em;
	font-size:min(16px,1.3333vw);
	color:var(--color-yellow);
	text-align:right;
	padding-top:min(6px,0.4vw);
}
@media screen and (max-width:768px){
	.sc__list dt{
		font-size:3.2vw;
		width:55%;
	}
}
.sc__list dd{
	width:50%;
	padding-left:0.5em;
	font-size:min(20px,1.6666vw);
}
@media screen and (max-width:768px){
	.sc__list dd{
		font-size:3.7333vw;
		width:45%;
	}
}
.staff__btn{
	display:inline-block;
	height:24px;
	border:1px solid #ebe6de;
	border-radius:12px;
	background:rgba(32, 43, 32,.4);
	padding:0 14px;
	line-height:20px;
	text-decoration:none;
	font-size:14px;
	margin-left:10px;
	vertical-align:text-bottom;
	transition:all 0.3s ease
}
@media screen and (max-width:768px){
	.staff__btn{
		display: table;
		margin-left:0;
		margin-top:2vw
	}
}
@media screen and (min-width:769px){
	.staff__btn:hover{
		background:#ebe6de;
		color:#000;
	}
}
.cast{
	max-width:800px;
	margin:0 auto;
	display:flex;
	flex-direction:column;
}
.movie{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	position:relative;
	padding-top:56.25%;
}
@media screen and (max-width:768px){
	.movie{
		padding-top:90vh;
	}
}
.movie__inner{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:#202b20;
	color:#ebe6de;
	overflow:hidden;
}
@media screen and (max-width:768px){
	.movie__inner{
		overflow:hidden;
	}
}
.movie__inner:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:2;
	background:rgba(32, 43, 32,.4);
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px)
}
.movie .subSection__jTitleLine{
	left:40px;
	z-index:30;
	pointer-events:none;
}
@media screen and (max-width:768px){
	.movie .subSection__jTitleLine{
		left:3.2vw;
	}
}
.movie .subSection__jTitle:before{
	top:80px;
	width:120px;
	height:121px;
	background:url(../img/common/icon_kurayukaba.png) no-repeat center center / contain;
}
.movie .subSection__jTitle:after{
	width:36px;
	height:65px;
	-webkit-mask:url(../img/top/movie_title.svg) no-repeat center center / contain;
	mask:url(../img/top/movie_title.svg) no-repeat center center / contain;
	background:#ebe6de;
}
@media screen and (max-width:768px){
	.movie .subSection__jTitle:before{
		top:0;
		width:16vw;
		height:16vw;
	}
	.movie .subSection__jTitle:after{
		width:6vw;
		height:10.0833vw;
	}
}
.movie__bg{
	position:absolute;
	left:50%;
	top:50%;
	z-index:1;
}
@media screen and (min-width:769px){
	#mnoise{
		z-index:10;
	}
}
.movie__swiper{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	overflow:hidden;
	z-index:3
}
.movie__swiper-slide{
	width:50%;
	margin:0 3.3333%;
	opacity:0.4;
	transition:all 0.3s ease;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width:768px){
	.movie__bg{
		top:0 !important;
	}
	.movie__swiper{
		top:20vw;
		bottom:20vw;
	}
	.movie__swiper-slide{
		width:75vw;
		margin:0 3.2vw;
		position:relative;
	}
}
.movie__swiper-slide.swiper-slide-active{
	opacity:1
}
.movie__name{
	line-height:1;
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:27.125%;
	transform:translateX(-50%);
	z-index:50;
	background:#202b20;
	white-space:nowrap;
	color:#ebe6de;
}
.movie__swiper-slide a{
	display:flex;
	height:calc(100% - 160px);
	position:relative;
}
.movie__swiper-slide img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain
}
@media screen and (max-width:768px){
	.movie__name{
		padding-top:0;
		font-size:3.2vw;
		line-height:1;
	}
	.movie__swiper-slide a{
		display:block;
		height:auto;
		padding-top:56.25%;
		width:100%;
		position:absolute;
		left:0;
		top:50%;
		transform:translateY(-50%);
	}
	.movie__swiper-slide img{
		position:absolute;
		left:0;
		top:0;
	}
}
.movie__prev{
	position:absolute;
	left:0;
	z-index:550;
	top:0;
	bottom:0;
	width:calc(25% - 20px);
}
.movie__prev a{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	height:100%;
	position:relative
}
.movie__prev a:before{
	content:'';
	display:block;
	width:160px;
	height:32px;
	background:url(../img/common/movie_finger.png) no-repeat left center / contain;
	transform:rotateY(180deg);
	transition:all 0.3s ease
}
@media screen and (min-width:769px){
	.movie__prev a:hover:before{
		transform:translateX(-10px) rotateY(180deg);
	}
}
@media screen and (max-width:768px){
	.movie__prev{
		top:auto;
		width:25.6vw;
		height:28.8vw;
	}
	.movie__prev a{
		justify-content:center;
	}
	.movie__prev a:before{
		width:12.8vw;
		height:5vw;
		background:url(../img/common/movie_finger.png) no-repeat center center / contain;

	}
}
.movie__next{
	position:absolute;
	right:0;
	z-index:550;
	top:0;
	bottom:0;
	width:calc(25% - 20px);
}
.movie__next a{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	height:100%;
	position:relative
}
.movie__next a:before{
	content:'';
	display:block;
	width:160px;
	height:32px;
	background:url(../img/common/movie_finger.png) no-repeat left center / contain;
	transition:all 0.3s ease
}
@media screen and (min-width:769px){
	.movie__next a:hover:before{
		transform:translateX(10px);
	}
}
@media screen and (max-width:768px){
	.movie__next a{
		justify-content:center;
	}
	.movie__next{
		top:auto;
		width:25.6vw;
		height:28.8vw;
	}
	.movie__next a:before{
		width:12.8vw;
		height:5vw;
		background:url(../img/common/movie_finger.png) no-repeat center center / contain;
	}
}
.movie__counter{
	line-height:1;
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:18%;
	transform:translateX(-50%);
	z-index:50;
	white-space:nowrap;
	color:#ebe6de;
}
.movie__count{
	line-height:1
}
@media screen and (max-width:768px){
	.movie__counter{
		height:16vw;
		top:50%;
		bottom:unset;

		display:flex;
		flex-wrap:wrap;
		margin-top:44vw;
	}
	.movie__count{
		font-size:1.2rem;
	}
}
.music{
	padding:40px 0 120px;
	position:relative;
	z-index:500;
}
@media screen and (max-width:768px){
	.music{
		padding:12.8vw 6.4vw 6.4vw;
	}
}
.music__inner{
	padding:0 min(200px,16.6666%);
}
@media screen and (max-width:768px){
	.music__inner{
		padding:0 6.4vw;
	}
}
.music .subSection__jTitleLine{
	right:40px;
	z-index:30;
}
@media screen and (max-width:768px){
	.music .subSection__jTitleLine{
		right:3.2vw;
	}
}
.music .subSection__jTitle:before{
	top:80px;
	width:120px;
	height:121px;
	background:url(../img/common/icon_kuramerukagari.png) no-repeat center center / contain;
}
.music .subSection__jTitle:after{
	width:36px;
	height:65px;
	-webkit-mask:url(../img/top/music_title.svg) no-repeat center center / contain;
	mask:url(../img/top/music_title.svg) no-repeat center center / contain;
	background:#ebe6de;
}
@media screen and (max-width:768px){
	.music .subSection__jTitle:before{
		top:0;
		width:16vw;
		height:16vw;
	}
	.music .subSection__jTitle:after{
		width:6vw;
		height:10.0833vw;
	}
}
.music__content{
	max-width:800px;
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
@media screen and (max-width:768px){
	.music__content{
		display:block;
	}
}
.music__img{
	width:50%;
}
@media screen and (max-width:768px){
	.music__img{
		width:100%;
		margin-bottom:4vw;
	}
}
.music__img img{
	width:100%;
	height:auto;
}
.music__text{
	width:50%;
	padding-left:40px;
}
@media screen and (max-width:768px){
	.music__text{
		width:100%;
		padding-left:0;
	}
}
.music__title{
	font-size:min(2vw,24px);
	/*color:var(--color-yellow);*/
	margin-bottom:20px;
	font-weight: 700;
	line-height: 1.5;
	text-indent: -0.5em
}
@media screen and (max-width:768px){
	.music__title{
		font-size:4.4vw;
		margin-bottom:3vw;
	}
}
.music__title span {
	color:#FFF;
	display: inline-block;
}
.music__title small {
	color:#FFF;
	display: inline-block;
	font-weight: 400;
	font-size:min(14px,1.1666vw);
}
@media screen and (max-width:768px){
	.music__title small {
		font-size:3.6vw;
	}
}
.music__spec{
	margin-bottom:20px;
}
.music__specLine{
	display:flex;
	font-size:min(1.3333vw,16px);
	margin-bottom:10px;
}
@media screen and (max-width:768px){
	.music__specLine{
		font-size:3.6vw;
		margin-bottom:2vw;
	}
}
.music__specLine dt{
	color:var(--color-yellow);
	margin-right:1em;
	white-space:nowrap;
}
.music__specLine dd{
	flex:1;
}
.music__intext{
	font-size:min(1.3333vw,16px);
}
@media screen and (max-width:768px){
	.music__intext{
		font-size:3.2vw;
	}
}
.music__pBox {
	margin-top:min(30px,2.5vw);
	border:1px solid #FFF;
	padding:min(20px,1.6666vw) min(26px,2.1666vw) min(26px,2.1666vw);
	width:100%;
}
@media screen and (max-width:768px){
	.music__pBox {
		padding:3.2vw;
		width:calc(100% + 12.8vw);
		margin:3.2vw -6.4vw;
	}
}
.music__pBox h4 {
	color:var(--color-yellow);
	font-size:min(20px,1.6666vw);
	margin-bottom: 0.8em
}
@media screen and (max-width:768px){
	.music__pBox h4 {
		font-size:4vw;
	}
}
.music__pBoxInner {
	display: flex;
}
@media screen and (max-width:768px){
	.music__pBoxInner {
		flex-direction: column;
		align-items: center;
	}
}
.music__pBoxArtist {
	width:27%;
	margin-right:min(20px,1.6666vw);
}
@media screen and (max-width:768px){
	.music__pBoxArtist {
		width:60%;
		margin: 0 0 4vw;
	}
}
.music__pBoxArtist img {
	width:100%;
	height:auto;
}
.music__pBoxProfile {
	flex:1;
	font-size:min(15px,1.25vw);
	word-break: break-all;
}
@media screen and (max-width:768px){
	.music__pBoxProfile {
		font-size:3.2vw;
	}
}
.music__pBoxProfile a {
	color:var(--color-yellow);
}
.subContents{
	padding-bottom:0;
}
.subContents__nav{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	z-index:5000;
}
@media screen and (max-width:768px){
	.subContents__nav{
		position:fixed;
		left:0;
		right:0;
		top:0;
		bottom:0;
		pointer-events:none;
		z-index:9999;
	}
}
.subContents__navin{
	max-height:100%;
	height:100vh !important;
	position:sticky;
	width:unset !important;
	left:0;
	top:0;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
@media screen and (max-width:768px){
	.subContents__navin{
		position:absolute;
		left:0;
		top:0;
		width:100% !important;
		height:100% !important;
		overflow:auto;
		opacity:0;
		filter:blur(8px);
		transition:all 0.3s ease;
		overscroll-behavior:contain;
		background:rgba(32, 43, 32,.8);
		-webkit-backdrop-filter:blur(8px);
		backdrop-filter:blur(8px);
		pointer-events:none;
	}
	.subContents__navin.active{
		pointer-events:auto;
	}
}
.subContents__navin:before{
	content:'';
	position:absolute;
	left:30px;
	top:30px;
	width:120px;
	height:121px;
	opacity:0.1;
	background:url(../img/common/icon_kurayukaba.png) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.subContents__navin:before{
		display:none;
	}
}
.subContents__navBox{
	padding:40px 40px 40px 0;
	height:100% !important;
	display:flex;
	flex-direction:column;
	justify-content:space-between !important;
	pointer-events:none !important;
	background:transparent !important;
	backdrop-filter:unset !important;
	-webkit-backdrop-filter:unset !important;
}
@media screen and (max-width:768px){
	.subContents__navBox{
		padding:12.8vw 0;
		height:unset;
		display:block;
		pointer-events:none !important;
	}
	.nav.active .subContents__navBox{
		pointer-events:auto !important;
	}
}
.subContents__navLogo{
	width:80px;
	height:136px;
	margin-bottom:20px;
	margin-left:auto;
}
@media screen and (max-width:768px){
	.subContents__navLogo{
		width:19.2vw;
		height:29vw;
		margin:0 auto 5vw;
	}
}
.subContents__navLogo a{
	display:block;
	height:136px;
	-webkit-mask:url(../img/common/logo_kurayukaba.svg) no-repeat center top / contain;
	mask:url(../img/common/logo_kurayukaba.svg) no-repeat center top / contain;
	background:var(--color-yellow);
	pointer-events:auto:;
}
@media screen and (max-width:768px){
	.subContents__navLogo a{
		height:29vw;
	}
}
.subContents__navLists{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	width:100%;
	overflow:hidden;
}
@media screen and (max-width:768px){
	.subContents__navLists{
		display:block;
		transform-origin: center center;
	}
}
.subContents__navBox:after{
	content:'';
	display:block;
	width:80px;
	height:136px;
	margin-top:20px;
}
@media screen and (max-width:768px){
	.subContents__navBox:after{
		display:none;
	}
}
.subContents__navLists li{
	transform:scale(1.2,1);
	transform-origin:right center;
}
.subContents__navLists li:last-child{
	margin-top:1.5em;
}
.subContents__navLists li a{
	display:block;
	padding:8px 0;
	text-decoration:none;
	line-height:0.9;
	font-size:16px;
	pointer-events:auto;
}
@media screen and (max-width:768px){
	.subContents__navLists li{
		transform-origin:center center;
	}
	.subContents__navLists li a{
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		height:14vw;
		padding:0;
		font-size:4.2666vw;
		pointer-events:none
	}
	.nav.active .subContents__navLists li a{
		pointer-events:auto;
	}
}
.subContents__navLists li a span{
	display:block;
	padding:1px;
	transition:all 0.3s ease
}
.subContents__navLists li a:hover span,
.subContents__navLists li a.is-active span{
	background:var(--color-yellow);
	color:#000;
}
.subContents__nTitle{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	z-index:5000;
}
@media screen and (max-width:768px){
	.subContents__nTitle{
		display:none;
	}
}
.subContents__nTitlein{
	max-height:100%;
	height:100vh;
	position:sticky;
	left:0;
	top:0;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.subContents__nTitleBox{
	padding:40px 0 40px 40px;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
.subContents__nTitleLogo{
	width:64px;
	height:136px;
	margin-left:auto;
}
@media screen and (max-width:768px){
	.subContents__nTitleLogo{
		width:12.8vw;
		height:30.4vw;
		margin-right:auto;
		margin-left:3.2vw;
	}
}
.subContents__nTitleLogo a{
	display:block;
	height:136px;
	-webkit-mask:url(../img/common/logo_kuramerukagari.svg) no-repeat center bottom / contain;
	mask:url(../img/common/logo_kuramerukagari.svg) no-repeat center bottom / contain;
	background:rgba(255,255,255,.4);
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.subContents__nTitleLogo a{
		display:block;
		height:30.4vw;
		-webkit-mask-position:center center;
		mask-position:center center;
	}
}
.subContents__nTitleLogo a:hover{
	background:var(--color-orange);
}